/*
Theme Name: PokaTheme Child
Template: pokatheme
Theme URI: https://pokatheme.com
Description: Premium Affiliate WordPress Theme
Author: PokaTheme
Author URI: https://pokatheme.com
Version: 1.0.0
License: Licensed theme
Tags: black, blue, white, two-columns
Text Domain:  poka
*/

/*
    Add your custom styles here
*/
/* =============================================================================
   SiteTierList Site Card System
   ============================================================================= */

.stl-site-card-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  align-items:start;
  margin:24px 0;
}

.stl-site-card-grid--cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr));
}

.stl-site-card-grid--cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.stl-site-card-grid--cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.stl-site-card-grid--cols-4{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.stl-site-card-grid--cols-5{
  grid-template-columns:repeat(5, minmax(0, 1fr));
}

@media (max-width:1200px){
  .stl-site-card-grid,
  .stl-site-card-grid--cols-4,
  .stl-site-card-grid--cols-5{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width:900px){
  .stl-site-card-grid,
  .stl-site-card-grid--cols-3,
  .stl-site-card-grid--cols-4,
  .stl-site-card-grid--cols-5{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:560px){
  .stl-site-card-grid,
  .stl-site-card-grid--cols-1,
  .stl-site-card-grid--cols-2,
  .stl-site-card-grid--cols-3,
  .stl-site-card-grid--cols-4,
  .stl-site-card-grid--cols-5{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

.stl-site-card{
  width:100%;
  max-width:370px;
  margin:0 auto;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:9px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(15,23,42,.08);
  padding:0 0 12px;
}

.stl-site-card-grid .stl-site-card{
  max-width:100%;
  height:100%;
}

.stl-site-card__logo-wrap{
  padding:16px 16px 10px;
  background:#fff;
  border-bottom:1px solid #f1f5f9;
}

.stl-site-card__logo-box{
  position:relative;
  width:100%;
  aspect-ratio:1.24 / 1;
  background:#050505;
  border:4px solid #d8ca73;
  box-shadow:
    inset 0 0 24px rgba(255,238,121,.32),
    0 2px 10px rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.stl-site-card__logo-link{
  width:100%;
  height:100%;
  display:block;
  color:inherit;
  text-decoration:none;
}

.stl-site-card__logo-box img{
  width:100%;
  height:100%;
  display:block;
  object-position:center;
}

.stl-site-card--fit-cover .stl-site-card__logo-box img{
  object-fit:cover;
}

.stl-site-card--fit-contain .stl-site-card__logo-box img{
  object-fit:contain;
  background:#050505;
}

.stl-site-card__logo-placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  color:#f9e27b;
  font-size:32px;
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.5px;
  text-align:center;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,238,121,.24), transparent 22%),
    radial-gradient(circle at 80% 20%, rgba(255,238,121,.12), transparent 22%),
    linear-gradient(135deg, #050505, #111827);
}

.stl-site-card__info{
  margin:0 16px 12px;
  border:1px solid #e5e7eb;
  border-radius:7px;
  overflow:hidden;
  background:#fff;
}

.stl-site-card__row{
  display:grid;
  grid-template-columns:112px 1fr;
  min-height:42px;
}

.stl-site-card__row + .stl-site-card__row{
  border-top:1px solid #e5e7eb;
}

.stl-site-card__label{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#252525;
  color:#fff;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  padding:8px 10px;
  word-break:keep-all;
}

.stl-site-card__value{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#4b5563;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  padding:8px 10px;
  word-break:keep-all;
  min-width:0;
}

.stl-site-card__value--code{
  color:#ef4444;
  font-size:18px;
  font-weight:900;
}

.stl-site-card__actions{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
  gap:6px;
  padding:0 16px;
}

.stl-site-card__btn{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  font-size:18px;
  font-weight:900;
  line-height:1;
  text-align:center;
  text-decoration:none !important;
  transition:
    background-color .16s ease,
    color .16s ease,
    border-color .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}

.stl-site-card__btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(15,23,42,.12);
}

.stl-site-card__btn--detail{
  border:2px solid #222;
  background:#fff;
  color:#111 !important;
}

.stl-site-card__btn--detail:hover{
  background:#111;
  color:#fff !important;
}

.stl-site-card__btn--go{
  border:2px solid #ef4444;
  background:#fff;
  color:#ef4444 !important;
}

.stl-site-card__btn--go:hover{
  background:#ef4444;
  color:#fff !important;
}

@media (max-width:480px){
  .stl-site-card{
    max-width:100%;
    border-radius:8px;
  }

  .stl-site-card__logo-wrap{
    padding:12px 12px 8px;
  }

  .stl-site-card__info{
    margin:0 12px 10px;
  }

  .stl-site-card__row{
    grid-template-columns:104px 1fr;
    min-height:40px;
  }

  .stl-site-card__label,
  .stl-site-card__value{
    font-size:15px;
  }

  .stl-site-card__value--code{
    font-size:17px;
  }

  .stl-site-card__actions{
    padding:0 12px;
  }

  .stl-site-card__btn{
    min-height:46px;
    font-size:17px;
  }
}

/* =============================================================================
   SiteTierList Main Page Sections
   ============================================================================= */

.stl-main-section{
  margin:34px 0 42px;
}

.stl-main-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
}

.stl-main-section__head h2{
  margin:0;
  color:#111827;
  font-size:26px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.04em;
}

.stl-main-section .stl-site-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.stl-main-section .stl-site-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 38px rgba(15,23,42,.14);
  border-color:#d1d5db;
}

@media (max-width:560px){
  .stl-main-section{
    margin:26px 0 34px;
  }

  .stl-main-section__head h2{
    font-size:22px;
  }
}
.stl-hero-banner{
  margin:24px 0 36px;
  padding:42px 44px;
  border-radius:26px;
  background:linear-gradient(135deg,#111827,#2451d6);
  color:#fff;
  box-shadow:0 20px 45px rgba(15,23,42,.16);
}

.stl-hero-banner h1{
  margin:0 0 14px;
  font-size:38px;
  font-weight:900;
  letter-spacing:-.05em;
  line-height:1.2;
}

.stl-hero-banner p{
  margin:0;
  max-width:760px;
  font-size:18px;
  font-weight:600;
  line-height:1.7;
  color:#dbeafe;
}

.stl-hero-banner__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}

.stl-hero-banner__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:12px;
  font-size:16px;
  font-weight:900;
  text-decoration:none !important;
  transition:.18s ease;
}

