/* BASIC css start */
.sdbar{position:fixed;left:0;right:0;bottom:0;z-index:1600;--sdlift:0px;--sdbot:0px;
  transform:translateY(calc(110% + var(--sdbot) + 56px));transition:transform .45s cubic-bezier(.16,1,.3,1);
  background:#0B0A08;border-top:1px solid rgba(246,243,236,.16);
  backdrop-filter:blur(14px);padding:var(--sp-14) clamp(var(--sp-16),3vw,var(--sp-40))}
.sdbar.show{transform:translateY(0)}
.sdbar.show.fold{transform:translateY(calc(100% + var(--sdbot)))}
.sdbar.show.fold .sdbar-fold{bottom:calc(100% + var(--sdlift) + var(--sdbot) + 16px);
  box-shadow:none;border-bottom:1px solid #C9A227;border-radius:var(--r-9)}
.sdbar-fold{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);
  transition:bottom .45s cubic-bezier(.16,1,.3,1);
  min-height:38px;font-size:var(--fz-14);font-weight:800;letter-spacing:.02em;
  display:inline-flex;align-items:center;gap:var(--sp-7);cursor:pointer;
  padding:var(--sp-5) var(--sp-15) var(--sp-6);border-radius:var(--r-9) var(--r-9) 0 0;
  box-shadow:0 1px 0 #0B0A08;
  background:#0B0A08;border:1px solid rgba(246,243,236,.16);border-bottom:none;
  backdrop-filter:blur(14px);font-family:inherit;font-size:var(--fz-14);font-weight:600;
  letter-spacing:.04em;color:#C4BEB2;transition:color .3s,background .3s}
.sdbar-fold:hover{color:#F6F3EC;background:#17140F}
.sdbar-fold svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;
  transition:transform .45s cubic-bezier(.16,1,.3,1)}
.sdbar.fold .sdbar-fold svg{transform:rotate(180deg)}
.sdbar-fold b{display:inline;color:#C9A227;font-weight:800;margin-left:2px}
.sdbar:not(.fold) .sdbar-fold{background:#262017;border-color:rgba(246,243,236,.42);color:#F6F3EC}
.sdbar:not(.fold) .sdbar-fold:hover{background:#332B1F}
.sdbar.fold .sdbar-fold b{color:#171307}
.sdbar.fold .sdbar-fold{background:#C9A227;border-color:#C9A227;color:#171307;font-weight:800;
  box-shadow:none}
.sdbar.fold .sdbar-fold:hover{background:#DCC05A}
#samda-gift button span,#samda-gift button b,
.sdbar button span,.sdbar button b,.sdbar-fold span,.sdbar-fold b,
.sdd button span,.sdp button span{visibility:visible}
#samda-gift .nav-links a:not(.nav-cta){font-weight:500}
html #samda-gift .nav-links a[aria-current="page"]{font-weight:500;color:#C9A227;opacity:1}
#samda-gift .nav-links a,#samda-gift .nav-links .nav-cta{font-weight:500 !important}
html #samda-gift{--fs-t1:clamp(46px,6.4vw,124px);--fs-t2:clamp(32px,3.6vw,68px);--fs-t3:clamp(23px,2.1vw,34px);
  --fs-h1:clamp(23px,2vw,30px);--fs-h2:clamp(20px,1.7vw,25px);--fs-h3:clamp(18px,1.5vw,21px);
  --fs-s1:clamp(17px,1.4vw,20px);--fs-s2:clamp(16px,1.25vw,18px);--fs-s3:15px;
  --fs-p1:clamp(24px,2.2vw,32px);--fs-p2:clamp(18px,1.6vw,22px);--fs-p3:15.5px}
html #samda-gift *,html .sdbar *,html .sdd *,html .sdp *{font-weight:400 !important}
html #samda-gift h1{font-size:var(--fs-t1) !important}
html #samda-gift h2,html #samda-gift .sec-head{font-size:var(--fs-t2) !important}
html #samda-gift h3{font-size:var(--fs-t3) !important}
html #samda-gift .sig-name,html #samda-gift .rec-name,
html body #samda-gift .pk-title,html body #samda-gift .ltd-name{font-size:var(--fs-h2)}
html #samda-gift .sig-set,html #samda-gift .rec-set,
html body #samda-gift .pk-sub,html body #samda-gift .ltd-sub{font-size:var(--fs-s2)}
html body #samda-gift .kicker,html body #samda-gift .rec-code,html body #samda-gift .sig-code{font-size:var(--fs-s3)}
html body #samda-gift .sd-p3 .sd-pc b{font-size:var(--fs-p1)}
html body #samda-gift .sd-p3 .sd-pc s,html body #samda-gift .sd-p3 .sd-off{font-size:var(--fs-p3)}
html body #samda-gift .ltd{background:radial-gradient(120% 85% at 50% 6%,#0A3B66 0%,#062744 46%,#03172B 100%)}
html body #samda-gift .ltd-shot::after{display:none}
html body #samda-gift .ltd-shot img{filter:none}
html #samda-gift .ltd-name{font-size:calc(var(--fs-h2) * 1.45) !important}
html body #samda-gift .ltd-w,html body #samda-gift .ltd-q,html body #samda-gift .ltd-more{font-size:calc(var(--fs-s2) * 1.3)}
html body #samda-gift .ltd-p b{font-size:calc(var(--fs-p2) * 1.3)}
html body #samda-gift .ltd-p s{font-size:calc(var(--fs-p3) * 1.3)}
html body #samda-gift .sig-name{font-size:calc(var(--fs-h2) * 1.3)}
html body #samda-gift .sig-set{font-size:calc(var(--fs-s2) * 1.15)}
#samda-gift .nav-brand img{display:none}
#samda-gift .sd-brand-txt{font-size:var(--fz-19);font-weight:500;letter-spacing:.01em;color:#F6F3EC;white-space:nowrap}
#samda-gift .nav{transition:transform .32s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease}
#samda-gift .nav.sd-nav-off{transform:translateY(-102%)}
@media(prefers-reduced-motion:reduce){#samda-gift .nav{transition:none}}
html #samda-gift .sd-p3{display:flex;align-items:flex-end;gap:clamp(var(--sp-12),1.5vw,var(--sp-22));flex-wrap:wrap}
html #samda-gift .sd-p3 .sd-pc{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
html #samda-gift .sd-p3 .sd-off{align-self:center;font-size:var(--fz-14-5);font-weight:500;letter-spacing:.01em;
  padding:var(--sp-3) var(--sp-10);border-radius:var(--r-999);border:1px solid currentColor;opacity:.72;white-space:nowrap}
html #samda-gift .sd-p3 .sd-pc s{font-size:var(--fz-15);font-weight:500;opacity:.62;line-height:1.35}
html #samda-gift .sd-p3 .sd-pc b{font-size:clamp(var(--fz-21),2vw,var(--fz-26));font-weight:900;letter-spacing:-.01em;line-height:1.2}
@media(prefers-reduced-motion:reduce){.sdbar,.sdbar-fold,.sdbar-fold svg{transition:none}}
.sdbar-in{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:clamp(var(--sp-12),1.6vw,var(--sp-24));flex-wrap:wrap}
.sdbar-title{display:none}
.sdbar-title b{color:#C9A227;margin-left:6px}
.sdbar-chips{display:flex;gap:var(--sp-8);flex-wrap:wrap;flex:1 1 240px;min-width:0}
.sdchip{display:inline-flex;align-items:center;gap:var(--sp-8);padding:var(--sp-6) var(--sp-8) var(--sp-6) var(--sp-6);
  border-radius:var(--r-10);border:1px solid rgba(246,243,236,.34);background:rgba(246,243,236,.12)}
.sdchip .sd-badge{font-size:var(--fz-15);padding:var(--sp-5) var(--sp-9);color:#12100C;background:#C9A227;
  border:none;border-radius:var(--r-6);font-weight:900;letter-spacing:.02em}
.sdbar{--sd-pork:#A32638;--sd-sea:#3E7CA6;--sd-easy:#6E7B52}
.sdchip .sd-badge.pork{background:var(--sd-pork);color:#F6F3EC}
.sdchip .sd-badge.sea{background:var(--sd-sea);color:#F6F3EC}
.sdchip .sd-badge.easy{background:var(--sd-easy);color:#F6F3EC}
.sdchip-opt{font-size:var(--fz-15);font-weight:800;color:#EDE8DC}
.sdchip-x{border:none;background:none;color:#EDE8DC;font-size:var(--fz-18);line-height:1;
  cursor:pointer;padding:2px var(--sp-4);border-radius:var(--r-6);transition:color .25s,background .25s}
.sdchip-x:hover{color:#F6F3EC;background:rgba(246,243,236,.12)}
.sdbar-sum{font-size:var(--fz-19);font-weight:900;color:#F6F3EC;white-space:nowrap}
.sdbar.sdbar-warn .sdbar-note{color:#F0C64A}
.sdbar.sdbar-warn .sdbar-go{opacity:1;box-shadow:0 0 0 2px rgba(240,198,74,.55)}
.sdbar.sdbar-empty .sdbar-sum{display:none}
.sdbar.sdbar-empty .sdbar-clear{display:none}
.sdbar.sdbar-empty .sdbar-go{opacity:.55}
.sdbar.sdbar-empty .sdbar-note{display:block}
.sdbar-sum s{display:block;font-size:var(--fz-15);font-weight:600;color:#98917F}
.sdbar-acts{display:flex;align-items:center;gap:var(--sp-10)}
.sdbar-go{font-size:var(--fz-17);font-weight:900;padding:var(--sp-14) var(--sp-22);border-radius:var(--r-8);cursor:pointer;
  border:none;background:#C9A227;color:#171307;white-space:nowrap;
  transition:background .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}
.sdbar-go:hover{background:#DCC05A;transform:translateY(-2px)}
.sdbar-clear{font-size:var(--fz-16);font-weight:700;color:#C4BEB2;background:none;border:none;
  cursor:pointer;border-bottom:1px solid rgba(196,190,178,.5);padding:2px 1px}
.sdbar-clear:hover{color:#F6F3EC}
.sdbar-clear.armed{color:#E4A9B0;border-color:#A93544;font-weight:800}
.sd-toast{position:fixed;left:50%;bottom:var(--sp-26);transform:translate(-50%,14px);z-index:2200;
  max-width:min(560px,92vw);padding:var(--sp-16) var(--sp-22);border-radius:var(--r-10);
  background:#17140F;border:1px solid rgba(216,201,163,.4);color:#F4F1EA;
  font-family:Pretendard,system-ui,sans-serif;font-size:var(--fz-17);font-weight:600;line-height:1.5;
  opacity:0;pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.sd-toast.show{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.sd-toast{transition:none}}
.sdbar-note{flex:1 1 100%;font-size:var(--fz-15);color:#98917F;font-weight:500;margin-top:2px;text-align:right}
.sd-add{margin-top:var(--sp-12);width:100%;padding:var(--sp-13) var(--sp-10);border-radius:var(--r-8);cursor:pointer;
  font-size:var(--fz-17);font-weight:800;background:transparent;
  border:1px solid currentColor;color:var(--rc-soft,#C4BEB2);
  transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1)}
#samda-gift .sd-add{padding:var(--sp-13) var(--sp-10);min-height:var(--sz-44);display:flex;align-items:center;justify-content:center;
  border:1px solid currentColor;background:transparent;border-radius:var(--r-8);white-space:nowrap}
#samda-gift .sd-add:hover{background:rgba(246,243,236,.08)}
#samda-gift .sd-add.in{background:currentColor;border-color:currentColor}
#samda-gift .sd-add.in span{color:#12100C;font-weight:900}
#samda-gift .sdd-open-btn,#samda-gift .sdd-cta{padding:var(--sp-10) var(--sp-18);min-height:40px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:720px){#samda-gift .nav-links a{font-size:var(--fz-15)}}
#samda-gift::before{animation:none}
.sd-add:hover{background:rgba(246,243,236,.08)}
.sd-add.in{background:currentColor;border-color:currentColor}
.sd-add.in span{color:#12100C;font-weight:900}
.sd-add .sd-rm{font-style:normal;font-weight:600;color:rgba(18,16,12,.72);letter-spacing:0}
.sd-add.in:hover .sd-rm{color:rgba(18,16,12,.78)}
@media(max-width:720px){
  .sdbar{--sdlift:env(safe-area-inset-bottom,0px);
    box-shadow:0 -12px 28px rgba(0,0,0,.55);
    padding:var(--sp-12) var(--sp-14) calc(var(--sp-15) + var(--sdlift));background:#151210;
    border-top:2px solid #C9A227}
  .sdbar-in{flex-wrap:wrap;align-items:center;gap:var(--sp-9) var(--sp-10);max-height:66svh;overflow-y:auto}
  .sdbar-title{order:1;flex:1 1 100%;font-size:var(--fz-15)}
  .sdbar-chips{order:2;flex:1 1 100%;flex-wrap:wrap;overflow:visible;gap:var(--sp-7)}
  .sdchip{gap:var(--sp-6);padding:var(--sp-4) var(--sp-6) var(--sp-4) var(--sp-4)}
  .sdchip .sd-badge{font-size:var(--fz-13);padding:var(--sp-4) var(--sp-7)}
  .sdchip-opt{font-size:var(--fz-13)}
  .sdbar-sum{order:3;flex:1 1 auto;display:flex;flex-direction:column-reverse;
    align-items:flex-start;font-size:var(--fz-19);line-height:1.25;margin:0}
  .sdbar-sum s{display:block;font-size:var(--fz-13);margin:0}
  .sdbar-acts{order:4;flex:0 0 auto;margin-left:auto;gap:var(--sp-14)}
  .sdbar-go{padding:var(--sp-11) var(--sp-18);font-size:var(--fz-15)}
  .sdbar-clear{font-size:var(--fz-14)}
  .sdbar-fold{min-height:42px;padding:var(--sp-8) var(--sp-20) var(--sp-9);font-size:var(--fz-15);
    background:#151210;border:2px solid #C9A227;border-bottom:none;
    box-shadow:0 2px 0 #151210}
  .sdbar-note{display:none}
  .sdbar.sdbar-empty .sdbar-sum{display:none}
  .sdbar.sdbar-empty .sdbar-clear{display:none}
  .sdbar.sdbar-empty .sdbar-note{display:block;order:5;flex:1 1 100%;margin:var(--sp-6) 0 0;font-size:var(--fz-14)}
  body > .sdbar,body > .sdbar-fold,body > .sdd,body > .sdp{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
#sdCartLoading .sdcl-x{margin-top:var(--sp-22);display:none;font-family:inherit;font-size:var(--fz-14);
  font-weight:700;color:#F4F1EA;background:none;border:1px solid rgba(244,241,234,.34);
  border-radius:var(--r-6);padding:var(--sp-11) var(--sp-22);min-height:var(--sz-44);cursor:pointer}
#sdCartLoading.late .sdcl-x{display:inline-block}
#sdCartLoading.late .sdcl-s{color:rgba(244,241,234,.86)}

/* ---- 20-detail.css ---- */
.sdd-open-btn{font-family:inherit;font-size:var(--fz-17);font-weight:800;cursor:pointer;
  padding:var(--sp-13) var(--sp-10);border-radius:var(--r-8);background:transparent;
  border:1px solid rgba(246,243,236,.26);color:#C4BEB2;
  transition:border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),background .3s cubic-bezier(.16,1,.3,1)}
.sdd-open-btn:hover{border-color:rgba(246,243,236,.5);color:#F6F3EC;background:rgba(246,243,236,.06)}
#samda-gift .sdd-open-btn{border:1px solid rgba(246,243,236,.26);background:transparent;
  border-radius:var(--r-8);white-space:nowrap}
#samda-gift .sdd-open-btn:hover{border-color:rgba(246,243,236,.5);background:rgba(246,243,236,.06)}
.sdd-cta{display:flex;gap:var(--sp-10);margin-top:var(--sp-12)}
.sdd-cta>*{flex:1 1 0;min-width:0;margin-top:0}
.rec-card .rec-ctas{align-items:center}
.rec-ctas .sdd-open-btn{flex:0 0 auto;padding:var(--sp-10) var(--sp-18);font-size:var(--fz-17);
  border-color:var(--rc-soft,rgba(246,243,236,.4));color:var(--rc-soft,#C4BEB2)}
.rec-ctas .sdd-open-btn:hover{background:rgba(246,243,236,.08);color:#F6F3EC}
.sdd-hot{position:relative;cursor:pointer}
/* 썸네일 hover 「상세 보기」 라벨은 뺐다 (PM 2026-09-16) */
.sdd-scrim{position:fixed;inset:0;z-index:1400;background:rgba(6,5,4,.45);
  opacity:0;touch-action:none;transition:opacity .38s cubic-bezier(.16,1,.3,1)}
.sdd-scrim.show{opacity:1}
.sdd{position:fixed;top:0;right:0;bottom:0;z-index:1500;width:min(860px,100%);
  display:flex;flex-direction:column;background:var(--sdd-card);color:var(--sdd-ink);
  font-family:Pretendard,system-ui,sans-serif;
  border-left:1px solid var(--sdd-line);
  transform:translateX(100%);overscroll-behavior:contain;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.sdd.show{transform:translateX(0)}
.sdd[hidden],.sdd-scrim[hidden],.sdd-wt[hidden],.sdd-set[hidden],.sdd-facet[hidden]{display:none}
/* 라이트 팝업 - 불러온 쇼핑몰 상세(흰 바탕)와 이어진다. 상단 띠 색만 봐도 흑돈/수산/간편식을 안다 (PM 2026-09-17) */
.sdd,.sdd[data-hall="easy"]{--sc:var(--pal-easy-em);--sdd-head:var(--pal-easy-bg);--sdd-card:var(--pal-easy-card);--sdd-line:var(--pal-easy-line);--sdd-ink:var(--pal-easy-ink);--sdd-dim:var(--pal-easy-dim)}
.sdd[data-hall="pork"]{--sc:var(--pal-pork-em);--sdd-head:var(--pal-pork-bg);--sdd-card:var(--pal-pork-card);--sdd-line:var(--pal-pork-line);--sdd-ink:var(--pal-pork-ink);--sdd-dim:var(--pal-pork-dim)}
.sdd[data-hall="sea"]{--sc:var(--pal-sea-em);--sdd-head:var(--pal-sea-bg);--sdd-card:var(--pal-sea-card);--sdd-line:var(--pal-sea-line);--sdd-ink:var(--pal-sea-ink);--sdd-dim:var(--pal-sea-dim)}
.sdd-head{flex:0 0 auto;padding:var(--sp-20) clamp(var(--sp-18),2.4vw,var(--sp-34)) var(--sp-18);
  border-bottom:1px solid var(--sdd-line);background:var(--sdd-head)}
.sdd-r1{display:flex;align-items:flex-start;gap:var(--sp-14)}
.sdd-r1 .sd-badge{flex:0 0 auto;margin-top:3px}
.sdd-id{flex:1 1 auto;min-width:0}
.sdd-name{font-family:"Noto Serif KR",serif;font-size:var(--fz-25);font-weight:700;line-height:1.35;
  color:var(--sdd-ink);margin:0;word-break:keep-all;overflow-wrap:break-word}
.sdd-hall{font-size:var(--fz-15);font-weight:700;color:var(--sdd-dim);letter-spacing:.04em;margin:0 0 4px}
.sdd-nav{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-6)}
.sdd-arrow,.sdd-x{border-radius:var(--r-8);cursor:pointer;font-family:inherit;line-height:1;
  border:1px solid var(--sdd-line);background:var(--sdd-card);color:var(--sdd-dim);
  transition:color .3s ease,border-color .3s ease,background .3s ease}
.sdd-arrow{width:var(--sz-38);height:var(--sz-38);font-size:var(--fz-22)}
.sdd-arrow:hover:not(:disabled),.sdd-x:hover{color:var(--sdd-ink);border-color:var(--sc)}
.sdd-arrow:disabled{opacity:.28;cursor:default}
.sdd-count{font-size:var(--fz-15);font-weight:700;color:var(--sdd-dim);min-width:52px;text-align:center;
  font-variant-numeric:tabular-nums}
.sdd-nav[hidden]{display:none}
.sdd-ops{position:absolute;top:18px;right:clamp(var(--sp-14),2.4vw,var(--sp-34));z-index:6;
  display:flex;align-items:center;gap:var(--sp-8)}
.sdd-r1{padding-right:168px}
@media(max-width:520px){.sdd-ops{top:14px}}
.sdd-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;overflow:hidden}
.sdd-slide{flex:1 1 auto;min-width:100%;min-height:0;display:flex;flex-direction:column;
  touch-action:pan-y pinch-zoom;will-change:transform}
.sdd-ghost{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;
  pointer-events:none;will-change:transform}
.sdd-x{flex:0 0 auto;width:var(--sz-44);height:var(--sz-44);font-size:var(--fz-24)}
.sdd-r2{display:flex;align-items:baseline;gap:var(--sp-16);flex-wrap:wrap;margin-top:var(--sp-14)}
.sdd-price{display:flex;align-items:baseline;gap:var(--sp-10);white-space:nowrap}
.sdd-price b{font-size:var(--fz-28);font-weight:900;color:var(--sc)}
.sdd-price s,.sdd-price span,.sdd-sub{color:var(--sdd-dim)}
.sdd-price s{font-size:var(--fz-16);font-weight:600}
.sdd-price span{font-size:var(--fz-15);font-weight:700;color:var(--st-urge)}   /* 할인율은 판매가와 다른 색 */
.sdd-sub{font-size:var(--fz-16);font-weight:600;margin:0}
/* 옵션 한 줄 - [세트/어종 칸][중량][담기]. 가격 문구 길이와 상관없이 자리가 고정된다 */
.sdd-r3{display:flex;align-items:flex-end;gap:var(--sp-10);margin-top:var(--sp-14)}
.sdd-set,.sdd-facet,.sdd-r3>.sdd-dd{flex:1 1 auto;min-width:0}
.sdd-facet{display:flex;gap:var(--sp-8)}
.sdd-facet label{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--sp-4)}
.sdd-facet span{font-size:var(--fz-14);font-weight:700;color:var(--sdd-dim)}
.sdd-dd{position:relative;display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdd-dd::after{content:"";position:absolute;right:var(--sp-14);top:50%;margin-top:calc(var(--sp-4) * -1);border:var(--sp-5) solid transparent;border-top-color:var(--sdd-dim);border-bottom:0}
.sdd-dd[hidden]{display:none}
.sdd-head{position:relative}
/* 옵션 목록 - 누른 칸 바로 아래, 칸 줄 폭(JS 가 --dd-* 로 잰다). 누른 칸과 목록 테두리를 관 색으로 잇는다 */
.sdd-dd[aria-expanded="true"]{border-color:var(--sc)}
.sdd-dd[aria-expanded="true"]::after{border-top-color:var(--sc);transform:rotate(180deg)}
.sdd-dd-list{position:absolute;left:var(--dd-l,0);width:var(--dd-w,100%);top:var(--dd-top,100%);z-index:5;margin:var(--sp-6) 0 0;padding:var(--sp-4) 0;list-style:none;
  box-sizing:border-box;overflow-y:auto;background:var(--sdd-card);border:1px solid var(--sc);border-radius:var(--r-8);animation:sddDdIn .25s ease-out}
@keyframes sddDdIn{from{opacity:0;transform:translateY(calc(var(--sp-4) * -1))}to{opacity:1;transform:none}}
.sdd-dd-list button{position:relative;display:block;width:100%;text-align:left;padding:var(--sp-12) var(--sp-34) var(--sp-12) var(--sp-16);border:0;background:transparent;
  font-family:inherit;font-size:var(--fz-16);font-weight:600;color:var(--sdd-ink);cursor:pointer}
.sdd-dd-list li+li button{border-top:1px solid var(--sdd-line)}
.sdd-dd-list button:hover{background:var(--sdd-head)}
.sdd-dd-list button[aria-selected="true"]{color:var(--sc);font-weight:800}
.sdd-dd-list button[aria-selected="true"]::after{content:"";position:absolute;right:var(--sp-16);top:50%;width:var(--sp-6);height:var(--sp-12);
  border:solid var(--sc);border-width:0 2px 2px 0;transform:translateY(-65%) rotate(45deg)}
.sdd-set,.sdd-facet select,.sdd-dd{width:100%;height:var(--sz-44);padding:0 var(--sp-12);font-family:inherit;font-size:var(--fz-16);font-weight:700;
  color:var(--sdd-ink);background-color:var(--sdd-card);border:1px solid var(--sdd-line);border-radius:var(--r-8);cursor:pointer}
.sdd-set option,.sdd-facet option{background-color:var(--sdd-card);color:var(--sdd-ink)}
.sdd-dd{padding-right:var(--sp-34)}
.sdd-wt{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:var(--sp-8)}
.sdd-wbtn{font-family:inherit;font-size:var(--fz-16);font-weight:800;cursor:pointer;height:var(--sz-44);padding:0 var(--sp-16);
  border-radius:var(--r-8);border:1px solid var(--sdd-line);background:var(--sdd-card);color:var(--sdd-dim);
  transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1)}
.sdd-wbtn.on{background:var(--sc);border-color:var(--sc);color:var(--sdd-card)}
.sdd-head .sd-add{margin-top:0;flex:0 0 auto;width:auto;min-width:var(--sz-160);height:var(--sz-44);padding:0 var(--sp-24);color:var(--sc);background:var(--sdd-card)}
.sdd-head .sd-add:hover{background:var(--sdd-head)}
.sdd-head .sd-add.in{background:var(--sc);border-color:var(--sc)}
.sdd-head .sd-add.in span{color:var(--sdd-card)}
.sdd-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.sdd-img{display:block}
.sdd-img img{display:block;width:100%;height:auto;border:0}
.sdd-shop{overflow:hidden}
.sdd-shop img,.sdd-shop video,.sdd-shop iframe{max-width:100%;height:auto}
/* 로딩 중에도 본문이 스크롤될 길이를 준다 - 짧은 본문에서는 모바일이 핀치줌을 받지 않았다 (PM 2026-09-17) */
.sdd-framewrap{position:relative;min-height:var(--sdd-fold-h)}
/* 본문 첫 화면 - 고른 세트 썸네일. 상세가 늦어도 흰 화면이 아니다 (PM 2026-09-17) */
.sdd-thumb{position:relative;margin:0 0 var(--sp-24);height:var(--sdd-thumb-h);background:var(--sdd-head)}
.sdd-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.sdd-temp{position:absolute;top:var(--sp-12);left:var(--sp-12);padding:var(--sp-4) var(--sp-10);border-radius:var(--r-8);
  font-size:var(--fz-14);font-weight:800;background:var(--sdd-ink);color:var(--sdd-card)}
/* 긴 상세는 접어 두고 [상세 더보기]로 편다 */
.sdd-shop.is-folded{max-height:var(--sdd-fold-h)}
.sdd-shop .sdd-local-frame{display:block;width:100%;border:0}
/* 가운데 · 관 색 테두리 (PM 2026-09-17 ①) - 주 버튼 [담기]보다 한 단계 아래 무게 */
.sdd-more{display:block;width:var(--sdd-more-w);height:var(--sz-56);margin:var(--sp-20) auto var(--sp-40);font-family:inherit;font-size:var(--fz-18);font-weight:800;cursor:pointer;
  border:2px solid var(--sc);border-radius:var(--r-8);background:var(--sdd-card);color:var(--sc)}
.sdd-more::after{content:"";display:inline-block;width:var(--sp-8);height:var(--sp-8);margin-left:var(--sp-10);
  border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-30%) rotate(45deg)}
.sdd-shop video{background:var(--sdd-head)}
.sdd-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:var(--sp-16);background:var(--sdd-card);padding:var(--sp-24);text-align:center}
.sdd-load p{margin:0;font-size:var(--fz-17);font-weight:600;color:var(--sdd-dim)}
.sdd-load .bar{width:min(320px,72%);height:3px;border-radius:2px;background:var(--sdd-line);overflow:hidden}
.sdd-load .bar i{display:block;height:100%;width:12%;background:var(--sc);
  transform:translateX(-100%);animation:sdd-load 6s cubic-bezier(.16,1,.3,1) forwards}
@keyframes sdd-load{to{transform:translateX(830%)}}
.sdd-fail{padding:clamp(var(--sp-22),2.6vw,var(--sp-38));font-size:var(--fz-19);line-height:1.8;color:var(--sdd-ink)}
.sdd-fail a{color:var(--sc);font-weight:800}
body.sdd-open .rvrow{animation-play-state:paused}
@media(max-width:860px){
  .sdd{width:100%;border-left:0}
  .sdd-head{padding:var(--sp-14) var(--sp-16)}
  .sdd-r1{flex-wrap:wrap;gap:var(--sp-10);padding-right:0}
  .sdd-id{flex:1 1 100%;order:3}
  .sdd-nav{margin-left:auto}
  .sdd-arrow{width:var(--sz-34);height:var(--sz-34);font-size:var(--fz-20)}
  .sdd-count{min-width:46px}
  .sdd-x{width:var(--sz-38);height:var(--sz-38);font-size:var(--fz-21)}
  .sdd-name{font-size:var(--fz-21)}
  .sdd-r2{gap:var(--sp-12);margin-top:var(--sp-12)}
  .sdd-price b{font-size:var(--fz-24)}
  .sdd-r3{flex-wrap:wrap}
  .sdd-set,.sdd-facet,.sdd-r3>.sdd-dd{flex:1 1 100%}
  .sdd-facet{gap:var(--sp-6)}
  .sdd-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}   /* 모바일 상품명 한 줄 (PM 2026-09-17) */
  .sdd-sub{display:none}   /* 모바일은 가격 아래 한 줄 설명을 뺀다 (PM 2026-09-17) */
  .sdd-facet select,.sdd-facet .sdd-dd{padding:0 var(--sp-24) 0 var(--sp-6);font-size:var(--fz-15)}
  .sdd-head .sd-add{flex:1 1 auto;min-width:0}
  .sdd-r3{margin-top:var(--sp-12)}
  .rec-ctas .sdd-open-btn{flex:1 1 100%}
  /* 접힌 머리 한 줄 - JS 가 --sdd-mini 로 모바일인지 읽는다 */
  .sdd{--sdd-mini:1}
  .sdd.is-mini .sdd-head{display:flex;align-items:center;gap:var(--sp-10);padding-top:var(--sp-8);padding-bottom:var(--sp-8);
    padding-right:calc(var(--sz-38) + var(--sp-26))}
  .sdd.is-mini .sdd-r1{flex:1 1 auto;min-width:0}
  .sdd.is-mini .sdd-r1 .sd-badge,.sdd.is-mini .sdd-hall,.sdd.is-mini .sdd-nav,.sdd.is-mini .sdd-price .sd-pc:not(.sd-pc-now),
  .sdd.is-mini .sdd-price .sd-off,.sdd.is-mini .sdd-r3>:not(.sd-add){display:none}
  .sdd.is-mini .sdd-name{font-size:var(--fz-17)}
  .sdd.is-mini .sdd-r2,.sdd.is-mini .sdd-r3{flex:0 0 auto;margin:0}
  .sdd.is-mini .sdd-price b{font-size:var(--fz-18)}
  .sdd.is-mini .sdd-head .sd-add{flex:0 0 auto;height:var(--sz-38);padding:0 var(--sp-14)}
  .sdd.is-mini .sdd-ops{top:var(--sp-8)}
}
.sdd-head{transition:height .25s ease-out}
@media(prefers-reduced-motion:reduce){
  .sdd,.sdd-scrim,.sdd-open-btn,.sdd-hot::after,.sdd-head{transition:none}
  .sdd-load .bar i{animation:none;width:100%;transform:none}
}

/* 옵션이 하나뿐인 카드는 바꿀 게 없어 손가락이 헷갈린다 (PM 2026-09-16) */
.ag-card.ag-one .sdd-hot,.ag-card.ag-one .sdd-hotprice,.rec-card.ag-one .sdd-hot,.rec-card.ag-one .sdd-hotprice{cursor:default}

/* ---- 30-promo.css ---- */
.sdp{position:fixed;left:8px;bottom:clamp(96px,13vh,150px);z-index:880;   display:flex;align-items:stretch;overflow:visible;text-decoration:none;   transform:translateX(-130%);opacity:0;pointer-events:none;   transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s ease,              border-color .45s cubic-bezier(.16,1,.3,1);   border-radius:var(--r-6);background:#090806;backdrop-filter:blur(10px);   border:1px solid var(--sdp-line);border-left:3px solid var(--sdp-c);   font-family:Pretendard,system-ui,sans-serif;cursor:pointer} .sdp.show{transform:translateX(0);opacity:1;pointer-events:auto} .sdp:hover{border-color:var(--sdp-c)} .sdp-core{flex:0 0 auto;width:var(--sdp-w,86px);padding:var(--sp-15) var(--sp-8) var(--sp-14);   display:flex;flex-direction:column;align-items:center;gap:var(--sp-7);text-align:center} .sdp-dday{font-size:var(--fz-25);font-weight:500;line-height:1;color:var(--sdp-soft);letter-spacing:-.02em} .sdp-end{font-size:var(--fz-15);font-weight:400;line-height:1;color:#8D8676} .sdp-line{width:100%;height:1px;background:var(--sdp-line);margin:2px 0} .sdp-name{font-size:var(--fz-16);font-weight:400;line-height:1.28;color:#F0ECE3;word-break:keep-all} .sdp-num{font-size:var(--fz-15);font-weight:500;line-height:1;color:var(--sdp-c);letter-spacing:-.02em;white-space:nowrap} .sdp-benefit-mobile{display:none} .sdp-more{flex:0 0 auto;width:0;opacity:0;overflow:hidden;white-space:nowrap;   display:flex;flex-direction:column;justify-content:center;gap:var(--sp-11);   transition:width .5s cubic-bezier(.16,1,.3,1),opacity .35s ease,padding .5s cubic-bezier(.16,1,.3,1);   padding:var(--sp-16) 0;border-left:1px solid var(--sdp-line)} .sdp:hover .sdp-more,.sdp-hit:focus-visible .sdp-more{width:182px;opacity:1;padding:var(--sp-16) var(--sp-20)} .sdp-hit{flex:1 1 auto;min-width:0;display:flex;align-items:stretch;text-decoration:none} .sdp-more em{display:flex;align-items:center;gap:var(--sp-9);font-style:normal;   font-size:var(--fz-16);font-weight:400;color:#F0ECE3;line-height:1.2} .sdp-more em::before{content:"";flex:0 0 auto;width:9px;height:1px;background:var(--sdp-c)} /* X 는 폭이 변하는 .sdp 가 아니라 폭 고정인 .sdp-core 기준으로 붙인다.
   오른쪽 끝에 두면 hover 로 패널이 펼쳐질 때 버튼이 따라 움직여 떨린다(소유자 2026-09-07). */
.sdp-x{display:block;position:absolute;top:-11px;right:auto;left:calc(var(--sdp-w, 86px) - 11px);z-index:2;width:var(--sz-22);height:22px;   padding:0;border:1px solid var(--sdp-line);border-radius:50%;background:#090806;cursor:pointer;color:#8D8676;   font:700 15px/1 Pretendard,system-ui,sans-serif} .sdp-x:hover,.sdp-x:focus-visible{color:#F0ECE3} @media(max-width:900px){   .sdp{left:6px;bottom:clamp(84px,11vh,120px);overflow:visible}   .sdp-x{display:block}   .sdp{--sdp-w:54px}
  .sdp-core{width:var(--sdp-w);padding:var(--sp-14) var(--sp-4) var(--sp-9);gap:var(--sp-4)}   .sdp-dday,.sdp-end,.sdp-line{display:none}   .sdp-name{font-size:var(--fz-14);line-height:1.3;width:2.1em;margin:0 auto;word-break:break-all}   .sdp-num{font-size:var(--fz-12-5)}   .sdp-benefit-pc{display:none}   .sdp-benefit-mobile{display:inline}   .sdp-more{display:none} } @media(prefers-reduced-motion:reduce){.sdp,.sdp-more,.sdp-more i{transition:none}} .sdp-off{position:absolute;top:var(--sp-10);right:var(--sp-10);z-index:3;pointer-events:none;   font-family:Pretendard,system-ui,sans-serif;font-size:var(--fz-15);font-weight:900;line-height:1;   letter-spacing:.01em;padding:var(--sp-7) var(--sp-10);border-radius:var(--r-6);   background:rgba(9,8,6,.9);border:1px solid var(--sdp-line);color:var(--sdp-soft)} .rec-image .sdp-off{top:12px;right:12px}

/* 마감 구간 재촉 문구 - 숫자 자리를 대신하므로 눈에 띄게 (PM 2026-09-16) */
html #samda-gift .sdp-num.sdp-urge,.sdp-num.sdp-urge{color:var(--st-urge);font-weight:800;letter-spacing:-.02em;white-space:nowrap}

/* ---- 40-quote.css ---- */
.sdq-dim{position:fixed;inset:0;z-index:2147483000;background:rgba(6,8,10,.86);
  display:none;align-items:center;justify-content:center;padding:var(--sp-16);
  opacity:0;transition:opacity .28s ease-out}
.sdq-dim.on{display:flex}.sdq-dim.in{opacity:1}
.sdq-box{width:min(760px,100%);max-height:calc(100vh - 32px);background:#12100C;color:#F2EEE4;
  border:1px solid rgba(242,238,228,.16);border-radius:var(--r-14);display:flex;flex-direction:column;
  transform:translateY(14px);transition:transform .3s cubic-bezier(.16,1,.3,1);
  font-family:inherit;overflow:hidden}
.sdq-dim.in .sdq-box{transform:none}
.sdq-hd{display:flex;align-items:flex-start;gap:var(--sp-12);padding:var(--sp-22) var(--sp-24) var(--sp-16);
  border-bottom:1px solid rgba(242,238,228,.14);flex:0 0 auto}
.sdq-hd h3{margin:0;font-size:var(--fz-22);font-weight:800;letter-spacing:-.01em;line-height:1.35}
.sdq-hd p{margin:var(--sp-6) 0 0;font-size:var(--fz-15);line-height:1.6;color:#C9C2B4}
.sdq-x{margin-left:auto;flex:0 0 auto;width:var(--sz-38);height:var(--sz-38);border-radius:var(--r-9);cursor:pointer;
  background:transparent;border:1px solid rgba(242,238,228,.2);color:#F2EEE4;font-size:var(--fz-20);line-height:1;
  transition:background .25s,border-color .25s}
.sdq-x:hover{background:rgba(242,238,228,.09);border-color:rgba(242,238,228,.4)}
.sdq-bd{padding:var(--sp-18) var(--sp-24) var(--sp-22);overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}
.sdq-sec{margin-top:var(--sp-22)}.sdq-sec:first-child{margin-top:0}
.sdq-lg{font-size:var(--fz-13);font-weight:800;letter-spacing:.12em;color:#C9A227;margin:0 0 var(--sp-10)}
.sdq-row{display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-13) 0;
  border-top:1px solid rgba(242,238,228,.13)}
.sdq-row:first-of-type{border-top:none}
.sdq-code{flex:0 0 auto;font-size:var(--fz-12-5);font-weight:800;padding:var(--sp-4) var(--sp-9);border-radius:var(--r-6);
  background:rgba(201,162,39,.16);color:#E6CE72;letter-spacing:.02em}
.sdq-nm{flex:1 1 auto;min-width:0;font-size:var(--fz-15-5);line-height:1.45;font-weight:600}
.sdq-nm i{display:block;font-style:normal;font-size:var(--fz-13-5);color:#B7AF9F;font-weight:500;margin-top:3px}
.sdq-stp{flex:0 0 auto;display:flex;align-items:center;gap:0;border:1px solid rgba(242,238,228,.24);border-radius:var(--r-9);overflow:hidden}
.sdq-stp button{width:40px;height:var(--sz-40);background:transparent;border:0;color:#F2EEE4;font-size:var(--fz-19);
  cursor:pointer;line-height:1;transition:background .22s}
.sdq-stp button:hover{background:rgba(242,238,228,.1)}
.sdq-stp input{width:54px;height:var(--sz-40);background:transparent;border:0;border-left:1px solid rgba(242,238,228,.18);
  border-right:1px solid rgba(242,238,228,.18);color:#F2EEE4;text-align:center;font-size:var(--fz-16);
  font-weight:700;font-family:inherit;-moz-appearance:textfield}
.sdq-stp input::-webkit-outer-spin-button,.sdq-stp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sdq-empty{padding:var(--sp-16) 0;font-size:var(--fz-15-5);line-height:1.7;color:#C9C2B4}
.sdq-empty b{display:block;color:#F2EEE4;font-weight:700;margin-bottom:var(--sp-4);font-size:var(--fz-16-5)}
.sdq-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-6) var(--sp-18);margin-top:var(--sp-14);padding-top:var(--sp-14);
  border-top:1px solid rgba(242,238,228,.22);font-size:var(--fz-15);color:#C9C2B4}
.sdq-sum b{color:#F2EEE4;font-size:var(--fz-19);font-weight:800}
.sdq-bulk{width:100%;margin-top:var(--sp-6);font-size:var(--fz-14);color:#E6CE72;line-height:1.6}
.sdq-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-14)}
.sdq-f{display:flex;flex-direction:column;gap:var(--sp-6)}.sdq-f.wide{grid-column:1/-1}
.sdq-f label{font-size:var(--fz-14);font-weight:700;color:#D8D2C4}
.sdq-f label em{font-style:normal;color:#E0736A;margin-left:3px}
.sdq-f input,.sdq-f textarea{width:100%;box-sizing:border-box;background:rgba(242,238,228,.06);
  border:1px solid rgba(242,238,228,.2);border-radius:var(--r-9);padding:var(--sp-12) var(--sp-13);color:#F2EEE4;
  font-size:var(--fz-16);font-family:inherit;transition:border-color .25s,background .25s}
.sdq-f textarea{min-height:82px;resize:vertical;line-height:1.6}
.sdq-f input:focus,.sdq-f textarea:focus{outline:none;border-color:#C9A227;background:rgba(242,238,228,.1)}
.sdq-f input.bad,.sdq-f textarea.bad{border-color:#E0736A}
.sdq-err{font-size:var(--fz-13-5);color:#E0736A;min-height:0;line-height:1.5}
.sdq-chips{display:flex;flex-wrap:wrap;gap:var(--sp-8)}
.sdq-chip{padding:var(--sp-10) var(--sp-15);border-radius:var(--r-999);border:1px solid rgba(242,238,228,.24);
  background:transparent;color:#D8D2C4;font-size:var(--fz-14-5);font-weight:600;cursor:pointer;font-family:inherit;
  transition:border-color .25s,color .25s,background .25s}
.sdq-chip:hover{border-color:rgba(242,238,228,.5);color:#F2EEE4}
.sdq-chip.on{background:#C9A227;border-color:#C9A227;color:#171307;font-weight:800}
.sdq-agree{margin-top:var(--sp-20);padding-top:var(--sp-16);border-top:1px solid rgba(242,238,228,.14)}
.sdq-agree label{display:flex;align-items:flex-start;gap:var(--sp-10);cursor:pointer;font-size:var(--fz-15);line-height:1.6}
.sdq-agree input{flex:0 0 auto;width:var(--sz-20);height:var(--sz-20);margin-top:1px;accent-color:#C9A227}
.sdq-agree .sdq-more{margin:8px 0 0 var(--sp-30);font-size:var(--fz-13-5);line-height:1.75;color:#B7AF9F}
.sdq-agree .sdq-more span{display:block}
.sdq-ft{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-16) var(--sp-24);
  border-top:1px solid rgba(242,238,228,.16);background:rgba(10,9,6,.6)}
.sdq-ft .sdq-hint{flex:1 1 auto;font-size:var(--fz-13-5);color:#B7AF9F;line-height:1.5}
.sdq-send{flex:0 0 auto;padding:var(--sp-14) var(--sp-26);border-radius:var(--r-10);border:0;cursor:pointer;
  background:#C9A227;color:#171307;font-size:var(--fz-16);font-weight:800;font-family:inherit;
  transition:background .25s,opacity .25s;min-height:var(--sz-48)}
.sdq-send:hover{background:#DCC05A}
.sdq-send[disabled]{opacity:.5;cursor:not-allowed}
.sdq-ask{display:flex;flex-wrap:wrap;gap:var(--sp-10);margin-top:var(--sp-14)}
.sdq-ask a{display:inline-flex;align-items:center;gap:var(--sp-8);padding:var(--sp-11) var(--sp-16);border-radius:var(--r-999);
  border:1px solid rgba(242,238,228,.22);color:#D8D2C4;text-decoration:none;font-size:var(--fz-14-5);font-weight:600;
  transition:border-color .25s,color .25s}
.sdq-ask a:hover{border-color:#C9A227;color:#F2EEE4}
.sdq-ask svg{width:var(--sz-17);height:var(--sz-17);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sdq-done{padding:var(--sp-44) var(--sp-24) var(--sp-40);text-align:center}
.sdq-done h4{margin:0 0 var(--sp-12);font-size:var(--fz-23);font-weight:800;letter-spacing:-.01em}
.sdq-done p{margin:0 auto;max-width:44ch;font-size:var(--fz-16);line-height:1.8;color:#C9C2B4}
.sdq-done .sdq-ok{width:56px;height:var(--sz-56);margin:0 auto var(--sp-20);border-radius:50%;
  border:1.5px solid #C9A227;display:flex;align-items:center;justify-content:center}
.sdq-done .sdq-ok svg{width:var(--sz-26);height:var(--sz-26);fill:none;stroke:#C9A227;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdbar-quote{flex:0 0 auto;padding:0 var(--sp-18);min-height:var(--sz-44);border-radius:var(--r-9);cursor:pointer;
  background:transparent;border:1px solid rgba(246,243,236,.34);color:#F6F3EC;
  font-size:var(--fz-15);font-weight:700;font-family:inherit;transition:border-color .25s,background .25s}
.sdbar-quote:hover{border-color:#C9A227;background:rgba(201,162,39,.12)}
@media(max-width:720px){
  .sdq-dim{padding:0;align-items:flex-end}
  .sdq-box{width:100%;max-height:92vh;border-radius:var(--r-16) var(--r-16) 0 0;border-bottom:0}
  .sdq-hd{padding:var(--sp-18) var(--sp-16) var(--sp-14)}.sdq-hd h3{font-size:var(--fz-19-5)}
  .sdq-bd{padding:var(--sp-16) var(--sp-16) var(--sp-20)}.sdq-ft{padding:var(--sp-12) var(--sp-16)}
  .sdq-grid{grid-template-columns:1fr}
  .sdq-row{flex-wrap:wrap;gap:var(--sp-8) var(--sp-10)}
  .sdq-nm{flex:1 1 100%;order:2}.sdq-stp{order:3;margin-left:auto}
  .sdq-send{padding:var(--sp-14) var(--sp-20)}
  .sdbar-quote{min-height:42px;padding:0 var(--sp-14);font-size:var(--fz-14-5)}
}
.sdq-auth{border-top:1px solid rgba(242,238,228,.2);padding-top:var(--sp-16)}
.sdq-authmsg{margin:0 0 var(--sp-10);font-size:var(--fz-14-5);line-height:1.6;color:#C9C2B4}
.sdq-authmsg b{color:#F2EEE4}
.sdq-authbox{border:0;border-radius:0;overflow:hidden;background:transparent}
.sdq-authbox iframe{display:block;width:100%;height:48px;border:0;background:#12100C}
@media(prefers-reduced-motion:reduce){.sdq-dim,.sdq-box{transition:none}}
/* ---- 50-nav.css ---- */
html body #samda-gift .nav{background:transparent;box-shadow:none;
  border-bottom:0 !important;transition:background .35s ease,box-shadow .35s ease}
html body #samda-gift .nav.scrolled{background:rgba(11,10,8,.82);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 6px 22px rgba(0,0,0,.45)}
html body #samda-gift[data-kan="main"] .nav.scrolled{background:rgba(247,244,237,.92);
  box-shadow:0 4px 20px rgba(35,32,27,.14);
  border-bottom:1px solid rgba(227,219,204,.9) !important}
html body #samda-gift[data-kan="main"] .nav.scrolled .nav-links a,
html body #samda-gift[data-kan="main"] .nav.scrolled .nav-brand,
html body #samda-gift[data-kan="main"] .nav.scrolled .sd-acct .sd-shop-link{color:#23201B !important}
html body #samda-gift[data-kan="main"] .nav.scrolled .nav-menu-lines,
html body #samda-gift[data-kan="main"] .nav.scrolled .nav-menu-lines::before,
html body #samda-gift[data-kan="main"] .nav.scrolled .nav-menu-lines::after{background:#23201B}
html body #samda-gift[data-kan="main"] .nav.scrolled .since{color:#8A7A55}
html body #samda-gift .sd-bt1,html body #samda-gift .sd-bt2{font-style:normal;font-weight:700 !important}
html body #samda-gift .nav.scrolled .sd-bt1{color:#1A4E9B !important}
html body #samda-gift .nav.scrolled .sd-bt2{color:#17171A !important}
html body #samda-gift .nav-links a{color:rgba(244,241,234,.86) !important;font-weight:500}
html body #samda-gift .nav-links a[aria-current="page"]{color:#C9A227 !important;font-weight:700 !important}
html body #samda-gift[data-kan="main"] .nav.scrolled .nav-links a[aria-current="page"]{color:#A83A28 !important}
html body #samda-gift .nav-links a.nav-cta{color:#171307 !important}
html body #samda-gift.all-on .nav,html body #samda-gift.biz-on .nav{background:rgba(247,244,237,.92);backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border-bottom:1px solid rgba(35,32,27,.10) !important}
html body #samda-gift.all-on .nav .nav-links a,html body #samda-gift.biz-on .nav .nav-links a,html body #samda-gift.all-on .nav .nav-brand,html body #samda-gift.biz-on .nav .nav-brand,html body #samda-gift.all-on .nav .sd-acct .sd-shop-link,html body #samda-gift.biz-on .nav .sd-acct .sd-shop-link{color:#23201B !important}
html body #samda-gift.all-on .nav .sd-bt1,html body #samda-gift.biz-on .nav .sd-bt1{color:#1A4E9B}
html body #samda-gift.all-on .nav .sd-bt2,html body #samda-gift.biz-on .nav .sd-bt2{color:#17171A}
html body #samda-gift.all-on .nav .since,html body #samda-gift.biz-on .nav .since{color:#8A7A55}
html body #samda-gift.all-on .nav .nav-menu-lines,html body #samda-gift.all-on .nav .nav-menu-lines::before,html body #samda-gift.all-on .nav .nav-menu-lines::after,html body #samda-gift.biz-on .nav .nav-menu-lines,html body #samda-gift.biz-on .nav .nav-menu-lines::before,html body #samda-gift.biz-on .nav .nav-menu-lines::after{background:#23201B}
html body #samda-gift.all-on .nav .nav-links a[aria-current="page"],html body #samda-gift.all-on .nav .nav-links a.on,html body #samda-gift.biz-on .nav .nav-links a[aria-current="page"],html body #samda-gift.biz-on .nav .nav-links a.on{color:#A83A28 !important}
@media(min-width:721px){
  html body #samda-gift .nav-links{display:flex;align-items:center}
  html body #samda-gift .nav-links a[data-nav="home"]{margin-left:auto !important}
  html body #samda-gift .nav-links .sd-acct{margin-left:auto !important}
  html body #samda-gift .nav-links .sd-plan-cta{display:none}
}
@media(max-width:720px){
  html #samda-gift .nav-links .sd-acct{order:-2}
  html #samda-gift .nav-links .sd-plan-cta{order:-1}
  html #samda-gift .nav-links a[data-nav]{order:0}
}
@media(max-width:720px){
  html #samda-gift .nav-links{width:min(86vw,340px) !important;padding:var(--sp-10) var(--sp-22) var(--sp-24) !important;
    background:#241E15 !important;border:1px solid rgba(140,119,70,.34) !important;
    border-radius:var(--r-14) !important}
  html #samda-gift .nav-links a,html #samda-gift .nav-links a.keep{
    font-size:var(--fz-29) !important;min-height:74px !important;padding:var(--sp-18) 0 !important;
    letter-spacing:-.01em !important;line-height:1.25 !important;
    border-bottom:1px solid rgba(140,119,70,.28) !important}
  html #samda-gift .nav-links a:last-child{border-bottom:0 !important}
  html #samda-gift .nav-links .sd-acct{margin:2px 0 var(--sp-14) !important;padding-bottom:14px !important}
  html #samda-gift .nav-links .sd-acct .sd-shop-link{font-size:var(--fz-13) !important;min-height:var(--sz-60) !important}
  html #samda-gift .nav-links .sd-plan-cta{font-size:var(--fz-19) !important;min-height:var(--sz-56) !important;
    margin:0 0 8px !important}
}

/* ---- 60-hero.css ---- */
html body #samda-gift .s0-side,html body #samda-gift .hero-side{display:none }
html body #samda-gift>#s0,html body #samda-gift>.hero,html body #samda-gift>header.hero{margin-top:-70px }
html body #samda-gift .s0-video::after{background:linear-gradient(180deg,rgba(11,10,8,0) 0%,rgba(11,10,8,.06) 45%,rgba(11,10,8,.9) 100%) }
html body #samda-gift .hero::after{background:linear-gradient(180deg,rgba(26,11,14,0) 0%,rgba(26,11,14,.06) 45%,rgba(11,10,8,.94) 100%) }
html body #samda-gift .s0-copy{bottom:0 ;top:auto ;padding-bottom:clamp(var(--sp-150),21vh,240px) }
html body #samda-gift .hero-inner{padding-bottom:clamp(var(--sp-150),21vh,240px) }
html body #samda-gift .hero{justify-content:flex-end }
html body #samda-gift .hero-inner{margin-top:0 }
html body #samda-gift .hero-inner{position:relative;z-index:1}
html body #samda-gift[data-kan="sea"] .nav-brand,html body #samda-gift[data-kan="sea"] .nav-brand *{color:#12303F !important}
@media(min-width:721px){
  html body #samda-gift[data-kan="sea"] .nav-links a,html body #samda-gift[data-kan="sea"] .sd-acct .sd-shop-link{color:#12303F !important}
  html body #samda-gift[data-kan="sea"] .nav-links a[aria-current="page"]{color:#0C3D53 !important}
}
html body #samda-gift[data-kan="sea"] .nav.scrolled{background:rgba(240,250,252,.93) !important;box-shadow:0 4px 20px rgba(18,48,63,.12) !important}
html body #samda-gift[data-kan="sea"] .since{color:#3E7CA6 !important}
html body #samda-gift[data-kan="sea"] .nav-menu-lines,html body #samda-gift[data-kan="sea"] .nav-menu-lines::before,html body #samda-gift[data-kan="sea"] .nav-menu-lines::after{background:#12303F !important}
@media(max-width:720px){
  html body #samda-gift>#s0,html body #samda-gift>.hero,html body #samda-gift>header.hero{margin-top:-58px }
  html body #samda-gift .s0-copy{padding-bottom:190px }
  html body #samda-gift .hero-inner{padding-bottom:190px }
  html body #samda-gift .s0-kicker,html body #samda-gift .hero-kicker{letter-spacing:.12em ;
    font-size:var(--fz-13) ;margin-bottom:var(--sp-16) ;white-space:nowrap }
  html body #samda-gift .s0-kicker::before{width:var(--sz-26) }
}

/* ---- 70-tone.css ---- */
html body #samda-gift[data-kan="main"]{--lt-bg:#F2EDE4;--lt-bg2:#F7F4ED;--lt-card:#FAF7F1;
  --lt-line:#E3DBCC;--lt-ink:#23201B;--lt-dim:#5C554A;--lt-dim2:#3B342B;--lt-terra:#A83A28;
  background:#F2EDE4}
html body #samda-gift[data-kan="main"] #s9.s2v{background:var(--lt-bg);padding:0;margin:0 !important}
html body #samda-gift[data-kan="main"] .s7{--ag-pad:max(16px,5vw);--ag-terra:#A83A28}
html body #samda-gift .scroll-cue{display:none}
html body #samda-gift[data-kan="main"] #s9.s2v{margin:0 !important;padding:0}
html body #samda-gift[data-kan="main"] #s9.s2v video{display:block;margin:0}
html body #samda-gift[data-kan="main"] .s7 .allg-b2b{padding-top:clamp(120px,10vw,178px)}
html body #samda-gift[data-kan="main"] .s7 .allg-b2b-r{gap:clamp(var(--sp-28),3.2vw,var(--sp-48))}
html body #samda-gift[data-kan="main"] .s7 .allg-b2b-go{min-height:clamp(var(--sz-56),4vw,68px);padding:0 clamp(var(--sp-26),2.2vw,var(--sp-38));
    font-size:clamp(var(--fz-15),1.05vw,var(--fz-19)) !important;font-weight:700 !important;background:#FFF7EC;
    color:#7E2A1D;border-radius:var(--r-3);box-shadow:0 10px 26px rgba(0,0,0,.22)}
html body #samda-gift[data-kan="main"] .s7 .allg-b2b-go:hover{background:#fff;transform:translateY(-1px)}
html body #samda-gift[data-kan="main"] #s8{background:#E7DECB;color:var(--lt-ink)}
html body #samda-gift[data-kan="main"] #s8 h2{color:var(--lt-ink)}
html body #samda-gift[data-kan="main"] #s8 h2 em{color:var(--lt-terra)}
html body #samda-gift[data-kan="main"] #s8 .s8-sub,html body #samda-gift[data-kan="main"] #s8 .count-label{color:var(--lt-dim)}
html body #samda-gift[data-kan="main"] #s8 .count-title b{color:var(--lt-ink)}
html body #samda-gift[data-kan="main"] #s8 .count-title span{color:var(--lt-dim)}
html body #samda-gift[data-kan="main"] #s8 .count-title .ct-dday{background:var(--lt-terra);color:#FFF6F2;
  font-size:clamp(var(--fz-30),3vw,var(--fz-46));font-weight:800 !important;line-height:1;
  padding:var(--sp-12) var(--sp-20);border-radius:var(--r-12);letter-spacing:-.02em;
  box-shadow:0 8px 22px rgba(168,58,40,.28)}
html body #samda-gift[data-kan="main"] #s8 .count .cell{background:var(--lt-card);border:1px solid var(--lt-line)}
html body #samda-gift[data-kan="main"] #s8 .count b,html body #samda-gift[data-kan="main"] #s8 .count .cell.hh b{color:var(--lt-ink)}
html body #samda-gift[data-kan="main"] #s8 .count .cell.dd{border-color:rgba(168,58,40,.45)}
html body #samda-gift[data-kan="main"] #s8 .count .cell.dd b{color:var(--lt-terra)}
html body #samda-gift[data-kan="main"] #s8 .count span{color:var(--lt-dim)}
html body #samda-gift[data-kan="main"] #s8 .s8-duo{grid-template-columns:minmax(0,1fr);max-width:1080px}
html body #samda-gift[data-kan="main"] #s8 .cal-wrap{background:#FAF7F1;border:1px solid #E3DBCC;padding:clamp(var(--sp-26),2.6vw,var(--sp-40))}
html body #samda-gift[data-kan="main"] #s8 .s8-duo{margin-top:clamp(var(--sp-38),4vw,var(--sp-64))}
html body #samda-gift[data-kan="main"] #s8 .cal .day{background:#FFFFFF}
html body #samda-gift[data-kan="main"] #s8 .cal .day.stop{background:rgba(255,255,255,.5)}
html body #samda-gift[data-kan="main"] #s8 .cal-head h3{color:var(--lt-ink)}
html body #samda-gift[data-kan="main"] #s8 .cal-head .cal-chip{color:var(--lt-terra);background:#F6E7E3;padding:var(--sp-5) var(--sp-12);border-radius:var(--r-999)}
html body #samda-gift[data-kan="main"] #s8 .cal .dow{color:var(--lt-dim)}
html body #samda-gift[data-kan="main"] #s8 .cal .day{color:var(--lt-dim2);border-color:var(--lt-line)}
html body #samda-gift[data-kan="main"] #s8 .cal .day.pre{background:rgba(183,158,97,.20);color:#5C4A22;
  border-color:rgba(183,158,97,.45)}
html body #samda-gift[data-kan="main"] #s8 .cal .day.stop{color:rgba(92,85,74,.45)}
html body #samda-gift[data-kan="main"] #s8 .cal .day.chuseok,html body #samda-gift[data-kan="main"] #s8 .cal .day.chuseok::after{color:var(--lt-terra)}
html body #samda-gift[data-kan="main"] #s8 .cal .day.deadline{background:var(--lt-terra);color:#fff;
  border-color:#7E2A1D}
html body #samda-gift[data-kan="main"] #s8 .cal .day.deadline::after{color:#FFE7EA}
html body #samda-gift[data-kan="main"] #s8 .cal .day.today{outline:2px solid var(--lt-terra);outline-offset:1px}
html body #samda-gift[data-kan="main"] #s8 .cal .band-label{color:var(--lt-dim2)}
html body #samda-gift[data-kan="main"] #s8 .notice{border-top:1px solid var(--lt-line)}
html body #samda-gift[data-kan="main"] #s8 .notice-head{color:var(--lt-dim)}
html body #samda-gift[data-kan="main"] #s8 .notice-list dt{color:var(--lt-dim)}
html body #samda-gift[data-kan="main"] #s8 .notice-list dd{color:var(--lt-ink)}
html body #samda-gift[data-kan="main"] #s8 .notice-list .is-key dt,html body #samda-gift[data-kan="main"] #s8 .notice-list .is-key dd{color:var(--lt-terra)}
html body #samda-gift[data-kan="main"] #s8 .btn-line{color:var(--lt-ink);border-color:var(--lt-dim)}
html body #samda-gift[data-kan="main"] #s8 .btn-line:hover{background:rgba(35,32,27,.06)}
@media(max-width:720px){
html #samda-gift[data-kan="main"] #s8 .notice-head{display:none !important}
html #samda-gift[data-kan="main"] #s8 .notice-list{display:flex !important;gap:var(--sp-10) !important}
html #samda-gift[data-kan="main"] #s8 .notice-list>div{flex:1 1 0 !important;min-width:0 !important;text-align:center !important;
    background:var(--lt-bg) !important;border:1px solid var(--lt-line) !important;
    border-radius:var(--r-10) !important;padding:var(--sp-12) var(--sp-8) !important}
html #samda-gift[data-kan="main"] #s8 .notice-list>div:first-child{display:none !important}
html #samda-gift[data-kan="main"] #s8 .notice-list dt{display:block !important;font-size:var(--fz-13) !important}
html #samda-gift[data-kan="main"] #s8 .notice-list dd{display:block !important;font-size:var(--fz-15) !important;font-weight:700 !important}
}

/* ---- 80-parts.css ---- */
html body #samda-gift{--fs-card-name:var(--fs-t3);--fs-card-desc:calc(var(--fs-p3) + 4px);--fs-card-price:clamp(23px,2.05vw,30px);--fs-card-strike:calc(var(--fs-s3) + 4px);--fs-card-code:calc(var(--fs-s2) + 2px);--sig-thumb-h:580px;--ltd-fs-name:50px;--ltd-fs-price:48px;--ltd-fs-spec:24px;--ltd-fs-strike:24px}
html body #samda-gift .ag-name{font-size:var(--fs-card-name)}
html body #samda-gift .ag-desc{font-size:var(--fs-card-desc)}
html body #samda-gift .ag-price b{font-size:var(--fs-card-price)}
html body #samda-gift .ag-price s{font-size:var(--fs-card-strike)}
html body #samda-gift .ag-code{font-size:var(--fs-card-code)}
html #samda-gift[data-kan="main"] .s4{background:#E9E1D2 !important}
html #samda-gift[data-kan="main"] .s4 .sig{background:#FAF7F1 !important;border:1px solid #E3DBCC !important;
  border-radius:var(--r-4) !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}
html #samda-gift[data-kan="main"] .s4 .sig-price{margin-top:auto !important}
html #samda-gift[data-kan="main"] .s4 .sig-ctas{margin-top:var(--sp-10) !important}
html #samda-gift[data-kan="main"] .s4 .sig-body{padding:clamp(var(--sp-20),1.6vw,var(--sp-26)) !important;display:flex !important;
  flex-direction:column !important;gap:var(--sp-10) !important}
html #samda-gift[data-kan="main"] .s4 .sig-name{font-size:var(--fs-card-name) !important;font-weight:400 !important;line-height:1.3 !important;color:#23201B !important}
html #samda-gift[data-kan="main"] .s4 .sd-badge{font-size:var(--fs-card-code) !important;letter-spacing:.08em !important}
html #samda-gift[data-kan="main"] .s4 .sig-set{font-size:var(--fs-card-desc) !important;line-height:1.62 !important;color:#3B342B !important}
html #samda-gift[data-kan="main"] .s4 .sig-price{padding-top:12px !important;border-top:1px solid #E3DBCC !important}
html #samda-gift[data-kan="main"] .s4 .sig-price s{font-size:var(--fs-card-strike) !important;color:#5C554A !important}
html #samda-gift[data-kan="main"] .s4 .sig-price b{font-size:var(--fs-card-price) !important;font-weight:400 !important;color:#A83A28 !important}
html #samda-gift[data-kan="main"] .s4 .sig-ctas .btn{min-height:var(--sz-50) !important;border-radius:var(--r-3) !important;
  font-size:calc(var(--fs-p3) + var(--fz-3)) !important;font-weight:400 !important}
html #samda-gift[data-kan="main"] .s7{margin-inline:calc(50% - 50vw) !important;width:100vw !important;max-width:none !important}
html #samda-gift[data-kan="main"] .s7 .allg-b2b{padding-top:clamp(150px,12vw,210px) !important;
  padding-bottom:clamp(90px,10vw,160px) !important}
html #samda-gift[data-kan="main"] #s8 .kicker{color:var(--lt-terra) !important;justify-content:center !important}
html #samda-gift[data-kan="main"] .s4 .sig-photo{aspect-ratio:1/1 !important;overflow:hidden !important;margin:0 !important}
html #samda-gift[data-kan="main"] .s4 .sig-photo img{width:100% !important;height:100% !important;object-fit:cover !important;
  object-position:50% 0% !important;aspect-ratio:auto !important;max-width:none !important;display:block !important}
html #samda-gift[data-kan="main"] .s4 .sig-vars{display:none !important}
html #samda-gift[data-kan="main"] .s4 .sig-opt{display:flex !important;flex-direction:column !important;gap:var(--sp-7) !important;
  width:max-content !important;min-width:150px !important;max-width:220px !important;margin:var(--sp-10) 0 2px !important}
html #samda-gift[data-kan="main"] .s4 .sig-opt>span{font-size:calc(var(--fs-s3) + 2px) !important;color:#5C554A !important}
html #samda-gift[data-kan="main"] .s4 .sig-opt select{appearance:none;-webkit-appearance:none;
  padding:0 var(--sp-36) 0 var(--sp-13) !important;height:var(--sz-46) !important;font-size:calc(var(--fs-p3) + 2px) !important;
  font-family:var(--sans) !important;font-weight:400 !important;color:#23201B !important;
  background-color:#fff !important;border:1px solid #E3DBCC !important;border-radius:var(--r-3) !important;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236E675C%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;background-position:right 12px center !important}
@media(max-width:720px){
html body #samda-gift[data-kan="main"] .s4b{--ltd-fs-name:30px;--ltd-fs-price:29px;--ltd-fs-spec:17px;--ltd-fs-strike:16px}
}
html body #samda-gift[data-kan="main"] .s4b .s4b-in{max-width:1440px}
html body #samda-gift[data-kan="main"] .s4b .s4b-duo{gap:clamp(var(--sp-28),3vw,var(--sp-56));align-items:start;
  max-width:min(1480px,92vw);margin-inline:auto}
html body #samda-gift[data-kan="main"] .s4b .s4b-item figure{margin:0 0 var(--sp-22);overflow:hidden}
html body #samda-gift[data-kan="main"] .s4b .s4b-item figure img{width:100%;height:auto;display:block;max-width:none}
html body #samda-gift[data-kan="main"] .s4b .s4b-name{font-size:var(--ltd-fs-name);font-weight:400;line-height:1.3}
html body #samda-gift[data-kan="main"] .s4b .s4b-spec{font-size:var(--ltd-fs-spec);line-height:1.62}
html body #samda-gift[data-kan="main"] .s4b .s4b-price{font-size:var(--ltd-fs-price);font-weight:400}
html body #samda-gift[data-kan="main"] .s4b .s4b-price s{font-size:var(--ltd-fs-strike);margin-right:var(--sp-8)}
html body #samda-gift[data-kan="main"] .s4b-b{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-10)}
html body #samda-gift[data-kan="main"] .s4b-b-fill::after{content:"";width:var(--sz-18);height:var(--sz-18);flex:0 0 auto;
  background:no-repeat center/contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B3A33' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E")}
html body #samda-gift[data-kan="main"] .s4b-b-line::before{content:"";width:var(--sz-17);height:var(--sz-17);flex:0 0 auto;
  background:no-repeat center/contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFDF8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E")}
html body #samda-gift[data-kan="main"] .s5{background:#EDE5D7}
html body #samda-gift[data-kan="main"] #recGrid .ag-card{color:var(--ag-ink)}
html body #samda-gift[data-kan="main"] #recGrid .ag-card .ag-name{color:var(--ag-ink)}
html body #samda-gift[data-kan="main"] #recGrid .ag-ctas{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
html body #samda-gift[data-kan="main"] #recGrid .sdd-open-btn{display:inline-flex;align-items:center;justify-content:center;
  min-height:var(--sz-50);padding:0 var(--sp-16);border-radius:var(--r-3);line-height:1;
  font-size:calc(var(--fs-p3) + var(--fz-3));font-weight:400;font-family:var(--sans);
  background:#fff;color:var(--ag-ink);border:1px solid var(--ag-line)}
html body #samda-gift[data-kan="main"] #recGrid .sdd-open-btn:hover{background:#F4F0E7}
html body #samda-gift[data-kan="main"] #recGrid .ag-btn{white-space:nowrap}
html body #samda-gift[data-kan="main"] #recGrid .ag-btn.line[data-ag-go]{display:none}
html body #samda-gift[data-kan="main"] #recGrid .ag-thumb{width:100%;margin:0;max-width:none;
  padding:0;aspect-ratio:auto;height:var(--rec-thumb-h)}
html body #samda-gift[data-kan="main"] #recGrid .ag-thumb img{height:100%;object-fit:cover;
  object-position:50% 50%;aspect-ratio:auto}
html body #samda-gift[data-kan="main"] #recGrid .ag-thumb img{width:100%;max-width:none}
html body #samda-gift[data-kan="main"] .s5 .rec{max-width:min(1480px,92vw);width:100%;margin-inline:auto}
html body #samda-gift[data-kan="main"] #recGrid{max-width:none;width:100%;gap:clamp(var(--sp-20),2vw,var(--sp-32))}
html body #samda-gift[data-kan="main"] #recGrid{--rec-body-min:434px;--rec-thumb-h:580px}
@media(max-width:720px){
html body #samda-gift[data-kan="main"] #recGrid .ag-thumb{height:auto;aspect-ratio:1/1}
html body #samda-gift[data-kan="main"] #s8 .cal-head{flex-direction:column;align-items:center;
    justify-content:center;text-align:center;gap:var(--sp-10)}
html body #samda-gift[data-kan="main"] #recGrid .ag-ctas{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8)}
html body #samda-gift[data-kan="main"] #recGrid .ag-btn,html body #samda-gift[data-kan="main"] #recGrid .sdd-open-btn{min-height:46px;font-size:var(--fz-15)}
html body #samda-gift[data-kan="main"] #recGrid .ag-opt select{width:100%;max-width:none}
html body #samda-gift[data-kan="main"] #recGrid .ag-mid{align-items:center}
html body #samda-gift[data-kan="main"] #recGrid .ag-body{min-height:0;padding:var(--sp-20) var(--sp-18) var(--sp-22);gap:var(--sp-12)}
}
html body #samda-gift[data-kan="main"] #recGrid .ag-body{min-height:var(--rec-body-min);
  padding:clamp(var(--sp-30),2.2vw,var(--sp-36)) clamp(var(--sp-28),2vw,var(--sp-34)) clamp(var(--sp-30),2.2vw,var(--sp-36));
  gap:clamp(var(--sp-14),1.2vw,var(--sp-20))}
html body #samda-gift[data-kan="main"] #recGrid .ag-mid{padding-top:clamp(var(--sp-16),1.4vw,var(--sp-22))}
html body #samda-gift[data-kan="main"] #recGrid .ag-ctas{margin-top:clamp(var(--sp-8),1vw,var(--sp-14))}
html body #samda-gift[data-kan="main"] #recGrid .ag-card{overflow:visible;border-radius:var(--r-4)}
html body #samda-gift[data-kan="main"] #recGrid .ag-thumb{border-radius:var(--r-4) var(--r-4) 0 0;overflow:hidden}
html body #samda-gift[data-kan="main"] #recGrid .sdd-cta{display:contents}
html body #samda-gift .lu-dd-panel .lu-tab:hover,html body #samda-gift .lu-dd-panel .chip:hover{
  color:#FFFDF8;opacity:1}
html body #samda-gift[data-kan="main"] .b2b-side .rec-ctas a[href^="mailto:"]{position:relative;padding-right:40px}
#samda-gift .sd-copy{position:absolute;top:4px;right:4px;width:var(--sz-26);height:var(--sz-26);display:flex;
  align-items:center;justify-content:center;border:0;border-radius:var(--r-6);cursor:pointer;
  background:rgba(35,32,27,.06);color:inherit}
#samda-gift .sd-copy:hover{background:rgba(35,32,27,.14)}
#samda-gift .sd-copy svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none;
  stroke-linecap:round;stroke-linejoin:round}
@media(max-width:720px){
html #samda-gift[data-kan="main"] .b2b-side{display:none !important}
html #samda-gift[data-kan="main"] .s4 .sig-ctas{display:grid !important;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) !important;
    gap:var(--sp-8) !important}
html #samda-gift[data-kan="main"] .s4 .sig-ctas .btn-hall{grid-column:1/-1 !important;white-space:nowrap !important;
    font-size:var(--fz-15) !important;padding-inline:10px !important}
html #samda-gift[data-kan="main"] .s4 .sig-ctas .sd-add{padding-inline:6px !important}
html #samda-gift .allg-hero-i{order:-1 !important}
html #samda-gift .bizp .hero .wrap{display:flex !important;flex-direction:column !important}
html #samda-gift .bizp .hero .hero-fig{order:-1 !important}
}
html body #samda-gift[data-kan="main"] .ag-opt select,html body #samda-gift[data-kan="main"] .sig-opt select{font-weight:400}
html body #samda-gift[data-kan="main"] .lu-dd.is-conc .lu-dd-btn{font-size:var(--fs-p2)}
html body #samda-gift[data-kan="main"] .s6{background:#EAE3D4}
html #samda-gift[data-kan="main"] .s7 .allg-b2b-h{font-size:var(--fs-t2) !important;color:#FFFFFF !important}
html #samda-gift[data-kan="main"] .s7 .allg-b2b-eye{color:#FFFFFF !important;border-top-color:rgba(255,255,255,.85) !important}
html #samda-gift[data-kan="main"] .s7 .allg-b2b{padding-top:clamp(96px,7.5vw,132px) !important}
html #samda-gift[data-kan="main"] #s8 .notice-list{justify-content:center !important;text-align:center !important}
html #samda-gift[data-kan="main"] #s8 .notice-list>div{flex:0 1 auto !important;text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:var(--sp-6) !important}
html #samda-gift[data-kan="main"] #s8 .notice-list dt{font-size:clamp(var(--fz-16),1.4vw,var(--fz-20)) !important}
html #samda-gift[data-kan="main"] #s8 .notice-list dd{font-size:clamp(var(--fz-28),2.4vw,36px) !important;line-height:1.25 !important;margin:0 !important;font-weight:600 !important}
@media(max-width:720px){
html #samda-gift[data-kan="main"] #s8 .notice-list{gap:var(--sp-10) !important}
html #samda-gift[data-kan="main"] #s8 .notice-list dt{font-size:var(--fz-15) !important}
html #samda-gift[data-kan="main"] #s8 .notice-list dd{font-size:var(--fz-27) !important}
}
@media(max-width:720px){
html #samda-gift[data-kan="main"] .nav.open .nav-links a:not(.nav-cta){color:rgba(244,241,234,.92) !important}
html #samda-gift[data-kan="main"] .nav.open .nav-links a[aria-current="page"]:not(.nav-cta),html #samda-gift[data-kan="main"] .nav.open .nav-links a.on:not(.nav-cta){color:#C9A227 !important}
html #samda-gift[data-kan="main"] .nav.open .nav-links .sd-acct .sd-shop-link{color:rgba(244,241,234,.92) !important}
}
html body #samda-gift[data-kan="main"] #s9{margin-bottom:calc(-1 * var(--sdbar-h, 0px))}

/* 일시품절 - 카드는 두고 표시만 한다 (2026-09-16) */
html #samda-gift .ag-card.is-out .ag-thumb img{filter:grayscale(1);opacity:.55}
html #samda-gift .ag-out{display:none;margin-right:var(--sp-6);padding:1px var(--sp-7);border-radius:var(--r-999);background:var(--st-out);color:var(--st-ink);font-style:normal;font-weight:700;letter-spacing:-.02em}
html #samda-gift .ag-btn.fill[disabled]{background:var(--st-off);border-color:var(--st-off);color:var(--st-ink);cursor:not-allowed;pointer-events:none}
html #samda-gift .ag-card.is-out .ag-out{display:inline-block}
html #samda-gift .sd-add[disabled],html .sdd .sd-add[disabled]{background:var(--st-off);border-color:var(--st-off);color:var(--st-ink);cursor:not-allowed;pointer-events:none}

/* 바꿀 수 없는 단일 옵션 표시(.ag-opt>b)는 셀렉트처럼 생겼는데 손가락까지 떠서
   고를 수 있는 줄 안다. 커서만 되돌린다 (PM 2026-09-16). kan CSS 보다 뒤에 와야
   이기므로 html body 로 특이도를 올린다. */
html body #samda-gift .ag-opt > b,html body #samda-gift .rec-opt > b{cursor:default}

/* ---- base.css ---- */
/* ==============================================================
   SAMDA 2026 추석 - 제주 듀얼리티 (흑돼지 레드 / 수산 블루)
   Cinematic dark · Noto Serif KR × Pretendard · GSAP scroll story
   ============================================================== */
#samda-gift,.sdbar,.sdd,.sdp,.sdq-dim,#sdCartLoading{
  --fz-3:3px;
  --fz-4:4px;
  --fz-11:11px;
  --fz-12:12px;
  --fz-12-5:12.5px;
  --fz-13:13px;
  --fz-13-5:13.5px;
  --fz-14:14px;
  --fz-14-5:14.5px;
  --fz-15:15px;
  --fz-15-5:15.5px;
  --fz-16:16px;
  --fz-16-5:16.5px;
  --fz-17:17px;
  --fz-17-5:17.5px;
  --fz-18:18px;
  --fz-18-5:18.5px;
  --fz-19:19px;
  --fz-19-5:19.5px;
  --fz-20:20px;
  --fz-21:21px;
  --fz-22:22px;
  --fz-23:23px;
  --fz-24:24px;
  --fz-25:25px;
  --fz-26:26px;
  --fz-27:27px;
  --fz-28:28px;
  --fz-29:29px;
  --fz-30:30px;
  --fz-32:32px;
  --fz-34:34px;
  --fz-38:38px;
  --fz-40:40px;
  --fz-42:42px;
  --fz-46:46px;
  --fz-52:52px;
  --fz-54:54px;
  --fz-62:62px;
  --fz-64:64px;
  --fz-96:96px;
  --fz-104:104px;
  --r-3:3px;
  --r-4:4px;
  --r-6:6px;
  --r-8:8px;
  --r-9:9px;
  --r-10:10px;
  --r-12:12px;
  --r-14:14px;
  --r-16:16px;
  --r-999:999px;
  --sp-n7:-7px;
  --sp-2:2px;
  --sp-3:3px;
  --sp-4:4px;
  --sp-5:5px;
  --sp-6:6px;
  --sp-7:7px;
  --sp-8:8px;
  --sp-9:9px;
  --sp-10:10px;
  --sp-11:11px;
  --sp-12:12px;
  --sp-13:13px;
  --sp-14:14px;
  --sp-15:15px;
  --sp-16:16px;
  --sp-17:17px;
  --sp-18:18px;
  --sp-19:19px;
  --sp-20:20px;
  --sp-22:22px;
  --sp-24:24px;
  --sp-26:26px;
  --sp-28:28px;
  --sp-30:30px;
  --sp-32:32px;
  --sp-34:34px;
  --sp-36:36px;
  --sp-38:38px;
  --sp-40:40px;
  --sp-42:42px;
  --sp-44:44px;
  --sp-48:48px;
  --sp-52:52px;
  --sp-56:56px;
  --sp-60:60px;
  --sp-64:64px;
  --sp-72:72px;
  --sp-80:80px;
  --sp-84:84px;
  --sp-88:88px;
  --sp-90:90px;
  --sp-96:96px;
  --sp-110:110px;
  --sp-120:120px;
  --sp-132:132px;
  --sp-150:150px;
  --sp-170:170px;
  --sp-180:180px;
  --sz-5:5px;
  --sz-15:15px;
  --sz-16:16px;
  --sz-17:17px;
  --sz-18:18px;
  --sz-19:19px;
  --sz-20:20px;
  --sz-22:22px;
  --sz-24:24px;
  --sz-26:26px;
  --sz-30:30px;
  --sz-32:32px;
  --sz-34:34px;
  --sz-38:38px;
  --sz-40:40px;
  --sz-44:44px;
  --sz-46:46px;
  --sz-48:48px;
  --sz-50:50px;
  --sz-52:52px;
  --sz-54:54px;
  --sz-56:56px;
  --sz-60:60px;
  --sz-64:64px;
  --sz-160:160px;
  --sz-190:190px;
  --sz-880:880px;
  --sz-1040:1040px;
  --sz-1560:1560px;
  --sz-74:74px;
  --sz-300:300px;
  --sz-460:460px;
  --sz-1180:1180px;
  --sz-1280:1280px;
  --shop-fixed-footer:44px; /* 모바일샵 하단 고정 푸터 높이. PC 는 0 이어도 무방 */
  --ink:#0B0A08; --ink2:#141210; --ink3:#1D1A17;
  --fog:#F4F1EA; --fog-dim:#B8B2A6; --fog-mute:#7E786D;
  --gold:#C9A227; --gold-soft:#E7D9A8; --gold-dim:#8A6F1F;
  --red:#A32638; --red-deep:#5E1220; --red-black:#170A0C; --red-soft:#E4A9B0;
  --r-20:20px;
  /* 관별 라이트 팔레트 - 관 라이트 톤(pork/seafood/main-50-light)과 상세팝업이 함께 쓴다 (2026-09-17) */
  --sdd-thumb-h:45vh; --sdd-fold-h:120vh; --sdd-more-w:60%;   /* 팝업 본문 첫 썸네일 높이 · 접힌 상세 높이 */
  --pal-pork-bg:#F6EEEA; --pal-pork-card:#FFFCFA; --pal-pork-line:#E9D8D2; --pal-pork-ink:#2A1B1A; --pal-pork-dim:#6B5451; --pal-pork-em:#A32638;
  --pal-sea-bg:#EBF3F6; --pal-sea-card:#FCFEFE; --pal-sea-line:#D2E0E6; --pal-sea-ink:#12303F; --pal-sea-dim:#3F5B68; --pal-sea-em:#1F6E8F;
  --pal-easy-bg:#F2EDE4; --pal-easy-card:#FAF7F1; --pal-easy-line:#E3DBCC; --pal-easy-ink:#23201B; --pal-easy-dim:#5C554A; --pal-easy-em:#8C6A45;
  --st-out:#A83A28; --st-off:#9A958C; --st-ink:#fff;
  --st-disabled:#6C7176; --st-disabled-ink:#E6E6E6; --st-urge:#E24B37;
  --s4c-accent:#2E7D6E; --s4c-bg:#FAFAF8; --s4c-ink:#23201B; --s4c-dim:#5C554A;
  --s4c-video-bg:#E9E9E6; --s4c-action:#1F4C44; --s4c-bar:rgba(255,255,255,.85);
  --sea-picker-line:rgba(240,246,248,.24); --sea-picker-border:rgba(240,246,248,.3);
  --sea-picker-bg:rgba(10,24,38,.6); --sea-picker-strike:rgba(201,220,229,.5);
  --sea-picker-em:#F2D98C; --sea-video-ink:#F4FAFC;
  --sea-video-cross:rgba(232,242,246,.86); --sea-video-bg:rgba(7,27,41,.3);
  --sea-video-border:rgba(244,250,252,.7); --sea-video-link-border:rgba(240,246,248,.4);
  --sea-video-veil:rgba(7,27,41,.68); --sea-video-button-ink:#17120A;
  --sd-gap-head:clamp(30px,2.4vw,40px);   /* 머리글과 다음 블록 사이 - 소유자 2026-09-07 */
  --sea:#3E7CA6; --sea-deep:#123146; --sea-black:#081420; --sea-soft:#A9C9DE; --silver:#C8D8E4;
  --serif:'Noto Serif KR',serif;
  --sans:'Pretendard Variable',Pretendard,-apple-system,sans-serif;
  --ease-lux:cubic-bezier(.16,1,.3,1);
  --nav-h:64px;
}
#samda-gift *, #samda-gift *::before, #samda-gift *::after{margin:0;padding:0;box-sizing:border-box}
#samda-gift{overflow:clip;position:relative;max-width:100%}
#samda-gift{font-family:var(--sans);background:var(--ink);color:var(--fog);
  line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#samda-gift img, #samda-gift video{display:block;max-width:100%}
#samda-gift a{color:inherit;text-decoration:none}
#samda-gift button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer}
#samda-gift ::selection{background:var(--gold);color:var(--ink)}


/* ── 내비게이션 ── */
#samda-gift .nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;padding:0 clamp(var(--sp-16),4vw,var(--sp-48));
  transition:transform .5s var(--ease-lux),background .4s,border-color .4s;
  border-bottom:1px solid transparent}
#samda-gift .nav.scrolled{background:rgba(11,10,8,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-color:rgba(201,162,39,.15)}
#samda-gift .nav.hidden{transform:translateY(-100%)}
#samda-gift .nav-logo{font-family:var(--serif);font-weight:900;font-size:var(--fz-20);letter-spacing:.32em;color:var(--fog)}
#samda-gift .nav-logo small{display:block;font-family:var(--sans);font-weight:500;font-size:9px;letter-spacing:.42em;color:var(--gold);margin-top:1px}
#samda-gift .nav-links{display:flex;gap:clamp(var(--sp-14),2.6vw,34px);align-items:center}
#samda-gift .nav-links a{font-size:var(--fz-14-5);font-weight:600;color:var(--fog-dim);letter-spacing:.04em;transition:color .3s;position:relative;padding:var(--sp-6) 0}
#samda-gift .nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .45s var(--ease-lux)}
#samda-gift .nav-links a:hover{color:var(--fog)}
#samda-gift .nav-links a:hover::after{width:100%}
#samda-gift .nav-links a.hall-red:hover{color:var(--red-soft)}
#samda-gift .nav-links a.hall-sea:hover{color:var(--sea-soft)}
#samda-gift .nav-cta{font-size:var(--fz-14);font-weight:800;color:var(--ink);background:var(--gold);
  padding:var(--sp-11) var(--sp-22);border-radius:2px;letter-spacing:.06em;transition:background .3s,transform .3s}
#samda-gift .nav-cta:hover{background:var(--gold-soft);transform:translateY(-1px)}
@media(max-width:720px){#samda-gift .nav-links a:not(.keep){display:none}}

/* ── 히어로 (공통) ── */
#samda-gift .hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  overflow:clip;isolation:isolate}
#samda-gift .hero-media{position:absolute;inset:0;z-index:-2}
#samda-gift .hero-media video, #samda-gift .hero-media img{width:100%;height:100%;object-fit:cover}
#samda-gift .hero-media img.kenburns{animation:kb 16s var(--ease-lux) forwards}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
#samda-gift .hero-scrim{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(11,10,8,.55) 0%,rgba(11,10,8,.10) 42%,rgba(11,10,8,.92) 100%)}
#samda-gift .hero-inner{padding:0 clamp(var(--sp-20),6vw,var(--sp-96)) clamp(var(--sp-56),9vh,var(--sp-110));max-width:var(--sz-1280)}
#samda-gift .hero-kicker{display:flex;align-items:center;gap:var(--sp-14);font-size:var(--fz-13);font-weight:700;
  letter-spacing:.34em;color:var(--gold-soft);margin-bottom:var(--sp-26);text-transform:uppercase}
#samda-gift .hero-kicker::before{content:"";width:var(--sz-44);height:1px;background:var(--gold)}
#samda-gift .hero-title{font-family:var(--serif);font-weight:900;color:var(--fog);
  font-size:clamp(var(--fz-42),8.2vw,var(--fz-104));line-height:1.18;letter-spacing:-.01em;text-wrap:balance}
#samda-gift .hero-title em{font-style:normal;color:var(--gold)}
#samda-gift .hero-title .w{display:inline-block;overflow:clip;vertical-align:bottom}
#samda-gift .hero-title .w>span{display:inline-block;transform:translateY(110%)}
#samda-gift .hero-sub{margin-top:var(--sp-24);font-size:clamp(var(--fz-15-5),1.8vw,var(--fz-18-5));color:var(--fog-dim);
  font-weight:400;max-width:56ch;letter-spacing:.01em}
#samda-gift .hero-sub strong{color:var(--fog);font-weight:600}
/* 세로쓰기 한자 낙관 */
#samda-gift .hero-seal{position:absolute;top:16vh;right:clamp(var(--sp-14),4.5vw,72px);z-index:1;
  writing-mode:vertical-rl;font-family:var(--serif);font-weight:700;
  font-size:clamp(var(--fz-15),1.6vw,var(--fz-19));letter-spacing:.62em;color:rgba(244,241,234,.5)}
#samda-gift .hero-seal b{display:block;font-size:clamp(var(--fz-40),4.6vw,60px);font-weight:900;letter-spacing:.1em;
  color:rgba(201,162,39,.85);margin-bottom:var(--sp-18)}
#samda-gift .scroll-cue{position:absolute;bottom:var(--sp-26);left:50%;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:var(--sp-8);
  font-size:10.5px;letter-spacing:.4em;color:var(--fog-mute);text-transform:uppercase}
#samda-gift .scroll-cue::after{content:"";width:1px;height:var(--sz-44);
  background:linear-gradient(180deg,var(--gold) 0%,transparent 100%);animation:cue 2s var(--ease-lux) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ── 신뢰 마키 ── */
#samda-gift .marquee{position:relative;overflow:clip;border-block:1px solid rgba(201,162,39,.18);
  background:rgba(20,18,16,.6);padding:var(--sp-17) 0}
#samda-gift .marquee-track{display:flex;gap:0;width:max-content;animation:mq 34s linear infinite}
#samda-gift .marquee:hover .marquee-track{animation-play-state:paused}
#samda-gift .marquee-item{display:flex;align-items:center;gap:var(--sp-14);padding:0 var(--sp-30);white-space:nowrap;
  font-size:var(--fz-14-5);color:var(--fog-dim);letter-spacing:.05em}
#samda-gift .marquee-item b{color:var(--fog);font-weight:700}
#samda-gift .marquee-item .star{color:var(--gold);font-weight:800}
#samda-gift .marquee-item::after{content:"◆";font-size:6px;color:var(--gold-dim);margin-left:30px}
@keyframes mq{to{transform:translateX(-50%)}}

/* ── 섹션 공통 ── */
#samda-gift .section{position:relative;padding:clamp(var(--sp-88),13vh,160px) clamp(var(--sp-20),6vw,var(--sp-96))}
#samda-gift .section-inner{max-width:var(--sz-1280);margin:0 auto}
#samda-gift .kicker{display:flex;align-items:center;gap:var(--sp-14);font-size:var(--fz-12-5);font-weight:700;
  letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
#samda-gift .kicker::before{content:"";width:var(--sz-38);height:1px;background:currentColor;opacity:.7}
#samda-gift .h2{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-30),4.6vw,var(--fz-54));
  line-height:1.3;color:var(--fog);letter-spacing:-.005em;text-wrap:balance}
#samda-gift .h2 em{font-style:normal;color:var(--gold)}
#samda-gift .lead{margin-top:var(--sp-20);font-size:clamp(var(--fz-16),1.7vw,var(--fz-18));color:var(--fog-dim);max-width:58ch}
#samda-gift .lead strong{color:var(--fog);font-weight:600}
#samda-gift .caption{font-size:var(--fz-13-5);color:var(--fog-mute);line-height:1.7}
/* 배경 워터마크 한자 */
#samda-gift .watermark{position:absolute;z-index:0;font-family:var(--serif);font-weight:900;
  font-size:clamp(180px,30vw,420px);line-height:1;color:transparent;
  -webkit-text-stroke:1px rgba(244,241,234,.06);pointer-events:none;user-select:none}

/* ── 듀얼리티 게이트 ── */
#samda-gift .gate{display:flex;min-height:88svh;position:relative}
#samda-gift .gate-half{position:relative;flex:1;display:flex;align-items:flex-end;overflow:clip;
  transition:flex .85s var(--ease-lux);isolation:isolate;min-height:44svh}
@media(hover:hover){#samda-gift .gate:has(.gate-half.red:hover) .gate-half.red{flex:1.9}
  #samda-gift .gate:has(.gate-half.sea:hover) .gate-half.sea{flex:1.9}}
#samda-gift .gate-half .g-img{position:absolute;inset:0;z-index:-2}
#samda-gift .gate-half .g-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);
  transition:transform 1.2s var(--ease-lux),filter 1.2s var(--ease-lux);filter:saturate(.55) brightness(.8)}
#samda-gift .gate-half:hover .g-img img{transform:scale(1);filter:saturate(1) brightness(1)}
#samda-gift .gate-half.red::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(23,10,12,.30),rgba(94,18,32,.62) 78%,rgba(23,10,12,.94));
  transition:opacity .8s;}
#samda-gift .gate-half.sea::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,20,32,.30),rgba(18,49,70,.62) 78%,rgba(8,20,32,.94))}
#samda-gift .gate-content{padding:clamp(var(--sp-28),4vw,var(--sp-64));width:100%}
#samda-gift .gate-tag{font-size:11.5px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;margin-bottom:var(--sp-14)}
#samda-gift .gate-half.red .gate-tag{color:var(--red-soft)}
#samda-gift .gate-half.sea .gate-tag{color:var(--sea-soft)}
#samda-gift .gate-name{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-30),3.8vw,var(--fz-52));
  color:var(--fog);line-height:1.25}
#samda-gift .gate-desc{margin-top:var(--sp-12);font-size:var(--fz-15-5);color:rgba(244,241,234,.8);max-width:40ch;
  opacity:.9;transition:opacity .6s}
#samda-gift .gate-go{display:inline-flex;align-items:center;gap:var(--sp-12);margin-top:var(--sp-24);
  font-size:var(--fz-15);font-weight:700;letter-spacing:.1em;color:var(--fog);
  border-bottom:1px solid rgba(244,241,234,.35);padding-bottom:6px;transition:gap .4s var(--ease-lux),border-color .4s}
#samda-gift .gate-half.red .gate-go:hover{border-color:var(--red-soft);gap:var(--sp-20)}
#samda-gift .gate-half.sea .gate-go:hover{border-color:var(--sea-soft);gap:var(--sp-20)}
#samda-gift .gate-go svg{width:var(--sz-18);height:var(--sz-18);stroke:currentColor}
#samda-gift .gate-divider{position:absolute;left:50%;top:8%;bottom:8%;width:1px;z-index:2;
  background:linear-gradient(180deg,transparent,rgba(201,162,39,.5),transparent);pointer-events:none}
@media(max-width:860px){#samda-gift .gate{flex-direction:column}#samda-gift .gate-divider{display:none}
  #samda-gift .gate-half .g-img img{filter:saturate(.9) brightness(.92)}}

/* ── 시네마 챕터 (스티키 배경 + 오버레이 문장) ── */
#samda-gift .cinema{position:relative}
#samda-gift .cinema-bg{position:sticky;top:0;height:100svh;overflow:clip;z-index:0}
#samda-gift .cinema-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.62)}
#samda-gift .cinema-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(11,10,8,.72) 100%)}
#samda-gift .cinema-steps{position:relative;z-index:1;margin-top:-100svh}
#samda-gift .cinema-step{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:0 var(--sp-24)}
#samda-gift .cinema-line{font-family:var(--serif);font-weight:900;text-align:center;
  font-size:clamp(var(--fz-26),4.4vw,50px);line-height:1.5;color:var(--fog);max-width:22ch;
  text-shadow:0 2px 40px rgba(0,0,0,.6);text-wrap:balance}
#samda-gift .cinema-line em{font-style:normal;color:var(--gold)}
#samda-gift .cinema-line small{display:block;font-family:var(--sans);font-weight:400;
  font-size:clamp(var(--fz-14),1.6vw,var(--fz-17));color:var(--fog-dim);margin-top:var(--sp-18);letter-spacing:.02em}

