/* GOLDEN KING — 골든킹 감자 쇼핑몰 v2 «통통 튀는» (2026-10-24)
   풀폭 · 굵은 흙색 테두리 · 딱딱한 그림자 · 기울어진 스티커 · 물결 경계 · 통통 뛰는 마스코트.
   색: 감자 노랑 · 흙 · 크림 + 코랄·잎 초록·하늘 포인트. 제목 Jua, 본문 Pretendard. */
:root{
  --y:#FFCC29;--y2:#FFE27A;--butter:#FFF3C4;--cream:#FFFAEC;--paper:#FFF6DD;
  --soil:#2B1D12;--brown:#5A3B22;--muted:#7A6450;
  --coral:#FF7A59;--coral-2:#FFD2C4;--leaf:#4FAE5F;--mint:#D6F2D0;--sky:#CDEBFF;--lilac:#E7DDFF;
  --bd:2.5px solid var(--soil);--r:26px;--r-m:18px;--r-s:12px;
  --sh:5px 5px 0 var(--soil);--sh-l:8px 8px 0 var(--soil);--sh-s:3px 3px 0 var(--soil);
  --g:clamp(16px,4.2vw,72px);
  --disp:"Jua","Pretendard Variable",Pretendard,sans-serif;
  --f:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --ease:cubic-bezier(.34,1.56,.64,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:var(--f);color:var(--soil);background:var(--cream);line-height:1.65;font-size:16.5px;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{line-height:1.22;margin:0;font-weight:400;font-family:var(--disp);letter-spacing:-.01em}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit;color:inherit}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px;border-radius:8px}
.wrap{width:100%;max-width:none;margin:0 auto;padding-left:var(--g);padding-right:var(--g)}
.narrow{max-width:calc(840px + var(--g)*2)}
.center{text-align:center}
.nw{white-space:nowrap}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}

/* ── 버튼: 누르면 눌린다 ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 24px;border-radius:999px;border:var(--bd);background:#fff;color:var(--soil);box-shadow:var(--sh-s);font-family:var(--disp);font-size:17px;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--soil)}
.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--soil)}
.btn--gold{background:var(--y)}
.btn--gold:hover{background:var(--y2)}
.btn--line{background:#fff}
.btn--ghost{background:var(--cream)}
.btn--coral{background:var(--coral);color:var(--soil)}
.btn--lg{min-height:58px;padding:0 32px;font-size:20px}
.btn--block{display:flex;width:100%}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--sh-s)}
.linkbtn{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:14px;padding:4px}
.more{font-family:var(--disp);font-size:17px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:var(--bd);border-radius:999px;background:#fff;box-shadow:var(--sh-s);transition:transform .18s var(--ease)}
.more::after{content:"→"}
.more:hover{transform:translate(-2px,-2px) rotate(-1deg)}

/* ── 흐르는 띠 ── */
.noticebar,.marquee{overflow:hidden;white-space:nowrap;background:var(--soil);color:var(--y);font-family:var(--disp);border-bottom:var(--bd)}
.noticebar{font-size:15px;padding:7px 0}
.noticebar span,.marquee__track{display:inline-flex;gap:28px;padding-left:28px;animation:flow 28s linear infinite}
.noticebar b{font-weight:400}
.noticebar span{animation-duration:36s}
.mqbox{overflow:hidden;padding:16px 0;position:relative;z-index:2}
.marquee{font-size:clamp(22px,3.2vw,40px);padding:14px 0;border-top:var(--bd);transform:rotate(-1.2deg);margin:0 -3%;width:106%}
.marquee--y{background:var(--y);color:var(--soil);transform:rotate(1deg)}
.marquee__track i{font-style:normal;color:var(--coral)}
.marquee--y .marquee__track i{color:var(--brown)}
@keyframes flow{to{transform:translateX(-50%)}}