.stl-hero-banner__btn--primary{
  background:#fff;
  color:#111827 !important;
}

.stl-hero-banner__btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}

.stl-hero-banner__btn--secondary{
  border:2px solid rgba(255,255,255,.55);
  color:#fff !important;
}

.stl-hero-banner__btn--secondary:hover{
  background:rgba(255,255,255,.12);
  transform:translateY(-2px);
}

@media(max-width:560px){
  .stl-hero-banner{
    padding:30px 24px;
    border-radius:20px;
  }

  .stl-hero-banner h1{
    font-size:28px;
  }

  .stl-hero-banner p{
    font-size:15px;
  }

  .stl-hero-banner__btn{
    width:100%;
  }
}

html{
  scroll-behavior:smooth;
}


#stl-section-top,
#stl-section-verify{
  scroll-margin-top:90px;
}
/* 사이트 카드 상세페이지 중앙 정렬 */
body.single-stl_site .stl-single-site {
	width: 100%;
	padding: 45px 0 120px;
	background: #fff;
}

body.single-stl_site .stl-single-site__inner {
	max-width: 1120px;
	width: calc(100% - 32px);
	margin-left: auto;
	margin-right: auto;
}

body.single-stl_site .stl-single-site__title {
	margin: 0 0 28px;
	font-size: 42px;
	font-weight: 900;
	line-height: 1.25;
	color: #111827;
}

body.single-stl_site .stl-single-site__thumb {
	margin: 0 0 32px;
}

body.single-stl_site .stl-single-site__thumb img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-radius: 14px;
}

body.single-stl_site .stl-single-site__content {
	font-size: 18px;
	line-height: 1.8;
	color: #111827;
}

body.single-stl_site .stl-single-site__content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

/* 혹시 Poka 기본 템플릿 구조가 일부 남아있을 때 대비용 */
body.single-stl_site .entry-title,
body.single-stl_site .post-title,
body.single-stl_site main > h1 {
	max-width: 1120px;
	width: calc(100% - 32px);
	margin-left: auto !important;
	margin-right: auto !important;
}

body.single-stl_site .entry-content,
body.single-stl_site .post-content,
body.single-stl_site .site-main > article {
	max-width: 1120px;
	width: calc(100% - 32px);
	margin-left: auto !important;
	margin-right: auto !important;
}