/* ── 대표상품 듀오 ── */
#samda-gift .duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--sp-18),3vw,var(--sp-40));margin-top:clamp(var(--sp-40),6vh,72px)}
@media(max-width:860px){#samda-gift .duo{grid-template-columns:1fr}}
#samda-gift .sig-card{position:relative;border-radius:var(--r-4);overflow:clip;isolation:isolate;
  display:flex;flex-direction:column;justify-content:flex-end;min-height:min(76svh,640px);
  border:1px solid rgba(244,241,234,.08);transition:border-color .5s,transform .7s var(--ease-lux)}
#samda-gift .sig-card:hover{transform:translateY(-6px)}
#samda-gift .sig-card.red:hover{border-color:rgba(228,169,176,.35)}
#samda-gift .sig-card.sea:hover{border-color:rgba(169,201,222,.35)}
#samda-gift .sig-img{position:absolute;inset:0;z-index:-2}
#samda-gift .sig-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-lux)}
#samda-gift .sig-card:hover .sig-img img{transform:scale(1.05)}
#samda-gift .sig-card.red .sig-img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(23,10,12,.15) 30%,rgba(23,10,12,.95) 88%)}
#samda-gift .sig-card.sea .sig-img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,20,32,.15) 30%,rgba(8,20,32,.95) 88%)}
#samda-gift .sig-body{padding:clamp(var(--sp-24),3vw,var(--sp-40));position:relative;z-index:1}
#samda-gift .sig-badge{display:inline-block;font-size:var(--fz-11);font-weight:800;letter-spacing:.28em;
  text-transform:uppercase;padding:var(--sp-7) var(--sp-14);border:1px solid;border-radius:2px;margin-bottom:var(--sp-16)}