/* ── 머리 ── */
.hd{position:sticky;top:0;z-index:40;background:var(--cream);border-bottom:var(--bd)}
.hd__in{display:flex;align-items:center;gap:22px;height:74px}
.hd__logo{transition:transform .25s var(--ease)}
.hd__logo:hover{transform:rotate(-3deg) scale(1.04)}
.hd__logo img{height:32px;width:auto}
.hd__nav{display:flex;gap:6px;margin-left:10px}
.hd__nav a{text-decoration:none;font-family:var(--disp);font-size:18px;padding:8px 14px;border-radius:999px;border:2.5px solid transparent;transition:transform .18s var(--ease),background .15s}
.hd__nav a:hover{background:var(--butter);border-color:var(--soil);transform:rotate(-2deg)}
.hd__nav a[aria-current]{background:var(--y);border-color:var(--soil)}
.hd__act{margin-left:auto;display:flex;align-items:center;gap:10px}
.hd__lookup{font-family:var(--disp);font-size:16px;text-decoration:none;padding:8px 12px}
.hd__cart{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:var(--bd);background:var(--y);box-shadow:var(--sh-s);color:var(--soil);text-decoration:none;transition:transform .18s var(--ease)}
.hd__cart:hover{transform:rotate(-8deg) scale(1.06)}
.hd__badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--coral);color:var(--soil);border:2px solid var(--soil);font-size:12px;font-weight:900;line-height:1;display:grid;place-items:center}
.hd__badge[hidden]{display:none}
.hd__badge.pop{animation:pop .5s var(--ease)}
@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.35)}100%{transform:scale(1)}}
.hd__menu{display:none;width:48px;height:48px;border:var(--bd);border-radius:14px;background:#fff;padding:11px 10px;cursor:pointer;box-shadow:var(--sh-s)}
.hd__menu span{display:block;height:3px;background:var(--soil);margin:4px 0;border-radius:3px;transition:.25s var(--ease)}
.hd__menu[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hd__menu[aria-expanded=true] span:nth-child(2){opacity:0}
.hd__menu[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.drawer{border-top:var(--bd);background:var(--y);padding:14px var(--g) 24px}
.drawer nav{display:grid;gap:8px;margin-bottom:16px}
.drawer nav a{padding:13px 18px;border:var(--bd);border-radius:var(--r-m);background:#fff;text-decoration:none;font-family:var(--disp);font-size:20px;box-shadow:var(--sh-s)}
.drawer nav a:nth-child(odd){transform:rotate(-.6deg)}.drawer nav a:nth-child(even){transform:rotate(.6deg)}

/* ── 공통 섹션 ── */
.sec{padding:clamp(64px,8vw,120px) 0;position:relative}
.sec--paper{background:var(--paper)}
.eyebrow{display:inline-block;font-family:var(--disp);font-size:15px;letter-spacing:.08em;padding:6px 14px 5px;border:var(--bd);border-radius:999px;background:#fff;box-shadow:var(--sh-s);transform:rotate(-2.5deg);margin:0 0 18px;line-height:1.2}
.kicker{display:inline-block;font-family:var(--disp);font-size:16px;line-height:1.2;padding:7px 16px 6px;border:var(--bd);border-radius:999px;background:#fff;box-shadow:var(--sh-s);transform:rotate(-2deg);margin:0 0 20px}
.sec__title{font-size:clamp(32px,4.6vw,64px);margin-bottom:18px}
.sec__lead{color:var(--brown);margin:0;max-width:720px;font-size:17px}
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(28px,3vw,44px)}
.src{font-size:13px;color:var(--muted);margin-top:10px}

/* ── 히어로 ── */
.hero{position:relative;background:var(--y);border-bottom:var(--bd);overflow:hidden;
  background-image:radial-gradient(circle,rgba(43,29,18,.12) 2px,transparent 2.5px);background-size:26px 26px}
.hero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:center;min-height:min(88vh,820px);padding-top:clamp(40px,6vw,90px);padding-bottom:clamp(56px,7vw,110px)}
.hero__title{font-size:clamp(46px,7.4vw,120px);line-height:1.04;margin-bottom:22px;text-shadow:4px 4px 0 #fff;text-wrap:balance}
.hero__title em{font-style:normal;display:inline-block;background:#fff;border:var(--bd);border-radius:22px;padding:0 .18em .04em;box-shadow:var(--sh);transform:rotate(-2deg);margin:.06em 0;text-shadow:none}
.hero__sub{font-size:clamp(17px,1.5vw,21px);color:var(--brown);max-width:560px;margin-bottom:30px;font-weight:600}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.hero__chips span{font-size:14px;font-weight:800;line-height:1;padding:9px 14px;border-radius:999px;background:#fff;border:2px solid var(--soil)}
.hero__art{position:relative;aspect-ratio:1/1;max-width:640px;width:100%;justify-self:center}
.hero__blob{position:absolute;inset:6% 4% 4% 8%;border:var(--bd);border-radius:58% 42% 52% 48%/48% 56% 44% 52%;overflow:hidden;box-shadow:var(--sh-l);background:#fff}
.hero__blob img{width:100%;height:100%;object-fit:cover}
.hero__mascot{position:absolute;left:-6%;bottom:-4%;width:32%;filter:drop-shadow(4px 5px 0 rgba(43,29,18,.85));animation:bob 2.4s ease-in-out infinite;transform-origin:50% 100%}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-16px) rotate(3deg)}}
.sticker{position:absolute;display:grid;place-items:center;text-align:center;font-family:var(--disp);line-height:1.15;border:var(--bd);box-shadow:var(--sh-s);z-index:2;color:var(--soil)}
.sticker b{font-weight:400;font-size:1.45em;display:block}
.sticker--a{right:-2%;top:2%;width:clamp(110px,11vw,160px);aspect-ratio:1;border-radius:50%;background:var(--coral);font-size:clamp(14px,1.2vw,18px);transform:rotate(10deg);animation:spin-wobble 6s ease-in-out infinite}
.sticker--b{right:4%;bottom:6%;padding:12px 18px;border-radius:16px;background:#fff;font-size:clamp(14px,1.2vw,18px);transform:rotate(-6deg)}
.sticker--c{left:6%;top:4%;padding:10px 16px;border-radius:999px;background:var(--mint);font-size:clamp(16px,1.5vw,22px);transform:rotate(-10deg)}
@keyframes spin-wobble{0%,100%{transform:rotate(10deg)}50%{transform:rotate(-4deg) scale(1.05)}}

/* ── 왜 골든킹 ── */
.why__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:10px}
.why__item{border:var(--bd);border-radius:var(--r);padding:28px 24px 26px;box-shadow:var(--sh);transition:transform .25s var(--ease)}
.why__item:nth-child(1){background:var(--butter);transform:rotate(-1.2deg)}
.why__item:nth-child(2){background:var(--sky);transform:rotate(.8deg)}
.why__item:nth-child(3){background:var(--mint);transform:rotate(-.6deg)}
.why__item:nth-child(4){background:var(--coral-2);transform:rotate(1.2deg)}
.why__item:hover{transform:rotate(0) translateY(-6px) scale(1.02)}
.why__ic{display:grid;place-items:center;width:66px;height:66px;margin-bottom:18px;border:var(--bd);border-radius:50%;background:#fff;padding:9px}
.why__item h3{font-size:24px;margin-bottom:10px}
.why__item p{color:var(--brown);font-size:15.5px;margin:0}

/* ── 상품 카드 ── */
.lineup{background:var(--paper)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,26px)}
.pcard{background:#fff;border:var(--bd);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.pcard:hover{transform:translate(-3px,-5px) rotate(-1deg);box-shadow:var(--sh-l)}
.pcard__img{position:relative;display:block;aspect-ratio:1;background:var(--butter);border-bottom:var(--bd);overflow:hidden}
.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.pcard:hover .pcard__img img{transform:scale(1.06)}
.pcard__badge{position:absolute;top:12px;right:12px;background:var(--coral);color:var(--soil);font-family:var(--disp);font-size:15px;line-height:1;padding:8px 12px;border-radius:999px;border:2px solid var(--soil);transform:rotate(8deg)}
.pcard__body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.pcard__name{font-family:var(--disp);font-size:21px;margin-bottom:4px}
.pcard__name a{text-decoration:none}
.pcard__name b{font-weight:400;background:var(--y);padding:0 6px;border-radius:6px}
.pcard__note{font-size:14px;color:var(--muted);margin:0 0 12px}
.pcard__price{margin:auto 0 14px;font-size:16px;font-weight:700}
.pcard__price strong{font-family:var(--disp);font-weight:400;font-size:clamp(28px,2.4vw,36px)}
.pcard__price s{color:var(--muted);margin-right:6px;font-size:14px}
.pcard__act{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pcard__act .btn{min-height:44px;padding:0 10px;font-size:16px}
.pcard__soldout{font-family:var(--disp);color:var(--muted)}
.pcard.is-out .pcard__img{filter:grayscale(.7)}
.lineup__note{margin:28px 0 0;text-align:center;color:var(--brown);font-weight:600}

/* ── 분할 ── */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center}
.split--rev .split__img{order:2}
.split__img{margin:0;border:var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-l);transform:rotate(-1.5deg)}
.split--rev .split__img{transform:rotate(1.5deg)}
.split__img img{width:100%;height:100%;object-fit:cover}
.split__txt p{color:var(--brown);font-size:17px}

/* ── 품종(흙 구역) ── */
.variety-teaser{background:var(--soil);color:#fff;border-top:var(--bd)}
.variety-teaser .sec__title,.variety-teaser p{color:#fff}
.variety-teaser .split__txt p{color:#f1e4cc}
.variety-teaser .split__txt .eyebrow{color:var(--soil)}
.variety-teaser .src{color:#cbb898}
.variety-teaser .btn--line{background:var(--y)}
.bars{display:grid;gap:14px;margin:22px 0 4px;padding:22px;border:var(--bd);border-radius:var(--r-m);background:#fff;color:var(--soil);box-shadow:var(--sh)}
.variety-teaser .bars{border-color:var(--y);box-shadow:5px 5px 0 var(--y)}
.bar{display:grid;grid-template-columns:100px 1fr 72px;gap:12px;align-items:center;font-weight:800}
.bar__v{height:22px;border-radius:999px;background:var(--butter);border:2px solid var(--soil);overflow:hidden;position:relative}
.bar__v b{position:absolute;inset:0 auto 0 0;width:var(--w);background:repeating-linear-gradient(-45deg,var(--y) 0 10px,var(--y2) 10px 20px);border-right:2px solid var(--soil);animation:fill 1.4s var(--ease) both}
@keyframes fill{from{width:0}}
.bar em{font-style:normal;font-family:var(--disp);font-size:26px;text-align:right;color:#B83A10}

/* ── 영상 ── */
.film{background:var(--y);border-top:var(--bd);border-bottom:var(--bd);background-image:radial-gradient(circle,rgba(43,29,18,.1) 2px,transparent 2.5px);background-size:26px 26px}
.film__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px);margin-top:10px}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:var(--bd);border-radius:var(--r);overflow:hidden;cursor:pointer;background:#000;color:#fff;text-align:left;box-shadow:var(--sh-l);transition:transform .25s var(--ease)}
.yt:nth-child(1){transform:rotate(-1deg)}.yt:nth-child(2){transform:rotate(1deg)}
.yt:hover{transform:rotate(0) scale(1.02)}
.yt img{width:100%;height:100%;object-fit:cover}
.yt__play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--coral);border:var(--bd);box-shadow:var(--sh-s);animation:pulse 2s ease-in-out infinite}
.yt__play::after{content:"";position:absolute;left:32px;top:24px;border-style:solid;border-width:16px 0 16px 25px;border-color:transparent transparent transparent #fff}
@keyframes pulse{50%{transform:scale(1.08)}}
.yt__cap{position:absolute;left:0;right:0;bottom:0;padding:34px 20px 16px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-family:var(--disp);font-size:19px}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ── 약속 ── */
.promise__list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.promise__list li{display:flex;gap:16px;align-items:flex-start;background:#fff;border:var(--bd);border-radius:var(--r-m);padding:18px 20px;box-shadow:var(--sh-s);transition:transform .2s var(--ease)}
.promise__list li:hover{transform:translateX(6px) rotate(-.5deg)}
.promise__list li>span{flex:none;width:44px;height:44px;border-radius:50%;background:var(--y);border:var(--bd);display:grid;place-items:center;font-family:var(--disp);font-size:20px;line-height:1}
.promise__list h3{font-size:22px;margin-bottom:4px}
.promise__list p{margin:0;font-size:15.5px;color:var(--brown)}

/* ── 콘텐츠 카드 ── */
.cgrid{display:grid;gap:clamp(16px,1.8vw,28px)}
.cgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cgrid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ccard{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.ccard:nth-child(3n+1):hover{transform:translate(-3px,-5px) rotate(-1.2deg)}
.ccard:nth-child(3n+2):hover{transform:translate(-3px,-5px) rotate(1deg)}
.ccard:nth-child(3n):hover{transform:translate(-3px,-5px) rotate(-.6deg)}
.ccard:hover{box-shadow:var(--sh-l)}
.ccard__img{display:block;aspect-ratio:4/3;background:var(--butter);overflow:hidden;border-bottom:var(--bd)}
.ccard__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.ccard:hover .ccard__img img{transform:scale(1.06)}
.ccard__meta{align-self:flex-start;font-size:13px;font-weight:800;line-height:1;margin:16px 18px 0;padding:6px 10px;border:2px solid var(--soil);border-radius:999px;background:var(--butter)}
.ccard__t{display:block;font-family:var(--disp);font-weight:400;font-size:21px;padding:10px 18px 16px;line-height:1.35}
.ccard__ex{display:block;font-size:14.5px;color:var(--brown);padding:0 18px 20px;margin-top:-8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mini .ccard__t{font-size:16px;padding:10px 12px 12px}

/* ── FAQ ── */
.faq{display:grid;gap:12px;margin:20px 0}
.faq details{background:#fff;border:var(--bd);border-radius:var(--r-m);padding:0 22px;box-shadow:var(--sh-s);transition:transform .2s var(--ease)}
.faq details[open]{background:var(--butter);transform:rotate(-.4deg)}
.faq summary{list-style:none;cursor:pointer;font-family:var(--disp);font-size:19px;padding:18px 40px 18px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:-6px;top:12px;width:32px;height:32px;border:2px solid var(--soil);border-radius:50%;background:var(--y);display:grid;place-items:center;font-size:22px;line-height:1;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq__a{padding:0 0 20px;color:var(--brown);font-size:15.5px}
.faqnav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.faqnav a{text-decoration:none;font-family:var(--disp);font-size:17px;line-height:1;padding:10px 16px;border-radius:999px;background:#fff;border:var(--bd);box-shadow:var(--sh-s)}
.faqgroup{margin-top:40px}
.faqgroup h2{font-size:28px}

/* ── 마무리 띠 ── */
.closing{background:var(--coral);border-top:var(--bd);padding:clamp(56px,7vw,100px) 0;color:var(--soil);overflow:hidden}
.closing__in{display:flex;align-items:center;gap:clamp(24px,4vw,64px)}
.closing__mascot{width:clamp(140px,16vw,240px);flex:none;filter:drop-shadow(5px 6px 0 var(--soil));animation:bob 2.2s ease-in-out infinite}
.closing h2{font-size:clamp(32px,4.6vw,64px);margin-bottom:14px;text-shadow:3px 3px 0 #fff}
.closing p{color:var(--soil);max-width:680px;font-size:18px;font-weight:600}
.closing .btn--gold{background:var(--y)}

/* ── 페이지 머리 · 본문 ── */
.pagehead{position:relative;background:var(--y);padding:clamp(44px,6vw,90px) 0 clamp(40px,5vw,72px);border-bottom:var(--bd);background-image:radial-gradient(circle,rgba(43,29,18,.1) 2px,transparent 2.5px);background-size:26px 26px}
.pagehead--slim{padding:40px 0 34px}
.pagehead h1{font-size:clamp(38px,5.6vw,80px);margin-bottom:14px;text-shadow:3px 3px 0 #fff}
.pagehead .lead{font-size:clamp(17px,1.4vw,20px);color:var(--brown);margin:0;max-width:820px;font-weight:600}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;font-weight:700;margin-bottom:16px}
.crumbs a,.crumbs span{text-decoration:none;padding:5px 10px;border-radius:999px;background:#fff;border:2px solid var(--soil);line-height:1}
.crumbs>*:not(:last-child)::after{content:none}
.page{padding-top:44px;padding-bottom:90px}
.page__fig{margin:0 0 36px;border:var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-l)}
.page__fig img{width:100%;max-height:600px;object-fit:cover}
.page__fig--tall img{max-height:640px;object-position:50% 30%}
.page__fig figcaption{font-size:13px;color:var(--muted);padding:10px 14px;border-top:2px solid var(--soil);background:#fff}
.prose{font-size:17.5px;line-height:1.9;color:#33261a}
.prose h2{font-size:clamp(26px,2.6vw,34px);margin:52px 0 16px}
.prose h2::before{content:"";display:inline-block;width:16px;height:16px;margin-right:10px;border-radius:50%;background:var(--y);border:2.5px solid var(--soil);vertical-align:3px}
.prose h3{font-size:23px;margin:34px 0 12px}
.prose p{margin:0 0 1.15em}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin:.4em 0}
.prose li::marker{color:var(--coral);font-weight:900}
.prose blockquote{margin:28px 0;padding:22px 26px;background:var(--butter);border:var(--bd);border-radius:var(--r-m);box-shadow:var(--sh-s);font-family:var(--disp);font-size:21px;line-height:1.5;transform:rotate(-.6deg)}
.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0 28px;font-size:15.5px;background:#fff;border:var(--bd);border-radius:var(--r-m);overflow:hidden}
.prose th,.prose td{border-bottom:1.5px solid #ead9b5;padding:12px 14px;text-align:left;vertical-align:top}
.prose tr:last-child td,.prose tr:last-child th{border-bottom:0}
.prose th{background:var(--butter);font-weight:800;white-space:nowrap}
.prose a{color:var(--brown);font-weight:800;text-decoration-color:var(--y);text-decoration-thickness:4px;text-underline-offset:2px}
.legal{font-size:16px}
.legal h2{font-size:22px;margin-top:34px}
.cta-card{display:flex;align-items:center;gap:22px;margin:52px 0;padding:24px 28px;border:var(--bd);border-radius:var(--r);background:var(--y);box-shadow:var(--sh-l);transform:rotate(-.8deg)}
.cta-card img{width:72px;flex:none;animation:bob 2.4s ease-in-out infinite}
.cta-card div{flex:1}
.cta-card strong{font-family:var(--disp);font-weight:400;font-size:24px}
.cta-card p{margin:2px 0 0;color:var(--brown);font-weight:600}
.cta-card .btn--gold{background:#fff}
.byline{font-size:14px;font-weight:700;margin-top:16px}
.more-list{margin-top:64px}
.more-list h2{font-size:30px;margin-bottom:22px}
.ticks{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
.ticks li{padding:12px 16px 12px 52px;position:relative;font-weight:800;background:#fff;border:var(--bd);border-radius:var(--r-s);box-shadow:var(--sh-s)}
.ticks li::before{content:"";position:absolute;left:14px;top:50%;margin-top:-13px;width:26px;height:26px;border-radius:50%;border:2px solid var(--soil);background:var(--y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%232B1D12' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.shopinfo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:48px}
.shopinfo>div{background:#fff;border:var(--bd);border-radius:var(--r);padding:24px;box-shadow:var(--sh-s)}
.shopinfo>div:nth-child(1){background:var(--sky)}.shopinfo>div:nth-child(2){background:var(--mint)}.shopinfo>div:nth-child(3){background:var(--coral-2)}
.shopinfo h2{font-size:24px;margin-bottom:8px}
.shopinfo p{font-size:15px;color:var(--brown);margin:0}
.shopinfo a{font-weight:800}

/* ── 레시피 ── */
.facts{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:22px 0 0}
.facts li{background:#fff;border:var(--bd);border-radius:var(--r-s);padding:10px 16px;display:grid;box-shadow:var(--sh-s)}
.facts li:nth-child(2){transform:rotate(-2deg)}
.facts span{font-size:12.5px;font-weight:700;color:var(--muted)}
.facts b{font-family:var(--disp);font-weight:400;font-size:21px}
.recipe__grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.recipe__ing{position:sticky;top:100px;background:var(--butter);border:var(--bd);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.recipe__ing h2,.recipe__steps h2{font-size:28px;margin-bottom:14px}
.recipe__ing ul{list-style:none;padding:0;margin:0 0 20px}
.recipe__ing li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:2px dashed rgba(43,29,18,.25);font-size:15.5px}
.recipe__steps ol{list-style:none;counter-reset:s;padding:0;margin:0}
.recipe__steps ol>li{counter-increment:s;position:relative;padding:4px 0 26px 62px;font-size:17px;line-height:1.75}
.recipe__steps ol>li::before{content:counter(s);position:absolute;left:0;top:-2px;width:44px;height:44px;border-radius:50%;background:var(--y);border:var(--bd);box-shadow:var(--sh-s);font-family:var(--disp);font-size:21px;line-height:1;display:grid;place-items:center}
.recipe__steps ol>li:nth-child(even)::before{background:var(--mint)}
.tip{background:var(--sky);border:var(--bd);border-radius:var(--r-m);padding:20px 24px;margin-top:8px;box-shadow:var(--sh-s);transform:rotate(.5deg)}
.tip strong{font-family:var(--disp);font-weight:400;font-size:20px}
.tip ul{margin:8px 0 0;padding-left:1.2em}

/* ── 상품 상세 ── */
.pd{padding:28px 0 64px;background:var(--paper)}
.pd__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start}
.pd__gallery{position:sticky;top:96px}
.pd__main{border:var(--bd);border-radius:var(--r);overflow:hidden;background:#fff;aspect-ratio:1;box-shadow:var(--sh-l)}
.pd__main img{width:100%;height:100%;object-fit:cover}
.pd__thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.pd__thumbs button{padding:0;border:var(--bd);border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;aspect-ratio:1;transition:transform .2s var(--ease)}
.pd__thumbs button:hover{transform:rotate(-4deg)}
.pd__thumbs button.is-on{box-shadow:0 0 0 4px var(--y),var(--sh-s)}
.pd__thumbs img{width:100%;height:100%;object-fit:cover}
.pd__title{font-size:clamp(40px,4.6vw,68px);margin-bottom:12px}
.pd__desc{color:var(--brown);font-size:17px;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 24px}
.chips li{font-size:14px;font-weight:800;line-height:1;padding:9px 14px;border-radius:999px;background:#fff;border:2px solid var(--soil)}
.chips li:nth-child(1){background:var(--butter)}.chips li:nth-child(2){background:var(--mint)}.chips li:nth-child(3){background:var(--sky)}.chips li:nth-child(4){background:var(--coral-2)}
.buy{background:#fff;border:var(--bd);border-radius:var(--r);padding:24px;box-shadow:var(--sh-l)}
.sizes{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sizes legend{font-family:var(--disp);font-size:20px;margin-bottom:12px}
.size{position:relative;display:grid;gap:2px;padding:14px 16px;border:var(--bd);border-radius:var(--r-m);cursor:pointer;background:#fff;transition:transform .2s var(--ease),background .15s,box-shadow .2s}
.size input{position:absolute;opacity:0;pointer-events:none}
.size__l{font-family:var(--disp);font-size:26px;line-height:1.1}
.size__l em{font-style:normal;font-family:var(--f);font-size:11px;font-weight:900;line-height:1;background:var(--coral);color:var(--soil);padding:4px 7px;border-radius:999px;border:1.5px solid var(--soil);margin-left:6px;vertical-align:5px}
.size__n{font-size:13px;color:var(--muted);font-weight:600}
.size__p{font-family:var(--disp);font-size:20px}
.size:hover{transform:translateY(-3px)}
.size:has(input:checked){background:var(--y);box-shadow:var(--sh-s);transform:rotate(-1deg)}
.size:has(input:checked) .size__n{color:var(--brown)}
.size:has(input:focus-visible){outline:3px solid var(--coral);outline-offset:2px}
.size.is-out{opacity:.45;cursor:not-allowed}
.qty{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-family:var(--disp);font-size:19px}
.stepper{display:inline-flex;align-items:center;border:var(--bd);border-radius:999px;overflow:hidden;background:#fff}
.stepper button{width:44px;height:44px;border:0;background:var(--butter);font-size:22px;font-weight:900;cursor:pointer}
.stepper button:active{background:var(--y)}
.stepper input,.stepper output{width:48px;text-align:center;border:0;font-weight:900;font-size:17px;-moz-appearance:textfield;background:#fff}
.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}
.buy__sum{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-top:2.5px dashed rgba(43,29,18,.3)}
.buy__sum span{font-family:var(--disp);font-size:18px}
.buy__sum strong{font-family:var(--disp);font-weight:400;font-size:38px;color:var(--coral);text-shadow:2px 2px 0 var(--soil)}
.buy__ship{font-size:14px;color:var(--muted);margin:0 0 16px;font-weight:600}
.buy__btns{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}
.buy__pay{font-size:13px;color:var(--muted);text-align:center;margin:14px 0 0;font-weight:600}
.pd__tabs{position:sticky;top:74px;z-index:20;background:var(--y);border-top:var(--bd);border-bottom:var(--bd)}
.pd__tabs .wrap{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.pd__tabs .wrap::-webkit-scrollbar{display:none}
.pd__tabs a{flex:none;text-decoration:none;font-family:var(--disp);font-size:16px;line-height:1;padding:9px 14px;border-radius:999px;background:#fff;border:2px solid var(--soil)}
.pd__tabs a:hover{background:var(--butter);transform:rotate(-2deg)}
.pd__sec{padding:56px 0;border-bottom:2.5px dashed rgba(43,29,18,.2)}
.pd__sec:last-child{border-bottom:0}
.pd__sec h2{font-size:clamp(30px,3vw,44px);margin:0 0 20px}
.pd__sec figure{margin:0 0 24px;border:var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--y);border-top:var(--bd);padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
.buybar__in{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700}
.buybar__in b{font-family:var(--disp);font-weight:400;font-size:19px}
.buybar .btn--gold{background:#fff}

/* ── 장바구니 · 주문 ── */
.shopwrap{padding-top:32px;padding-bottom:90px}
.empty{text-align:center;padding:60px 0}
.empty img{width:120px;margin:0 auto 18px;animation:bob 2.4s ease-in-out infinite}
.empty p{font-family:var(--disp);font-size:24px}
.cartgrid,.cogrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:clamp(20px,3vw,40px);align-items:start}
.cartlist{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.cartline{display:grid;grid-template-columns:88px 1fr auto auto;gap:18px;align-items:center;background:#fff;border:var(--bd);border-radius:var(--r);padding:14px;box-shadow:var(--sh-s)}
.cartline img{width:88px;height:88px;object-fit:cover;border-radius:14px;border:2px solid var(--soil)}
.cartline__info{display:grid}
.cartline__info a{text-decoration:none;font-family:var(--disp);font-size:20px}
.cartline__info b{font-weight:400}
.cartline__info span{font-size:14px;color:var(--muted);font-weight:600}
.cartline__qty{display:flex;align-items:center;gap:6px}
.cartline__amt{font-family:var(--disp);font-weight:400;font-size:24px;min-width:100px;text-align:right}
.summary{background:#fff;border:var(--bd);border-radius:var(--r);padding:24px;display:grid;gap:12px;box-shadow:var(--sh-l)}
.summary--sticky{position:sticky;top:96px}
.summary h2{font-size:24px}
.summary dl,.ordbox dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0;font-size:15.5px}
.summary dd,.ordbox dd{margin:0;text-align:right;font-weight:700}
.summary__total{display:flex;justify-content:space-between;align-items:baseline;border-top:2.5px dashed rgba(43,29,18,.3);padding-top:14px}
.summary__total span{font-family:var(--disp);font-size:18px}
.summary__total strong{font-family:var(--disp);font-weight:400;font-size:34px;color:var(--coral);text-shadow:2px 2px 0 var(--soil)}
.summary__hint{font-size:14px;color:var(--leaf);font-weight:800;margin:0}
.summary__safe{font-size:13px;color:var(--muted);margin:0;text-align:center}
.sumlist{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:15.5px}
.sumlist li{display:flex;justify-content:space-between;gap:12px}
.coform{display:grid;gap:20px}
.cobox{background:#fff;border:var(--bd);border-radius:var(--r);padding:24px;box-shadow:var(--sh-s)}
.cobox h2{font-size:24px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.same{font-family:var(--f);font-size:14.5px;font-weight:700;display:flex;gap:8px;align-items:center}
.same input{accent-color:var(--soil);width:18px;height:18px}
.field{display:grid;gap:6px;margin-bottom:16px}
.field label{font-weight:800;font-size:15px}
.field input,.field select,.lookup input{height:52px;padding:0 16px;border:var(--bd);border-radius:14px;background:#fff;width:100%;font-weight:600}
.field input:focus,.field select:focus,.lookup input:focus{outline:none;background:var(--butter);box-shadow:var(--sh-s)}
.field input[readonly]{background:var(--paper)}
.field small{font-size:13px;color:var(--muted);font-weight:600}
.field .opt{font-weight:500;color:var(--muted)}
.field.is-err input{border-color:var(--coral);background:#fff1ec}
.addr{display:grid;grid-template-columns:1fr auto;gap:10px}
.addr .btn{height:52px}
.postcode{position:relative;height:460px;border:var(--bd);border-radius:14px;overflow:hidden;margin-top:10px}
.postcode__x{position:absolute;right:8px;top:8px;z-index:2;background:var(--soil);color:#fff;border:0;border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:700}
.paym{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.paym label{display:flex;align-items:center;gap:10px;padding:16px;border:var(--bd);border-radius:var(--r-m);cursor:pointer;font-family:var(--disp);font-size:18px;line-height:1.2;transition:transform .2s var(--ease)}
.paym label:hover{transform:translateY(-2px)}
.paym label:has(input:checked){background:var(--y);box-shadow:var(--sh-s);transform:rotate(-1deg)}
.paym input{accent-color:var(--soil);width:20px;height:20px;flex:none}
.hint{font-size:13.5px;color:var(--muted);margin:12px 0 0;font-weight:600}
.agree label{display:flex;gap:10px;align-items:flex-start;font-size:15px;padding:7px 0;cursor:pointer;font-weight:600}
.agree input{accent-color:var(--soil);width:20px;height:20px;margin-top:2px;flex:none}
.agree__all{border:var(--bd) !important;border-radius:14px;padding:14px 16px !important;margin-bottom:8px;font-family:var(--disp);font-size:19px !important;background:var(--butter)}
.agree__all b{font-weight:400}
.agree details summary{list-style:none}
.agree details summary::-webkit-details-marker{display:none}
.agree details p{font-size:13.5px;color:var(--brown);background:var(--paper);border:2px dashed rgba(43,29,18,.25);border-radius:12px;padding:10px 12px;margin:2px 0 8px 30px}
.agree a{font-weight:800}
.coerr{margin:0;padding:12px 14px;border-radius:12px;background:#fff1ec;border:2px solid var(--coral);color:#a3321c;font-size:14.5px;font-weight:800}
.alert{padding:14px 18px;border-radius:var(--r-m);background:#fff1ec;border:var(--bd);color:#8a2c17;font-weight:700;margin:0 0 18px;box-shadow:var(--sh-s)}
.alert--info{background:var(--sky);color:#123a63}
.ordbox h2{font-size:22px;margin:26px 0 12px}
.ordbox__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;font-weight:700}
.ordbox__head b{font-size:19px}
.status{margin-left:auto;font-family:var(--disp);font-size:17px;line-height:1;padding:9px 14px;border-radius:999px;background:var(--y);border:2px solid var(--soil);transform:rotate(-2deg)}
.status--canceled,.status--failed,.status--expired{background:var(--coral-2)}
.track{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:26px 0 8px}
.track li{position:relative;text-align:center;font-size:14px;font-weight:700;color:var(--muted);padding-top:38px}
.track li::before{content:"";position:absolute;top:4px;left:50%;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:#fff;border:2.5px solid var(--soil);z-index:1}
.track li::after{content:"";position:absolute;top:14px;left:-50%;width:100%;height:4px;background:#e9dcc0}
.track li:first-child::after{display:none}
.track li.is-on{color:var(--soil)}
.track li.is-on::before{background:var(--y)}
.track li.is-on::after{background:var(--soil)}
.va{background:var(--butter);border:var(--bd);border-radius:var(--r-m);padding:16px 20px;margin:20px 0;display:grid;gap:8px;box-shadow:var(--sh-s)}
.va p{display:flex;justify-content:space-between;margin:0}
.lookup{max-width:520px;margin:0 auto}
.errpage{padding:clamp(60px,9vw,120px) 0}
.errpage img{width:140px;margin:0 auto 20px;animation:bob 2.4s ease-in-out infinite}
.errpage h1{font-size:clamp(32px,4vw,52px);margin-bottom:12px}

/* ── 바닥 ── */
.ft{position:relative;background:var(--soil);color:#e5d6bc;padding:clamp(56px,6vw,90px) 0 44px;font-size:14.5px;border-top:var(--bd)}
.ft a{color:#fff3d6}
.ft__top{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:clamp(24px,4vw,64px);padding-bottom:32px;border-bottom:2px dashed rgba(255,255,255,.18)}
.ft__brand img{height:32px;width:auto;margin-bottom:16px}
.ft__brand p{margin-bottom:12px;font-family:var(--disp);font-size:20px;color:var(--y);line-height:1.4}
.ft__ig{display:inline-block;font-weight:800;text-decoration:none;padding:8px 14px;border:2px solid var(--y);border-radius:999px;line-height:1}
.ft__cs strong{display:block;color:#fff;font-family:var(--disp);font-weight:400;font-size:20px;margin-bottom:6px}
.ft__tel{display:inline-block;font-family:var(--disp);font-size:clamp(30px,3vw,40px);color:var(--y) !important;text-decoration:none;margin-bottom:6px}
.ft__links{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;align-content:start}
.ft__links a{text-decoration:none;font-weight:700}
.ft__biz{padding-top:24px;font-size:13px;line-height:1.85;color:#c4b296}
.ft__biz p{margin:0}
.ft__copy{margin-top:12px !important}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:60;background:var(--y);color:var(--soil);padding:14px 20px;border-radius:999px;border:var(--bd);box-shadow:var(--sh);font-weight:800;font-size:15px;display:flex;gap:12px;align-items:center;animation:pop .45s var(--ease)}
.toast a{color:var(--soil)}
.toast[hidden]{display:none}

/* ── 반응형 ── */
@media (min-width:1600px){
  .pgrid,.why__grid{gap:32px}
  .cgrid--3{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}
}
@media (max-width:1180px){
  .hd__nav{display:none}.hd__menu{display:block}
  .why__grid,.pgrid,.cgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgrid--5{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .hero__in{grid-template-columns:1fr;min-height:0;text-align:left}
  .hero__art{max-width:520px;width:92%}
  .split,.pd__top,.recipe__grid,.cartgrid,.cogrid{grid-template-columns:1fr}
  .split--rev .split__img{order:0}
  .pd__gallery,.recipe__ing,.summary--sticky{position:static}
  .film__grid,.shopinfo{grid-template-columns:1fr}
  .ft__top{grid-template-columns:1fr}
  .closing__in{flex-direction:column;text-align:center}
  /* 휴대폰·태블릿: 카드 줄을 옆으로 넘긴다 */
  .cgrid--3,.cgrid--4{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 calc(var(--g)*-1);padding:6px var(--g) 18px;scrollbar-width:none}
  .cgrid--3::-webkit-scrollbar,.cgrid--4::-webkit-scrollbar{display:none}
  .cgrid--3>*,.cgrid--4>*{flex:0 0 min(78vw,340px);scroll-snap-align:start}
}
@media (max-width:600px){
  body{font-size:16px}
  .hd__in{height:64px;gap:10px}
  .hd__logo img{height:26px}
  .hd__lookup{display:none}
  .hd__cart{width:44px;height:44px}
  .pd__tabs{top:64px}
  /* 휴대폰 첫 화면: 사진·마스코트·가격 스티커를 위로, 버튼은 한 줄, 칩은 옆으로 넘김 */
  .hero__in{gap:14px;padding-top:14px;padding-bottom:34px}
  .hero__art{order:-1;width:100%;max-width:none;aspect-ratio:1.3/1;justify-self:stretch;margin-bottom:10px}
  .hero__blob{inset:5% 4% 3% 18%;border-radius:46% 54% 50% 50%/52% 48% 52% 48%}
  .hero__mascot{width:31%;left:-1%;bottom:-7%}
  .sticker--a{width:94px;right:-1%;top:-3%;font-size:13px}
  .sticker--b{display:none}
  .sticker--c{left:3%;top:5%;padding:7px 12px;font-size:15px}
  .kicker{font-size:13px;padding:6px 12px 5px;margin-bottom:12px}
  .hero__title{font-size:clamp(36px,10.6vw,50px);margin-bottom:12px;text-shadow:3px 3px 0 #fff}
  .hero__title em{border-radius:16px;box-shadow:var(--sh-s)}
  .hero__sub{font-size:15.5px;margin-bottom:18px}
  .hero__cta{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-bottom:16px}
  .hero__cta .btn{width:100%;min-height:54px;padding:0 12px;font-size:18px}
  .hide-s{display:none}
  .hero__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--g)*-1);padding:2px var(--g) 4px}
  .hero__chips::-webkit-scrollbar{display:none}
  .hero__chips span{flex:none}
  .why__grid{grid-template-columns:1fr}
  .why__item{transform:none !important}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pcard{border-radius:20px;box-shadow:var(--sh-s)}
  .pcard__body{padding:12px}
  .pcard__name{font-size:17px}
  .pcard__price strong{font-size:24px}
  .pcard__act{grid-template-columns:1fr}
  .pcard__act .btn{min-height:40px;font-size:15px}
  .cgrid--5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sec__head{flex-direction:column;align-items:flex-start}
  .bar{grid-template-columns:84px 1fr 60px}
  .bar em{font-size:21px}
  .sizes{grid-template-columns:1fr 1fr}
  .size{padding:12px}
  .size__l{font-size:22px}
  .buy__btns{grid-template-columns:1fr}
  .buy__sum strong{font-size:32px}
  .cartline{grid-template-columns:72px 1fr;grid-template-areas:"img info" "qty amt"}
  .cartline img{width:72px;height:72px;grid-area:img}
  .cartline__info{grid-area:info}.cartline__qty{grid-area:qty}.cartline__amt{grid-area:amt}
  .cta-card{flex-direction:column;text-align:center;transform:none}
  .split__img,.split--rev .split__img{transform:none}
  .marquee{transform:rotate(-1.5deg)}
  .faq summary{font-size:17px}
  .prose th{white-space:normal;width:32%}
  .prose th,.prose td{padding:10px;font-size:14.5px;overflow-wrap:anywhere}
  .track li{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}
/* 품종 정보표(/variety) — 항목-값 표(검색·AI 브리핑이 읽기 좋은 꼴) */
.facts-sheet{margin:0 0 30px;padding:24px;border:var(--bd);border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.facts-sheet h2{font-size:clamp(24px,2.4vw,32px);margin-bottom:14px}
.facts-sheet table{width:100%;border-collapse:collapse;font-size:15.5px}
.facts-sheet th,.facts-sheet td{padding:11px 12px;border-bottom:1.5px solid #ead9b5;text-align:left;vertical-align:top}
.facts-sheet tr:last-child th,.facts-sheet tr:last-child td{border-bottom:0}
.facts-sheet th{width:30%;font-weight:800;background:var(--butter);white-space:nowrap}
@media (max-width:600px){.facts-sheet{padding:16px}.facts-sheet th{white-space:normal;width:34%}.facts-sheet th,.facts-sheet td{padding:9px;font-size:14.5px}}