/* limeglowkorea.com — page-level styles that the original build injected inline (styled-jsx) plus nav/mobile/RTL glue */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1200px){.hidden-mobile{display:none!important}}
@media (min-width:1201px){.hidden-desktop{display:none!important}}
.lg-hscroll::-webkit-scrollbar{display:none}.lg-hscroll{scrollbar-width:none;-ms-overflow-style:none}
.lg-imgscroll::-webkit-scrollbar{display:none}.lg-imgscroll{scrollbar-width:none;-ms-overflow-style:none}

/* ---- nav ---- */
.lg-nav{background:#fff;border-bottom:1px solid #f0f0f0}
.lg-nav .lg-logo--white{display:none}.lg-nav .lg-logo--black{display:block}
.lg-nav .lg-nav-link{font-size:18px;color:#2a3a00;text-decoration:none}
.lg-nav .lg-langbtn{display:flex;align-items:center;gap:4px;background:#f5f5f5;border:1px solid #ececec;border-radius:20px;padding:6px 11px;cursor:pointer;font-size:15px;color:#2a3a00}
.lg-nav .lg-iconbtn{color:#1a1a1a}
.lg-nav .lg-burger span{display:block;width:16px;height:2px;border-radius:2px;background:#1a1a1a}
.lg-nav--transparent:not(.is-solid){background:transparent;border-bottom:none}
.lg-nav--transparent:not(.is-solid) .lg-logo--white{display:block}.lg-nav--transparent:not(.is-solid) .lg-logo--black{display:none}
.lg-nav--transparent:not(.is-solid) .lg-nav-link{color:#fff}
.lg-nav--transparent:not(.is-solid) .lg-langbtn{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25);color:#fff}
.lg-nav--transparent:not(.is-solid) .lg-iconbtn{color:#fff}
.lg-nav--transparent:not(.is-solid) .lg-burger span{background:#fff}
.lg-langmenu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.12);padding:6px;min-width:190px;z-index:60;display:flex;flex-direction:column}
.lg-langmenu a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;font-size:13px;color:#333;text-decoration:none;white-space:nowrap}
.lg-langmenu a:hover{background:#f9ffe0}.lg-langmenu a.is-active{background:#CCFF00;color:#2a3a00;font-weight:700}
[dir=rtl] .lg-langmenu{right:auto;left:0}
.lg-mobile-panel{background:#fff;border-top:1px solid #f0f0f0;padding:8px 0 12px;box-shadow:0 12px 30px rgba(0,0,0,0.08)}
.lg-mobile-link{display:block;padding:12px 24px;font-size:15px;color:#1a1a1a;text-decoration:none;font-weight:600;border-bottom:1px solid #f7f7f7}
.lg-mobile-langs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 24px 4px}
.lg-mobile-langs a{font-size:12px;padding:6px 10px;border:1px solid #eee;border-radius:14px;text-decoration:none;color:#555}
.lg-mobile-langs a.is-active{background:#CCFF00;border-color:#CCFF00;color:#2a3a00;font-weight:700}

/* ---- flash ---- */
.lg-flash{position:fixed;top:78px;left:50%;transform:translateX(-50%);z-index:70;background:#1a1a1a;color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,0.2);max-width:90vw}
.lg-flash--success{background:#2a3a00;color:#CCFF00}.lg-flash--error{background:#c0392b}

/* ---- home ---- */
.clinic-scroll{scroll-padding-left:24px;padding-top:8px}
.hero-h1{font-size:42px}.hero-sub{font-size:15px}
@media (max-width:640px){.hero-h1{font-size:28px;letter-spacing:-0.3px}.hero-sub{font-size:14px}.clinic-scroll{padding-left:20px!important;padding-right:20px!important}}
@keyframes rotateBadge{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes scrollCue{0%,100%{transform:translateX(-50%) translateY(0);opacity:.65}50%{transform:translateX(-50%) translateY(8px);opacity:1}}
.scroll-cue{position:absolute;bottom:26px;left:50%;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:scrollCue 1.8s ease-in-out infinite;z-index:3}
@media (max-width:768px){.scroll-cue{display:none!important}.badge-desktop{display:none!important}.hero-image-wrap{height:35vh!important}.hero-text-desktop{display:none!important}}
@media (max-width:1024px){.badge-desktop{display:none!important}}
.clinic-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.1);transform:translateY(-4px);border-color:var(--lime)!important}
.clinic-card:hover .clinic-title{color:var(--lime-hover)}
@media (max-width:768px){.safety-row{flex-direction:column!important}.safety-row>div:first-child{flex:none!important;width:100%!important;min-height:200px!important}}
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].revealed,.no-js [data-reveal]{opacity:1;transform:none}

/* ---- floaty + feedback ---- */
.floaty-btn{width:56px;height:56px;border-radius:50%;background:#101411;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(16,20,17,.22);animation:none;transition:transform .3s ease,box-shadow .3s ease}
.floaty-btn:hover{animation:none;transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,20,17,.28)}
.floaty-btn .lg-dot{width:14px;height:14px;border-radius:50%;background:#CCFF00;box-shadow:0 0 8px 1px rgba(204,255,0,.7),0 0 22px 5px rgba(204,255,0,.22);animation:lgGlow 3.2s ease-in-out infinite;transition:transform .3s ease}
.lg-floaty-menu:not([hidden]) + .floaty-btn .lg-dot{transform:scale(.64)}
@keyframes lgGlow{50%{box-shadow:0 0 12px 3px rgba(204,255,0,.85),0 0 30px 9px rgba(204,255,0,.3)}}
@media (prefers-reduced-motion:reduce){.floaty-btn .lg-dot{animation:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.lg-floaty-menu{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #eee;border-radius:16px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,0.15);animation:fadeUp .2s ease}
.lg-floaty-menu a{display:block;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700;color:#1a1a1a;text-decoration:none;white-space:nowrap}
.lg-floaty-menu a:hover{background:#f9ffe0}
.lg-feedback{position:fixed;bottom:76px;left:24px;z-index:998;background:#fff;border:1px solid #eee;border-radius:18px;padding:16px;width:320px;max-width:calc(100vw - 48px);box-shadow:0 14px 40px rgba(0,0,0,0.18);animation:fadeUp .2s ease}
.lg-chip-radio{font-size:12px;border:1px solid #e5e5e5;border-radius:14px;padding:5px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.lg-chip-radio input{margin:0}
.lg-chip-radio:has(input:checked){background:#CCFF00;border-color:#CCFF00;color:#2a3a00;font-weight:700}

/* ---- clinics list ---- */
.clinics-layout{display:grid;grid-template-columns:200px 1fr;border-top:1px solid #f0f0f0}
.clinics-filter-col{border-right:1px solid #f0f0f0;padding:20px 14px}
.filter-dropdown-wrap{display:none}
.filter-dropdown-wrap select{flex:1;min-width:0!important;max-width:100%}
.clinic-card-wrap:hover{border-color:#CCFF00!important;box-shadow:0 8px 24px rgba(0,0,0,0.06)}
@media (max-width:768px){
  .clinics-layout{grid-template-columns:1fr}
  .clinics-filter-col{border-right:none!important;border-bottom:1px solid #f0f0f0;padding:12px 16px!important;display:flex;gap:8px;flex-wrap:wrap}
  .filter-section-desktop{display:none!important}
  .filter-dropdown-wrap{display:flex!important;align-items:center!important}
  .filter-dropdown-wrap select{padding:6px 8px!important;font-size:12px!important;height:34px}
  .clinic-card-wrap{gap:12px!important;padding:12px!important;border-radius:14px!important;align-items:stretch!important}
  .clinic-card-img{width:150px!important;height:150px!important;border-radius:10px!important;flex-shrink:0!important}
  .clinic-card-content{display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:150px!important;overflow:hidden!important}
  .clinic-card-name{font-size:15px!important;margin-top:8px!important;margin-bottom:8px!important}
  .clinic-card-loc{font-size:11px!important;margin-bottom:8px!important}
  .clinic-card-desc{font-size:12px!important;line-height:1.5!important;margin-bottom:8px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .clinic-card-badges{margin-bottom:4px!important}
  .clinic-card-btn{padding:6px 10px!important;font-size:11px!important}
}

/* ---- clinic detail ---- */
.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:8px;border-radius:20px;overflow:hidden}
.gallery-main{grid-row:1 / 3}
.gallery-grid--few{grid-template-columns:2fr 1fr;grid-template-rows:400px}
.gallery-grid--few .gallery-main{grid-row:auto}
.gallery-grid:has(> :only-child){grid-template-columns:1fr;grid-template-rows:400px}
.doctors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.specialties-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.before-after-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.clinic-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cta-box{background:#f9ffe0;border:1px solid #CCFF00;border-radius:20px;padding:24px;min-width:240px;text-align:center}
.cta-buttons{display:flex;flex-direction:column;gap:8px}
.lg-clinic-desc.is-open .lg-desc-p{display:block!important}
@media (max-width:768px){
  .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:160px 160px}
  .gallery-main{grid-row:1 / 2;grid-column:1 / 3}
  .gallery-grid--few{grid-template-rows:200px}.gallery-grid--few .gallery-main{grid-column:1 / 3}
  .doctors-grid{grid-template-columns:1fr!important}
  .specialties-grid{grid-template-columns:1fr 1fr!important}
  .before-after-grid{grid-template-columns:1fr 1fr!important}
  .reviews-grid{grid-template-columns:1fr!important}
  .clinic-info-grid{grid-template-columns:1fr!important}
  .cta-box{min-width:unset!important;width:100%!important}
  .cta-buttons{flex-direction:row!important}
  .related-grid{grid-template-columns:repeat(3,260px)!important;overflow-x:auto!important;padding-bottom:8px;scrollbar-width:none}
  .related-grid::-webkit-scrollbar{display:none}
}
@media (max-width:640px){.reviews-grid{grid-template-columns:1fr!important}.before-after-grid{grid-template-columns:1fr!important}}

/* ---- contents ---- */
.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:768px){.articles-grid{grid-template-columns:1fr}.article-featured{grid-template-columns:1fr!important}.feat-img{min-height:200px!important}.feat-img>div{height:220px!important}}
.article-content p{margin-bottom:20px;font-size:17px;color:#3c4f47;line-height:1.85}
.article-content img{max-width:100%;height:auto;border-radius:14px;margin:8px 0 20px}
.article-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;border-radius:12px;overflow:hidden}
.article-content thead tr{background:#CCFF00}
.article-content th{color:#2a3a00;padding:12px 16px;text-align:left;font-weight:700;font-size:13px}
.article-content td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#444;vertical-align:top}
.article-content tr:last-child td{border-bottom:none}
.article-content tr:hover td{background:#f9ffe0}
.article-content ul,.article-content ol{margin:0 0 20px 22px;display:flex;flex-direction:column;gap:6px;padding-left:20px}
.article-content ul{list-style:disc}.article-content ol{list-style:decimal}
.article-content li{padding:1px 0;color:#3c4f47;line-height:1.6;display:list-item}
.article-content strong{color:#1a1a1a;font-weight:700}
.article-content p:has(+ ul),.article-content p:has(+ table){font-weight:700;color:#1a1a1a;font-size:17px;margin-bottom:12px;margin-top:32px}
.article-content blockquote{background:#fff8e8;border-left:4px solid #CCFF00;border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0}
.article-content blockquote p{margin-bottom:0!important;font-size:14px;color:#555;line-height:1.7}
.article-content blockquote strong{color:#2a6000}
.article-content a{color:#5a9e00;font-weight:600}
.article-content h2:first-child{margin-top:0!important}
.lg-toc-link.is-active{color:#1a1a1a!important;font-weight:700!important;border-left-color:#CCFF00!important}
.toc-wrap{display:block}
@media (max-width:1024px){.toc-wrap{display:none!important}}
@media (max-width:768px){.article-content table{display:block;overflow-x:auto;white-space:nowrap}}

/* ---- legal pages ---- */
.lg-legal h2{font-size:20px;font-weight:800;color:#1a1a1a;margin:36px 0 12px}
.lg-legal h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:24px 0 10px}
.lg-legal p,.lg-legal li{font-size:14px;color:#555;line-height:1.8}
.lg-legal ul{list-style:disc;padding-left:22px;margin:0 0 16px}
.lg-legal a{color:#5a9e00;font-weight:600}
.lg-legal p{margin:0 0 14px}

/* ---- about ---- */
.about-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.help-cards-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.contact-info-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:768px){
  .about-mission-grid{grid-template-columns:1fr!important}
  .help-cards-wrap{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:14px!important;scrollbar-width:none;padding-bottom:8px}
  .help-cards-wrap::-webkit-scrollbar{display:none}
  .help-card{flex-shrink:0!important;min-width:260px!important;max-width:260px!important;display:flex!important;flex-direction:column!important;word-break:break-word!important;white-space:normal!important}
  .help-card-desc{overflow:hidden!important}
  .contact-grid{grid-template-columns:1fr!important}
  .contact-grid-map{order:1}.contact-grid-info{order:2}
  .contact-info-list{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:16px!important}
  .contact-info-item{width:100%!important;min-width:unset!important}
  .form-grid{grid-template-columns:1fr!important}
}

/* ---- search ---- */
@media (max-width:640px){.search-clinic-grid{grid-template-columns:repeat(2,1fr)!important}.search-post-grid{grid-template-columns:1fr!important}}
@media (max-width:900px){.search-clinic-grid{grid-template-columns:repeat(2,1fr)!important}}

/* ---- community ---- */
.lg-like.is-liked{color:#e0245e!important}
.lg-post:hover{background:#fcfcfc}

/* ---- RTL ---- */
[dir=rtl] .clinic-scroll{scroll-padding-right:24px}
[dir=rtl] .article-content th{text-align:right}