#samda-gift .sig-card.red .sig-badge{color:var(--red-soft);border-color:rgba(228,169,176,.4)}
#samda-gift .sig-card.sea .sig-badge{color:var(--sea-soft);border-color:rgba(169,201,222,.4)}
#samda-gift .sig-name{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-24),2.6vw,var(--fz-34));color:var(--fog);line-height:1.3}
#samda-gift .sig-set{margin-top:var(--sp-8);font-size:var(--fz-15-5);color:var(--fog-dim)}
#samda-gift .sig-price{margin-top:var(--sp-16);display:flex;align-items:baseline;gap:var(--sp-12);flex-wrap:wrap}
#samda-gift .sig-price b{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-24),2.4vw,var(--fz-30));color:var(--gold-soft)}
#samda-gift .sig-price s{font-size:var(--fz-14-5);color:var(--fog-mute)}
#samda-gift .sig-price .tag{font-size:var(--fz-12);font-weight:700;color:var(--gold);border:1px solid rgba(201,162,39,.4);padding:var(--sp-3) var(--sp-9);border-radius:2px;letter-spacing:.08em}
#samda-gift .sig-note{margin-top:var(--sp-8);font-size:var(--fz-13-5);color:var(--fog-mute)}
#samda-gift .sig-cta{display:inline-flex;align-items:center;gap:var(--sp-10);margin-top:var(--sp-22);font-size:var(--fz-15-5);font-weight:800;
  letter-spacing:.06em;color:var(--ink);background:var(--fog);padding:var(--sp-14) var(--sp-26);border-radius:2px;
  transition:background .35s,gap .35s}