body.single-stl_site .entry-content img,
body.single-stl_site .post-content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 768px) {
	body.single-stl_site .stl-single-site {
		padding: 30px 0 100px;
	}

	body.single-stl_site .stl-single-site__title {
		font-size: 32px;
	}

	body.single-stl_site .stl-single-site__content {
		font-size: 16px;
	}
}
/* =============================================================================
   SiteTierList Dark Premium Bottom Fixed Bar
   ============================================================================= */

body.single-stl_site {
	padding-bottom: 126px !important;
}

html body .stl-bottom-fixed-review {
	display: block !important;
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	min-height: 114px !important;
	padding: 0 !important;
	background: #171a1f !important;
	border-top: 1px solid rgba(255,255,255,.08) !important;
	box-shadow: 0 -10px 32px rgba(0,0,0,.35) !important;
	z-index: 2147483000 !important;
	box-sizing: border-box !important;
}

html body .stl-bottom-fixed-review,
html body .stl-bottom-fixed-review * {
	box-sizing: border-box !important;
}

html body .stl-bottom-fixed-review .container {
	max-width: 1480px !important;
	width: calc(100% - 40px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

html body .stl-bottom-fixed-review__inner {
	min-height: 114px !important;
	display: grid !important;
	grid-template-columns: 120px minmax(260px, 1fr) auto !important;
	align-items: center !important;
	gap: 28px !important;
	width: 100% !important;
}

html body .stl-bottom-fixed-review__brand {
	width: 120px !important;
	height: 80px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}

html body .stl-bottom-fixed-review__brand img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 120px !important;
	max-height: 70px !important;
	object-fit: contain !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	filter: drop-shadow(0 3px 6px rgba(0,0,0,.35)) !important;
}

html body .stl-bottom-fixed-review__brand strong {
	display: block !important;
	color: #f8fafc !important;
	font-size: 26px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.04em !important;
}

html body .stl-bottom-fixed-review__info {
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
}

html body .stl-bottom-fixed-review__name {
	margin: 0 !important;
	color: #ffffff !important;
	font-size: 32px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.04em !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 100% !important;
}

html body .stl-bottom-fixed-review__rating {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-top: 6px !important;
	line-height: 1 !important;
}

html body .stl-bottom-fixed-review__stars {
	color: #ffc400 !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	letter-spacing: 1px !important;
	text-shadow: 0 2px 4px rgba(0,0,0,.35) !important;
}

html body .stl-bottom-fixed-review__score {
	color: #9ca3af !important;
	font-size: 18px !important;
	font-weight: 800 !important;
}

/* 가입코드는 버튼에 넣을 거라 별도 줄은 숨김 */
html body .stl-bottom-fixed-review__code {
	display: none !important;
}

html body .stl-bottom-fixed-review__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 270px !important;
	height: 76px !important;
	padding: 0 34px !important;
	border: 0 !important;
	border-radius: 7px !important;
	background: #31d071 !important;
	color: #ffffff !important;
	font-size: 29px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	letter-spacing: -0.04em !important;
	box-shadow:
		0 0 0 1px rgba(255,255,255,.08) inset,
		0 0 26px rgba(49,208,113,.38),
		0 10px 24px rgba(0,0,0,.28) !important;
	transition:
		transform .16s ease,
		background-color .16s ease,
		box-shadow .16s ease !important;
	white-space: nowrap !important;
}

html body .stl-bottom-fixed-review__btn:hover {
	color: #ffffff !important;
	background: #22c55e !important;
	text-decoration: none !important;
	transform: translateY(-2px) !important;
	box-shadow:
		0 0 0 1px rgba(255,255,255,.1) inset,
		0 0 34px rgba(49,208,113,.52),
		0 12px 28px rgba(0,0,0,.34) !important;
}

@media (max-width: 768px) {
	body.single-stl_site {
		padding-bottom: 92px !important;
	}

	html body .stl-bottom-fixed-review {
		min-height: 86px !important;
	}

	html body .stl-bottom-fixed-review .container {
		width: calc(100% - 24px) !important;
	}

	html body .stl-bottom-fixed-review__inner {
		min-height: 86px !important;
		grid-template-columns: 58px minmax(0, 1fr) auto !important;
		gap: 12px !important;
	}

	html body .stl-bottom-fixed-review__brand {
		width: 58px !important;
		height: 58px !important;
	}

	html body .stl-bottom-fixed-review__brand img {
		max-width: 58px !important;
		max-height: 46px !important;
	}

	html body .stl-bottom-fixed-review__brand strong {
		font-size: 18px !important;
	}

	html body .stl-bottom-fixed-review__name {
		font-size: 21px !important;
	}

	html body .stl-bottom-fixed-review__rating {
		margin-top: 5px !important;
		gap: 5px !important;
	}

	html body .stl-bottom-fixed-review__stars {
		font-size: 16px !important;
		letter-spacing: 0 !important;
	}

	html body .stl-bottom-fixed-review__score {
		font-size: 13px !important;
	}

	html body .stl-bottom-fixed-review__btn {
		min-width: 138px !important;
		height: 54px !important;
		padding: 0 14px !important;
		border-radius: 8px !important;
		font-size: 17px !important;
	}
}

