/* BitterCare V15 — restrained polish, clearer hierarchy, and accessible motion. */
:root{--v15-ink:#12384c;--v15-green:#2f7250;--v15-line:#dce7df;--v15-paper:#fffefa}
body{color:var(--v15-ink);text-rendering:optimizeLegibility}
.header-inner{border-bottom-color:var(--v15-line)}
.main-nav a,.footer a{text-underline-offset:4px}
.main-nav a{position:relative}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--v15-green);transition:right .24s ease}
.main-nav a:hover:after,.main-nav a[aria-current]:after{right:0}
.v12-language summary,.header-buy,.btn{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.v12-language summary:hover,.header-buy:hover,.btn:hover{transform:translateY(-1px)}
.v12-language nav{border-color:var(--v15-line);box-shadow:0 18px 48px rgba(18,56,76,.14)}
.header-app{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;padding:10px 13px;font-weight:700;color:#215c42}
.header-app:before{content:"";position:absolute;z-index:-1;inset:-30%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.15) 42%,rgba(255,232,125,.9) 49%,rgba(255,255,255,.25) 56%,transparent 68%);transform:translateX(-115%) skewX(-12deg);animation:v15-free-check-glint 3.4s ease-in-out infinite}
.header-app:after{content:"✦";display:inline-block;margin-left:5px;color:#e8b51d;font-size:.75em;animation:v15-free-check-star 1.8s ease-in-out infinite}
@keyframes v15-free-check-glint{0%,44%{transform:translateX(-115%) skewX(-12deg)}70%,100%{transform:translateX(115%) skewX(-12deg)}}
@keyframes v15-free-check-star{0%,100%{opacity:.35;transform:scale(.72) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(18deg)}}
.v15-patent-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 15px;border:1px solid #dbe9df;border-radius:14px;background:#f5faf6;color:#315a47;font-size:14px;line-height:1.65}
.v15-patent-note:before{content:"PATENT PENDING";flex:0 0 auto;margin-top:1px;padding:3px 7px;border-radius:99px;background:#285f45;color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em}
.v14-form,.v14-contact-grid>aside,.cta-panel,.v14-support-inner{box-shadow:0 18px 50px rgba(18,56,76,.07)}
.v14-form input,.v14-form select,.v14-form textarea{border-color:#cfddd4;background:var(--v15-paper)}
.v14-form input:focus,.v14-form select:focus,.v14-form textarea:focus{outline:3px solid rgba(47,114,80,.14);border-color:#4f8869}
.v14-privacy{border-radius:14px;background:#f5f8f3}
.v15-footer-app{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:inherit;font-size:13px;font-weight:600;line-height:1.5;text-decoration:underline;text-decoration-color:rgba(255,255,255,.34);text-underline-offset:4px;opacity:.78;transition:opacity .2s ease,text-decoration-color .2s ease}
.v15-footer-app:hover{opacity:1;text-decoration-color:currentColor}

/* Temperament check: a warmer, clearer editorial panel inspired by the selected reference. */
.homepage-v6 .v7-app{overflow:hidden;background:
  radial-gradient(circle at 92% 8%,rgba(199,235,211,.58) 0 12%,transparent 30%),
  radial-gradient(circle at 3% 93%,rgba(213,240,232,.62) 0 10%,transparent 28%),
  linear-gradient(135deg,#fbfffc 0%,#fffdf8 58%,#f8fff9 100%)}
.homepage-v6 .v7-app .app-layout{display:block}
.homepage-v6 .v7-app .app-copy{position:relative;max-width:1040px;min-height:560px;margin:0 auto;padding:18px 48% 0 0}
.homepage-v6 .v7-app .app-copy:after{content:"";position:absolute;z-index:0;top:0;right:-7%;width:54%;height:430px;border-radius:42% 42% 28% 28%;background:#f4fbf5 url(../img/quiz-puppy-v10.png) center 30%/cover no-repeat;box-shadow:0 22px 60px rgba(38,95,65,.11)}
.homepage-v6 .v7-app .app-copy>*{position:relative;z-index:1}
.homepage-v6 .v7-app .pill{display:inline-flex;align-items:center;min-height:44px;padding:9px 20px;border-radius:999px;font-weight:800;box-shadow:0 7px 18px rgba(66,127,75,.1)}
.homepage-v6 .v7-app .pill:before{content:"🎁";margin-right:8px;font-size:18px}
.homepage-v6 .v7-app .eyebrow{display:block;margin-top:28px;letter-spacing:.16em}
.homepage-v6 .v7-app .app-copy h2{line-height:1.18;letter-spacing:-.045em}
.homepage-v6 .v7-app .app-copy>p:not(.app-note):not(.v15-patent-note){max-width:480px;line-height:1.75}
.homepage-v6 .v7-app .v7-app-features{position:relative;z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:calc(100% / .52);margin:64px 0 20px}
.homepage-v6 .v7-app .v7-app-features>span{position:relative;min-height:148px;padding:24px 42px 20px 20px;border:1px solid rgba(255,255,255,.9);border-radius:22px;text-align:left;font-size:16px;font-weight:750;box-shadow:0 14px 30px rgba(26,67,54,.08)}
.homepage-v6 .v7-app .v7-app-features>span:nth-child(1){background:#effbf3}.homepage-v6 .v7-app .v7-app-features>span:nth-child(2){background:#fff8ec}.homepage-v6 .v7-app .v7-app-features>span:nth-child(3){background:#eef7ff}.homepage-v6 .v7-app .v7-app-features>span:nth-child(4){background:#fff1f2}
.homepage-v6 .v7-app .v7-app-features>span:after{content:"›";position:absolute;right:16px;bottom:18px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.72);color:#23765d;font-size:25px;font-weight:500}
.homepage-v6 .v7-app .v7-app-features b{font-size:38px;margin-bottom:14px}
.homepage-v6 .v7-app .btn{width:calc(100% / .52);justify-content:center;min-height:68px;background:linear-gradient(105deg,#087b6a,#08465d);border:1px solid #159a83;box-shadow:0 13px 28px rgba(5,74,78,.17)}
.homepage-v6 .v7-app .app-note{width:calc(100% / .52);margin:20px 0 0;padding:15px 20px 15px 50px;border:1px solid rgba(36,76,93,.08);border-radius:18px;background:rgba(247,249,249,.86);color:#5a7180;font-size:13px!important;line-height:1.65!important}
.homepage-v6 .v7-app .app-note:before{content:"ⓘ";position:absolute;left:18px;top:16px;color:#587184;font-size:20px}
.homepage-v6 .v7-app .v15-patent-note{width:calc(100% / .52);font-size:12px}
.homepage-v6 .v7-app .app-image{display:none!important}
@media(prefers-reduced-motion:reduce){.header-app:before,.header-app:after{animation:none}.header-app:after{opacity:1}.main-nav a:after,.v12-language summary,.header-buy,.btn{transition:none}}
@media(max-width:680px){.v15-patent-note{display:block}.v15-patent-note:before{display:inline-block;margin:0 0 8px}.v14-form,.v14-contact-grid>aside{box-shadow:none}}

/* V15 mobile system: one type scale, tighter rhythm, and consistent cards. */
@media(max-width:760px){
  :root{--container:calc(100% - 32px);--radius:18px}
  html{font-size:16px}
  body,html[lang=vi] body{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Noto Sans KR","Noto Sans",Arial,sans-serif;line-height:1.65;letter-spacing:-.015em;overflow-x:hidden}
  .shell{width:var(--container)}
  .section,.v7-site .section{padding-block:52px}
  .page-main:not(.home) .section{padding-block:44px}
  .section-title,.section-heading{margin-bottom:24px}
  .section-title h2,.section-heading h2,.product-copy h2,.app-copy h2,.faq-layout h2{font-family:inherit;font-size:clamp(30px,8.6vw,36px);line-height:1.3;letter-spacing:-.045em}
  .section-title p,.section-heading p,.product-copy>p,.app-copy>p{font-size:16px;line-height:1.75}
  .eyebrow,.v6-product-kicker{font-family:inherit;letter-spacing:.075em;font-size:10px;margin-bottom:12px}
  .hero.v6-hero{padding-bottom:20px}
  .v6-copy{padding-top:22px}
  .hero.v6-hero h1{font-family:inherit;font-size:clamp(34px,9.8vw,44px);line-height:1.24;letter-spacing:-.052em;margin-bottom:18px}
  .v6-lead{font-size:17px;line-height:1.7;margin-bottom:19px}
  .v6-scene{height:280px;border-radius:0}
  .v6-quiz{margin-top:-16px;padding:21px 19px;border-radius:18px;box-shadow:0 14px 36px rgba(18,56,76,.08)}
  .v6-quiz h2{font-family:inherit;font-size:28px;line-height:1.3}
  .v6-perks{gap:9px}
  .v6-perk{padding:16px 14px 36px;border-radius:16px;box-shadow:none}
  .v6-perk strong{font-size:17px}.v6-perk p{font-size:14px;line-height:1.6}
  .homepage-v6 .product-section{padding-top:52px}
  .homepage-v6 .product-layout,.homepage-v6 .v7-app .app-layout,.homepage-v6 .v7-faq .faq-layout{gap:26px}
  .homepage-v6 .v6-product-photo:has(.v12-product-scene),.homepage-v6 .v7-app .app-image,.feature-card,.notice-card,.cta-panel,.editorial-card{border-radius:18px}
  .homepage-v6 .product-facts{grid-template-columns:1fr;gap:9px;margin:22px 0}
  .homepage-v6 .product-facts>.v12-fact{min-height:94px;padding:16px 14px 16px 78px;border-radius:15px}
  .homepage-v6 .product-facts .v12-fact strong{font-size:16px;line-height:1.48}
  .v12-fact-icon{width:58px;left:11px}.v12-fact-flag{width:34px;left:22px}
  .v7-steps{gap:12px}
  .v7-step{border-radius:17px;overflow:hidden}
  .v7-step summary,html:not([lang=ko]) .v7-step summary{grid-template-columns:38px minmax(0,1fr) 108px;gap:10px;min-height:0;padding:10px}
  .v7-number{width:36px;height:36px;margin:0;font-size:18px;align-self:center}
  .v7-step-copy{padding:11px 0}.v7-step-copy strong{font-size:18px;line-height:1.4}.v7-step-copy>span{font-size:15px;line-height:1.6}.v7-step-copy small{font-size:12px;margin-top:10px}
  .v7-step-photo,html:not([lang=ko]) .v7-step-photo{grid-column:auto;height:auto;min-height:154px;margin:0;border-radius:12px;background-size:cover}
  .v7-step>p{font-size:14px;line-height:1.7;padding:15px 18px 18px}
  .v12-slogan{margin-top:24px;padding:20px 14px;border-radius:18px}.v12-slogan-words{font-size:24px}
  .homepage-v6 .v7-app{padding-block:52px}
  .homepage-v6 .v7-app .app-copy{display:grid;grid-template-columns:1fr;min-height:0;padding:0}
  .homepage-v6 .v7-app .pill{grid-row:1;justify-self:start;min-height:40px;padding:7px 15px;font-size:13px}
  .homepage-v6 .v7-app .pill:before{font-size:16px}
  .homepage-v6 .v7-app .eyebrow{grid-row:2;margin:23px 0 16px}
  .homepage-v6 .v7-app .app-copy h2{grid-row:3;margin-bottom:17px;font-size:clamp(36px,10vw,46px);line-height:1.2}
  .homepage-v6 .v7-app .app-copy>p:not(.app-note):not(.v15-patent-note){grid-row:4;margin-bottom:0;font-size:16px;line-height:1.7}
  .homepage-v6 .v7-app .app-copy:after{position:relative;grid-row:5;top:auto;right:auto;width:100%;height:auto;aspect-ratio:16/9;margin:19px 0 22px;border-radius:24px;background-position:center 31%;box-shadow:0 14px 34px rgba(38,95,65,.1)}
  .homepage-v6 .v7-app .v7-app-features{grid-row:6;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0 0 16px}
  .homepage-v6 .v7-app .v7-app-features>span{min-height:126px;padding:17px 38px 16px 15px;border-radius:17px;font-size:14px;line-height:1.45}
  .homepage-v6 .v7-app .v7-app-features>span:after{right:12px;bottom:13px;width:28px;height:28px;font-size:21px}
  .homepage-v6 .v7-app .v7-app-features b{font-size:30px;margin-bottom:9px}
  .homepage-v6 .v7-app .btn{grid-row:7;width:100%;min-height:60px;margin:0;font-size:16px}
  .homepage-v6 .v7-app .app-note{grid-row:8;width:100%;margin:14px 0 0;padding:13px 14px 13px 43px;border-radius:15px;font-size:12px!important;line-height:1.6!important}
  .homepage-v6 .v7-app .app-note:before{left:14px;top:13px;font-size:18px}
  .homepage-v6 .v7-app .v15-patent-note{grid-row:9;width:100%;margin-top:10px;font-size:12px}
  .homepage-v6 .v7-app .app-image{height:auto;min-height:0}.homepage-v6 .v7-app .v13-app-poster{border-radius:18px}
  .v15-patent-note{margin-top:15px;padding:13px 14px;border-radius:12px;font-size:13px}
  .accordion details{padding-inline:0}.accordion summary,.v7-site .accordion summary{padding-block:18px;font-size:16px}.accordion details p,.v7-site .accordion details p{font-size:15px;line-height:1.7;margin-bottom:19px}
  .page-hero,.v7-site .page-hero{padding:22px;border-radius:18px}.page-hero h1,.v7-site .page-hero h1{font-family:inherit;font-size:34px;line-height:1.28}.page-hero p,.v7-site .page-hero p{font-size:16px;line-height:1.7}.page-hero-media,.v7-site .page-hero-media{height:auto;min-height:0;aspect-ratio:4/3;border-radius:14px}
  .info-grid,.info-grid.cols-3,.info-grid.cols-4{gap:14px}.feature-card-body,.v7-site .feature-card-body{padding:21px}.feature-card h3,.v7-site .feature-card h3{font-family:inherit;font-size:22px;line-height:1.4}.feature-card p,.v7-site .feature-card p{font-size:15px;line-height:1.7}
  .v7-site #peel .feature-card-media.portrait{height:auto;max-height:none;aspect-ratio:4/5}.v7-site #peel .feature-card-media img{max-height:none;width:100%;height:100%;object-fit:cover}
  .notice-card,.v7-site .notice-card{padding:22px}.notice-card h3,.v7-site .notice-card h3{font-family:inherit;font-size:22px}.notice-card p,.v7-site .notice-card p{font-size:15px;line-height:1.7}
  .cta-panel{padding:25px 21px}.cta-panel h2{font-family:inherit;font-size:28px;line-height:1.35}.cta-panel p{font-size:15px;line-height:1.7}
  .v14-support{padding:30px 0}.v14-support-inner{gap:18px}.v14-support h2{font-family:inherit;font-size:26px;line-height:1.4}.v14-support p{font-size:15px;line-height:1.7}
  .footer.v14-footer{padding:34px 0 22px}
  .v14-footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 18px}
  .v14-footer-brand{grid-column:1/-1;padding-bottom:23px;border-bottom:1px solid rgba(233,240,233,.18)}
  .v14-footer .wordmark{font-size:30px}
  .v14-footer-brand h2{font-family:inherit;font-size:18px;line-height:1.5;margin:14px 0 0}
  .v14-footer-brand p,.v15-footer-app{display:none}
  .v14-footer nav{gap:10px;min-width:0}
  .v14-footer h3{font-size:12px;line-height:1.5;margin:0 0 5px;letter-spacing:.03em}
  .v14-footer a{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
  .v14-footer nav>a[href^="mailto:"]{display:none}
  .v14-footer .v14-shop-title{margin:14px 0 1px}
  .v14-shops{gap:7px}
  .v14-shops a{padding:6px 9px;border:1px solid rgba(233,240,233,.24);border-radius:999px;font-size:11px;white-space:nowrap}
  .v14-footer-bottom{margin-top:27px;padding-top:17px;font-size:11px}
  .v14-footer-bottom span:last-child{display:none}
  .v14-disclosure{margin-top:11px;font-size:10px!important;line-height:1.65}
  .mobile-dock{grid-template-columns:.95fr 1.18fr;gap:7px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-color:#d7e2da;box-shadow:0 -10px 30px rgba(18,56,76,.08)}
  .mobile-dock a,.mobile-dock button{min-height:48px;border-radius:12px;font-size:13px;letter-spacing:-.02em}
  .mobile-dock a{background:#f7faf7;color:#244c3d}.mobile-dock button{background:#153f38}
}

@media(max-width:390px){
  :root{--container:calc(100% - 26px)}
  .v7-step summary,html:not([lang=ko]) .v7-step summary{grid-template-columns:34px minmax(0,1fr) 92px;gap:8px}
  .v7-step-photo,html:not([lang=ko]) .v7-step-photo{min-height:142px}
  .v7-step-copy strong{font-size:17px}.v7-step-copy>span{font-size:14px}
  .mobile-dock{padding-inline:9px}.mobile-dock a,.mobile-dock button{font-size:12px}
}

/* V16 detail-page spacing after removing the external manufacturer story link. */
.v12-origin{padding-bottom:30px!important}
.v12-origin+.section{padding-top:34px!important}
@media(max-width:760px){
  .v12-origin{padding-bottom:20px!important}
  .v12-origin+.section{padding-top:24px!important}
}

/* V16: keep the complete square usage poster visible on small screens. */
@media(max-width:760px){
  .v7-site.v8-usage .page-hero-media{height:auto;min-height:0;aspect-ratio:1/1;background:#fffdf8}
  .v7-site.v8-usage .page-hero-media img{width:100%;height:100%;object-fit:contain;object-position:center}
}

/* Purchase sheet: the affiliate notice belongs to its Coupang card. */
.store-item{min-width:0}
.store-item .store-link{width:100%}
.store-affiliate-note{margin:7px 14px 2px!important;color:#687b82!important;font-size:10px!important;line-height:1.55!important;letter-spacing:-.01em}
.store-logo img[src$="logo-naver-brand.png"]{width:100%;height:auto;max-height:24px;border-radius:0}
@media(max-width:680px){
  .store-affiliate-note{margin:6px 10px 1px!important;font-size:9px!important;line-height:1.5!important}
}