#samda-gift .sig-card.red .sig-cta:hover{background:var(--red-soft);gap:var(--sp-16)}
#samda-gift .sig-card.sea .sig-cta:hover{background:var(--sea-soft);gap:var(--sp-16)}

/* ── 컨시어지 ── */
#samda-gift .conc-wrap{max-width:880px;margin:clamp(40px,6vh,var(--sp-72)) auto 0}
#samda-gift .conc-q{margin-bottom:34px;opacity:.35;transition:opacity .5s;pointer-events:none}
#samda-gift .conc-q.active{opacity:1;pointer-events:auto}
#samda-gift .conc-q.done{opacity:.8;pointer-events:auto}
#samda-gift .conc-label{display:flex;align-items:baseline;gap:var(--sp-14);margin-bottom:var(--sp-16)}
#samda-gift .conc-label .qn{font-family:var(--serif);font-weight:900;font-size:var(--fz-15);color:var(--gold)}
#samda-gift .conc-label h3{font-family:var(--serif);font-weight:700;font-size:clamp(var(--fz-19),2.2vw,var(--fz-24));color:var(--fog)}
#samda-gift .chips{display:flex;flex-wrap:wrap;gap:var(--sp-10)}
#samda-gift .chip{padding:var(--sp-13) var(--sp-24);border-radius:var(--r-999);border:1px solid rgba(244,241,234,.22);
  font-size:var(--fz-15-5);font-weight:600;color:var(--fog-dim);background:rgba(244,241,234,.03);
  transition:all .35s var(--ease-lux);min-height:var(--sz-48)}