@media (max-width: 420px) {
	html body .stl-bottom-fixed-review__inner {
		grid-template-columns: 48px minmax(0, 1fr) auto !important;
		gap: 9px !important;
	}

	html body .stl-bottom-fixed-review__brand {
		width: 48px !important;
		height: 48px !important;
	}

	html body .stl-bottom-fixed-review__brand img {
		max-width: 48px !important;
		max-height: 40px !important;
	}

	html body .stl-bottom-fixed-review__name {
		font-size: 18px !important;
	}

	html body .stl-bottom-fixed-review__stars {
		font-size: 14px !important;
	}

	html body .stl-bottom-fixed-review__score {
		font-size: 12px !important;
	}

	html body .stl-bottom-fixed-review__btn {
		min-width: 118px !important;
		height: 50px !important;
		font-size: 15px !important;
	}
}
/* 사이트 카드 상세글 본문 간격 정리 */
body.single-stl_site .stl-single-site__content {
	word-break: keep-all;
	overflow-wrap: break-word;
}

/* 문단 간격 */
body.single-stl_site .stl-single-site__content p {
	margin: 0 0 22px !important;
}

/* 목록 간격 */
body.single-stl_site .stl-single-site__content ul,
body.single-stl_site .stl-single-site__content ol {
	margin: 12px 0 34px 28px !important;
	padding-left: 18px !important;
}

/* 목록 안 항목 간격 */
body.single-stl_site .stl-single-site__content li {
	margin: 0 0 10px !important;
	line-height: 1.75 !important;
}

/* 리스트 마지막 항목은 과한 여백 제거 */
body.single-stl_site .stl-single-site__content li:last-child {
	margin-bottom: 0 !important;
}

/* H2 제목 간격 */
body.single-stl_site .stl-single-site__content h2 {
	margin: 56px 0 20px !important;
	font-size: 38px;
	font-weight: 900;
	line-height: 1.25;
	letter-spacing: -0.04em;
	color: #111827;
}

/* H3 제목 간격 */
body.single-stl_site .stl-single-site__content h3 {
	margin: 42px 0 16px !important;
	font-size: 28px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: -0.03em;
	color: #111827;
}

/* H4 제목 간격 */
body.single-stl_site .stl-single-site__content h4 {
	margin: 32px 0 14px !important;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.35;
	color: #111827;
}

/* 목록 바로 다음 제목이 붙는 문제 방지 */
body.single-stl_site .stl-single-site__content ul + h2,
body.single-stl_site .stl-single-site__content ol + h2 {
	margin-top: 62px !important;
}

body.single-stl_site .stl-single-site__content ul + h3,
body.single-stl_site .stl-single-site__content ol + h3 {
	margin-top: 46px !important;
}

/* 구분선 */
body.single-stl_site .stl-single-site__content hr,
body.single-stl_site .stl-single-site__content .wp-block-separator {
	margin: 46px 0 !important;
}

/* 표 간격 */
body.single-stl_site .stl-single-site__content table {
	margin: 24px 0 36px !important;
}

/* 이미지 위아래 간격 */
body.single-stl_site .stl-single-site__content figure,
body.single-stl_site .stl-single-site__content .wp-block-image {
	margin: 34px 0 !important;
}
/* Rank Math TOC - 사이트 카드 상세페이지 목차 스타일 */
body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block {
	margin: 28px 0 42px !important;
	padding: 24px 28px !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}

body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block h2,
body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block h3 {
	margin: 0 0 18px !important;
	font-size: 26px !important;
	font-weight: 900 !important;
	line-height: 1.3 !important;
	color: #111827 !important;
}