#samda-gift .chip:hover{border-color:var(--gold);color:var(--fog)}
#samda-gift .chip.on{border-color:var(--gold);color:var(--ink);background:var(--gold);font-weight:800}
#samda-gift .rec-card{position:relative;border-radius:var(--r-6);padding:clamp(var(--sp-26),4vw,var(--sp-44));overflow:clip;isolation:isolate;
  background:rgba(244,241,234,.045);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(201,162,39,.35)}
#samda-gift .rec-card.red{background:linear-gradient(135deg,rgba(94,18,32,.35),rgba(23,10,12,.6));border-color:rgba(228,169,176,.35)}
#samda-gift .rec-card.sea{background:linear-gradient(135deg,rgba(18,49,70,.4),rgba(8,20,32,.6));border-color:rgba(169,201,222,.35)}
#samda-gift .rec-tag{font-size:11.5px;font-weight:800;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:var(--sp-14)}
#samda-gift .rec-name{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-23),3vw,var(--fz-32));color:var(--fog);line-height:1.3}
#samda-gift .rec-set{margin-top:var(--sp-6);font-size:var(--fz-15-5);color:var(--fog-dim)}
#samda-gift .rec-why{margin-top:var(--sp-16);font-size:var(--fz-16-5);line-height:1.7;color:var(--fog);max-width:52ch}
#samda-gift .rec-price{margin-top:var(--sp-18);display:flex;align-items:baseline;gap:var(--sp-12);flex-wrap:wrap}
#samda-gift .rec-price b{font-family:var(--serif);font-weight:900;font-size:var(--fz-26);color:var(--gold-soft)}
#samda-gift .rec-price s{font-size:var(--fz-14);color:var(--fog-mute)}
#samda-gift .rec-price span{font-size:var(--fz-12-5);color:var(--fog-mute)}
#samda-gift .rec-ctas{margin-top:var(--sp-24);display:flex;gap:var(--sp-12);flex-wrap:wrap}
#samda-gift .rec-sub{margin-top:var(--sp-18);font-size:var(--fz-13-5);color:var(--fog-mute)}
#samda-gift .rec-sub a{color:var(--gold-soft);border-bottom:1px solid rgba(201,162,39,.4)}
#samda-gift .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-10);
  font-size:var(--fz-15-5);font-weight:800;letter-spacing:.05em;padding:var(--sp-15) var(--sp-28);border-radius:2px;
  transition:all .35s var(--ease-lux);min-height:var(--sz-48)}
#samda-gift .btn-gold{background:var(--gold);color:var(--ink)}
#samda-gift .btn-gold:hover{background:var(--gold-soft);transform:translateY(-2px)}
#samda-gift .btn-line{border:1px solid rgba(244,241,234,.3);color:var(--fog)}
#samda-gift .btn-line:hover{border-color:var(--fog);background:rgba(244,241,234,.06)}
#samda-gift .conc-reset{margin-top:var(--sp-20);font-size:var(--fz-13-5);color:var(--fog-mute);border-bottom:1px solid rgba(126,120,109,.4);transition:color .3s}
#samda-gift .conc-reset:hover{color:var(--fog-dim)}

/* ── B2B ── */
#samda-gift .b2b{background:linear-gradient(180deg,var(--ink2),var(--ink))}
#samda-gift .b2b-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(var(--sp-32),5vw,72px);align-items:center}
@media(max-width:860px){#samda-gift .b2b-grid{grid-template-columns:1fr}}
#samda-gift .b2b-list{display:grid;gap:0;margin-top:var(--sp-34);border-top:1px solid rgba(244,241,234,.1)}
#samda-gift .b2b-item{display:flex;gap:var(--sp-20);padding:var(--sp-22) var(--sp-4);border-bottom:1px solid rgba(244,241,234,.1);align-items:baseline}
#samda-gift .b2b-item .no{font-family:var(--serif);font-weight:900;font-size:var(--fz-14);color:var(--gold);min-width:28px}
#samda-gift .b2b-item h4{font-size:var(--fz-17);font-weight:700;color:var(--fog);margin-bottom:var(--sp-4)}
#samda-gift .b2b-item p{font-size:var(--fz-14-5);color:var(--fog-dim)}

/* ── 클로징 ── */
#samda-gift .closing{position:relative;text-align:center;padding-block:clamp(110px,18vh,200px);overflow:clip}
#samda-gift .closing .watermark{left:50%;top:50%;transform:translate(-50%,-52%)}
#samda-gift .closing-kicker{font-size:var(--fz-13);font-weight:700;letter-spacing:.4em;color:var(--gold);text-transform:uppercase;margin-bottom:var(--sp-26)}
#samda-gift .closing h2{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-32),5.6vw,var(--fz-64));line-height:1.35;color:var(--fog);text-wrap:balance}
#samda-gift .closing h2 em{font-style:normal;color:var(--gold)}
#samda-gift .closing p{margin:var(--sp-22) auto 0;font-size:clamp(var(--fz-15-5),1.8vw,var(--fz-18));color:var(--fog-dim);max-width:52ch}
#samda-gift .closing-badges{display:flex;gap:var(--sp-14);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-30)}
#samda-gift .badge{font-size:var(--fz-13-5);font-weight:700;color:var(--gold-soft);border:1px solid rgba(201,162,39,.35);
  padding:var(--sp-9) var(--sp-18);border-radius:var(--r-999);letter-spacing:.06em}
#samda-gift .closing-ctas{display:flex;gap:var(--sp-14);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-44)}
#samda-gift .closing-ctas .btn{font-size:var(--fz-17);padding:var(--sp-19) var(--sp-40)}
#samda-gift .closing-note{margin-top:var(--sp-22);font-size:var(--fz-13-5);color:var(--fog-mute)}

/* ── 푸터 ── */
#samda-gift .footer{border-top:1px solid rgba(244,241,234,.08);padding:var(--sp-44) clamp(var(--sp-20),6vw,var(--sp-96)) var(--sp-120);
  display:flex;flex-wrap:wrap;gap:var(--sp-18) var(--sp-48);justify-content:space-between;align-items:flex-start}
#samda-gift .footer .f-brand{font-family:var(--serif);font-weight:900;letter-spacing:.3em;font-size:var(--fz-17);color:var(--fog-dim)}
#samda-gift .footer p{font-size:var(--fz-12-5);color:var(--fog-mute);line-height:1.9}
#samda-gift .footer a{border-bottom:1px solid rgba(126,120,109,.35)}

/* ── 모바일 스티키 CTA ── */
#samda-gift .sticky-cta{position:fixed;left:0;right:0;bottom:var(--shop-fixed-footer);z-index:1200;display:none;
  padding:var(--sp-10) var(--sp-12) calc(var(--sp-10) + env(safe-area-inset-bottom));gap:var(--sp-8);
  background:rgba(11,10,8,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-top:1px solid rgba(201,162,39,.22);transform:translateY(110%);transition:transform .5s var(--ease-lux)}
#samda-gift .sticky-cta.show{transform:translateY(0)}
#samda-gift .sticky-cta .btn{flex:1;font-size:var(--fz-15);padding:var(--sp-14) var(--sp-10)}
@media(max-width:860px){#samda-gift .sticky-cta{display:flex}#samda-gift .footer{padding-bottom:var(--sp-150)}}

/* ── 홀 페이지 공통 ── */
#samda-gift .hall-red{--hall:var(--red);--hall-soft:var(--red-soft);--hall-deep:var(--red-deep);--hall-black:var(--red-black)}
#samda-gift .hall-sea{--hall:var(--sea);--hall-soft:var(--sea-soft);--hall-deep:var(--sea-deep);--hall-black:var(--sea-black)}
#samda-gift .hall-red body, #samda-gift body.hall-red{background:var(--red-black)}
#samda-gift body.hall-sea{background:var(--sea-black)}
#samda-gift .tinted{background:linear-gradient(180deg,var(--hall-black) 0%,var(--ink) 100%)}
#samda-gift .split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(var(--sp-32),5vw,80px);align-items:center}
#samda-gift .split.rev{grid-template-columns:.95fr 1.05fr}
@media(max-width:860px){#samda-gift .split, #samda-gift .split.rev{grid-template-columns:1fr}}
#samda-gift .split-img{position:relative;border-radius:var(--r-4);overflow:clip}
#samda-gift .split-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
#samda-gift .split-img .cap{position:absolute;left:0;right:0;bottom:0;padding:var(--sp-18) var(--sp-20);
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));font-size:var(--fz-12-5);color:var(--fog-dim)}
#samda-gift .quiet-proof{margin-top:var(--sp-26);padding:var(--sp-18) var(--sp-22);border-left:2px solid var(--gold);
  background:rgba(244,241,234,.03);font-size:var(--fz-13-5);color:var(--fog-mute);line-height:1.8}
#samda-gift .quiet-proof b{color:var(--fog-dim);font-weight:600}

/* 라인업 카드 */
#samda-gift .lineup{display:flex;gap:var(--sp-16);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:var(--sp-6) var(--sp-6) var(--sp-26);margin-top:clamp(var(--sp-36),5vh,var(--sp-56));scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}
#samda-gift .lineup::-webkit-scrollbar{height:var(--sz-5)}
#samda-gift .lineup::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:var(--r-3)}
#samda-gift .set-card{scroll-snap-align:start;flex:0 0 min(310px,82vw);border-radius:var(--r-6);padding:var(--sp-26) var(--sp-24);
  background:rgba(244,241,234,.035);border:1px solid rgba(244,241,234,.09);
  display:flex;flex-direction:column;transition:transform .5s var(--ease-lux),border-color .5s,background .5s}
#samda-gift .set-card:hover{transform:translateY(-6px);border-color:rgba(201,162,39,.45);background:rgba(244,241,234,.055)}
#samda-gift .set-card.best{background:linear-gradient(160deg,rgba(201,162,39,.14),rgba(94,18,32,.22));
  border-color:rgba(201,162,39,.5);flex-basis:min(340px,86vw)}
#samda-gift .set-code{display:flex;align-items:center;gap:var(--sp-10);margin-bottom:var(--sp-14)}
#samda-gift .set-code .cd{font-family:var(--serif);font-weight:900;font-size:var(--fz-20);color:var(--gold-soft)}
#samda-gift .set-code .bd{font-size:10.5px;font-weight:800;letter-spacing:.2em;color:var(--ink);
  background:var(--gold);padding:var(--sp-4) var(--sp-10);border-radius:2px}
#samda-gift .set-title{font-size:var(--fz-17-5);font-weight:700;color:var(--fog);line-height:1.45;min-height:2.6em}
#samda-gift .set-meta{margin-top:var(--sp-6);font-size:var(--fz-13-5);color:var(--fog-mute)}
#samda-gift .set-prices{margin-top:var(--sp-18);padding-top:var(--sp-16);border-top:1px solid rgba(244,241,234,.1);display:grid;gap:var(--sp-8)}
#samda-gift .set-prices .row{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fz-14);color:var(--fog-dim)}
#samda-gift .set-prices .row b{font-family:var(--serif);font-weight:900;font-size:var(--fz-19);color:var(--gold-soft)}
#samda-gift .set-prices .row s{font-size:var(--fz-12);color:var(--fog-mute);margin-right:var(--sp-8)}
#samda-gift .set-cta{margin-top:auto;padding-top:var(--sp-20)}
#samda-gift .set-cta a{display:flex;justify-content:center;align-items:center;gap:var(--sp-8);padding:var(--sp-13);
  border:1px solid rgba(244,241,234,.25);border-radius:2px;font-size:var(--fz-14-5);font-weight:700;transition:all .3s}
#samda-gift .set-cta a:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* 리뷰 */
#samda-gift .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-18);margin-top:clamp(var(--sp-36),5vh,var(--sp-56))}
@media(max-width:860px){#samda-gift .reviews{grid-template-columns:1fr}}
#samda-gift .rv{border-radius:var(--r-6);padding:var(--sp-28) var(--sp-26);background:rgba(244,241,234,.035);
  border:1px solid rgba(244,241,234,.08);display:flex;flex-direction:column;gap:var(--sp-14)}
#samda-gift .rv .stars{color:var(--gold);letter-spacing:3px;font-size:var(--fz-14)}
#samda-gift .rv p{font-size:var(--fz-15-5);line-height:1.75;color:var(--fog-dim)}
#samda-gift .rv p b{color:var(--fog);font-weight:600}
#samda-gift .rv .who{margin-top:auto;font-size:var(--fz-12-5);color:var(--fog-mute);letter-spacing:.04em}
#samda-gift .rating-line{display:flex;gap:clamp(var(--sp-24),5vw,64px);flex-wrap:wrap;margin-top:var(--sp-38)}
#samda-gift .rating-line .rl b{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-34),4vw,var(--fz-46));color:var(--gold-soft)}
#samda-gift .rating-line .rl span{display:block;font-size:var(--fz-13);color:var(--fog-mute);margin-top:var(--sp-4);letter-spacing:.05em}

/* 프로세스 타임라인 (수산) */
#samda-gift .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(var(--sp-40),6vh,var(--sp-64));
  border-top:1px solid rgba(244,241,234,.12)}
@media(max-width:860px){#samda-gift .timeline{grid-template-columns:1fr 1fr}}
#samda-gift .tl{padding:var(--sp-26) var(--sp-20) var(--sp-6);border-right:1px solid rgba(244,241,234,.08);position:relative}
#samda-gift .tl:last-child{border-right:none}
#samda-gift .tl::before{content:"";position:absolute;top:-1px;left:0;width:var(--sz-34);height:1px;background:var(--gold)}
#samda-gift .tl .no{font-family:var(--serif);font-weight:900;font-size:var(--fz-14);color:var(--gold);letter-spacing:.1em}
#samda-gift .tl h4{margin-top:var(--sp-10);font-size:var(--fz-17-5);font-weight:700;color:var(--fog)}
#samda-gift .tl p{margin-top:var(--sp-8);font-size:var(--fz-14);color:var(--fog-mute);line-height:1.7}

/* 수산 위계 쇼케이스 */
#samda-gift .tiers{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--sp-16);margin-top:clamp(var(--sp-36),5vh,var(--sp-56))}
@media(max-width:860px){#samda-gift .tiers{grid-template-columns:1fr}}
#samda-gift .tier{position:relative;border-radius:var(--r-6);overflow:clip;isolation:isolate;min-height:340px;
  display:flex;align-items:flex-end;border:1px solid rgba(244,241,234,.08);
  transition:transform .6s var(--ease-lux),border-color .5s}
#samda-gift .tier:hover{transform:translateY(-6px);border-color:rgba(169,201,222,.4)}
#samda-gift .tier img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;
  transition:transform 1.3s var(--ease-lux)}
#samda-gift .tier:hover img{transform:scale(1.05)}
#samda-gift .tier::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,20,32,.05) 35%,rgba(8,20,32,.92) 92%)}
#samda-gift .tier-body{padding:var(--sp-24);position:relative}
#samda-gift .tier-rank{font-size:var(--fz-11);font-weight:800;letter-spacing:.3em;color:var(--sea-soft);text-transform:uppercase}
#samda-gift .tier-name{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-22),2.4vw,var(--fz-30));color:var(--fog);margin-top:var(--sp-8)}
#samda-gift .tier-desc{margin-top:var(--sp-8);font-size:var(--fz-14-5);color:var(--fog-dim);max-width:36ch}
#samda-gift .tier.main{grid-row:span 1;min-height:440px}
@media(max-width:860px){#samda-gift .tier.main{min-height:380px}#samda-gift .tier{min-height:280px}}

/* 정직 배송 */
#samda-gift .honest{border-radius:var(--r-8);border:1px solid rgba(201,162,39,.25);
  background:linear-gradient(160deg,rgba(201,162,39,.06),transparent 60%);
  padding:clamp(var(--sp-30),5vw,var(--sp-56));margin-top:clamp(var(--sp-40),6vh,var(--sp-64))}
#samda-gift .honest h3{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-22),2.8vw,var(--fz-30));color:var(--fog);line-height:1.45}
#samda-gift .honest h3 em{font-style:normal;color:var(--gold)}
#samda-gift .honest p{margin-top:var(--sp-16);font-size:var(--fz-16);color:var(--fog-dim);max-width:60ch;line-height:1.8}
#samda-gift .honest .caption{margin-top:var(--sp-18)}

/* 리빌 초기상태 (JS 있을 때만) */
#samda-gift .js [data-reveal]{opacity:0;transform:translateY(28px)}
#samda-gift .js [data-reveal-stagger]>*{opacity:0;transform:translateY(24px)}

@media (prefers-reduced-motion:reduce){
  html #samda-gift *, html #samda-gift *::before, html #samda-gift *::after{animation-duration:.001s;animation-iteration-count:1;transition-duration:.001s}
  #samda-gift .js [data-reveal], #samda-gift .js [data-reveal-stagger]>*{opacity:1;transform:none}
  #samda-gift .hero-title .w>span{transform:none}
  #samda-gift::after{display:none}
}

html #samda-gift .nav{position:static ;display:flex ;height:auto !important;min-height:0 ;background:transparent ;backdrop-filter:none !important;border:0 !important;box-shadow:none ;transform:none ;padding:var(--sp-12) var(--sp-16) var(--sp-6) ;justify-content:center }
html #samda-gift .nav-brand,html #samda-gift .nav-menu,html #samda-gift [class*=nav-drawer]{display:none }
#samda-gift .nav-links{display:flex ;position:static ;transform:none ;flex-wrap:wrap;gap:var(--sp-8) var(--sp-18);justify-content:center;width:100%;max-width:none}


/* ===== 장바구니 담는 중 오버레이 - 담기바의 주문하러 가기 ===== */
#sdCartLoading{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(11,10,8,.94)}
#sdCartLoading .sdcl-box{width:min(88vw,420px);text-align:center;color:#F4F1EA;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}
#sdCartLoading .sdcl-bar{height:2px;background:rgba(244,241,234,.18);overflow:hidden;margin-bottom:22px}
#sdCartLoading .sdcl-bar i{display:block;height:100%;width:40%;background:#C9A227;animation:sdclrun 1.1s linear infinite}
@keyframes sdclrun{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
#sdCartLoading .sdcl-t{font-size:var(--fz-16);line-height:1.5;letter-spacing:-.01em;margin:0 0 var(--sp-6)}
#sdCartLoading .sdcl-s{font-size:var(--fz-13);color:rgba(244,241,234,.6);margin:0}
@media (prefers-reduced-motion:reduce){#sdCartLoading .sdcl-bar i{animation:none;width:100%}}

/* 쇼핑몰 공통 CSS 에 `button span{visibility:hidden}` 전역 규칙이 있다.
   그대로 두면 한정 라인·라인업의 버튼 안 텍스트가 통째로 사라진다(2026-08-28 실측). */
#samda-gift button span{visibility:visible}

/* SD_ROOTVARS - promo/detail 이 documentElement 에서 CSS 변수를 읽는다 */
:root{
  --shop-fixed-footer:44px; /* 모바일샵 하단 고정 푸터 높이. PC 는 0 이어도 무방 */
  --ink:#0B0A08; --ink2:#141210; --ink3:#1D1A17;
  --fog:#F4F1EA; --fog-dim:#B8B2A6; --fog-mute:#7E786D;
  --gold:#C9A227; --gold-soft:#E7D9A8; --gold-dim:#8A6F1F;
  --red:#A32638; --red-deep:#5E1220; --red-black:#170A0C; --red-soft:#E4A9B0;
  --sea:#3E7CA6; --sea-deep:#123146; --sea-black:#081420; --sea-soft:#A9C9DE; --silver:#C8D8E4;
  --serif:'Noto Serif KR',serif;
  --sans:'Pretendard Variable',Pretendard,-apple-system,sans-serif;
  --ease-lux:cubic-bezier(.16,1,.3,1);
  --nav-h:64px;
}

/* 모바일에서도 관 이동 링크를 보인다 - 원본은 720px 이하에서 링크를 숨기고 삼선메뉴로 보냈다.
   기획전에서는 삼선메뉴를 쓰지 않으므로 되살린다(두 줄로 접힘). */
@media(max-width:720px){html #samda-gift .nav-links a:not(.keep){display:inline-flex }html #samda-gift .nav-links{gap:var(--sp-4) var(--sp-14) }html #samda-gift .nav-links a{font-size:var(--fz-13) ;padding:var(--sp-4) 0 }html #samda-gift .nav{padding:var(--sp-10) var(--sp-12) var(--sp-4) }}

/* 관 이동 줄은 세 페이지에서 같은 모습으로 - 수산관처럼 밝은 배경에서 글자가 묻히지 않게
   어두운 바를 깔고 밝은 글자를 쓴다(2026-08-28). */
html #samda-gift .nav{background:var(--ink) }
html #samda-gift .nav-links a{color:var(--fog) ;opacity:.88}
#samda-gift .nav-links a:hover,#samda-gift .nav-links a.is-on{opacity:1}

/* 모바일 관 이동 줄 - 원본은 드로어(세로 목록)라 검은 덩어리로 보인다. 가로 한 줄로 편다. */
@media(max-width:720px){html #samda-gift .nav-links{flex-direction:row ;height:auto ;max-height:none ;width:100% ;padding:0 ;background:transparent ;align-items:center ;justify-content:center ;flex-wrap:wrap ;gap:2px var(--sp-12) ;border:0 ;box-shadow:none ;overflow:visible ;position:static ;inset:auto }}

/* 모바일 드로어는 visibility:hidden 으로 감춰져 있다 - 관 이동 줄로 쓰려면 가시성을 되살려야 한다. */
@media(max-width:720px){html #samda-gift .nav-links,html #samda-gift .nav-links a{visibility:visible ;pointer-events:auto }html #samda-gift .nav-links{opacity:1 }html #samda-gift .nav-links a{opacity:.9 !important}}

/* 드로어에서 각 줄을 나누던 붉은 밑줄 - 가로 줄에서는 점선처럼 보이므로 없앤다. */
@media(max-width:720px){html #samda-gift .nav-links a{border-bottom:0 ;border-top:0 }}

/* === SDCHROME BEGIN ==================================================
   2026-08-29 PM 지시. 기획전에서만 쇼핑몰 헤더·푸터를 화면에서 감춘다.
   · DOM 에서 지우지 않는다(display 만 끈다) - 쇼핑몰 스크립트가 참조해도 무사하다.
   · 이 파일은 기획전 디자인에서만 로드된다. 쇼핑몰 나머지 페이지는 영향이 없다.
   · 하단 44px 고정바(.section_fixedFooter)는 남긴다(PM 확정) - 실제로 눌러 쓰는 바이고
     담기바가 그 높이를 재서 위치를 잡는다.
   · 되돌릴 때는 이 BEGIN~END 블록만 지운다.
   ===================================================================== */
/* 모바일샵(29722) 구조 */
body > header#header,
body > div#footer,
body > footer,
/* PC(29721) 구조 - id·class 가 다르다. 무명 「개인정보취급방침」 줄은 JS 가 맡는다 */
body > header#headerkys,
body > section.sec-subinfo{display:none }

/* 쇼핑몰 좌측 고정 윙배너(#divBaro). 기획전 안에서는 같은 캠페인이라 중복이고,
   우리 좌측 혜택 플로팅과 자리가 겹친다 (PM 지시 2026-08-29). */
body > #divBaro{display:none }

/* PC 우측 퀵메뉴(#divQuick). 좌측 윙배너와 같은 이유로 기획전에서는 감춘다. */
body > #divQuick{display:none }

/* 모바일 하단 고정바 안의 플로팅 두 개 - 「위로」 화살표(a.btn_up)와
   선물 아이콘(a.btn_fixedFooter). 고정바 본체(홈·카테고리·장바구니)는 남긴다
   (PM 지시 2026-08-29). 우리 우하단 화살표·좌측 혜택 플로팅과는 다른 것이다. */
.section_fixedFooter .btn_toggle_area{display:none }

/* 상단 헤더는 스크롤해도 붙어 있어야 한다 - 쇼핑몰 헤더를 감췄으니 이제 이것이 유일한 헤더다
   (PM 지시 2026-08-29). 2026-08-28 에 position:static 으로 눌러 둔 것을 되돌린다.
   본문을 그만큼 내려 히어로 첫 줄이 헤더에 먹히지 않게 한다. */
html #samda-gift .nav{position:fixed !important;top:0 ;left:0 ;right:0 ;
  z-index:1500 ;background:var(--ink) ;
  transition:box-shadow .3s ease }
html #samda-gift .nav.scrolled{box-shadow:0 6px 22px rgba(0,0,0,.5) }
#samda-gift{padding-top:70px}
@media(max-width:720px){#samda-gift{padding-top:58px}}

/* 쇼핑몰 헤더가 없어졌으니 기획전 자체 헤더를 되살린다.
   2026-08-28 에 「쇼핑몰 헤더가 있으니 삼선 대신 링크를 펼친다」고 눌러 둔 위 블록들을
   여기서 되돌린다 - 이 블록이 파일 맨 끝이라 같은 !important 끼리는 이쪽이 이긴다. */
@media(max-width:720px){
  html #samda-gift .nav{justify-content:space-between ;padding:var(--sp-10) var(--sp-14) }
  html #samda-gift .nav-brand{display:flex }
  html #samda-gift .nav-menu{display:inline-flex }
  /* 닫기(X) 는 두지 않는다 - 삼선 다시 누르기·바깥 탭·ESC·링크 선택으로 모두 닫힌다.
     자리만 먹어 계정 줄이 아래로 밀렸다 (PM 지적 2026-08-30). */
  html #samda-gift .nav-drawer-close{display:none }
  html #samda-gift .nav-links{position:fixed ;top:58px ;right:var(--sp-10) ;
    left:auto ;bottom:auto ;width:min(74vw,var(--sz-300)) ;
    height:auto ;max-height:none ;z-index:1501 ;
    flex-direction:column ;align-items:stretch ;justify-content:flex-start ;
    gap:0 ;padding:var(--sp-8) var(--sp-20) var(--sp-20) ;background:#2E2619 ;
    border-radius:var(--r-12) ;border:1px solid rgba(140,119,70,.34) ;
    box-shadow:0 20px 54px rgba(0,0,0,.55) ;overflow:hidden ;
    transform:translateX(calc(100% + 16px)) ;visibility:hidden ;pointer-events:none }
  html #samda-gift .nav.open .nav-links{transform:translateX(0) ;visibility:visible ;
    pointer-events:auto ;box-shadow:0 0 0 100vmax rgba(6,5,4,.45) }
  html #samda-gift .nav-links a,html #samda-gift .nav-links a.keep{display:flex ;align-items:center ;
    min-height:var(--sz-54) ;padding:var(--sp-14) 0 ;font-size:var(--fz-18) ;
    border-top:0 ;border-bottom:1px solid var(--at-deep) }
  html #samda-gift .nav-links .nav-cta{margin-top:var(--sp-18) ;justify-content:center ;
    min-height:var(--sz-48) ;border:0 !important;background:var(--at) ;color:var(--ink) }
}

/* 쇼핑몰 유틸(홈·로그인/로그아웃·마이페이지·장바구니) - JS 가 만들어 넣는다.
   모바일 드로어에서는 order:-1 로 맨 위, PC 링크 줄에서는 margin-left:auto 로 오른쪽 끝. */
/* 로고는 PC 에서도 보인다 - 쇼핑몰 헤더를 감춘 이상 브랜드가 여기밖에 없다 */
html #samda-gift .nav-brand{display:flex }
#samda-gift .nav{justify-content:space-between !important;gap:var(--sp-16)}
html #samda-gift .nav-links{flex:1 1 auto }
#samda-gift .sd-acct{display:flex;align-items:center;gap:2px;margin-left:auto}
#samda-gift .sd-acct .sd-shop-link{display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:var(--sp-6) var(--sp-10);font-size:var(--fz-11);font-weight:600;letter-spacing:0;color:var(--fog);opacity:.72;
  border:0;min-height:0;text-decoration:none}
#samda-gift .sd-acct .sd-shop-link:hover{opacity:1}
#samda-gift .sd-acct svg{width:var(--sz-19);height:19px;display:block}
#samda-gift .sd-acct i{font-style:normal}
@media(max-width:720px){
  /* 드로어에서는 닫기(×) 바로 아래, 나머지 메뉴 위 */
  html #samda-gift .sd-acct{order:-1 ;margin:2px 0 var(--sp-10) ;gap:0 ;
    padding-bottom:12px ;border-bottom:1px solid var(--at-deep) }
  #samda-gift .sd-acct .sd-shop-link{flex:1 1 0 !important;min-height:var(--sz-56) !important;
    justify-content:center !important;font-size:var(--fz-12) !important;padding:var(--sp-6) 2px !important;
    border-bottom:0 !important;opacity:.82}
  html #samda-gift .sd-acct svg{width:var(--sz-22) ;height:22px }
  /* 드로어는 폭이 넉넉하다 - 좁은 줄에서 줄였던 말을 되살린다
     (「홈」이 쇼핑몰 홈 아이콘과 헷갈렸다: 「기획전 홈」·「추석 사전예약」으로) */
  html #samda-gift .nav-links .nc-long,
  html #samda-gift .nav-links .nh-long{display:inline }
}

/* 페이지 끝 아래 여백은 JS 가 #samda-gift 의 실제 배경색을 body 에 복사해 메운다.
   [주의] 여기에 바탕색을 통째로 어둡게 박았다가 수산관을 깨뜨렸다 -
   수산관은 #samda-gift 에 배경이 없고 **흰 바탕을 전제**한 디자인이라(글자 --ink:#12303F)
   바탕이 검어지자 첫 섹션 글자가 통째로 묻혔다. 관마다 바탕이 다르다. */

/* 컨시어지 카드 버튼 - [상세보기] [담기] 를 한 줄에, (세트보기)는 그 아래 보조 링크로.
   담기 버튼은 원래 .rec-ctas 밖 형제였고 JS 가 안으로 옮겨 준다. */
#samda-gift .rec-ctas-3{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--sp-8)}
#samda-gift .rec-ctas-3 .sdd-open-btn{order:1;flex:1 1 44%;margin:0}
#samda-gift .rec-ctas-3 .sd-add{order:2;flex:1 1 44%;margin:0}
#samda-gift .rec-ctas-3 .ggo{order:3;flex:1 1 100%;justify-content:center;margin:2px 0 0;
  font-size:var(--fz-13);opacity:.78}
#samda-gift .rec-ctas-3 .ggo:hover{opacity:1}

/* 드로어 - 「행사/마감일정」은 다른 링크와 같은 모양. 「추석선물 기획전」은 맨 위 금색 버튼 */
html #samda-gift .sd-plan-cta{display:none }
@media(max-width:720px){
  html #samda-gift .nav-links .sd-acct{order:-2 }
  html #samda-gift .sd-plan-cta{display:flex ;order:-1 ;
    margin:0 0 4px ;justify-content:center ;min-height:var(--sz-48) ;
    border:0 !important;background:var(--at) ;color:var(--ink) ;
    font-weight:800 ;border-radius:var(--r-8) !important}
  /* 아래에 있던 원래 CTA 와 「기획전 홈」은 위 버튼이 대신한다 */
  html #samda-gift .nav-links .nav-cta:not(.sd-plan-cta){display:none }
  html #samda-gift .nav-links a.nav-home.keep{display:none }
}

/* 대표 선물 - 중량(500g/600g) 토글. 컨시어지 카드의 .rec-vb 와 같은 결로 (PM 2026-08-30) */
#samda-gift .sig-vars{display:flex;gap:var(--sp-8);margin:var(--sp-10) 0 2px}
#samda-gift .sig-vb{padding:var(--sp-7) var(--sp-16);border-radius:var(--r-999);font-size:var(--fz-14);font-weight:700;
  font-family:inherit;color:var(--fog-dim);background:transparent;
  border:1px solid rgba(246,243,236,.28);transition:background .2s,color .2s,border-color .2s}
#samda-gift .sig-vb:hover{color:var(--fog);border-color:rgba(246,243,236,.5)}
#samda-gift .sig-vb.on{background:var(--hall,var(--at));border-color:transparent;color:#fff}

/* 컨시어지 카드 「세트보기」 밑줄 제거 (PM 2026-08-30) */
html #samda-gift .rec-ctas .ggo{border-bottom:0 ;padding-bottom:0 }
/* === SDCHROME END === */

/* ---- pork-10-core.css ---- */
/* 한국어 단어 중간에서 줄이 끊기지 않게 - 모바일 2줄 깨짐 방지 */
#samda-gift h1,#samda-gift h2,#samda-gift h3,#samda-gift h4,#samda-gift p,#samda-gift li,#samda-gift dd,#samda-gift dt,#samda-gift .sec-head,#samda-gift .hero-title,#samda-gift .s0-title{word-break:keep-all;overflow-wrap:break-word}

#samda-gift{
  --ink:#0B0A08; --panel:#1A1210;
  --fog:#F6F3EC; --fog-dim:#C4BEB2; --fog-mute:#98917F;
  --at:#B79E61; --at-soft:#D8C9A3; --at-deep:#8C7746;
  --hall:#A93544; --hall-soft:#E4A9B0; --hall-deep:#5E1220; --hall-wash:#1A0B0E;
  --serif:'Noto Serif KR',serif;
  --sans:'Pretendard Variable',Pretendard,-apple-system,sans-serif;
  --ease-lux:cubic-bezier(.16,1,.3,1);
  --shell:min(1760px,calc(100vw - 128px));
}

/* === 품번 배지 - 전 사이트 공통 모양. 색만 관별로 바뀐다 === */
#samda-gift .sd-badge{display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--sans);font-size:var(--fz-17);font-weight:900;letter-spacing:.04em;
  line-height:1;padding:var(--sp-7) var(--sp-12);border-radius:var(--r-9);border:1px solid;white-space:nowrap}
#samda-gift .sd-badge.pork{background:#5E1220;border-color:#A93544;color:#E4A9B0}
#samda-gift .sd-badge.sea{background:#123146;border-color:#3E7CA6;color:#A9C9DE}
#samda-gift .sd-badge.easy{background:#3A2A1C;border-color:#8C6A45;color:#D9C3A8}

/* === 관 상품 그리드 === */
#samda-gift #lineup .kicker,#samda-gift #reviews .kicker{justify-content:center}
#samda-gift .honest h3,#samda-gift .honest p{text-align:center;margin-inline:auto}


#samda-gift *{margin:0;padding:0;box-sizing:border-box}
#samda-gift,#samda-gift{overflow-x:clip}
#samda-gift{font-family:var(--sans);background:var(--ink);color:var(--fog);line-height:1.65;
  -webkit-font-smoothing:antialiased;font-size:var(--fz-19)}
#samda-gift img,#samda-gift video{display:block;max-width:100%}
#samda-gift a{color:inherit;text-decoration:none}
#samda-gift button{font-family:inherit;cursor:pointer}
#samda-gift::before{content:"";position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

#samda-gift .nav{position:fixed;top:0;left:0;right:0;z-index:1500;height:var(--sz-74);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(var(--sp-18),3.5vw,var(--sp-56));transition:background .4s,border-color .4s,height .4s;
  border-bottom:1px solid transparent}
#samda-gift .nav.scrolled{background:rgba(11,10,8,.82);backdrop-filter:blur(20px);border-color:rgba(228,169,176,.14);height:var(--sz-64)}
#samda-gift .nav-brand{display:flex;align-items:center;gap:var(--sp-14)}
#samda-gift .nav-brand img{height:var(--sz-34);width:auto;background:#F6F3EC;padding:var(--sp-5) var(--sp-10);border-radius:var(--r-4)}
#samda-gift .nav-brand .since{font-size:var(--fz-15);font-weight:600;letter-spacing:.22em;color:var(--at-soft);white-space:nowrap;
  border-left:1px solid rgba(216,201,163,.35);padding-left:var(--sp-14)}
#samda-gift .nav-links{display:flex;gap:clamp(var(--sp-12),2.2vw,var(--sp-32));align-items:center}
#samda-gift .nav-menu{display:none;align-items:center;justify-content:center;width:var(--sz-38);height:var(--sz-38);padding:0;border:0;background:transparent;color:var(--at);}
#samda-gift .nav-menu-lines,#samda-gift .nav-menu-lines::before,#samda-gift .nav-menu-lines::after{display:block;width:var(--sz-22);height:2px;background:currentColor;content:""}
#samda-gift .nav-menu-lines{position:relative}
#samda-gift .nav-menu-lines::before,#samda-gift .nav-menu-lines::after{position:absolute;left:0}
#samda-gift .nav-menu-lines::before{top:var(--sp-n7)}#samda-gift .nav-menu-lines::after{top:var(--sp-7)}
#samda-gift .nav-drawer-close{display:none}
#samda-gift .nav-home{display:inline-flex;align-items:center;gap:var(--sp-7)}
@media(max-width:900px){#samda-gift .nav-links{gap:var(--sp-12)}#samda-gift .nh-long,#samda-gift .nc-long{display:none}}


#samda-gift .nav-links a{font-size:var(--fz-17-5);font-weight:600;color:var(--fog-dim);transition:color .3s;padding:var(--sp-8) 2px;position:relative}
#samda-gift .nav-links a.on{color:var(--hall-soft)}
#samda-gift .nav-links a::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:1px;background:var(--hall-soft);transition:width .45s var(--ease-lux)}
#samda-gift .nav-links a.nav-cta{padding:var(--sp-12) var(--sp-22);border-radius:var(--r-6)}
@media(min-width:901px){#samda-gift .nav-links>a:first-of-type{margin-left:auto}}
#samda-gift .nav-links a:hover{color:var(--fog)}
#samda-gift .nav-links a:hover::after,#samda-gift .nav-links a.on::after{width:100%}
#samda-gift .nav-cta{display:inline-flex;align-items:center;gap:var(--sp-9);font-size:var(--fz-16-5);font-weight:700;
  color:#171307;background:var(--at);padding:var(--sp-13) var(--sp-26);border-radius:2px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transition:background .35s}
#samda-gift .nav-cta::after{content:"→"}
#samda-gift .nav-cta:hover{background:var(--at-soft)}
@media(max-width:900px){
  #samda-gift .nav,#samda-gift .nav.scrolled{height:var(--sz-52)}
  #samda-gift .nav-brand{gap:var(--sp-8)}
  #samda-gift .nav-brand img{height:var(--sz-24);padding:var(--sp-3) var(--sp-7)}
  #samda-gift .nav-brand .since{display:none}
  #samda-gift .nav-menu{display:inline-flex}
  #samda-gift .nav-links{position:fixed;top:var(--sp-60);right:var(--sp-10);bottom:auto;width:min(74vw,var(--sz-300));z-index:1501;border-radius:var(--r-12);overflow:hidden;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    padding:var(--sp-8) var(--sp-20) var(--sp-20);background:#481420;box-shadow:0 20px 54px rgba(0,0,0,.55);border:1px solid rgba(169,53,68,.34);
    transform:translateX(calc(100% + 16px));visibility:hidden;pointer-events:none;
    transition:transform .45s var(--ease-lux),visibility .45s}
  #samda-gift .nav.open .nav-links{transform:translateX(0);visibility:visible;pointer-events:auto}
  #samda-gift .nav-drawer-close{display:flex;align-items:center;justify-content:flex-end;height:var(--sz-34);
    padding:0;border:0;background:transparent;color:var(--fog-dim);font-size:var(--fz-28);font-weight:300;line-height:1}
  #samda-gift .nav-links a,#samda-gift .nav-links a.keep{display:flex;align-items:center;min-height:var(--sz-54);padding:var(--sp-14) 0;
    border-bottom:1px solid var(--hall-deep);font-size:var(--fz-18);color:var(--fog)}
  #samda-gift .nav-links a::after{display:none}
  #samda-gift .nav-links .nav-cta{margin-top:var(--sp-18);justify-content:center;min-height:var(--sz-48);border:0;background:var(--at);color:var(--ink)}
}
#samda-gift .nav.open .nav-links{box-shadow:0 0 0 100vmax rgba(6,5,4,.45)}
#samda-gift .nav.open ~ .fab{opacity:0;pointer-events:none}
#samda-gift .nav-brand,#samda-gift .nav-menu{position:relative;z-index:1502}
@media(prefers-reduced-motion:reduce){#samda-gift .nav-links{transition:none}}
@media(max-width:1180px){#samda-gift{--shell:calc(100vw - 48px)}}

/* 히어로 */
#samda-gift .hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:clip}
#samda-gift .hero-bg{position:absolute;inset:0;z-index:-2}
#samda-gift .hero-bg img{width:100%;height:100%;object-fit:cover;animation:kb 18s var(--ease-lux) forwards}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
#samda-gift .hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(26,11,14,.5) 0%,rgba(26,11,14,.08) 45%,rgba(11,10,8,.94) 100%)}
#samda-gift .hero-inner{padding:0 clamp(var(--sp-20),6vw,var(--sp-110)) clamp(var(--sp-64),10vh,var(--sp-120));position:relative;z-index:1}
#samda-gift .hero-kicker{display:flex;align-items:center;gap:var(--sp-16);font-size:clamp(var(--fz-15),1.1vw,var(--fz-17-5));font-weight:700;
  letter-spacing:.28em;color:var(--hall-soft);margin-bottom:var(--sp-28)}
#samda-gift .hero-kicker::before{content:"";width:var(--sz-52);height:1px;background:var(--hall)}
#samda-gift .hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(var(--fz-38),7vw,var(--fz-96));
  line-height:1.24;color:var(--fog);text-wrap:balance}
#samda-gift .hero h1 em{font-style:normal;color:var(--hall-soft)}
#samda-gift .hero-sub{margin-top:var(--sp-24);font-size:clamp(var(--fz-18-5),1.6vw,var(--fz-22));color:var(--fog-dim);font-weight:500}
#samda-gift .hero-side{position:absolute;top:15vh;right:clamp(var(--sp-18),4.5vw,var(--sp-84));z-index:1;
  writing-mode:vertical-rl;font-family:var(--serif);font-weight:600;
  font-size:clamp(var(--fz-16),1.4vw,var(--fz-19));letter-spacing:.56em;color:rgba(246,243,236,.5)}

/* 섹션 머리 정렬은 센터가 기본이다 - 메인·수산관과 같은 규칙. 왼쪽은 .left 로만
   (2026-08-31 PM 지적: 관마다 정렬이 달랐다) */
#samda-gift .kicker{display:flex;align-items:center;gap:var(--sp-14);font-size:clamp(var(--fz-15-5),1vw,var(--fz-17-5));font-weight:700;
  letter-spacing:.24em;color:var(--hall-soft);margin-bottom:var(--sp-24);justify-content:center}