body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block ul,
body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block ol {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block li {
	position: relative !important;
	margin: 0 0 12px !important;
	padding-left: 26px !important;
	line-height: 1.65 !important;
	list-style: none !important;
}

body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block li::before {
	content: "▷" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0.05em !important;
	color: #22c55e !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	line-height: 1.4 !important;
}

body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block li li {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	padding-left: 22px !important;
}

body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block li li::before {
	content: "▹" !important;
	color: #22c55e !important;
	font-size: 15px !important;
}

body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block a {
	color: #16a34a !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

body.single-stl_site .stl-single-site__content .wp-block-rank-math-toc-block a:hover {
	color: #15803d !important;
	text-decoration: underline !important;
}
/* =========================================================
   SiteTierList — 일반 게시물 작성자·메타·하단 폼 제거
========================================================= */

/* 제목 아래 작성자 / 카테고리 / 날짜 / 조회수 줄 전체 제거 */
body.single-post
.single-post-wrapper
.post-element-info {
	display: none !important;
}

/* 본문 하단의 큰 Author 카드 제거 */
body.single-post
.single-post-bottom
.author-card {
	display: none !important;
}

/* Author 카드 주변의 SNS 아이콘 제거 */
body.single-post
.single-post-bottom
.social-icons {
	display: none !important;
}

/* 혹시 템플릿 버전에 따라 author-card 위치가 다른 경우 */
body.single-post :is(
	.author-card,
	.author-box,
	.post-author-box,
	.entry-author
) {
	display: none !important;
}

/* 푸터 구독 폼 자체 제거 */
.site-footer .section-newsletter-flex {
	display: none !important;
}

/* 구독 폼을 감싼 빈 푸터 구역까지 제거 */
.site-footer
.footer-section:has(.section-newsletter-flex) {
	display: none !important;
}
/* ==================================================
   SITETIERLIST Footer Telegram Contact
================================================== */

.stl-footer-telegram {
    width: 100%;
    max-width: 560px;
    padding: 4px 0 4px 22px;
    border-left: 3px solid #44be4c;
    box-sizing: border-box;
    font-family: inherit;
}

.stl-footer-telegram *,
.stl-footer-telegram *::before,
.stl-footer-telegram *::after {
    box-sizing: border-box;
}

.stl-footer-telegram__header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.stl-footer-telegram__icon {
    display: block;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 0;
    text-decoration: none !important;
    box-shadow: none !important;
}

.stl-footer-telegram__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.stl-footer-telegram__content {
    min-width: 0;
    flex: 1 1 auto;
}

.stl-footer-telegram__title {
    margin: 0 0 5px;
    color: #1d2730;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.stl-footer-telegram__description {
    margin: 0;
    color: #33424b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
}

.stl-footer-telegram__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 15px;
}

.stl-footer-telegram__username {
    display: inline-flex;
    align-items: center;
    color: #1682b5 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none !important;
    box-shadow: none !important;
}

.stl-footer-telegram__username:hover {
    color: #0f668e !important;
    text-decoration: underline !important;
}

.stl-footer-telegram__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid #2d9f38;
    border-radius: 5px;
    background: #ffffff;
    color: #237b2c !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: none !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.stl-footer-telegram__button:hover {
    border-color: #237b2c;
    background: #237b2c;
    color: #ffffff !important;
    text-decoration: none !important;
}

.stl-footer-telegram__button:focus-visible,
.stl-footer-telegram__username:focus-visible,
.stl-footer-telegram__icon:focus-visible {
    outline: 2px solid #229ed9;
    outline-offset: 3px;
}

.stl-footer-telegram__notice {
    margin: 11px 0 0 !important;
    color: #6b7280;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
}

/* 태블릿 및 모바일 */
@media (max-width: 767px) {

    .stl-footer-telegram {
        max-width: none;
        padding: 22px 0 0;
        border-top: 1px solid #e5e7eb;
        border-left: 0;
    }

    .stl-footer-telegram__header {
        gap: 12px;
    }

    .stl-footer-telegram__icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .stl-footer-telegram__title {
        font-size: 18px;
    }

    .stl-footer-telegram__description {
        font-size: 13px;
    }

    .stl-footer-telegram__actions {
        align-items: stretch;
    }

    .stl-footer-telegram__button {
        min-height: 42px;
    }

    .stl-footer-telegram__notice {
        font-size: 11px;
    }
}

/* 아주 좁은 모바일 */
@media (max-width: 480px) {

    .stl-footer-telegram__actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .stl-footer-telegram__button {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .stl-footer-telegram {
        border-left: 0 !important;
        padding-left: 0 !important;
    }
}