#samda-gift .kicker::before,#samda-gift .kicker::after{content:"";width:var(--sz-44);height:1px;background:currentColor;opacity:.5}
#samda-gift .kicker.left{justify-content:flex-start}
#samda-gift .kicker.left::after{display:none}
#samda-gift .sec-head{font-weight:800;font-size:clamp(var(--fz-28),4.2vw,var(--fz-54));line-height:1.32;color:var(--fog);
  text-align:center;letter-spacing:-.02em;text-wrap:balance}
#samda-gift .sec-head.left{text-align:left}
#samda-gift .sec-head em{font-style:normal;color:var(--hall-soft)}
#samda-gift .sec-lead{margin:var(--sp-20) auto 0;font-size:clamp(var(--fz-18-5),1.5vw,var(--fz-21));color:var(--fog-dim);max-width:58ch;
  text-align:center;font-weight:500}
#samda-gift .sec-lead.left{text-align:left;margin-left:0}
#samda-gift .section{padding:clamp(var(--sp-90),13vh,var(--sp-170)) clamp(var(--sp-20),5vw,var(--sp-80))}
#samda-gift .inner{max-width:var(--shell);margin:0 auto}
#samda-gift .split{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(var(--sp-36),5vw,var(--sp-88));align-items:center}
@media(max-width:900px){#samda-gift .split{grid-template-columns:1fr}}
#samda-gift .split-img{border-radius:var(--r-12);overflow:clip;position:relative}
#samda-gift .split-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
#samda-gift .quiet{margin-top:var(--sp-28);padding:var(--sp-18) var(--sp-24);border-left:2px solid var(--hall);
  background:rgba(228,169,176,.05);font-size:var(--fz-17);color:var(--fog-mute);line-height:1.85;font-weight:500}
#samda-gift .quiet b{color:var(--fog-dim);font-weight:700}

/* 시즐 */
#samda-gift .sizzle{position:relative;height:120svh}
#samda-gift .sizzle-sticky{position:sticky;top:0;height:100svh;overflow:clip;display:grid;place-items:center}
#samda-gift .sizzle-sticky video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.85)}
#samda-gift .sizzle-copy{position:relative;z-index:2;text-align:center;padding:0 var(--sp-24)}
#samda-gift .sizzle-copy h2{font-family:var(--serif);font-weight:600;font-size:clamp(var(--fz-30),5vw,var(--fz-64));
  color:var(--fog);text-shadow:0 2px 40px rgba(0,0,0,.7)}
#samda-gift .sizzle-copy p{margin-top:var(--sp-18);font-size:clamp(var(--fz-18),1.6vw,var(--fz-21));color:var(--fog-dim);font-weight:500}

/* 라인업 */
#samda-gift .lineup-note{margin-top:var(--sp-10);font-size:var(--fz-17);color:var(--fog-mute);font-weight:500}
#samda-gift .lineup{display:flex;gap:var(--sp-18);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:var(--sp-8) var(--sp-8) var(--sp-30);margin-top:clamp(var(--sp-36),5vh,var(--sp-56));scrollbar-width:thin;scrollbar-color:var(--hall) transparent}
#samda-gift .lineup::-webkit-scrollbar{height:var(--sz-5)}
#samda-gift .lineup::-webkit-scrollbar-thumb{background:var(--hall-deep);border-radius:var(--r-3)}
#samda-gift .set-card{scroll-snap-align:start;flex:0 0 min(408px,86vw);border-radius:var(--r-12);padding:var(--sp-28) var(--sp-26);
  background:rgba(246,243,236,.03);border:1px solid rgba(246,243,236,.09);
  display:flex;flex-direction:column;transition:transform .5s var(--ease-lux),border-color .5s}
#samda-gift .set-card:hover{transform:translateY(-6px);border-color:rgba(228,169,176,.4)}
#samda-gift .set-card.best{background:rgba(169,53,68,.14);
  border-color:rgba(228,169,176,.45);flex-basis:min(440px,88vw)}
#samda-gift .set-code{display:flex;align-items:center;gap:var(--sp-10);margin-bottom:var(--sp-14)}
#samda-gift .set-code .cd{font-weight:900;font-size:var(--fz-24);color:var(--hall-soft)}
#samda-gift .set-code .bd{font-size:var(--fz-15);font-weight:800;letter-spacing:.16em;color:#1A0B0E;
  background:var(--hall-soft);padding:var(--sp-5) var(--sp-11);border-radius:2px}
#samda-gift .set-title{font-size:var(--fz-20);font-weight:700;color:var(--fog);line-height:1.5;min-height:2.8em}
#samda-gift .set-meta{margin-top:var(--sp-6);font-size:var(--fz-16-5);color:var(--fog-mute);font-weight:500}
#samda-gift .set-prices{margin-top:var(--sp-18);padding-top:var(--sp-16);border-top:1px solid rgba(246,243,236,.1);display:grid;gap:var(--sp-9)}
#samda-gift .set-prices .row{position:relative;display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-4) var(--sp-24) var(--sp-4) var(--sp-6);font-size:var(--fz-16-5);color:var(--fog-dim);cursor:pointer;transition:background .3s var(--ease-lux)}
#samda-gift .set-prices .row::after{content:"→";position:absolute;right:5px;top:50%;color:var(--hall-soft);opacity:0;transform:translate(-5px,-50%);transition:opacity .3s var(--ease-lux),transform .3s var(--ease-lux)}
#samda-gift .set-prices .row:hover{background:rgba(246,243,236,.055)}
#samda-gift .set-prices .row:hover::after{opacity:1;transform:translate(0,-50%)}
#samda-gift .set-prices .row b{font-weight:900;font-size:var(--fz-22);color:var(--at-soft)}
#samda-gift .set-prices .row>span{white-space:nowrap}
#samda-gift .set-prices .row>span:first-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
#samda-gift .set-prices .row s{font-size:var(--fz-15);color:var(--fog-mute);margin-right:var(--sp-8)}

/* 후기 */
/* 후기~마무리 구간 - 배경을 고정해 스크롤하면 사진 위를 지나가는 느낌을 준다.
   모바일 사파리는 background-attachment:fixed 가 깨져 scroll 로 떨어뜨린다 */
#samda-gift .pxwrap{position:relative;isolation:isolate;
  background-image:url("https://sdimg.pages.dev/img/ogyeop-wide.webp");
  background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}
#samda-gift .pxwrap::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(11,10,8,.9)}
#samda-gift .pxwrap>*{position:relative}
@media(max-width:900px),(hover:none){#samda-gift .pxwrap{background-attachment:scroll}}

/* 후기 피드 - 크기가 제각각인 조각들이 두 줄로 반대 방향으로 흐른다. 오버하면 멈춘다 */
#samda-gift .rvfeed{margin-top:clamp(var(--sp-36),5vh,var(--sp-56));overflow:clip;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
#samda-gift .rvrow{display:flex;gap:var(--sp-18);width:max-content;padding:var(--sp-9) 0}
#samda-gift .rvrow.a{animation:rvflow 68s linear infinite}
#samda-gift .rvrow.b{animation:rvflow 84s linear infinite reverse;margin-top:var(--sp-18)}
@keyframes rvflow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
#samda-gift .rvfeed:hover .rvrow,#samda-gift .rvfeed:focus-within .rvrow{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#samda-gift .rvrow{animation:none}
  #samda-gift .rvfeed{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}
#samda-gift .rv{flex:0 0 auto;align-self:flex-start;width:var(--rvw,360px);border-radius:var(--r-12);padding:var(--sp-26) var(--sp-26) var(--sp-22);
  background:rgba(246,243,236,.03);border:1px solid rgba(246,243,236,.08);
  display:flex;flex-direction:column;gap:var(--sp-12);
  transition:border-color .35s var(--ease-lux),transform .35s var(--ease-lux)}
#samda-gift .rv:hover{border-color:rgba(228,169,176,.4);transform:translateY(-3px)}
#samda-gift .rv.w1{--rvw:300px}
#samda-gift .rv.w2{--rvw:392px}
#samda-gift .rv.w3{--rvw:470px}
@media(max-width:640px){#samda-gift .rv,#samda-gift .rv.w1,#samda-gift .rv.w2,#samda-gift .rv.w3{--rvw:min(300px,84vw)}}
#samda-gift .rv .stars{color:var(--at-soft);letter-spacing:3px;font-size:var(--fz-16)}
#samda-gift .rv p{font-size:var(--fz-18);line-height:1.8;color:var(--fog-dim);font-weight:500}
#samda-gift .rv p b{color:var(--fog);font-weight:700}
#samda-gift .rv .who{margin-top:var(--sp-4);font-size:var(--fz-15);color:var(--fog-mute)}
#samda-gift .rating-line{display:flex;gap:clamp(var(--sp-24),5vw,64px);flex-wrap:wrap;margin-top:var(--sp-40);
  justify-content:center;text-align:center}
#samda-gift .rating-line b{font-weight:900;font-size:clamp(var(--fz-34),4vw,var(--fz-46));color:var(--hall-soft)}
#samda-gift .rating-line span{display:block;font-size:var(--fz-15-5);color:var(--fog-mute);margin-top:var(--sp-4);font-weight:600}

#samda-gift .honest{max-width:var(--shell);margin:0 auto;padding:clamp(var(--sp-32),5vw,var(--sp-56)) 0;
  border-top:1px solid rgba(216,201,163,.24);border-bottom:1px solid rgba(216,201,163,.24)}
#samda-gift .honest h3{font-family:var(--serif);font-weight:600;font-size:clamp(var(--fz-25),2.7vw,var(--fz-32));color:var(--fog);line-height:1.5}
#samda-gift .honest h3 em{font-style:normal;color:var(--at-soft)}
#samda-gift .honest p{margin-top:var(--sp-18);font-size:clamp(var(--fz-18-5),1.5vw,20.5px);color:var(--fog-dim);max-width:62ch;line-height:1.85;font-weight:500}
#samda-gift .honest .fine{margin-top:var(--sp-20);font-size:var(--fz-17-5);color:var(--fog-mute);line-height:1.85}

#samda-gift .closing{text-align:center;padding:clamp(100px,15vh,var(--sp-180)) var(--sp-24);
  background:radial-gradient(60% 45% at 50% 40%,rgba(169,53,68,.12) 0%,transparent 70%)}
#samda-gift .closing h2{font-family:var(--serif);font-weight:600;font-size:clamp(var(--fz-30),5vw,var(--fz-62));
  line-height:1.35;color:var(--fog);text-wrap:balance}
#samda-gift .closing h2 em{font-style:normal;color:var(--hall-soft)}
#samda-gift .closing p{margin:var(--sp-22) auto 0;font-size:clamp(var(--fz-18),1.6vw,var(--fz-21));color:var(--fog-dim);max-width:50ch;font-weight:500}
#samda-gift .ctas{display:flex;gap:var(--sp-14);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-44)}
#samda-gift .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-10);
  font-size:var(--fz-19);font-weight:800;padding:var(--sp-18) var(--sp-36);border-radius:2px;
  transition:all .35s var(--ease-lux);min-height:var(--sz-52);border:none}
/* 관 페이지의 상품 CTA 는 관색이 주인공 - 골드는 헤더·기업·마감 공통에만 */
#samda-gift .btn-gold{background:var(--hall-soft);color:var(--hall-wash)}
#samda-gift .btn-gold:hover{background:#fff;transform:translateY(-2px)}
#samda-gift .btn-line{border:1px solid rgba(246,243,236,.3);color:var(--fog);background:none}
#samda-gift .btn-line:hover{border-color:var(--fog);background:rgba(246,243,236,.06)}
#samda-gift .cross{margin-top:var(--sp-26);font-size:var(--fz-17);color:var(--fog-mute)}
#samda-gift .cross a{color:#A9C9DE;border-bottom:1px solid rgba(169,201,222,.4)}

#samda-gift .footer{border-top:1px solid rgba(216,201,163,.14);padding:var(--sp-48) clamp(var(--sp-20),5vw,var(--sp-72)) var(--sp-110);
  display:flex;flex-wrap:wrap;gap:var(--sp-24) var(--sp-56);justify-content:space-between}
/* 플로팅 버튼이 푸터 글자를 덮지 않게 우측 자리를 비운다 */
#samda-gift .footer{padding-right:clamp(var(--sp-20),7vw,var(--sp-120))}
#samda-gift .footer img{height:var(--sz-32);background:#F6F3EC;padding:var(--sp-5) var(--sp-10);border-radius:var(--r-4)}
#samda-gift .footer p{font-size:var(--fz-15-5);color:var(--fog-mute);line-height:2}

#samda-gift .fab{position:fixed;right:clamp(var(--sp-14),2.4vw,var(--sp-34));bottom:clamp(var(--sp-18),4vh,var(--sp-42));z-index:1500;
  display:flex;flex-direction:column;gap:var(--sp-10);opacity:0;pointer-events:none;transition:opacity .4s}
#samda-gift .fab.show{opacity:1;pointer-events:auto}
#samda-gift .fab button{width:var(--sz-52);height:var(--sz-52);border-radius:50%;border:1px solid rgba(216,201,163,.35);
  background:rgba(11,10,8,.7);backdrop-filter:blur(12px);color:var(--at-soft);
  display:grid;place-items:center;transition:all .3s var(--ease-lux)}
#samda-gift .fab button:hover{background:var(--at);color:#171307}
#samda-gift .fab svg{width:var(--sz-20);height:var(--sz-20);stroke:currentColor;fill:none;stroke-width:2}
@media(max-width:720px){#samda-gift .fab{gap:var(--sp-7)}#samda-gift .fab button{width:var(--sz-30);height:var(--sz-30)}#samda-gift .fab svg{width:var(--sz-15);height:var(--sz-15)}}

#samda-gift .js [data-rv]{opacity:0;transform:translateY(24px)}
@media (prefers-reduced-motion:reduce){
  #samda-gift .js [data-rv]{opacity:1;transform:none}
  #samda-gift .hero-bg img{animation:none}
  #samda-gift .sizzle{height:auto}
}

/* ---- main-30-allgifts.css ---- */
/* ===== 전체선물 ― 라이트 톤. 랜딩 다크 팔레트와 겹치지 않게 자체 토큰을 쓴다 ===== */
/* 히어로 카피 활자 - 여기 세 줄만 고치면 히어로 카피 전체가 바뀐다(하드코딩 금지, PM 2026-09-04).
   전체선물에서 먼저 쓰고, 확정되면 랜딩 히어로에도 같은 토큰을 물린다. */
html #samda-gift{
  --hero-fs:clamp(34px,5.1vw,98px);   /* 참조 /catalog 실측 98px @1920 */
  --hero-ls:-.065em;                  /* 실측 -6.37px */
  --hero-lh:.96;                      /* 실측 94.08px */
  --hero-fw:650;
}
html #samda-gift .allg,
html #samda-gift .allg-filter,
html #samda-gift .allg-sum,
html #samda-gift .allg-grid,
html #samda-gift #filterToggle{
  --ag-bg:#F2EDE4; --ag-card:#FAF7F1; --ag-line:#E3DBCC; --ag-ink:#23201B; --ag-dim:#5C554A; --ag-dim2:#3B342B;
  --ag-green:#1B3A33; --ag-terra:#A83A28;
  --ag-th-pork:#E2DACB; --ag-th-sea:#D7E3E2; --ag-th-easy:#E5DFD5;
  --ag-pad:max(16px,5vw);   /* 좌우 여백 - 화면의 90%를 쓴다(PM 2026-09-04, D-0 플로팅과 겹쳐서 96%에서 바꿈). 모바일은 최소 16px */
}
html #samda-gift .allg,
html #samda-gift .ag-full{margin:0 calc(50% - 50vw);width:100vw}
/* 관(#lineup·#conc-sec) 그리드는 .allg-grid 와 .ag-full 을 함께 받는다. 같은 우선순위라 뒤의
   .allg-grid{margin:0 auto} 가 이겨 PC 에서도 .inner offset 만큼 오른쪽으로 밀렸다(PM 지적 2026-09-16). */
html #samda-gift .allg-grid.ag-full{margin:0 calc(50% - 50vw)}
/* 필터 아이콘 토글은 모바일(≤720px) 전용 - PC 는 지금처럼 따라다니는 필터 그대로 쓴다 */
html #samda-gift #filterToggle{display:none}
html #samda-gift .allg{
  display:none; background:var(--ag-bg); color:var(--ag-ink);
  padding:0; overflow-x:clip}
html #samda-gift.all-on .allg{display:block}
html #samda-gift.all-on .nav ~ *:not(#all):not(#fab){display:none}
html #samda-gift.biz-on .nav ~ *:not(#biz):not(#fab){display:none}
html #samda-gift.biz-on .nav{position:static}
html #samda-gift.all-on .nav{position:static}
html #samda-gift .allg *{font-family:var(--sans)}

/* 히어로 - 좌 텍스트 / 우 사진 반반 */
html #samda-gift .allg-hero{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);
  background:var(--ag-green);color:#F3F0E8;min-height:min(78vh,704px)}
html #samda-gift .allg-hero-t{display:flex;flex-direction:column;justify-content:center;
  gap:var(--sp-18);padding:clamp(var(--sp-40),5vw,var(--sp-96)) clamp(var(--sp-24),5vw,var(--sp-90))}
html #samda-gift .allg-eyebrow{margin:0;font-size:var(--fs-s3);letter-spacing:.22em;
  color:#9DB0A9;font-weight:400}
html #samda-gift .allg-h{margin:0;font-family:var(--sans);font-weight:var(--hero-fw) !important;
  font-size:var(--hero-fs) !important;letter-spacing:var(--hero-ls);line-height:var(--hero-lh);color:#FFFDF8}
html #samda-gift .allg-lead{margin:var(--sp-18) 0 0;font-size:var(--fs-p2);line-height:1.45;color:#C6CFCA}
html #samda-gift .allg-hero-i{position:relative;margin:0;overflow:hidden;background:#16302A}
html #samda-gift .allg-hero-i img, html #samda-gift .allg-hero-i video{width:100%;height:100%;object-fit:cover;display:block}
html #samda-gift .allg-hero-i.no-img img, html #samda-gift .allg-hero-i.no-img video{display:none}

/* 필터 - 스크롤을 따라온다 */
html #samda-gift .allg-ftitle{display:flex;align-items:center;gap:var(--sp-12);
  margin:clamp(var(--sp-30),4vw,64px) 0 var(--sp-14);padding:0 var(--ag-pad);
  font-size:calc(var(--fs-h3) - var(--fz-4));font-weight:400;color:var(--ag-ink)}
html #samda-gift .allg-fico{width:1.05em;height:1.05em;flex:0 0 auto;color:var(--ag-terra)}
/* 필터 패널만 따라다닌다. 타이틀은 제자리에 둔다(PM 2026-09-04) */
html #samda-gift .allg-filter{position:sticky;top:70px;z-index:40;
  padding:0 var(--ag-pad)}
html #samda-gift .allg-fin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(var(--sp-12),1.6vw,var(--sp-26));
  margin:0 auto;padding:clamp(var(--sp-14),1.6vw,var(--sp-22)) clamp(var(--sp-16),2vw,var(--sp-26));
  background:var(--ag-card);border:1px solid var(--ag-line);border-radius:var(--r-4);
  box-shadow:0 10px 30px rgba(35,32,27,.06)}
html #samda-gift .allg-fl{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0}
html #samda-gift .allg-fin > .allg-fl[hidden]{display:none}
/* 흑돈관 필터: 종류 칸(셀렉트는 숨김)을 고정중량 안내 자리로 재사용 - 두 줄 세로 쌓기.
   DOM 순서(종류·품목·예산)는 78-grid.js 의 select 위치 인덱스 때문에 그대로 두고,
   시각 순서만 품목·예산·종류로 CSS order 로 바꾼다(#pkFilter 는 이 그리드 루트에 이미 있는 id). */
html #samda-gift .allg-fin [data-pk-fixed]{display:flex;flex-direction:column;gap:var(--sp-8)}
html #samda-gift .allg-fin [data-pk-fixed] > p{margin:0;padding:var(--sp-8) 0;border-bottom:1px solid var(--ag-line);
  font-size:calc(var(--fs-s3) + var(--fz-3));line-height:1.4;color:var(--ag-dim2);white-space:nowrap}
#pkFilter .allg-fin > .allg-fl:first-child{order:3}
html #samda-gift .allg-fl > span{font-size:calc(var(--fs-s3) + var(--fz-3));color:var(--ag-dim2)}
html #samda-gift .allg-fl select{appearance:none;-webkit-appearance:none;width:100%;
  /* 라이브 메이크샵 공통 CSS 가 select{height:18px} 를 걸어 글자가 잘린다.
     상하 padding 0 + height 로 준다(iOS 도 같은 규칙, PM 2026-09-05). */
  padding:0 var(--sp-40) 0 var(--sp-15);height:var(--sz-56);font-size:var(--fs-p2);font-family:var(--sans);font-weight:400;
  color:var(--ag-ink);background:#fff;border:1px solid var(--ag-line);border-radius:var(--r-3);cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236E675C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
html #samda-gift .allg-fl select:focus-visible{outline:2px solid var(--ag-green);outline-offset:1px}

/* 결과 수 */
html #samda-gift .allg-sum{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-16);
  flex-wrap:wrap;margin:clamp(var(--sp-26),3vw,var(--sp-44)) auto clamp(var(--sp-14),1.6vw,var(--sp-20));
  padding:0 var(--ag-pad)}
html #samda-gift .allg-sum-n{margin:0;font-size:var(--fs-p1);color:var(--ag-ink)}
html #samda-gift .allg-sum-n b{font-size:clamp(var(--fz-26),2.4vw,var(--fz-34));font-weight:400;margin-right:2px}
html #samd-gift .allg-sum-s,html #samda-gift .allg-sum-s{margin:0;font-size:var(--fs-s3);color:var(--ag-dim)}

/* 카드 그리드 */
html #samda-gift .allg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(var(--sp-10),.85vw,15px);margin:0 auto;
  padding:0 var(--ag-pad) clamp(50px,6vw,var(--sp-96))}
html #samda-gift .ag-card{display:flex;flex-direction:column;background:var(--ag-card);
  border:1px solid var(--ag-line);border-radius:var(--r-4);overflow:hidden}
html #samda-gift .ag-thumb{position:relative;display:flex;align-items:center;justify-content:center;
  padding:clamp(var(--sp-18),2vw,var(--sp-30));background:var(--ag-th-pork)}
html #samda-gift .ag-card[data-hall=sea] .ag-thumb{background:var(--ag-th-sea)}
html #samda-gift .ag-card[data-hall=easy] .ag-thumb{background:var(--ag-th-easy)}
html #samda-gift .ag-thumb img{width:100%;max-width:620px;aspect-ratio:4/3;object-fit:cover;display:block}
html #samda-gift .ag-body{display:flex;flex-direction:column;gap:var(--sp-12);padding:clamp(var(--sp-18),2vw,var(--sp-28))}
html #samda-gift .ag-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-12)}
html #samda-gift .ag-cat{font-size:calc(var(--fs-s3) + var(--fz-4));color:var(--ag-dim2)}
html #samda-gift .ag-code{font-size:calc(var(--fs-s2) + 2px);letter-spacing:.08em;color:var(--red)}
html #samda-gift .ag-card[data-hall=sea] .ag-code{color:var(--sea)}
html #samda-gift .ag-card[data-hall=easy] .ag-code{color:#8A6A2F}
html #samda-gift .ag-name{margin:0;font-size:var(--fs-h3);font-weight:400;line-height:1.3;color:var(--ag-ink)}
html #samda-gift .ag-desc{margin:0;font-size:calc(var(--fs-p3) + var(--fz-4));line-height:1.62;color:var(--ag-dim2)}
html #samda-gift .ag-mid{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-16);
  flex-wrap:wrap;padding-top:var(--sp-14);border-top:1px solid var(--ag-line)}
html #samda-gift .ag-opt{display:flex;flex-direction:column;gap:var(--sp-7);min-width:150px}
html #samda-gift .ag-opt > span{font-size:calc(var(--fs-s3) + 2px);color:var(--ag-dim)}
html #samda-gift .ag-opt select,
html #samda-gift .ag-opt > b{appearance:none;-webkit-appearance:none;
  padding:0 var(--sp-36) 0 var(--sp-13);height:var(--sz-46);font-size:calc(var(--fs-p3) + 2px);font-family:var(--sans);font-weight:400;
  color:var(--ag-ink);background:#fff;border:1px solid var(--ag-line);border-radius:var(--r-3);cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236E675C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center}
html #samda-gift .ag-opt > b{display:flex;align-items:center;width:100%;padding-right:var(--sp-13);
  background-image:none;white-space:nowrap}
html #samda-gift .ag-price{margin-left:auto;text-align:right;line-height:1.25}
html #samda-gift .ag-price s{display:block;font-size:calc(var(--fs-s3) + var(--fz-4));color:var(--ag-dim)}
html #samda-gift .ag-price b{font-size:clamp(var(--fz-23),2.05vw,var(--fz-30));font-weight:400;color:var(--ag-terra)}
html #samda-gift .ag-ctas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:var(--sp-10);margin-top:var(--sp-4)}
html #samda-gift .ag-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-8);
  min-height:var(--sz-50);padding:0 var(--sp-16);font-size:calc(var(--fs-p3) + var(--fz-3));font-family:var(--sans);font-weight:400;
  border-radius:var(--r-3);cursor:pointer;text-decoration:none;line-height:1;transition:background .18s,color .18s}
html #samda-gift .ag-btn.line{background:#fff;color:var(--ag-ink);border:1px solid var(--ag-line)}
html #samda-gift .ag-btn.line:hover{background:#F4F0E7}
html #samda-gift .ag-btn.fill{background:var(--ag-green);color:#F6F3EC;border:1px solid var(--ag-green)}
html #samda-gift .ag-btn.fill:hover{background:#255047}
html #samda-gift .ag-btn.fill[data-on="1"]{background:#6E675C;border-color:#6E675C}
html #samda-gift .ag-ctas .sdd-cta{display:contents}
html #samda-gift .ag-card .sdd-open-btn{display:inline-flex;align-items:center;justify-content:center;
  min-height:var(--sz-50);padding:0 var(--sp-16);font:inherit;font-size:calc(var(--fs-p3) + var(--fz-3));font-weight:400;
  background:#fff;color:var(--ag-ink);border:1px solid var(--ag-line);border-radius:var(--r-3);cursor:pointer}
html #samda-gift .ag-card .sdd-open-btn:hover{background:#F4F0E7;border-color:var(--ag-ink)}
html #samda-gift .allg-more[hidden]{display:none}
html #samda-gift .ag-empty{grid-column:1/-1;padding:clamp(50px,7vw,var(--sp-90)) var(--sp-20);text-align:center;
  background:var(--ag-card);border:1px solid var(--ag-line);border-radius:var(--r-4)}
html #samda-gift .ag-empty-t{margin:0 0 var(--sp-10);font-size:var(--fs-h3);font-weight:400;color:var(--ag-ink)}
html #samda-gift .ag-empty-s{margin:0;font-size:var(--fs-p2);color:var(--ag-dim)}

/* 기업·단체 밴드 ― 2026-09-04 소유자 제시 이미지 그대로.
   배경에 거대한 워터마크, 좌 제목 / 우 설명·버튼. 글자 크기는 그 이미지 기준으로 맞췄다. */
html #samda-gift .allg-b2b{position:relative;overflow:hidden;background:var(--ag-terra);color:#FBEFEA;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;
  gap:clamp(var(--sp-26),4vw,70px);padding:clamp(var(--sp-110),9vw,var(--sp-150)) calc(var(--ag-pad) + clamp(var(--sp-18),2vw,var(--sp-28))) clamp(var(--sp-56),7vw,var(--sp-110))}
html #samda-gift .allg-b2b-wm{position:absolute;left:-.04em;top:.06em;pointer-events:none;
  font-size:clamp(74px,14.1vw,272px) !important;line-height:.82;font-weight:800 !important;letter-spacing:-.015em;
  white-space:nowrap;color:rgba(255,241,236,.11)}
html #samda-gift .allg-b2b-l,html #samda-gift .allg-b2b-r{position:relative;min-width:0}
html #samda-gift .allg-b2b-eye{margin:0 0 var(--sp-20);padding-top:11px;display:inline-block;
  border-top:1px solid rgba(251,239,234,.85);
  font-size:clamp(var(--fz-11),.72vw,var(--fz-13)) !important;letter-spacing:.2em;font-weight:600 !important;color:#FBEFEA}
html #samda-gift .allg-b2b-h{margin:0;font-weight:800 !important;line-height:1.24;letter-spacing:-.022em;
  font-size:clamp(var(--fz-28),3.7vw,70px) !important;color:#FFF6F2}
html #samda-gift .allg-b2b-r{display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(var(--sp-18),2vw,var(--sp-30));padding-bottom:6px}
html #samda-gift .allg-b2b-s{margin:0;font-size:clamp(var(--fz-14),.92vw,var(--fz-17)) !important;line-height:1.72;color:#F0CDC3}
html #samda-gift .allg-b2b-go{display:inline-flex;align-items:center;gap:var(--sp-14);
  min-height:clamp(var(--sz-48),3.4vw,var(--sz-60));padding:0 clamp(var(--sp-18),1.5vw,var(--sp-26));
  font-size:clamp(var(--fz-13),.86vw,var(--fz-16)) !important;font-weight:600 !important;color:#2A1512;text-decoration:none;
  background:#F4EEE4;border:0;border-radius:2px;transition:background .18s}
html #samda-gift .allg-b2b-go::after{content:'';width:16px;height:var(--sz-16);flex:0 0 auto;background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A1512' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}
html #samda-gift .allg-b2b-go:hover{background:#FFF9F1}

@media (max-width:1180px){
  html #samda-gift .allg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  html #samda-gift .allg-hero{grid-template-columns:1fr}
  html #samda-gift .allg-hero-i{min-height:230px}
  html #samda-gift .allg-fin{grid-template-columns:1fr}
  html #samda-gift .allg-grid{grid-template-columns:1fr}
  html #samda-gift .allg-filter{top:56px}
  html #samda-gift .ag-mid{align-items:flex-start}
  html #samda-gift .ag-price{margin-left:0;text-align:left}
  html #samda-gift .allg-b2b{grid-template-columns:1fr;align-items:start;
    padding:var(--sp-110) var(--sp-22) 54px}
  html #samda-gift .allg-b2b-r{gap:var(--sp-20)}
}

/* ===== 모바일(≤720px) 3건 - 2026-09-07 소유자 지시 =====
   B) 카드 옵션칸 고정폭(150px) 때문에 3개가 2+1 로 접혔다 - flex 등분으로 바꾼다.
   C) 필터는 처음 제자리에 펼치고, 지나간 뒤 우측 아이콘으로 접는다.
   PC(>720px)는 이 블록 밖이라 그대로다. */
@media (max-width:720px){
  /* A: 관(#lineup·#conc-sec)의 그리드는 .allg-grid 와 .ag-full 을 함께 받는다 - 두 규칙이
     같은 우선순위라 파일 뒤쪽의 .allg-grid 의 margin:0 auto 가 이겨 그리드가 .inner offset
     (약 24px)만큼 오른쪽으로 밀렸다(필터 상자는 .ag-full 만 받아 정상이었다). 모바일에서만
     더 높은 우선순위로 풀블리드 margin 을 되살린다(전체상품 #all 기준과 동일 left/width).
     PC 는 처음에 이 규칙을 media 밖에 뒀다가 gate3c diff 에서 관 그리드 margin-inline-end 가
     -160px→-80px 로 바뀌는 걸 잡아 mobile-only 로 옮겼다(2026-09-07). */

  /* B: 옵션칸 3개면 3등분, 2개면 2등분. 가격은 강제 줄바꿈시켜 옵션 줄과 분리한다
     (flex-basis:100% 는 그 항목 앞에서 줄바꿈을 강제하는 표준 기법 - 새 마크업 없이 해결). */
  html #samda-gift .ag-opt{flex:1 1 0;min-width:0}
  html #samda-gift .ag-price{flex:0 0 100%}

  /* C: 처음에는 static 으로 제자리에 두고, 아이콘으로 연 상태만 헤더 아래 sticky 다. */
  html #samda-gift .allg-filter{position:static;top:auto}
  html #samda-gift .allg-filter.filter-seen.filter-open{
    position:sticky;top:var(--ag-filter-top,var(--sz-56))}
  html #samda-gift .allg-filter .allg-fin{
    overflow:hidden;pointer-events:auto;max-height:var(--sz-460);opacity:1;
    transition:max-height .3s ease-out,opacity .3s ease-out,
      padding-top .3s ease-out,padding-bottom .3s ease-out}
  html #samda-gift .allg-filter.filter-seen:not(.filter-open) .allg-fin{
    max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0}
  html #samda-gift .allg-filter.filter-open .allg-fin{
    max-height:var(--sz-460);opacity:1;pointer-events:auto}

  /* 필터 열기 아이콘 - 헤더 아래 우측에 고정한다. */
  html #samda-gift.filter-seen #filterToggle{display:grid;place-items:center;position:fixed;
    top:calc(var(--ag-filter-top,var(--sz-52)) + var(--sp-8));right:var(--sp-14);
    width:var(--sz-44);height:var(--sz-44);border-radius:var(--r-4);
    background:var(--ag-filter-accent,var(--ag-terra));border:0;color:var(--fog);
    box-shadow:none;backdrop-filter:none;z-index:1499}
  html #samda-gift.filter-seen.filter-open #filterToggle{display:none}
  html #samda-gift #filterToggle svg{width:var(--sz-20);height:var(--sz-20)}
  html #samda-gift #filterToggle .dot{display:none;position:absolute;
    top:var(--sp-6);right:var(--sp-6);width:var(--sz-5);height:var(--sz-5);
    border-radius:50%;background:var(--fog)}
  html #samda-gift #filterToggle.has-filter .dot{display:block}
}
@media (prefers-reduced-motion:reduce){
  html #samda-gift .allg-filter .allg-fin{transition:none}
  html #samda-gift .ag-btn{transition:none}
}

/* ===== S4c 고르는 마음 (예시01.jpg 기준)
   활자 크기·자간·행간은 전역 .sec-head / .sec-lead 를 그대로 쓴다.
   여기서는 배치와 색만 정한다 - px 를 다시 박지 않는다. ===== */
html #samda-gift .s4c{--s4c-btn:var(--sp-36);
  background:var(--s4c-bg);padding:clamp(var(--sp-80),9vw,var(--sp-150)) clamp(var(--sp-20),4.2vw,var(--sp-88))}
html #samda-gift .s4c-in{max-width:var(--sz-1560);margin:0 auto}
html #samda-gift .s4c-top{text-align:center;max-width:var(--sz-1040);margin:0 auto}
html #samda-gift .s4c-kicker{margin:0 0 var(--sp-20);color:var(--s4c-accent);font-weight:700;
  font-size:clamp(var(--fz-14),1.05vw,var(--fz-16-5));letter-spacing:.02em}
html #samda-gift .s4c .sec-head{color:var(--s4c-ink)}
html #samda-gift .s4c .sec-lead{color:var(--s4c-dim)}
html #samda-gift .s4c-lead{margin-left:auto;margin-right:auto;max-width:var(--sz-880)}
html #samda-gift .s4c-duo{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(var(--sp-32),5vw,var(--sp-110));align-items:center;margin-top:clamp(var(--sp-64),7.5vw,var(--sp-132))}
html #samda-gift .s4c-copy{text-align:left}
html #samda-gift .s4c-copy .sec-head{text-align:left}
html #samda-gift .s4c-copy .sec-lead{text-align:left;margin-left:0;margin-right:0}
html #samda-gift .s4c-media{margin:0}
html #samda-gift .s4c-frame{position:relative;line-height:0}
/* 원본이 16:9 다. 잘라 쓰지 않는다 */
html #samda-gift .s4c-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;
  border-radius:var(--r-20);background:var(--s4c-video-bg)}
/* 버튼은 언제나 영상 가로 중앙 - 바는 그 왼쪽까지만 */
html #samda-gift .s4c-ctrl{position:absolute;left:0;right:0;bottom:clamp(var(--sp-16),1.7vw,var(--sp-28));
  height:var(--s4c-btn)}
html #samda-gift .s4c-bar{position:absolute;top:50%;transform:translateY(-50%);
  left:clamp(var(--sp-18),1.9vw,var(--sp-34));right:calc(50% + var(--s4c-btn) / 2 + var(--sp-16));
  height:var(--sp-2);border-radius:var(--r-999);background:var(--s4c-bar)}
html #samda-gift .s4c-bar>i{display:block;height:100%;width:0;border-radius:var(--r-999);background:var(--s4c-action)}
html #samda-gift .s4c-toggle{position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:var(--s4c-btn);height:var(--s4c-btn);border-radius:50%;border:0;background:var(--s4c-action);cursor:pointer}
html #samda-gift .s4c-toggle::before,html #samda-gift .s4c-toggle::after{content:"";position:absolute;
  top:50%;width:var(--sp-2);height:var(--sp-11);background:var(--st-ink);transform:translateY(-50%);border-radius:1px}
html #samda-gift .s4c-toggle::before{left:calc(var(--s4c-btn) / 2 - var(--sp-4))}
html #samda-gift .s4c-toggle::after{right:calc(var(--s4c-btn) / 2 - var(--sp-4))}
html #samda-gift .s4c-toggle.is-paused::before{left:50%;transform:translate(-35%,-50%);
  width:0;height:0;background:transparent;border-left:var(--sp-10) solid var(--st-ink);
  border-top:var(--sp-6) solid transparent;border-bottom:var(--sp-6) solid transparent;border-radius:0}
html #samda-gift .s4c-toggle.is-paused::after{display:none}
html #samda-gift .s4c-cap{margin:var(--sp-22) 0 0;text-align:center;color:var(--s4c-ink);
  font-weight:600;font-size:clamp(var(--fz-16),1.3vw,var(--fz-20));letter-spacing:-.02em}
@media (max-width:56.25rem){
  html #samda-gift .s4c{--s4c-btn:var(--sp-32)}
  html #samda-gift .s4c-duo{grid-template-columns:minmax(0,1fr);gap:var(--sp-32)}
  html #samda-gift .s4c-copy,html #samda-gift .s4c-copy .sec-head,
  html #samda-gift .s4c-copy .sec-lead{text-align:center}
  html #samda-gift .s4c-copy .sec-lead{margin-left:auto;margin-right:auto}
}

/* ===== 기업·단체 영역 (PM 2026-09-16) ===== */
/* 한정·선착순은 일단 내려둔다 */
html body #samda-gift #s4b{display:none}
/* 링크를 뗀 견적 버튼 - 누를 수 없다는 티는 내지 않는다 */
html #samda-gift .b2b-quote[disabled]{cursor:default;opacity:1}
/* 기업·단체 아래 분홍 밴드는 그대로 두고, 우측 문구·버튼만 내린다 */
html body #samda-gift .s7 .allg-b2b-s,
html body #samda-gift .s7 .allg-b2b-go{display:none}

/* ---- hall-20-fix20260829.css ---- */
/* 2026-08-29 PM 피드백 C - 모바일 공통 보정 */
@media(max-width:720px){
  .sdd{padding-bottom:var(--sdbar-h,0px);box-sizing:border-box}
}
@media(max-width:720px),(hover:none){
  #samda-gift *,.sdbar,.sdbar-fold,.sdd,.sdp{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #samda-gift .nav.scrolled{background:rgba(11,10,8,.95)}
  #samda-gift .fab button{background:rgba(11,10,8,.92)}
  #samda-gift .replay{background:rgba(11,10,8,.72)}
}

/* ---- pork-50-light.css ---- */
/* 흑돈관 라이트 톤 - 기존 관 CSS의 색만 마지막에 덮는다 */
html #samda-gift{
  --hl-bg:var(--pal-pork-bg); --hl-bg2:#FBF5F2; --hl-card:var(--pal-pork-card); --hl-line:var(--pal-pork-line);
  --hl-ink:var(--pal-pork-ink); --hl-dim:var(--pal-pork-dim); --hl-dim2:#3E2B29; --hl-em:var(--pal-pork-em); --hl-hall:#A93544;
  --hl-bg3:#EFE1DB;      /* 한 단계 더 짙은 바탕 */
  --hl-veil:rgba(240,228,222,.58);
  --hl-closing-bg:#3E1A1E;    /* 마감 구간 - 흑적색. 너무 진하지 않게(소유자 2026-09-07) */
  --hl-closing-ink:#F6EFEA;   /* 그 위 글자 */
  --hl-closing-dim:#D6BDB6;   /* 그 위 보조 글자 */   /* 패럴랙스 덮개 - 고기가 잘 보여야 한다(소유자 2026-09-07) */
  --hl-th-pork:#EADCD6; --hl-th-sea:#DCE6E8; --hl-th-easy:#EDE3DA;
  background:var(--hl-bg);color:var(--hl-ink);--ag-filter-accent:var(--hl-em)
}
html #samda-gift .allg-filter,
html #samda-gift .allg-sum,
html #samda-gift .allg-grid{
  --ag-bg:var(--hl-bg); --ag-card:var(--hl-card); --ag-line:var(--hl-line); --ag-ink:var(--hl-ink);
  --ag-dim:var(--hl-dim); --ag-dim2:var(--hl-dim2); --ag-terra:var(--hl-em);
  --ag-th-pork:var(--hl-th-pork); --ag-th-sea:var(--hl-th-sea); --ag-th-easy:var(--hl-th-easy)
}
html #samda-gift .kicker{color:var(--hl-em)}
html #samda-gift .sec-head{color:var(--hl-ink)}
html #samda-gift .sec-head em{font-style:normal;color:var(--hl-em)}
html #samda-gift .sec-lead{color:var(--hl-dim)}
html #samda-gift .btn-line{border-color:rgba(42,27,26,.35);color:var(--hl-ink)}
html #samda-gift .btn-line:hover{border-color:var(--hl-ink)}
html #samda-gift .footer{border-top-color:var(--hl-line);color:var(--hl-dim)}
html #samda-gift .footer p{color:var(--hl-dim)}
html #samda-gift .cross{color:var(--hl-dim)}
html #samda-gift .cross a{color:var(--hl-hall);border-bottom-color:rgba(169,53,68,.4)}


html #samda-gift .quiet{background:rgba(163,38,56,.06);border-left-color:var(--hl-hall);color:var(--hl-dim)}
html #samda-gift .quiet b{color:var(--hl-dim2)}
html #samda-gift .lineup-note{color:var(--hl-dim)}
html #samda-gift .pxwrap::before{background:rgba(246,238,234,.93)}
html #samda-gift .rv{background:var(--hl-card);border-color:var(--hl-line)}
html #samda-gift .rv:hover{border-color:rgba(169,53,68,.45)}
html #samda-gift .rv p{color:var(--hl-dim)}
html #samda-gift .rv p b{color:var(--hl-ink)}
html #samda-gift .rv .who{color:var(--hl-dim)}
html #samda-gift .rating-line b{color:var(--hl-em)}
html #samda-gift .rating-line span{color:var(--hl-dim)}
html #samda-gift .honest{border-top-color:var(--hl-line);border-bottom-color:var(--hl-line)}
html #samda-gift .honest h3{color:var(--hl-ink)}
html #samda-gift .honest h3 em{color:var(--hl-em)}
html #samda-gift .honest p,
html #samda-gift .honest .fine{color:var(--hl-dim)}
html #samda-gift .pk-custom{background:rgba(163,38,56,.06);border-color:rgba(163,38,56,.22)}
html #samda-gift .pk-custom-body{color:var(--hl-ink)}
html #samda-gift .pk-custom-body em{color:var(--hl-em)}
html #samda-gift .pk-custom-fine{color:var(--hl-dim)}

/* 실제 후기 섹션은 한 단계 어둡게 - 위아래 라이트 구간과 리듬을 만든다(소유자 2026-09-07) */
html #samda-gift #reviews{background:transparent}
/* 하단 문구를 지운 자리를 그대로 유지한다(소유자: 삭제된 공간 유지) */
html #samda-gift .closing-gap{height:calc(var(--fs-p2) * 1.6)}

/* 패럴랙스 구간 - 사진 위 덮개를 더 짙게(소유자 2026-09-07: "많이 진하게") */
html body #samda-gift .pxwrap::before{background:var(--hl-veil)}
/* 「실제 구매 후기」 머리글 위 숨 쉴 공간 - 섹션이 바로 붙어 있었다 */
html #samda-gift #reviews{padding-top:var(--sd-gap-head)}
/* 타이틀과 필터 사이 - 관·전체상품이 같이 쓴다 */
html #samda-gift .sec-head + .allg-filter,
html #samda-gift .sec-lead + .allg-filter{margin-top:var(--sd-gap-head)}
/* 맨 아래 수산관 링크는 수산관 색으로 */
html #samda-gift .cross a.cross-sea{color:var(--sea);border-bottom-color:var(--sea)}

/* 거래처는 숫자(별점)와 성격이 다르다 - 줄을 나누고 활자를 본문 크기로 낮춘다(소유자 2026-09-07).
   6곳으로 늘어 별점 옆에 두면 한 줄에 안 들어가고 균형도 깨진다. */
html #samda-gift .rating-line .rating-partners{flex:1 0 100%;margin-top:var(--sd-gap-head)}
/* 거래처 글자 크기·색은 기존 별점 규칙(.rating-line b)을 그대로 쓴다 - 따로 정하지 않는다 */
html #samda-gift .rating-line .rating-partners b{display:block;line-height:1.35;word-break:keep-all}
html #samda-gift .rating-line .rating-partners span{margin-top:var(--sp-10);color:var(--hl-dim2);
  font-size:var(--fs-p2);font-weight:700}
/* 사진 위 구간이라 별점·설명이 묻힌다 - 대비를 올린다 */
html #samda-gift .rating-line span{color:var(--hl-dim2)}
html #samda-gift .rating-line b{color:var(--hl-em)}

/* 이 줄은 좌우를 넓게 쓴다 - 거래처가 여섯 곳이라 기본 여백으로는 좁다(소유자 2026-09-07) */
html #samda-gift #reviews .rating-line{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  width:100vw;padding-left:var(--ag-pad);padding-right:var(--ag-pad);box-sizing:border-box}

/* ===== 마감 구간은 패럴랙스에서 뺀다 - 흑적색 배경으로 덮는다(소유자 2026-09-07) =====
   배경이 어두우니 그 안의 글자·버튼 색을 함께 올린다. */
html body #samda-gift .closing{background:var(--hl-closing-bg);
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
html #samda-gift .closing h2{color:var(--hl-closing-ink)}
html #samda-gift .closing h2 em{color:var(--hall-soft)}
html #samda-gift .closing p{color:var(--hl-closing-dim)}
html #samda-gift .closing .btn-gold{background:var(--hall-soft);color:var(--hl-closing-bg)}
html #samda-gift .closing .btn-gold:hover{background:#fff}
html #samda-gift .closing .btn-line{border-color:rgba(246,239,234,.42);color:var(--hl-closing-ink);background:none}
html #samda-gift .closing .btn-line:hover{border-color:var(--hl-closing-ink);background:rgba(246,239,234,.08)}
html #samda-gift .closing .cross{color:var(--hl-closing-dim)}
html #samda-gift .closing .cross a.cross-sea{color:var(--sea-soft);border-bottom-color:var(--sea-soft)}

/* ===== PM 2026-09-16 ===== */
/* 실제 구매 후기 - 일단 내려둔다 */
html body #samda-gift #reviews{display:none}
/* 제조기준 · 제품정보 분홍 박스 - 화면에서 뺀다 */
html body #samda-gift .quiet{display:none}
/* 맨 아래 흑적색 판을 걷고, 후기 구간과 같은 사진 패럴렉스를 그대로 쓴다 */
html body #samda-gift .closing{background:transparent}
html body #samda-gift .closing h2{color:var(--hl-ink)}
html body #samda-gift .closing h2 em{color:var(--hl-em)}
html body #samda-gift .closing p,html body #samda-gift .closing .cross{color:var(--hl-dim2)}
html body #samda-gift .closing .cross a{color:var(--hl-em)}

/* BASIC css end */

