/* 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 === */

/* ---- main-10-core.css ---- */
/* 기업·단체 - 간편 견적요청 CTA (2026-09-02 추가) */
#samda-gift .b2b-quote{display:flex;align-items:center;justify-content:center;width:100%;
  margin:var(--sp-30) 0 var(--sp-26);padding:var(--sp-19) var(--sp-26);min-height:var(--sz-60);background:var(--gold);color:var(--ink);
  border:0;border-radius:2px;cursor:pointer;font-family:var(--sans);font-size:var(--fz-17);font-weight:800;
  letter-spacing:.02em;
  transition:background .35s var(--ease-lux),transform .35s var(--ease-lux)}
#samda-gift .b2b-quote:hover{background:var(--gold-soft)}
#samda-gift .b2b-side .rec-ctas{flex-wrap:nowrap}
#samda-gift .b2b-side .rec-ctas .btn{padding:var(--sp-15) var(--sp-18);font-size:var(--fz-14-5);letter-spacing:.02em;white-space:nowrap}
@media (max-width:900px){#samda-gift .b2b-side .rec-ctas{flex-wrap:wrap}}
#samda-gift .b2b-quote:focus-visible{outline:2px solid var(--fog);outline-offset:3px}
@media (prefers-reduced-motion:reduce){#samda-gift .b2b-quote{transition:none}}

/* 한국어 단어 중간에서 줄이 끊기지 않게 - 모바일 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; --ink2:#151310; --panel:#17140F;
  --cloth:#E8E0D0; --cloth-dk:#CBBFA6; --cloth-shadow:#A89A7E;
  --ivory:#ECE7DD; --ivory-dk:#DFD8CA;
  --fog:#F6F3EC; --fog-dim:#C4BEB2; --fog-mute:#98917F;
  --at:#B79E61; --at-soft:#D8C9A3; --at-deep:#8C7746;
  --crimson:#A93544; --crimson-deep:#5E1220; --crimson-soft:#E4A9B0; --crimson-wash:#1A0B0E;
  --ocean:#4E8AB8; --ocean-deep:#123146; --ocean-soft:#A9C9DE; --ocean-wash:#081420;
  --serif:'Noto Serif KR',serif;
  --sans:'Pretendard Variable',Pretendard,-apple-system,sans-serif;
  --ease-lux:cubic-bezier(.16,1,.3,1);
  --ease-silk:cubic-bezier(.22,.9,.3,1);
  --shell:min(1440px, calc(100vw - 48px));
}
@media(max-width:1180px){#samda-gift{--shell:calc(100vw - 40px)}}
#samda-gift *{margin:0;padding:0;box-sizing:border-box}
#samda-gift,#samda-gift{overflow-x:clip}
@media(min-width:901px){#samda-gift{scrollbar-gutter:stable}}
#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 .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);-webkit-backdrop-filter:blur(20px);
  border-color:rgba(216,201,163,.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);text-transform:lowercase}
#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::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:1px;background:var(--at);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{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;
  letter-spacing:.05em;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,transform .35s}
#samda-gift .nav-cta::after{content:"→";font-weight:600;transition:transform .35s}
#samda-gift .nav-cta:hover{background:var(--at-soft);transform:translateY(-1px)}
#samda-gift .nav-cta:hover::after{transform:translateX(3px)}
@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:#2E2619;box-shadow:0 20px 54px rgba(0,0,0,.55);border:1px solid rgba(140,119,70,.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(--at-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}}

/* ======= S0 · 도착 ======= */
#samda-gift .s0{position:relative;height:100svh;overflow:clip;perspective:1600px}
#samda-gift .s0-video{position:absolute;inset:0;z-index:0;
  background:url(https://sdimg.pages.dev/img/ogyeop-wide.webp) center/cover no-repeat}
#samda-gift .s0-video video{width:100%;height:100%;object-fit:cover}
#samda-gift .s0-video video.stalled{display:none}
#samda-gift .s0-video::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,10,8,.52) 0%,rgba(11,10,8,.08) 45%,rgba(11,10,8,.9) 100%)}
#samda-gift .s0-copy{position:absolute;z-index:1;left:0;right:0;bottom:0;
  padding:0 clamp(var(--sp-20),6vw,var(--sp-110)) clamp(var(--sp-64),10vh,132px);opacity:0}
#samda-gift .s0-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(--at-soft);margin-bottom:var(--sp-28)}
#samda-gift .s0-kicker::before{content:"";width:var(--sz-52);height:1px;background:var(--at)}
#samda-gift .s0-title{font-family:var(--serif);font-weight:500;font-size:clamp(var(--fz-40),7.6vw,var(--fz-104));
  line-height:1.22;letter-spacing:-.01em;color:var(--fog);text-wrap:balance}
#samda-gift .s0-title em{font-style:normal;color:var(--at-soft)}
#samda-gift .s0-title .w{display:inline-block;overflow:clip;vertical-align:bottom}
#samda-gift .s0-title .w>span{display:inline-block;transform:translateY(112%)}
#samda-gift .s0-sub{margin-top:var(--sp-26);font-size:clamp(var(--fz-19),1.6vw,var(--fz-23));color:var(--fog-dim);font-weight:500}
#samda-gift .s0-sub strong{color:var(--fog);font-weight:700}
#samda-gift .s0-side{position:absolute;z-index:1;top:15vh;right:clamp(var(--sp-18),4.5vw,var(--sp-84));opacity:0;
  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)}
#samda-gift .scroll-cue{position:absolute;z-index:2;bottom:var(--sp-26);left:50%;transform:translateX(-50%);opacity:0}
#samda-gift .cue-mouse{display:block;width:var(--sz-19);height:29px;border-radius:var(--r-10);
  border:1px solid rgba(246,243,236,.45)}
#samda-gift .cue-mouse i{display:block;width:2px;height:var(--sz-5);border-radius:1px;margin:var(--sp-6) auto 0;
  background:var(--at-soft);animation:cue 2s var(--ease-lux) infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}
  22%{opacity:1}70%{opacity:1;transform:translateY(9px)}100%{opacity:0;transform:translateY(11px)}}
@media(prefers-reduced-motion:reduce){#samda-gift .cue-mouse i{animation:none;opacity:1}}
#samda-gift .replay{position:absolute;z-index:2;bottom:var(--sp-26);left:clamp(18px,4vw,64px);opacity:0;
  display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;
  color:var(--fog-dim);border:1px solid rgba(246,243,236,.22);
  background:rgba(11,10,8,.4);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;
  transition:color .3s,border-color .3s}
#samda-gift .replay:hover{color:var(--at-soft);border-color:rgba(216,201,163,.5)}
#samda-gift .replay svg{width:var(--sz-17);height:var(--sz-17);stroke:currentColor;fill:none;stroke-width:2}

/* 보자기 폭 */
#samda-gift .flap{position:absolute;z-index:5;inset:-1px;transform-style:preserve-3d;
  background:
    radial-gradient(120% 90% at 50% 50%,rgba(0,0,0,0) 40%,rgba(0,0,0,.2) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0 1px,transparent 1px 3px),
    linear-gradient(160deg,var(--cloth) 0%,var(--cloth-dk) 60%,var(--cloth-shadow) 100%);
  box-shadow:inset 0 0 90px rgba(90,76,52,.3)}
#samda-gift .flap::after{content:"";position:absolute;inset:0;opacity:.45;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.10'/%3E%3C/svg%3E")}
#samda-gift .flap-t{clip-path:polygon(-1% -1%,101% -1%,50% 50%);transform-origin:50% 0;filter:brightness(1.04)}
#samda-gift .flap-r{clip-path:polygon(101% -1%,101% 101%,50% 50%);transform-origin:100% 50%}
#samda-gift .flap-b{clip-path:polygon(-1% 101%,101% 101%,50% 50%);transform-origin:50% 100%;filter:brightness(.92)}
#samda-gift .flap-l{clip-path:polygon(-1% -1%,-1% 101%,50% 50%);transform-origin:0 50%;filter:brightness(.98)}
#samda-gift .s0-center{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:var(--sp-20)}
#samda-gift .s0-center img{height:clamp(185px,18vw,260px);width:auto;background:none;padding:0;border-radius:0;
  box-shadow:none}
#samda-gift .s0-center .rule{width:56px;height:1px;background:rgba(183,158,97,.4)}
#samda-gift .s0-center .yr{font-weight:700;font-size:clamp(var(--fz-15),1.2vw,var(--fz-17-5));letter-spacing:.3em;
  text-indent:.3em;color:#6B5F49}
#samda-gift .s0-hint{position:absolute;z-index:6;left:50%;top:calc(50% + clamp(104px,12vw,148px));
  transform:translateX(-50%);font-size:var(--fz-15);letter-spacing:.38em;color:#7A6C50;font-weight:700}

/* ======= S2 · 반전 - 제주 바다 패럴랙스 ======= */
#samda-gift .s2{position:relative;min-height:92svh;display:grid;place-items:center;padding:20vh var(--sp-24);
  background:linear-gradient(180deg,rgba(11,10,8,.78),rgba(11,10,8,.86)),
    url(https://sdimg.pages.dev/img/jeju-sea.webp) center/cover no-repeat;
  background-attachment:fixed}
@media(hover:none){#samda-gift .s2{background-attachment:scroll}}
#samda-gift .s2-line{font-family:var(--serif);font-weight:600;text-align:center;
  font-size:clamp(var(--fz-30),5vw,var(--fz-64));line-height:1.42;color:var(--fog);max-width:26ch;text-wrap:balance}
#samda-gift .s2-line em{font-style:normal;color:var(--at-soft)}
#samda-gift .s2-line small{display:block;font-family:var(--sans);font-weight:500;
  font-size:clamp(var(--fz-18),1.6vw,var(--fz-22));color:var(--fog-dim);margin-top:var(--sp-28)}
#samda-gift .js .s2-line{opacity:0;transform:translateY(30px)}

/* ======= S2v · 제주 품질인증(JQ) 영상 =======
   원본 908×480(227:120). 늘려 자르면 박힌 자막이 잘린다 - 비율 그대로 둔다. */
#samda-gift .s2v{padding:0 0 clamp(var(--sp-72),11vh,var(--sp-150));background:var(--ink)}
#samda-gift .s2v-frame{aspect-ratio:227/120;background:#000}
#samda-gift .s2v-frame video{display:block;width:100%;height:100%;object-fit:cover}
/* 모바일 - 영상과 「대표 선물」 제목 사이가 벌어져 보인다. 아래쪽만 바짝 붙인다 */
@media(max-width:720px){
  #samda-gift .s2v{padding:0}
  #samda-gift .s2v+.s4{padding-top:44px}
}

/* ======= 섹션 공통 ======= */
#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(--at);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-30),4.4vw,58px);line-height:1.3;color:var(--fog);
  text-align:center;letter-spacing:-.02em;text-wrap:balance}
#samda-gift .sec-head em{font-style:normal;color:var(--at-soft)}
#samda-gift .sec-head.left{text-align:left}
#samda-gift .sec-lead{margin:var(--sp-20) auto 0;font-size:clamp(var(--fz-18-5),1.5vw,21.5px);color:var(--fog-dim);
  max-width:60ch;text-align:center;font-weight:500}
#samda-gift .sec-lead.left{text-align:left;margin-left:0}

/* ======= S4 · 대표 선물 ======= */
#samda-gift .s4{position:relative;padding:clamp(var(--sp-96),14vh,var(--sp-180)) clamp(var(--sp-20),4vw,var(--sp-64));
  background:linear-gradient(180deg,var(--ink) 0%,#100E0C 100%)}
#samda-gift .duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--sp-16),2.2vw,var(--sp-30));
  max-width:var(--shell);margin:clamp(48px,7vh,88px) auto 0}
@media(max-width:860px){#samda-gift .duo{grid-template-columns:1fr}}
#samda-gift .sig{position:relative;border-radius:var(--r-12);overflow:clip;border:1px solid rgba(246,243,236,.08);
  display:flex;flex-direction:column;transition:transform .6s var(--ease-lux),border-color .5s}
#samda-gift .sig:hover{transform:translateY(-6px)}
#samda-gift .sig.red{background:linear-gradient(170deg,#2A0E14 0%,#170A0C 60%)}
#samda-gift .sig.sea{background:linear-gradient(170deg,#0E2638 0%,#081420 60%)}
#samda-gift .sig.red:hover{border-color:rgba(228,169,176,.38)}
#samda-gift .sig.sea:hover{border-color:rgba(169,201,222,.38)}
#samda-gift .sig-photo{position:relative;aspect-ratio:16/10;overflow:clip}
#samda-gift .sig-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-lux)}
#samda-gift .sig:hover .sig-photo img{transform:scale(1.05)}
#samda-gift .sig.red .sig-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(23,10,12,.95))}
#samda-gift .sig.sea .sig-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(8,20,32,.95))}
#samda-gift .sig-badge{position:absolute;top:var(--sp-20);left:20px;z-index:2;font-size:var(--fz-15);font-weight:800;
  letter-spacing:.16em;padding:var(--sp-9) var(--sp-16);border-radius:2px;backdrop-filter:blur(8px);border:1px solid}
#samda-gift .sig.red .sig-badge{color:#F0C9CE;border-color:rgba(228,169,176,.45);background:rgba(94,18,32,.42)}
#samda-gift .sig.sea .sig-badge{color:#C6DCEA;border-color:rgba(169,201,222,.45);background:rgba(18,49,70,.48)}
#samda-gift .sig-body{padding:clamp(var(--sp-26),2.8vw,var(--sp-44));display:flex;flex-direction:column;flex:1}
#samda-gift .sig-name{font-weight:900;font-size:clamp(var(--fz-24),2.4vw,var(--fz-34));color:var(--fog);letter-spacing:-.02em}
#samda-gift .sig-set{margin-top:var(--sp-10);font-size:clamp(var(--fz-18),1.3vw,var(--fz-20));color:var(--fog-dim);font-weight:500}
#samda-gift .sig-price{margin-top:var(--sp-20);display:flex;align-items:baseline;gap:var(--sp-14);flex-wrap:wrap}
#samda-gift .sig-price b{font-weight:900;font-size:clamp(var(--fz-28),2.4vw,36px);color:var(--at-soft);letter-spacing:-.01em}
#samda-gift .sig-price s{font-size:var(--fz-18);color:var(--fog-mute)}
#samda-gift .sig-price .ptag{font-size:var(--fz-15-5);font-weight:700;color:var(--at-soft);
  border:1px solid rgba(216,201,163,.35);padding:var(--sp-5) var(--sp-11);border-radius:2px;letter-spacing:.06em}
#samda-gift .sig-note{margin-top:var(--sp-10);font-size:var(--fz-17);color:var(--fog-mute);font-weight:500}
#samda-gift .sig-ctas{margin-top:auto;padding-top:var(--sp-26);display:flex;gap:var(--sp-12);flex-wrap:wrap}
#samda-gift .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-10);
  font-size:var(--fz-18-5);font-weight:800;letter-spacing:.04em;padding:var(--sp-16) var(--sp-30);border-radius:2px;
  transition:all .35s var(--ease-lux);min-height:var(--sz-52);border:none}
#samda-gift .btn-gold{background:var(--at);color:#171307}
#samda-gift .btn-gold:hover{background:var(--at-soft);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)}

/* ======= S4b · 한정판 (수산관으로 보낸다) =======
   대표 선물 바로 다음 자리다 - 「더 좋은 건 없나」가 나오는 지점.
   금·은 질감은 정지된 그라데이션으로만 준다(번쩍임 금지 §3-11). */
#samda-gift .s4b{position:relative;padding:clamp(84px,12vh,var(--sp-150)) clamp(var(--sp-20),4vw,var(--sp-64));
  background:radial-gradient(120% 80% at 50% 0%,#151109 0%,#0E0B07 58%,var(--ink) 100%)}
#samda-gift .s4b-in{max-width:var(--sz-1180);margin:0 auto;text-align:center}
#samda-gift .s4b h2{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(var(--fz-30),4.4vw,56px);line-height:1.28;color:var(--fog)}
#samda-gift .s4b h2 em{font-style:normal;
  background:linear-gradient(100deg,#9C7B33,#F3DFA4 34%,#D9B65E 54%,#FFF3CE 70%,#A98436);
  -webkit-background-clip:text;background-clip:text;color:transparent}
#samda-gift .s4b-lead{margin:var(--sp-20) auto 0;max-width:58ch;font-size:clamp(var(--fz-17),1.5vw,var(--fz-20));
  color:var(--fog-dim);font-weight:500}
#samda-gift .s4b-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--sp-24),3.5vw,var(--sp-56));
  margin-top:clamp(var(--sp-36),5vh,60px)}
#samda-gift .s4b-item figure{margin:0 0 var(--sp-24);aspect-ratio:4/3;display:grid;place-items:center;
  position:relative;isolation:isolate}
#samda-gift .s4b-item img{width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 24px 32px rgba(0,0,0,.6))}
#samda-gift .s4b-item figure::after{content:"";position:absolute;left:9%;right:9%;bottom:-12px;height:var(--sz-40);
  border-radius:50%;z-index:-1;
  background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.7),rgba(0,0,0,.3) 46%,transparent 74%)}
#samda-gift .s4b-name{font-family:var(--serif);font-weight:900;font-size:clamp(var(--fz-25),2.6vw,var(--fz-34));line-height:1.22}
#samda-gift .s4b-name.silver{background:linear-gradient(100deg,#8FA6B4,#F4F8FA 32%,#C9D8E2 52%,#FFFFFF 68%,#9BB0BE);
  -webkit-background-clip:text;background-clip:text;color:transparent}
#samda-gift .s4b-name.gold{background:linear-gradient(100deg,#9C7B33,#F3DFA4 32%,#D9B65E 52%,#FFF3CE 68%,#A98436);
  -webkit-background-clip:text;background-clip:text;color:transparent}
#samda-gift .s4b-spec{margin-top:var(--sp-12);font-size:clamp(var(--fz-16-5),1.4vw,var(--fz-19));color:var(--fog-dim);font-weight:600}
#samda-gift .s4b-price{margin-top:var(--sp-10);font-size:clamp(var(--fz-19),1.7vw,var(--fz-23));font-weight:900;color:var(--fog)}
#samda-gift .s4b-price s{font-size:.72em;font-weight:500;color:var(--fog-mute);margin-right:9px}
#samda-gift .s4b-cta{margin-top:clamp(var(--sp-34),4.5vh,54px);text-align:center}
#samda-gift .s4b-urge{margin:0 0 var(--sp-18);font-family:var(--serif);font-weight:800;
  font-size:clamp(var(--fz-21),2vw,var(--fz-27));letter-spacing:-.01em;color:var(--at-soft)}
#samda-gift .s4b-btns{display:flex;justify-content:center;gap:var(--sp-12);flex-wrap:wrap}
#samda-gift .s4b-b{display:inline-flex;align-items:center;justify-content:center;min-height:var(--sz-56);
  padding:0 var(--sp-30);border-radius:2px;text-decoration:none;
  font-size:clamp(var(--fz-16-5),1.5vw,var(--fz-18-5));font-weight:800;letter-spacing:-.01em;
  transition:background .3s,color .3s,border-color .3s}
#samda-gift .s4b-b-fill{background:var(--at);color:#171307;border:1px solid var(--at)}
#samda-gift .s4b-b-fill:hover{background:var(--at-soft);border-color:var(--at-soft)}
#samda-gift .s4b-b-line{background:transparent;color:var(--fog-dim);border:1px solid rgba(196,190,178,.4)}
#samda-gift .s4b-b-line:hover{color:var(--fog);border-color:var(--fog-mute)}
@media(max-width:560px){#samda-gift .s4b-btns{flex-direction:column}#samda-gift .s4b-b{width:100%}}
@media(max-width:820px){#samda-gift .s4b-duo{grid-template-columns:1fr;gap:var(--sp-44)}}

/* ======= S5 · 선물 컨시어지 ======= */
#samda-gift .s5{position:relative;padding:clamp(var(--sp-96),14vh,var(--sp-180)) clamp(var(--sp-20),4vw,var(--sp-64));
  background:radial-gradient(90% 70% at 50% 0%,#15120F 0%,var(--ink) 60%)}
#samda-gift .conc{max-width:var(--shell);margin:clamp(var(--sp-44),6vh,var(--sp-72)) auto 0;
  display:grid;grid-template-columns:1.1fr .78fr 1fr;
  gap:clamp(var(--sp-24),2.4vw,var(--sp-44));align-items:start;text-align:left}
#samda-gift .conc-q{margin-bottom:40px;opacity:.3;transition:opacity .5s;pointer-events:none}
#samda-gift .conc-q.active,#samda-gift .conc-q.done{opacity:1;pointer-events:auto}
#samda-gift .conc-q.done{opacity:.75}
#samda-gift .conc-label{display:flex;align-items:baseline;gap:var(--sp-14);margin-bottom:var(--sp-18)}
#samda-gift .conc-label .qn{font-family:var(--serif);font-weight:600;font-size:var(--fz-18);color:var(--at-soft)}
#samda-gift .conc-label h3{font-weight:800;font-size:clamp(var(--fz-23),2vw,var(--fz-26));color:var(--fog);letter-spacing:-.01em}
#samda-gift .chips{display:flex;flex-wrap:wrap;gap:var(--sp-12)}
#samda-gift .chip{padding:var(--sp-15) var(--sp-28);border-radius:var(--r-999);border:1px solid rgba(246,243,236,.24);
  font-size:var(--fz-19);font-weight:700;color:var(--fog-dim);background:rgba(246,243,236,.03);
  transition:all .35s var(--ease-lux);min-height:var(--sz-52)}
#samda-gift .chip:hover{border-color:var(--at);color:var(--fog)}
#samda-gift .chip.on{border-color:var(--at);color:#171307;background:var(--at);font-weight:800}
#samda-gift .conc-default{grid-column:1/-1;margin:var(--sp-6) 0 32px;font-size:var(--fz-18);color:var(--fog-mute);font-weight:500;text-align:center}
#samda-gift .conc-default a{color:var(--at-soft);border-bottom:1px solid rgba(216,201,163,.4)}
#samda-gift .rec{max-width:var(--sz-1180);width:100%;
  margin-top:var(--sp-10);margin-inline:auto;display:none;
  position:relative;overflow:clip;isolation:isolate}
#samda-gift .rec.show{display:block}
#samda-gift .rec-tag{text-align:center;font-size:var(--fz-15);font-weight:700;letter-spacing:.2em;color:var(--fog-mute);margin-bottom:var(--sp-16)}
#samda-gift .rec.red{--ac:#E4A9B0}
#samda-gift .rec.sea{--ac:#A9C9DE}
/* 추천 그리드 - 결과 수만큼만 채운다. 1번은 크게, 2·3번은 우측에 세로로 쌓아 하단 공백을 없앤다 */
/* 추천 결과 - 칸을 억지로 채우지 않는다. 썸네일에 어울리는 폭으로 두고 가운데로 모은다
   (2026-08-27 PM 지적: 1순위를 옆으로 늘리면 썸네일만 덩그러니 남는다) */
#samda-gift .rec-grid{width:100%;margin-inline:auto;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(var(--sp-20),2.6vw,var(--sp-44))}
#samda-gift .rec-card,#samda-gift .rec-card.primary{flex:none;width:auto}
@media(max-width:900px){#samda-gift .rec-grid{grid-template-columns:1fr}}
/* 조건에 맞는 게 없을 때 - 상자를 겹치지 않고 가로선과 활자로만 */
#samda-gift .rec-custom{flex:0 1 auto;max-width:640px;margin:0 auto clamp(var(--sp-20),2.4vh,var(--sp-30));
  text-align:center;padding:var(--sp-18) var(--sp-24);border-radius:var(--r-10);
  background:rgba(183,158,97,.1);border:1px solid rgba(216,201,163,.34)}
#samda-gift .rec-vars{display:flex;gap:var(--sp-8);margin-top:var(--sp-12)}
#samda-gift .rec-vb{flex:1 1 0;padding:var(--sp-9) var(--sp-8);border-radius:var(--r-8);cursor:pointer;
  border:1px solid rgba(246,243,236,.22);background:transparent;font-family:inherit;
  font-size:var(--fz-16);font-weight:800;color:var(--fog-dim);
  transition:background .3s,color .3s,border-color .3s}
#samda-gift .rec-vb:hover{border-color:var(--at-soft)}
#samda-gift .rec-vb.on{background:var(--at-deep);border-color:var(--at);color:var(--fog)}
#samda-gift .rec-custom-tag{display:inline-block;font-size:var(--fz-14-5);font-weight:900;letter-spacing:.12em;
  color:#171307;background:var(--at-soft);padding:var(--sp-5) var(--sp-11);border-radius:var(--r-6)}
#samda-gift .rec-custom-body{margin-top:var(--sp-20);font-size:clamp(var(--fz-17),1.4vw,var(--fz-19-5));font-weight:700;
  color:var(--fog);line-height:1.55}
#samda-gift .rec-custom-body em{font-style:normal;color:var(--at-soft)}
#samda-gift .rec-col{flex:0 1 clamp(255px,26vw,330px);display:flex;flex-direction:column;
  gap:clamp(var(--sp-18),2vw,var(--sp-32));align-self:stretch}
#samda-gift .rec-col>.rec-card{flex:0 0 auto}
#samda-gift .rec-col>.rec-custom.as-card{flex:1 1 auto}
@media(max-width:820px){#samda-gift .rec-col{flex:1 1 100%;max-width:var(--sz-460);margin:0 auto}}
#samda-gift .rec-custom.as-card{flex:0 1 clamp(255px,26vw,330px);max-width:none;margin:0;
  align-self:stretch;display:flex;flex-direction:column;justify-content:center;
  gap:var(--sp-4);padding:var(--sp-30) var(--sp-22)}
#samda-gift .rec-custom.as-card .rec-custom-body{margin-top:var(--sp-22);font-size:clamp(var(--fz-17),1.4vw,var(--fz-19))}
@media(max-width:820px){#samda-gift .rec-custom.as-card{flex:1 1 100%;max-width:var(--sz-460);margin:0 auto}}
#samda-gift .rec-custom-btns{display:flex;justify-content:center;gap:var(--sp-10);margin-top:var(--sp-16);flex-wrap:wrap}
#samda-gift .rec-cb{display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:0 var(--sp-26);border-radius:2px;text-decoration:none;
  font-size:var(--fz-16-5);font-weight:800;letter-spacing:-.01em;
  transition:background .3s,color .3s,border-color .3s}
#samda-gift .rec-cb-fill{background:var(--at);color:#171307;border:1px solid var(--at)}
#samda-gift .rec-cb-fill:hover{background:var(--at-soft);border-color:var(--at-soft)}
#samda-gift .rec-cb-line{background:transparent;color:var(--fog-dim);border:1px solid rgba(196,190,178,.4)}
#samda-gift .rec-cb-line:hover{color:var(--fog);border-color:var(--fog-mute)}
@media(max-width:520px){#samda-gift .rec-custom-btns{flex-direction:column}#samda-gift .rec-cb{width:100%}}
#samda-gift .rec-empty{flex:1 1 100%;text-align:center;padding:clamp(var(--sp-30),3.4vw,var(--sp-52)) 0;
  border-top:1px solid rgba(246,243,236,.14);border-bottom:1px solid rgba(246,243,236,.14)}
#samda-gift .rec-empty-t{font-family:var(--serif);font-weight:600;font-size:clamp(var(--fz-21),2vw,var(--fz-25));color:var(--fog)}
#samda-gift .rec-empty-s{margin-top:var(--sp-12);font-size:var(--fz-17);color:var(--fog-dim);font-weight:500}
#samda-gift .rec-alts{margin-top:var(--sp-26);display:flex;gap:var(--sp-12);flex-wrap:wrap;justify-content:center}
#samda-gift .rec-alt{display:inline-flex;align-items:baseline;gap:var(--sp-10);padding:var(--sp-13) var(--sp-22);border-radius:var(--r-999);
  border:1px solid rgba(246,243,236,.22);background:transparent;color:var(--fog);
  font-family:var(--sans);font-size:var(--fz-17);font-weight:700;
  transition:border-color .35s cubic-bezier(.16,1,.3,1),background .35s cubic-bezier(.16,1,.3,1)}
#samda-gift .rec-alt:hover{border-color:var(--ac);background:rgba(246,243,236,.05)}
#samda-gift .rec-alt span{font-size:var(--fz-15);font-weight:600;color:var(--fog-mute)}
#samda-gift .rec-breed{font-size:var(--fz-16);font-weight:700;color:var(--rc-soft)}

/* === 품번 배지 - 전 사이트 공통 모양. 색만 관별로 바뀐다 === */
#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 .sig.red{--hc:#A93544;--hc-soft:#E4A9B0;--hc-ink:#1A0B0E}
#samda-gift .sig.sea{--hc:#3E7CA6;--hc-soft:#A9C9DE;--hc-ink:#081420}
#samda-gift .sig-code{margin-bottom:10px}
#samda-gift .sig .btn-hall{background:var(--hc-soft);color:var(--hc-ink);border:none}
#samda-gift .sig .btn-hall:hover{background:#fff;transform:translateY(-2px)}
#samda-gift .sig .sig-badge{background:var(--hc);color:#fff}
#samda-gift .sig .sig-price b{color:var(--hc-soft)}
/* 추천 카드는 그 세트가 속한 관의 색을 쓴다 - 골드는 공통 요소에만 */
#samda-gift .rec-card{--rc:#A93544;--rc-soft:#E4A9B0;--rc-deep:#5E1220}
#samda-gift .rec-card[data-hall="sea"]{--rc:#3E7CA6;--rc-soft:#A9C9DE;--rc-deep:#123146}
#samda-gift .rec-card[data-hall="easy"]{--rc:#8C6A45;--rc-soft:#D9C3A8;--rc-deep:#3A2A1C}
#samda-gift .rec-card{position:relative;display:flex;flex-direction:column;min-width:0;
  padding:clamp(var(--sp-24),2.4vw,var(--sp-36));border:1px solid rgba(246,243,236,.12);
  border-radius:var(--r-12);background:transparent;box-shadow:none;
  transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1)}
#samda-gift .rec-card:hover{transform:translateY(-3px);border-color:var(--rc)}
#samda-gift .rec-card.primary{border:1px solid var(--rc);border-left:3px solid var(--rc);
  background:rgba(183,158,97,.05)}
#samda-gift .rec-card.primary:hover{border-color:var(--rc-soft)}
#samda-gift .rec-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;
  border-radius:var(--r-10);margin:0 auto clamp(var(--sp-20),2vw,var(--sp-28))}
#samda-gift .rec-image img{display:block;width:100%;height:100%;object-fit:cover}
#samda-gift .rec-rank{position:absolute;top:clamp(24px,2.4vw,36px);right:clamp(24px,2.4vw,36px);
  font-weight:900;font-size:clamp(var(--fz-64),5vw,var(--fz-96));line-height:.8;color:transparent;
  -webkit-text-stroke:1px rgba(216,201,163,.22);pointer-events:none;user-select:none}
#samda-gift .rec-card.primary .rec-rank{color:var(--rc);opacity:.9;-webkit-text-stroke:0}
/* 사진이 폭을 채우는 1번 카드에서는 순번이 사진 위에 겹친다 - 활자 줄로 내린다 */
#samda-gift .rec-image+.rec-rank{position:static;text-align:right;font-size:clamp(var(--fz-38),3.2vw,var(--fz-52));
  margin:0 0 var(--sp-10);opacity:.85}
#samda-gift .rec-code{display:flex;align-items:center;gap:var(--sp-10);margin-bottom:var(--sp-4)}
#samda-gift .rec-card.primary .rec-code{font-size:var(--fz-15)}
#samda-gift .rec-name{margin-top:var(--sp-12);font-family:var(--serif);font-weight:600;font-size:var(--fz-22);
  line-height:1.45;color:var(--fog);letter-spacing:-.01em}
#samda-gift .rec-card.primary .rec-name{font-size:var(--fz-26)}
#samda-gift .rec-set{margin-top:var(--sp-12);font-size:var(--fz-16-5);color:var(--fog-dim);font-weight:500}
#samda-gift .rec-card.primary .rec-set{font-size:var(--fz-17-5)}
#samda-gift .rec-why{margin-top:var(--sp-16);font-size:var(--fz-17);line-height:1.65;color:var(--fog-dim);
  font-weight:500;max-width:54ch}
#samda-gift .rec-card.primary .rec-why{font-size:var(--fz-18)}
#samda-gift .rec-budget{margin-top:var(--sp-12);font-size:var(--fz-16);color:var(--at-soft);font-weight:700}
#samda-gift .rec-price{margin-top:var(--sp-18);display:flex;align-items:baseline;gap:var(--sp-10);flex-wrap:wrap}
#samda-gift .rec-price b{font-weight:900;font-size:var(--fz-24);color:var(--rc-soft)}
#samda-gift .rec-card.primary .rec-price b{font-size:var(--fz-30)}
#samda-gift .rec-price s{font-size:var(--fz-16);color:var(--fog-mute)}
#samda-gift .rec-price span{font-size:var(--fz-15);color:var(--fog-mute);font-weight:500}
#samda-gift .rec-ctas{margin-top:var(--sp-26);display:flex;gap:var(--sp-10);flex-wrap:wrap;align-items:stretch}
#samda-gift .rec-card .rec-ctas>*{flex:1 1 0;min-width:0}
#samda-gift .rec-card .rec-ctas{margin-top:auto;padding-top:18px}
#samda-gift .ggo{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-10);
  min-height:var(--sz-52);padding:0 var(--sp-24);border-radius:var(--r-8);border:1px solid var(--rc);
  font-size:var(--fs-s2);color:var(--rc-soft);text-decoration:none;
  transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1)}
#samda-gift .ggo:hover{background:var(--rc);color:#fff}
#samda-gift .ggo i{font-style:normal}
#samda-gift .rec-card.primary .ggo{font-size:var(--fs-s2)}
#samda-gift .rec-banner{margin:clamp(var(--sp-22),2.6vh,var(--sp-34)) auto 0;max-width:var(--sz-1180);
  display:flex;align-items:center;justify-content:space-between;gap:clamp(var(--sp-16),2vw,var(--sp-32));
  flex-wrap:wrap;text-align:left;padding:clamp(var(--sp-20),2vw,var(--sp-28)) clamp(var(--sp-22),2.4vw,var(--sp-34));
  border-radius:var(--r-12);background:rgba(183,158,97,.1);border:1px solid rgba(216,201,163,.34)}
#samda-gift .rec-banner .rec-custom-body{margin:var(--sp-6) 0 0;font-size:clamp(var(--fz-17),1.5vw,var(--fz-21))}
#samda-gift .rec-banner .rec-custom-btns{margin-top:0;flex:0 0 auto}
@media(max-width:720px){#samda-gift .rec-banner{flex-direction:column;align-items:stretch;text-align:center}
  #samda-gift .rec-banner .rec-custom-btns{justify-content:center}}
#samda-gift .conc-reset{display:block;margin:var(--sp-20) auto 0;font-size:var(--fz-17);color:var(--fog-mute);background:none;border:none;
  border-bottom:1px solid rgba(152,145,127,.4)}
@media(max-width:900px){#samda-gift .rec{width:100%}
  #samda-gift .rec-card,#samda-gift .rec-card.primary{flex:1 1 100%;max-width:var(--sz-460)}}
@media(max-width:1180px){#samda-gift .conc{grid-template-columns:1fr}}

/* ======= S5b · 선물지기의 배려 - 스티키 스택 ======= */
#samda-gift .s5b{position:relative;padding:clamp(var(--sp-96),13vh,var(--sp-170)) clamp(var(--sp-20),4vw,var(--sp-64));
  background:linear-gradient(180deg,var(--ink) 0%,#12100D 100%)}
#samda-gift .svc2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--sp-40),5vw,96px);
  max-width:var(--shell);margin:0 auto;align-items:start}
@media(max-width:900px){#samda-gift .svc2{grid-template-columns:1fr}}
#samda-gift .svc-left{position:sticky;top:var(--sp-110)}
@media(max-width:900px){#samda-gift .svc-left{position:static}}
#samda-gift .svc-left .kicker{justify-content:flex-start}
#samda-gift .svc-left .kicker::after{display:none}
#samda-gift .svc-left .sec-head{text-align:left}
#samda-gift .svc-left .sec-lead{text-align:left;margin-left:0}
#samda-gift .svc-left figure{margin-top:var(--sp-44);display:flex}
#samda-gift .svc-left figure img{width:min(100%,420px);height:auto;
  filter:drop-shadow(0 34px 54px rgba(0,0,0,.55))}
#samda-gift .svc-stack{display:flex;flex-direction:column}
#samda-gift .scard{position:sticky;background:#12100D;border:none;border-top:1px solid rgba(183,158,97,.3);
  border-radius:0;padding:clamp(var(--sp-30),2.8vw,46px);margin-bottom:var(--sp-26);
  box-shadow:0 -18px 50px rgba(0,0,0,.45)}
#samda-gift .scard:nth-child(1){top:var(--sp-110)}
#samda-gift .scard:nth-child(2){top:calc(var(--sp-110) + 74px)}
#samda-gift .scard:nth-child(3){top:calc(var(--sp-110) + 148px)}
#samda-gift .scard:nth-child(4){top:calc(var(--sp-110) + 222px)}
#samda-gift .scard .sc-num{position:absolute;top:var(--sp-20);right:24px;font-weight:900;
  font-size:clamp(var(--fz-96),7.5vw,124px);line-height:.8;color:transparent;
  -webkit-text-stroke:1px rgba(216,201,163,.25);pointer-events:none;user-select:none}
#samda-gift .scard h4{font-weight:800;font-size:var(--fz-24);color:var(--fog);letter-spacing:-.01em;
  position:relative;max-width:calc(100% - 96px)}
#samda-gift .scard p{margin-top:var(--sp-14);font-size:var(--fz-19-5);color:var(--fog-dim);line-height:1.78;font-weight:500;position:relative}
#samda-gift .scard .sc-key{margin-top:var(--sp-18);font-size:var(--fz-15-5);font-weight:800;color:var(--at-soft);letter-spacing:.24em}
#samda-gift .svc-spacer{height:34vh}
@media(max-width:900px){#samda-gift .scard{position:static;box-shadow:none}#samda-gift .svc-spacer{display:none}}

/* ======= S6 · 기업·단체 ======= */
#samda-gift .s6{position:relative;padding:clamp(var(--sp-96),13vh,var(--sp-170)) clamp(var(--sp-20),4vw,var(--sp-64));
  background:linear-gradient(180deg,#12100D 0%,var(--ink) 100%)}
#samda-gift .b2b{max-width:var(--shell);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(var(--sp-36),5vw,var(--sp-88));align-items:start}
@media(max-width:900px){#samda-gift .b2b{grid-template-columns:1fr}}
#samda-gift .b2b-list{display:grid;margin-top:var(--sp-38);border-top:1px solid rgba(246,243,236,.12)}
#samda-gift .b2b-item{display:flex;gap:var(--sp-22);padding:var(--sp-26) var(--sp-4);border-bottom:1px solid rgba(246,243,236,.12);align-items:baseline}
#samda-gift .b2b-item .no{font-family:var(--serif);font-weight:600;font-size:var(--fz-18);color:var(--at-soft);min-width:30px}
#samda-gift .b2b-item h4{font-size:clamp(var(--fz-21),1.6vw,var(--fz-24));font-weight:800;color:var(--fog);margin-bottom:6px}
#samda-gift .b2b-item p{font-size:clamp(var(--fz-18),1.35vw,var(--fz-19-5));color:var(--fog-dim);line-height:1.75;font-weight:500}
#samda-gift .b2b-side{border-radius:var(--r-14);border:1px solid rgba(216,201,163,.25);padding:clamp(var(--sp-30),3.2vw,var(--sp-48));
  background:rgba(183,158,97,.05);position:sticky;top:100px}
#samda-gift .b2b-side h3{font-weight:900;font-size:clamp(var(--fz-25),2.2vw,var(--fz-30));color:var(--fog);line-height:1.45}
#samda-gift .b2b-side>p{margin-top:var(--sp-16);font-size:clamp(var(--fz-18),1.35vw,var(--fz-19-5));color:var(--fog-dim);line-height:1.8;font-weight:500}
#samda-gift .b2b-side .rec-ctas{margin-top:var(--sp-28)}
#samda-gift .b2b-side .hours{margin-top:var(--sp-18);font-size:var(--fz-17);color:var(--fog-mute);font-weight:500}

/* ======= S7 · 정직 배송 - 화보 밴드 ======= */
#samda-gift .s7{position:relative}
#samda-gift .hband{position:relative;overflow:clip;padding:clamp(var(--sp-110),15vh,var(--sp-180)) clamp(var(--sp-20),5vw,var(--sp-80))}
#samda-gift .hband::before{content:"";position:absolute;inset:0;
  background:url(https://sdimg.pages.dev/img/p_b0000000sy001.webp) center/cover no-repeat;filter:brightness(.18) saturate(.75)}
/* 가운데가 완전히 비어 있어 사진이 글자를 뚫고 올라왔다 - 최소 어둠을 깔아 대비를 확보한다 */
#samda-gift .hband::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,var(--ink) 0%,rgba(11,10,8,.78) 24%,rgba(11,10,8,.78) 76%,var(--ink) 100%)}
#samda-gift .hband-in{position:relative;z-index:1;max-width:var(--sz-1280);margin:0 auto;
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(var(--sp-44),6vw,100px);align-items:center}
@media(max-width:900px){#samda-gift .hband-in{grid-template-columns:1fr}}
#samda-gift .hband h3{font-family:var(--serif);font-weight:600;font-size:clamp(var(--fz-26),3.2vw,var(--fz-40));
  color:var(--fog);line-height:1.5}
#samda-gift .hband h3 em{font-style:normal;color:var(--at-soft)}
#samda-gift .hband .hbody{margin-top:var(--sp-20);font-size:var(--fz-20);color:var(--fog-dim);max-width:54ch;
  line-height:1.85;font-weight:500}
#samda-gift .hsteps{position:relative;display:flex;flex-direction:column;gap:clamp(var(--sp-30),4.5vh,var(--sp-48))}
#samda-gift .hsteps::before{content:"";position:absolute;left:17px;top:var(--sp-10);bottom:10px;width:1px;
  background:rgba(216,201,163,.28)}
#samda-gift .hstep{position:relative;display:flex;gap:var(--sp-22);align-items:flex-start}
#samda-gift .hstep .ring{flex:0 0 34px;width:var(--sz-34);height:var(--sz-34);border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(216,201,163,.55);background:rgba(11,10,8,.85);
  font-weight:800;font-size:var(--fz-17);color:var(--at-soft)}
#samda-gift .hstep b{display:block;font-size:clamp(var(--fz-19),1.5vw,21.5px);font-weight:800;color:var(--fog)}
#samda-gift .hstep p{margin-top:var(--sp-6);font-size:var(--fz-17-5);color:var(--fog-dim);font-weight:500}
#samda-gift .hband-foot{position:relative;z-index:1;max-width:var(--sz-1280);margin:clamp(var(--sp-44),7vh,var(--sp-72)) auto 0;
  padding-top:var(--sp-22);border-top:1px solid rgba(246,243,236,.14);
  font-size:var(--fz-17);color:var(--fog-dim);font-weight:600;line-height:1.9}

/* ======= S8 · 매듭 클로징 - 홍/청 듀얼리티 ======= */
#samda-gift .s8{--s8-cols:1.1fr .9fr;position:relative;text-align:center;
  padding:clamp(var(--sp-110),16vh,190px) clamp(var(--sp-20),4vw,var(--sp-64)) clamp(var(--sp-120),17vh,200px);overflow:clip;
  background:
    radial-gradient(44% 58% at 10% 42%,rgba(169,53,68,.10) 0%,transparent 70%),
    radial-gradient(44% 58% at 90% 42%,rgba(62,124,166,.10) 0%,transparent 70%),
    #0C0B0A}
#samda-gift .s8 h2{font-family:var(--serif);font-weight:600;font-size:clamp(var(--fz-34),5.4vw,70px);
  line-height:1.32;color:var(--fog);text-wrap:balance}
#samda-gift .s8 h2 em{font-style:normal;color:var(--at-soft)}
#samda-gift .s8-sub{margin:var(--sp-24) auto 0;font-size:clamp(var(--fz-18-5),1.6vw,var(--fz-22));color:var(--fog-dim);max-width:52ch;font-weight:500}
#samda-gift .count{display:flex;gap:clamp(var(--sp-12),2vw,var(--sp-22));justify-content:center;margin-top:var(--sp-44);align-items:stretch;flex-wrap:wrap}
#samda-gift .count-title{display:flex;flex-direction:column;justify-content:center;text-align:right;
  padding-right:clamp(4px,1vw,14px)}
#samda-gift .count-title b{display:block;font-family:var(--serif);font-weight:700;
  font-size:clamp(var(--fz-30),3.4vw,50px);line-height:1.05;color:var(--at-soft);letter-spacing:-.02em}
#samda-gift .count-title span{display:block;margin-top:var(--sp-8);font-size:clamp(var(--fz-17),1.3vw,var(--fz-19));
  font-weight:800;color:var(--fog-mute);letter-spacing:.04em}
#samda-gift .count-title .ct-dday{align-self:flex-end;margin-top:var(--sp-10);padding:var(--sp-5) var(--sp-12);border-radius:7px;
  font-size:clamp(var(--fz-18),1.4vw,var(--fz-21));font-weight:900;letter-spacing:.02em;
  color:var(--ink);background:var(--at-soft)}
#samda-gift .count .cell{min-width:clamp(76px,8vw,110px);padding:var(--sp-18) var(--sp-10) var(--sp-14);border-radius:var(--r-10);
  display:flex;flex-direction:column;justify-content:center;
  background:rgba(246,243,236,.04);border:1px solid rgba(246,243,236,.14)}
#samda-gift .count b{display:block;font-weight:900;font-size:clamp(var(--fz-34),4vw,var(--fz-54));color:#C4BEB2;
  font-variant-numeric:tabular-nums;line-height:1}
#samda-gift .count .cell.hh b{color:#D8C9A3}
#samda-gift .count .cell.dd{min-width:clamp(96px,10vw,136px);border-color:rgba(169,53,68,.5)}
#samda-gift .count .cell.dd b{font-size:clamp(var(--fz-42),5vw,68px);color:#E4A9B0}
#samda-gift .count span{display:block;margin-top:var(--sp-8);font-size:var(--fz-15-5);font-weight:700;color:var(--fog-mute);letter-spacing:.2em}
@media(max-width:760px){
  #samda-gift .count-title{flex:1 1 100%;text-align:center;padding:0 0 var(--sp-6);align-items:center}
  #samda-gift .count-title .ct-dday{align-self:center}
  #samda-gift .count{gap:var(--sp-8)}
  #samda-gift .count .cell{min-width:64px;padding:var(--sp-14) var(--sp-6) var(--sp-10)}
  #samda-gift .count .cell.dd{min-width:78px}
  #samda-gift .count b{font-size:var(--fz-32)}
  #samda-gift .count .cell.dd b{font-size:var(--fz-40)}
  #samda-gift .count span{margin-top:var(--sp-6);font-size:var(--fz-15);letter-spacing:.1em}
}
#samda-gift .count-label{margin-top:var(--sp-14);font-size:clamp(var(--fz-17),1.3vw,var(--fz-19));color:var(--fog-dim);font-weight:700}
#samda-gift .s8-duo{max-width:var(--shell);margin-inline:auto;display:grid;
  grid-template-columns:1fr;gap:clamp(var(--sp-30),3.4vw,var(--sp-56));align-items:start}
#samda-gift .s8-stages{min-width:0}
@media(max-width:1180px){#samda-gift .s8{--s8-cols:1fr}}
/* 지금 단계 박스만 보여준다 - 지난 단계·다음 단계는 자리만 먹는다 (소유자 지시 2026-08-26) */
#samda-gift .scheme{display:grid;grid-template-columns:minmax(0,560px);justify-content:center;
  gap:clamp(var(--sp-14),1.6vw,var(--sp-24));max-width:none;margin:clamp(var(--sp-34),4.4vh,58px) auto 0;text-align:left;align-items:end}
#samda-gift .scheme .stage:not(.now){display:none}
@media(max-width:640px){#samda-gift .scheme{grid-template-columns:1fr;align-items:stretch}}
#samda-gift .stage{position:relative;border-radius:var(--r-10);padding:var(--sp-22) var(--sp-22) var(--sp-18);border:1px solid rgba(246,243,236,.12);text-align:center;
  background:rgba(246,243,236,.03)}
#samda-gift .stage.now{border-color:var(--at);background:linear-gradient(160deg,rgba(183,158,97,.15),rgba(183,158,97,.04));
  box-shadow:0 0 50px rgba(183,158,97,.12);padding:var(--sp-30) var(--sp-26) var(--sp-24)}
#samda-gift .stage .st-name{font-size:var(--fz-17-5);font-weight:800;color:var(--fog-dim);letter-spacing:.06em}
#samda-gift .stage.now .st-name{color:var(--at-soft)}
#samda-gift .stage .st-when{margin-top:var(--sp-6);font-size:var(--fz-16-5);font-weight:700;color:var(--fog-mute);letter-spacing:.01em}
#samda-gift .stage.now .st-when{color:var(--at-soft)}
#samda-gift .stage .st-disc{margin-top:var(--sp-8);font-weight:900;color:var(--fog-dim)}
#samda-gift .stage.now .st-disc{color:var(--at-soft);font-size:44px}
#samda-gift .scheme .stage:nth-child(2){opacity:.85}
#samda-gift .scheme .stage:nth-child(2) .st-disc{font-size:var(--fz-30)}
#samda-gift .scheme .stage:nth-child(3){opacity:.6}
#samda-gift .scheme .stage:nth-child(3) .st-disc{font-size:var(--fz-24)}
#samda-gift .stage .st-bar{margin-top:var(--sp-12);height:6px;border-radius:var(--r-3);background:rgba(246,243,236,.1);overflow:clip}
#samda-gift .stage .st-bar i{display:block;height:100%;background:rgba(246,243,236,.32)}
#samda-gift .stage.now .st-bar i{background:linear-gradient(90deg,var(--at-deep),var(--at-soft))}
#samda-gift .stage .st-note{margin-top:var(--sp-10);font-size:var(--fz-16);color:var(--fog-mute);font-weight:600}
#samda-gift .stage.now .st-note{color:var(--at-soft)}
#samda-gift .stage .st-late{display:inline-block;margin-left:8px;font-style:normal;font-size:var(--fz-15);font-weight:900;
  letter-spacing:.08em;color:#E4A9B0;border:1px solid rgba(228,169,176,.45);
  padding:2px var(--sp-8);border-radius:2px;vertical-align:1px}
#samda-gift .stage .st-now-badge{position:absolute;top:-11px;right:var(--sp-14);font-size:var(--fz-15);font-weight:900;
  letter-spacing:.14em;color:#171307;background:var(--at);padding:var(--sp-4) var(--sp-12);border-radius:var(--r-999)}
#samda-gift .scheme-note{margin-top:var(--sp-16);font-size:var(--fz-17-5);color:var(--fog-dim);font-weight:600}
#samda-gift .cal-wrap{width:100%;max-width:none;margin:0 auto;text-align:left;border-radius:var(--r-14);
  border:1px solid rgba(216,201,163,.22);background:rgba(246,243,236,.03);
  padding:clamp(var(--sp-24),3vw,var(--sp-40))}
#samda-gift .cal-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--sp-10)}
#samda-gift .cal-head h3{font-weight:900;font-size:clamp(var(--fz-22),1.9vw,var(--fz-26));color:var(--fog)}
#samda-gift .cal-head .cal-chip{font-size:var(--fz-16);font-weight:800;color:var(--at-soft);
  border:1px solid rgba(216,201,163,.4);padding:var(--sp-7) var(--sp-14);border-radius:var(--r-999)}
#samda-gift .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-12);margin:var(--sp-28) auto 0;
  width:100%;max-width:1240px}
#samda-gift .cal{grid-template-columns:repeat(7,minmax(0,1fr))}
#samda-gift .cal .dow{font-size:var(--fz-18);font-weight:800;color:var(--fog-mute);text-align:center;padding:var(--sp-10) 0;letter-spacing:.1em}
#samda-gift .cal .day{aspect-ratio:1.55;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--sp-4);border-radius:var(--r-10);line-height:1.15;
  font-size:clamp(var(--fz-22),1.7vw,var(--fz-30));font-weight:800;color:var(--fog-dim);
  background:rgba(246,243,236,.025);position:relative}
/* 라벨 자리를 모든 칸이 똑같이 비워 둔다 - 안 그러면 라벨 있는 줄만 높아지거나 잘린다 */
#samda-gift .cal .day::after{content:"";display:block;height:var(--sz-16);font-size:var(--fz-16);font-weight:900;line-height:16px}
#samda-gift .cal .day.mute{opacity:.25}
/* 사전예약 구간 (~9/4) */
#samda-gift .cal .day.pre{background:rgba(183,158,97,.16);color:#EADFC4;border:1px solid rgba(183,158,97,.34)}
/* 주문 마감 - 이 달력의 주인공 */
#samda-gift .cal .day.deadline{background:var(--crimson);color:#fff;border:2px solid #E4A9B0;
  font-size:clamp(var(--fz-28),2.2vw,var(--fz-40));font-weight:900;letter-spacing:-.02em;padding-top:var(--sp-20)}
#samda-gift .cal .day.deadline::after{content:"주문 마감";font-size:var(--fz-17);font-weight:900;line-height:1;color:#FFE7EA}
/* 주문 마감 이후 (9/22~28) - 회색으로 죽인다. 라벨은 붙이지 않는다 */
#samda-gift .cal .day.stop{background:transparent;border:1px solid transparent;color:rgba(152,145,127,.45)}
/* 추석은 표시만 한다 - 강조 대상이 아니다 */
#samda-gift .cal .day.chuseok{color:#C98A8A}
#samda-gift .cal .day.chuseok::after{content:"추석";font-size:var(--fz-16);font-weight:800;line-height:1;color:#C98A8A}
/* ── 구간 막대 - 칸 위쪽에 얇게. 줄이 바뀌면 자연스럽게 끊긴다 ── */
#samda-gift .cal .day.band::before{content:"";position:absolute;top:var(--sp-10);left:0;right:0;height:var(--sz-5);
  background:currentColor;opacity:.85}
#samda-gift .cal .day.band-join::before{left:-12px}
#samda-gift .cal .day.band-start::before{border-radius:var(--r-3) 0 0 var(--r-3)}
#samda-gift .cal .day.band-end::before{border-radius:0 var(--r-3) var(--r-3) 0}
#samda-gift .cal .day.band-start.band-end::before{border-radius:var(--r-3)}
#samda-gift .cal .day.bp{--band:#B79E61}
#samda-gift .cal .day.bo{--band:rgba(246,243,236,.3)}
#samda-gift .cal .day.bl{--band:#A93544}
#samda-gift .cal .day.bs{--band:rgba(246,243,236,.16)}
#samda-gift .cal .day.br{--band:#6E9B7B}
#samda-gift .cal .day.band::before{background:var(--band)}
#samda-gift .band-label{position:absolute;top:var(--sp-20);left:1px;font-size:var(--fz-15);font-weight:800;
  white-space:nowrap;color:var(--fog-dim);pointer-events:none;letter-spacing:.01em}
#samda-gift .cal .day.bp .band-label{color:#D8C9A3}
#samda-gift .cal .day.br .band-label{color:#9EC4AB}
#samda-gift .cal .day.bl .band-label{color:#E4A9B0}
#samda-gift .band-label-end{left:auto;right:1px}
/* 막대와 라벨 자리를 칸 위에 비워 둔다 */
#samda-gift .cal .day{padding-top:38px}
/* 요일 색 - 일요일 적, 토요일 청 (국내 관용) */
#samda-gift .cal .dow.sun,#samda-gift .cal .day.sun{color:#C97A7A}
#samda-gift .cal .dow.sat,#samda-gift .cal .day.sat{color:#7FA8C9}
/* 마감·중단은 뜻이 우선이라 요일 색을 덮는다 */
#samda-gift .cal .day.deadline.sun,#samda-gift .cal .day.deadline.sat{color:#fff}
#samda-gift .cal .day.stop.sun,#samda-gift .cal .day.stop.sat{color:rgba(152,145,127,.45)}
#samda-gift .cal .day.chuseok.sun,#samda-gift .cal .day.chuseok.sat{color:#C98A8A}
/* 오늘 */
#samda-gift .cal .day.today{border:2px solid var(--fog);color:var(--fog)}
#samda-gift .cal .day.today::after{content:"오늘";font-size:var(--fz-16);font-weight:900;line-height:1;color:var(--fog)}
/* 달이 바뀌는 칸 */
#samda-gift .cal .day.m-sep::after{content:"9월";font-size:var(--fz-16);font-weight:900;line-height:1;color:#D8C9A3}
/* 순차 출고 재개 (9/29~) */
#samda-gift .cal .day.resume{background:rgba(110,155,123,.13);color:#BFD6C6;border:1px solid rgba(110,155,123,.34)}
/* ── 일정 구간을 이미지로 갈아끼우는 자리 ──
   담당자가 config 에 PC·모바일 이미지 경로만 넣으면 달력·안내 블록 대신 그 이미지가 나온다 */
#samda-gift .sched-img{display:block;width:100%}
#samda-gift .sched-img img{display:block;width:100%;height:auto;border-radius:var(--r-12)}
#samda-gift [hidden]{display:none}
/* ── 배송 안내 - 상자를 겹치지 않는다. 활자와 가로선으로만 ── */
/* 달력이 이미 같은 내용을 보여준다. 달력을 숨기는 모바일에서만 쓴다 */
#samda-gift .notice{display:none;margin-top:clamp(var(--sp-24),3vw,var(--sp-36));padding-top:var(--sp-22);border-top:1px solid rgba(246,243,236,.14)}
#samda-gift .notice-head{font-size:var(--fz-17);font-weight:800;letter-spacing:.14em;color:var(--fog-mute);margin-bottom:6px}
#samda-gift .notice-list>div{display:flex;align-items:baseline;gap:clamp(var(--sp-14),2vw,var(--sp-28));
  padding:var(--sp-14) 0;border-bottom:1px solid rgba(246,243,236,.08)}
#samda-gift .notice-list dt{flex:0 0 auto;min-width:9.5em;font-size:var(--fz-19);font-weight:700;color:var(--fog-dim)}
#samda-gift .notice-list dd{font-size:var(--fz-20);font-weight:800;color:var(--fog)}
#samda-gift .notice-list .is-key dt{color:var(--at-soft)}
#samda-gift .notice-list .is-key dd{color:var(--at-soft);font-size:var(--fz-22)}
#samda-gift .notice-foot{margin-top:var(--sp-16);font-size:var(--fz-17);color:var(--fog-mute);font-weight:500;line-height:1.7}
#samda-gift .notice-foot b{color:var(--fog-dim);font-weight:800}
@media(max-width:760px){
  #samda-gift .notice-list>div{display:grid;gap:2px;padding:var(--sp-16) 0}
  #samda-gift .notice-list dt{font-size:var(--fz-17)}
  #samda-gift .notice-list dd{font-size:var(--fz-21)}
  #samda-gift .notice-list .is-key dd{font-size:var(--fz-23)}
  #samda-gift .notice-foot{font-size:var(--fz-17)}
}

#samda-gift .cal-note{margin-top:var(--sp-14);font-size:var(--fz-16-5);color:var(--fog-mute);line-height:1.75;font-weight:500}
#samda-gift .cal-note b{color:var(--fog);font-weight:800}
#samda-gift .cta-hero{position:relative;overflow:clip;font-size:clamp(var(--fz-20),1.7vw,var(--fz-24));font-weight:900;
  padding:clamp(var(--sp-20),2vw,var(--sp-26)) clamp(var(--sp-44),4.6vw,var(--sp-72));border-radius:var(--r-4);letter-spacing:.02em;
  background:var(--at);color:#171307;
  transition:transform .35s var(--ease-lux),background .35s var(--ease-lux)}
#samda-gift .cta-hero:hover{transform:translateY(-2px) scale(1.02);background:var(--at-soft)}
#samda-gift .s8-badges{display:flex;gap:var(--sp-12);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-34)}
#samda-gift .badge{font-size:var(--fz-17);font-weight:700;color:var(--at-soft);border:1px solid rgba(216,201,163,.32);
  padding:var(--sp-10) var(--sp-20);border-radius:var(--r-999);letter-spacing:.04em}

/* ======= S9 · 제주의 기억 (푸터) ======= */
#samda-gift .memory{position:relative;height:150svh}
#samda-gift .memory-sticky{position:sticky;top:0;height:100svh;overflow:clip;display:grid;place-items:center}
#samda-gift .memory-sticky video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(.85) brightness(.85)}
#samda-gift .memory-sticky::after{content:"";position:absolute;inset:0;
  background:radial-gradient(80% 65% at 50% 50%,rgba(11,10,8,.25) 0%,rgba(11,10,8,.85) 100%)}
#samda-gift .memory-copy{position:relative;z-index:2;text-align:center;padding:0 var(--sp-24)}
#samda-gift .memory-copy .m-kicker{font-size:var(--fz-16);font-weight:700;letter-spacing:.32em;color:var(--at-soft);margin-bottom:var(--sp-24)}
#samda-gift .memory-copy h2{font-family:var(--serif);font-weight:600;font-size:clamp(var(--fz-30),4.8vw,var(--fz-62));
  line-height:1.45;color:var(--fog);text-wrap:balance;text-shadow:0 2px 40px rgba(0,0,0,.6)}
#samda-gift .memory-copy p{margin-top:var(--sp-22);font-size:clamp(var(--fz-18),1.6vw,var(--fz-21));color:var(--fog-dim);font-weight:500}
#samda-gift .footer{position:relative;z-index:3;background:var(--ink);border-top:1px solid rgba(216,201,163,.14);
  padding:var(--sp-52) clamp(var(--sp-20),5vw,var(--sp-72)) var(--sp-120);display:flex;flex-wrap:wrap;gap:var(--sp-24) var(--sp-56);
  justify-content:space-between;align-items:flex-start}
/* 플로팅 버튼이 푸터 글자를 덮지 않게 우측 자리를 비운다 */
#samda-gift .footer{padding-right:clamp(var(--sp-20),7vw,var(--sp-120))}
#samda-gift .footer .f-brand img{height:var(--sz-32);background:#F6F3EC;padding:var(--sp-5) var(--sp-10);border-radius:var(--r-4)}
#samda-gift .footer .f-brand small{display:block;margin-top:var(--sp-10);font-size:var(--fz-15);letter-spacing:.2em;color:var(--at-soft)}
#samda-gift .footer p{font-size:var(--fz-15-5);color:var(--fog-mute);line-height:2}
#samda-gift .footer .f-links{display:flex;gap:var(--sp-22)}
#samda-gift .footer .f-links a{font-size:var(--fz-16);font-weight:600;color:var(--fog-dim);border-bottom:1px solid rgba(152,145,127,.3)}

/* ======= 플로팅 ======= */
#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;transform:translateY(-2px)}
#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 .flap,#samda-gift .s0-center,#samda-gift .s0-hint{display:none}
  #samda-gift .s0-copy,#samda-gift .s0-side,#samda-gift .scroll-cue,#samda-gift .replay{opacity:1}
  #samda-gift .s0-title .w>span{transform:none}
  #samda-gift .js .s2-line,#samda-gift .js [data-rv]{opacity:1;transform:none}
  #samda-gift .cta-hero::after{animation:none}
  #samda-gift .count .cell.dd{animation:none}
  #samda-gift .memory{height:auto}
}
/* 모바일에서는 7열 격자를 쓰지 않는다 - 칸이 40px 밑으로 내려가 노안 고객이 읽지 못한다.
   같은 정보를 아래 「배송·행사 안내」 목록으로만 보여준다 */
@media(max-width:760px){
  #samda-gift .cal{display:none}
  #samda-gift .notice{display:block}
  #samda-gift .cal-wrap{padding:var(--sp-20) var(--sp-16)}
  #samda-gift .cal-head{flex-direction:column;align-items:flex-start;gap:var(--sp-12)}
}

/* ---- main-20-fix20260829.css ---- */
/* 2026-08-29 PM 피드백 B-1 · C - 모바일에서만 적용. PC 는 그대로 둔다.
   문서 맨 끝에 두어야 위쪽 인라인 스타일을 이긴다(동일 특정도는 나중 것이 이긴다). */
@media(max-width:720px){
  /* 상세 패널이 열려도 담기바가 보이게 되어 패널 밑을 그만큼 비운다 */
  .sdd{padding-bottom:var(--sdbar-h,0px);box-sizing:border-box}
}

/* 2026-08-29 A 완화 - 아이폰 사파리 탭 종료(「페이지를 열 수 없음」) 대책.
   backdrop-filter 는 요소마다 실시간 배경 스냅샷을 떠서 메모리를 크게 먹는다.
   수산관 라인업 카드에만 40장 가까이 붙어 있었다. 모바일에서는 전부 끄고
   배경 불투명도를 올려 가독성을 지킨다. PC 는 그대로 유리 느낌을 유지한다. */
@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)}
}


/* CTA 순서 - 공통 CSS 탭의 .rec-ctas-3 order 를 여기서 뒤집는다
   (CSS 탭을 안 건드리려고 html 접두어로 특정도를 올렸다. PM 2026-09-04) */
html #samda-gift .rec-ctas-3{gap:var(--sp-10)}
html #samda-gift .rec-ctas-3 .ggo{order:1;flex:1 1 0;margin:0;opacity:1}
html #samda-gift .rec-ctas-3 .sd-add{order:2;flex:1 1 0;margin:0}
html #samda-gift .rec-ctas-3 .sdd-open-btn{order:3;flex:1 1 0;margin:0}
/* 「세트보기」 하단 테두리가 공통 CSS 의 border-bottom:0 !important 로 잘려 있었다 */
html #samda-gift .rec-ctas .ggo{border-bottom:1px solid var(--rc);padding-bottom:0}
html #samda-gift .rec-ctas .ggo:hover{border-color:var(--rc)}
/* 컨시어지 결과 활자 - 크기는 활자 토큰(--fs-*)에서 오고, 여기엔 PM 이 지시한 증감만 적는다
   (상품명 +3px · 그 아래 문구 +2px · 금액 +2px. PM 2026-09-04) */
html #samda-gift .rec-card .rec-name{font-size:calc(var(--fs-h2) + var(--fz-3))}
html #samda-gift .rec-card .rec-set{font-size:calc(var(--fs-s2) + 2px)}
html #samda-gift .rec-card .sd-p3 .sd-pc b{font-size:calc(var(--fs-p1) + 2px)}
html #samda-gift .rec-card .sd-p3 .sd-pc s{font-size:calc(var(--fs-p3) + 2px)}
html #samda-gift .rec-card .rec-ctas>*{font-size:var(--fs-s2)}
/* 썸네일 우상단 할인 배지 - 기존 .sdp-off 하나만 쓰고 컨시어지 카드에서만 크게 키운다
   (배지를 새로 만들면 두 개가 겹친다. PM 2026-09-04) */
html #samda-gift .rec-card .rec-image .sdp-off{top:14px;right:var(--sp-14);
  font-family:inherit;font-size:calc(var(--fs-p3) + 2px);line-height:1;letter-spacing:-.01em;
  padding:var(--sp-9) var(--sp-15);border-radius:var(--r-999);background:var(--rc);border-color:var(--rc);color:#fff}
/* CTA 세 개는 같은 톤 - 세트보기만 관색 테두리라 위계가 뒤집혀 보였다 */
html #samda-gift .rec-card .ggo{border-color:rgba(246,243,236,.26)}
html #samda-gift .rec-ctas .ggo{border-bottom-color:rgba(246,243,236,.26)}
html #samda-gift .rec-card .ggo:hover{background:var(--rc);border-color:var(--rc);color:#fff}
html #samda-gift .rec-ctas .ggo:hover{border-bottom-color:var(--rc)}
/* 좁은 폭에서 세 버튼이 균등분할되며 「세트보기」가 두 줄로 깨졌다(390px 실측) */
html #samda-gift .rec-card .rec-ctas>*{white-space:nowrap}
@media(max-width:560px){
  html #samda-gift .rec-card .rec-ctas{gap:var(--sp-8)}
  html #samda-gift .rec-card .rec-ctas>*{font-size:var(--fs-s3);padding-left:6px;padding-right:6px}
}
/* 히어로(.s0)는 100svh 인데 #samda-gift 의 상단 패딩만큼 아래에서 시작해 화면 밖으로 넘친다.
   그 하단에 붙은 스크롤 안내가 화면 경계에서 반쯤 잘려 보였다(담기바를 접자 드러남, PM 2026-09-04).
   히어로 높이는 건드리지 않고 안내만 그 패딩만큼 올린다. 값은 CSS 탭의 padding-top 과 같은 곳에서 온다. */
html #samda-gift{--sd-navpad:70px}
@media(max-width:720px){html #samda-gift{--sd-navpad:58px}}
html #samda-gift .scroll-cue{bottom:calc(var(--sp-26) + var(--sd-navpad))}
/* 0건 화면 - 상자를 겹치지 않고 활자와 버튼으로만(PM 2026-09-04) */
html #samda-gift .rec-empty{grid-column:1/-1;text-align:center;padding:clamp(var(--sp-28),4vh,var(--sp-52)) 0}
html #samda-gift .rec-empty-t{font-size:calc(var(--fs-h2) + var(--fz-3));color:var(--fog)}
html #samda-gift .rec-empty-s{margin-top:var(--sp-12);font-size:calc(var(--fs-s2) + 2px);color:var(--fog-mute)}
html #samda-gift .rec-alts{margin-top:clamp(var(--sp-20),2.4vh,var(--sp-30));display:flex;justify-content:center;gap:var(--sp-10);flex-wrap:wrap}
html #samda-gift .rec-alt{display:inline-flex;align-items:center;gap:var(--sp-9);min-height:var(--sz-52);padding:0 var(--sp-22);border-radius:var(--r-8);border:1px solid rgba(246,243,236,.26);background:transparent;color:var(--fog);font-family:inherit;font-size:var(--fs-s2);cursor:pointer;transition:background .3s,border-color .3s}
html #samda-gift .rec-alt:hover{border-color:var(--at);background:rgba(183,158,97,.14)}
html #samda-gift .rec-alt b{color:var(--at-soft);font-weight:400}
/* 0건 화면의 전체선물 배너 - 칩 3개를 대신한다(PM 2026-09-04) */
html #samda-gift .rec-all{display:flex;align-items:center;justify-content:center;gap:var(--sp-14);
  margin:clamp(var(--sp-22),2.6vh,var(--sp-34)) auto 0;max-width:640px;min-height:64px;
  padding:0 clamp(var(--sp-22),2.4vw,var(--sp-34));border-radius:var(--r-12);text-decoration:none;
  background:rgba(183,158,97,.1);border:1px solid rgba(216,201,163,.34);
  color:var(--fog);font-size:calc(var(--fs-s2) + 2px);
  transition:background .3s,border-color .3s}
html #samda-gift a.rec-all:hover{background:rgba(183,158,97,.2);border-color:var(--at)}
html #samda-gift .rec-all-i{width:8px;height:8px;border-right:1.5px solid var(--at-soft);
  border-top:1.5px solid var(--at-soft);transform:rotate(45deg);flex:0 0 auto}

/* ======= 라이트 톤 3섹션 (PM 시안 팔레트, 2026-09-04) =======
   배경·글자는 시안 값 그대로, 액센트만 기존 골드의 진한 톤을 써서 브랜드를 잇는다. */
html #samda-gift{--lt-paper:#FAF7F0;--lt-paper2:#F5F1E8;--lt-paper3:#F0EBE0;
  --lt-card:#FFFFFF;--lt-ink:#171817;--lt-ink2:#4F524D;--lt-ink3:#666963;
  --lt-line:#C8C0B3;--lt-acc:#8C7746}
html #samda-gift .s5b{background:var(--lt-paper)}
html #samda-gift .s6{background:var(--lt-paper2)}
html #samda-gift .hband{background:var(--lt-paper3)}
html #samda-gift .hband::before{filter:none;opacity:.07}
html #samda-gift .s5b .sec-head,html #samda-gift .s6 .sec-head,
html #samda-gift .s6 .b2b-side h3,html #samda-gift .hband h3,
html #samda-gift .scard h4,html #samda-gift .s6 .b2b-item h4,
html #samda-gift .hstep b{color:var(--lt-ink)}
html #samda-gift .s5b .sec-head em,html #samda-gift .s6 .sec-head em,
html #samda-gift .hband h3 em,html #samda-gift .s6 .b2b-side h3 em{color:var(--lt-acc)}
html #samda-gift .s5b .sec-lead,html #samda-gift .s5b .scard p,
html #samda-gift .s6 p,html #samda-gift .hband p,
html #samda-gift .hstep p{color:var(--lt-ink2)}
html #samda-gift .s5b .kicker,html #samda-gift .s6 .kicker,
html #samda-gift .hband .kicker,html #samda-gift .s6 .b2b-item .no,
html #samda-gift .hstep .no{color:var(--lt-acc)}
html #samda-gift .s5b .kicker::before,html #samda-gift .s6 .kicker::before,
html #samda-gift .hband .kicker::before{background:var(--lt-acc)}
html #samda-gift .scard{background:var(--lt-card);border:1px solid var(--lt-line);
  border-top:1px solid var(--lt-line);box-shadow:0 10px 30px rgba(23,24,23,.06)}
html #samda-gift .scard .sc-num{color:var(--lt-line)}
html #samda-gift .s6 .b2b-item{border-color:var(--lt-line)}
html #samda-gift .s6 .b2b-side{background:var(--lt-card);border:1px solid var(--lt-line)}
html #samda-gift .s6 .b2b-hours{color:var(--lt-ink3)}
html #samda-gift .s6 .btn-line{border-color:var(--lt-line);color:var(--lt-ink)}
html #samda-gift .s6 .btn-line:hover{border-color:var(--lt-acc);background:rgba(140,119,70,.08)}
html #samda-gift .hband .hstep{border-color:var(--lt-line)}
/* 모델 - 원본이 아래에서 이미 잘려 있다. 페이드로 「사라지게」 처리한다 */
html #samda-gift .svc-left figure img{
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
  filter:none}
/* 아이콘 - Lucide 정본. 이모지 금지 */
html #samda-gift .ic{width:var(--sz-26);height:var(--sz-26);flex:0 0 auto;display:block;color:var(--lt-acc)}
html #samda-gift .scard h4{display:flex;align-items:center;gap:var(--sp-12)}
html #samda-gift .b2b-ch .btn-line{display:inline-flex;align-items:center;gap:var(--sp-9)}
html #samda-gift .b2b-ch .ic{width:var(--sz-19);height:19px;color:currentColor}

/* 기업·단체(.s6) · 정직한 약속(.hband) 라이트 보정 - 실제 클래스명으로 다시 잡는다.
   .hband::after 검정 그라데이션이 덮고 있어 배경만 바꿔선 안 밝아졌다(2026-09-04 육안 확인). */
html #samda-gift .s6{background:var(--lt-paper2)}
html #samda-gift .hband::after{background:linear-gradient(180deg,var(--lt-paper3) 0%,
  rgba(240,235,224,.82) 24%,rgba(240,235,224,.82) 76%,var(--lt-paper3) 100%)}
html #samda-gift .hband::before{filter:none;opacity:.08}
html #samda-gift .b2b-list,html #samda-gift .b2b-item{border-color:var(--lt-line)}
html #samda-gift .b2b-side{background:var(--lt-card);border-color:var(--lt-line)}
html #samda-gift .b2b-side>p,html #samda-gift .b2b-item p{color:var(--lt-ink2)}
html #samda-gift .b2b-side .hours{color:var(--lt-ink3)}
html #samda-gift .s6 .btn-line{border-color:var(--lt-line);color:var(--lt-ink)}
html #samda-gift .s6 .btn-line:hover{border-color:var(--lt-acc);background:rgba(140,119,70,.08)}
html #samda-gift .b2b-quote{background:var(--lt-acc);color:#FFFFFF;border-color:var(--lt-acc)}
html #samda-gift .hsteps::before{background:var(--lt-line)}
html #samda-gift .hstep .ring{border-color:var(--lt-acc);background:var(--lt-card);color:var(--lt-acc)}
html #samda-gift .hstep b{color:var(--lt-ink)}
html #samda-gift .hstep p{color:var(--lt-ink2)}
html #samda-gift .hband h3 em{color:var(--lt-acc)}
/* .b2b 가 어두운 그라데이션을 덮고 있었다(육안+computed 확인 2026-09-04) */
html #samda-gift .b2b{background:none}
html #samda-gift .s6 .sec-head,html #samda-gift .s6 h2{color:var(--lt-ink)}
html #samda-gift .s6 .sec-lead{color:var(--lt-ink2)}
/* 대표 선물 CTA - 버튼 3개를 한 줄에 균등 배치하고 가운데로 모은다(PM 2026-09-04).
   기존에는 flex-wrap 으로 세 번째 버튼이 아래로 떨어지고 우측 여백이 비었다. */
html #samda-gift .sig-ctas{display:flex;flex-wrap:nowrap;justify-content:center;
  align-items:stretch;gap:var(--sp-10)}
html #samda-gift .sig-ctas>*{flex:1 1 0;min-width:0;justify-content:center;text-align:center;
  white-space:nowrap;padding-left:10px;padding-right:10px;font-size:var(--fs-s2)}
@media(max-width:560px){html #samda-gift .sig-ctas{gap:var(--sp-8)}
  html #samda-gift .sig-ctas>*{font-size:var(--fs-s3);padding-left:6px;padding-right:6px}}
/* ======= D-0 「지금」 박스 리디자인 (PM 2026-09-04) =======
   할인율이 주인공이다. 「지금」 배지 → 큰 숫자 → 기간 → 한 줄 안내 순으로 위계를 세운다.
   크기는 활자 토큰에서 온다(하드코딩 금지). 번쩍이는 효과는 넣지 않는다(§3-11). */
html #samda-gift .stage.now{padding:clamp(var(--sp-30),3.4vw,var(--sp-44)) clamp(var(--sp-24),3vw,var(--sp-40)) clamp(var(--sp-26),3vw,var(--sp-34));
  border:1px solid var(--at);border-radius:var(--r-14);
  background:linear-gradient(160deg,rgba(183,158,97,.16),rgba(183,158,97,.05));box-shadow:none}
html #samda-gift .stage.now .st-now-badge{position:static;display:inline-block;margin:0 0 var(--sp-14);
  font-size:var(--fs-s3);letter-spacing:.16em;padding:var(--sp-6) var(--sp-14)}
html #samda-gift .stage.now .st-disc{margin:0;order:-1;
  font-size:clamp(var(--fz-52),6vw,var(--fz-96));line-height:1;letter-spacing:-.035em;color:var(--at-soft)}
html #samda-gift .stage.now .st-when{margin-top:var(--sp-14);font-size:var(--fs-s1);color:var(--fog-dim)}
html #samda-gift .stage.now .st-bar{margin-top:var(--sp-18);height:4px;border-radius:2px}
html #samda-gift .stage.now .st-note{margin-top:var(--sp-14);font-size:var(--fs-s2);color:var(--at-soft)}
html #samda-gift .stage.now{display:flex;flex-direction:column;align-items:center;text-align:center}
html #samda-gift .stage.now .st-disc{order:1}
html #samda-gift .stage.now .st-now-badge{order:0}
html #samda-gift .stage.now .st-when{order:2}
html #samda-gift .stage.now .st-bar{order:3;width:min(320px,100%)}
html #samda-gift .stage.now .st-note{order:4}
html #samda-gift .stage.now .st-name{order:0;color:var(--at-soft);font-size:var(--fs-s3);letter-spacing:.16em}

/* ---- 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}

/* ---- main-40-bizp.css ---- */
html #samda-gift .bizp{display:none;margin:0 calc(50% - 50vw);width:100vw}
html #samda-gift.biz-on .bizp{display:block}

#samda-gift .bizp{
  --ic-stroke:1.25; --ic-stroke-ui:1.6;
  --g-deep:#0E211F; --g-1:#162C29; --g-2:#26433E; --g-3:#132B2B;
  --c-1:#F1E9DC; --c-2:#EDE4D5; --c-3:#E3D6C3; --c-panel:#F8F3EA;
  --ink:#141614; --ink-2:#5E5A50; --ink-3:#8B877D; --ink-4:#B3ADA0;
  --cream:#F5EEE3; --cream-2:#B8C0C0; --cream-3:#7E8A87;
  --or:#EF8200; --or-lt:#F0A860; --or-deep:#B76300; --teal:#00BAB3;
  --line-d:rgba(245,238,227,.15); --line-l:rgba(20,22,20,.14);
  --shell:min(1700px,89.5vw);
  /* 활자 토큰 - 값은 전부 여기서만 고친다 */
  --lh-title:1.06; --lh-lead:1.36; --lh-body:1.50; --lh-desc:1.44;
  --ls-title:-.034em; --ls-sub:-.03em; --ls-body:-.016em; --ls-eyebrow:.14em;
  --fw-title:350; --fw-sub:500; --fw-body:400; --fw-eyebrow:700;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-rv:cubic-bezier(.42,.66,.26,1);
}
#samda-gift .bizp *{margin:0;padding:0;box-sizing:border-box}
html #samda-gift .bizp{scroll-behavior:auto}
body #samda-gift .bizp{font-family:'SUIT Variable','SUIT',-apple-system,'Malgun Gothic',sans-serif;
  background:var(--c-1);color:var(--ink);font-size:var(--fz-18);line-height:var(--lh-body);letter-spacing:var(--ls-body);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;font-weight:400}
#samda-gift .bizp img{display:block;max-width:100%;height:auto}
#samda-gift .bizp a{color:inherit;text-decoration:none}
#samda-gift .bizp button, #samda-gift .bizp input, #samda-gift .bizp textarea, #samda-gift .bizp select{font:inherit;color:inherit}
#samda-gift .bizp svg{display:block}

#samda-gift .bizp .band{padding:clamp(var(--sp-88),8.6vw,168px) 0;position:relative}
#samda-gift .bizp .wrap{width:var(--shell);margin:0 auto}
#samda-gift .bizp .grid>*, #samda-gift .bizp .cols>*, #samda-gift .bizp .care>*, #samda-gift .bizp .split>*, #samda-gift .bizp .sch>*, #samda-gift .bizp .q>*, #samda-gift .bizp .fg>*, #samda-gift .bizp .row>*, #samda-gift .bizp .sr>*, #samda-gift .bizp .mini-i>*, #samda-gift .bizp .tabs>*{min-width:0}
#samda-gift .bizp .chips, #samda-gift .bizp .sum dl, #samda-gift .bizp .sum dd{min-width:0}
#samda-gift .bizp .f input, #samda-gift .bizp .f textarea{width:100%;min-width:0}

#samda-gift .bizp .offset{display:grid;grid-template-columns:.4fr .6fr;gap:clamp(var(--sp-20),3vw,var(--sp-48));align-items:start}
@media(max-width:900px){#samda-gift .bizp .offset{grid-template-columns:1fr;gap:var(--sp-14)}}

#samda-gift .bizp .num{letter-spacing:normal;font-feature-settings:'tnum' 0}
#samda-gift .bizp .eyebrow{font-size:var(--fz-13-5);font-weight:var(--fw-eyebrow);letter-spacing:var(--ls-eyebrow);color:var(--ink);
  text-transform:uppercase;padding-top:.55em}
#samda-gift .bizp .on-dark .eyebrow{color:var(--cream)}
#samda-gift .bizp h1, #samda-gift .bizp h2{letter-spacing:var(--ls-title);line-height:var(--lh-title);font-weight:var(--fw-title);color:var(--ink)}
#samda-gift .bizp .on-dark h1, #samda-gift .bizp .on-dark h2{color:var(--cream)}
#samda-gift .bizp h1{font-size:clamp(var(--fz-38),4.8vw,var(--fz-96))}
/* 기업·단체 히어로 타이틀은 전체선물 히어로와 같은 토큰을 쓴다(PM 2026-09-04) */
#samda-gift .bizp .hero h1{font-size:var(--hero-fs) !important;letter-spacing:var(--hero-ls);line-height:var(--hero-lh);font-weight:var(--hero-fw) !important}
#samda-gift .bizp h2{font-size:clamp(var(--fz-29),3.6vw,74px)}
#samda-gift .bizp .lead{margin-top:var(--sp-24);font-size:clamp(var(--fz-16-5),1.24vw,var(--fz-23));color:var(--ink-2);
  line-height:var(--lh-lead);letter-spacing:var(--ls-body);max-width:31em;font-weight:var(--fw-body)}
#samda-gift .bizp .on-dark .lead{color:var(--cream-2)}
#samda-gift .bizp .on-dark{background:var(--g-1);color:var(--cream)}

#samda-gift .bizp /* 영역: 통째로 32px 올라온다 */
[data-rv]{opacity:0;transform:translateY(52px);
  transition:opacity 1.15s var(--ease-rv),transform 1.15s var(--ease-rv)}
#samda-gift .bizp [data-rv].in{opacity:1;transform:none}

#samda-gift .bizp /* 큰 제목: 줄 단위 마스크 슬라이드 - 페이드가 아니라 자기 줄 높이만큼 밀려 올라온다 */
.ln{display:block;overflow:hidden;padding:.06em 0 .14em;margin:-.06em 0 -.14em}
#samda-gift .bizp .ln>i{display:block;font-style:normal;transform:translateY(110%);
  transition:transform 1.2s var(--ease-rv)}
#samda-gift .bizp [data-rv].in .ln>i{transform:none}
#samda-gift .bizp .ln:nth-child(2)>i{transition-delay:.11s}
#samda-gift .bizp .ln:nth-child(3)>i{transition-delay:.22s}
#samda-gift .bizp .ln:nth-child(4)>i{transition-delay:.33s}

#samda-gift .bizp /* 목록 항목: 페이드 없이 살짝 밀려 올라오며 시차 */
[data-rv] .cell, #samda-gift .bizp [data-rv] .row, #samda-gift .bizp [data-rv] .mini-i, #samda-gift .bizp [data-rv] .sr, #samda-gift .bizp [data-rv] .step{
  transform:translateY(30px);transition:transform 1.1s var(--ease-rv)}
#samda-gift .bizp [data-rv].in .cell, #samda-gift .bizp [data-rv].in .row, #samda-gift .bizp [data-rv].in .mini-i, #samda-gift .bizp [data-rv].in .sr, #samda-gift .bizp [data-rv].in .step{transform:none}
#samda-gift .bizp [data-rv] .cell:nth-child(2), #samda-gift .bizp [data-rv] .row:nth-child(2), #samda-gift .bizp [data-rv] .mini-i:nth-child(2), #samda-gift .bizp [data-rv] .sr:nth-child(2), #samda-gift .bizp [data-rv] .step:nth-child(2){transition-delay:.07s}
#samda-gift .bizp [data-rv] .cell:nth-child(3), #samda-gift .bizp [data-rv] .row:nth-child(3), #samda-gift .bizp [data-rv] .mini-i:nth-child(3), #samda-gift .bizp [data-rv] .sr:nth-child(3), #samda-gift .bizp [data-rv] .step:nth-child(3){transition-delay:.14s}
#samda-gift .bizp [data-rv] .cell:nth-child(4), #samda-gift .bizp [data-rv] .row:nth-child(4), #samda-gift .bizp [data-rv] .mini-i:nth-child(4), #samda-gift .bizp [data-rv] .sr:nth-child(4), #samda-gift .bizp [data-rv] .step:nth-child(4){transition-delay:.21s}

#samda-gift .bizp /* 사진: 프레임은 고정, #samda-gift .bizp 안쪽만 흐른다 */
.frame{position:relative;overflow:hidden;width:100%;will-change:transform}
#samda-gift .bizp .frame img{position:absolute;inset:0;width:100%;height:112%;object-fit:cover;
  will-change:transform;transform:translate3d(0,-6%,0)}
@media(prefers-reduced-motion:reduce){
  #samda-gift .bizp [data-rv], #samda-gift .bizp [data-rv] .cell, #samda-gift .bizp [data-rv] .row, #samda-gift .bizp [data-rv] .mini-i, #samda-gift .bizp [data-rv] .sr, #samda-gift .bizp [data-rv] .step, #samda-gift .bizp .ln>i{opacity:1;transform:none;transition:none}
  #samda-gift .bizp .frame img{transform:translate3d(0,-6%,0)}
  #samda-gift .bizp .frame{transform:none}

}

#samda-gift .bizp .top{position:sticky;top:0;z-index:60;background:rgba(14,33,31,.94);
  backdrop-filter:saturate(1.2) blur(6px);color:var(--cream);border-bottom:1px solid var(--line-d)}
#samda-gift .bizp .top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
#samda-gift .bizp .top a{font-size:var(--fz-15-5);font-weight:500;color:var(--cream-2);transition:color .4s var(--ease);
  display:inline-flex;align-items:center;gap:var(--sp-9)}
#samda-gift .bizp .top a:hover{color:var(--or-lt)}
#samda-gift .bizp .top .brand{font-size:var(--fz-20);font-weight:800;letter-spacing:-.025em;color:var(--cream)}
#samda-gift .bizp .top .brand:hover{color:var(--cream)}
#samda-gift .bizp .top svg{width:var(--sz-15);height:var(--sz-15);stroke:currentColor;stroke-width:var(--ic-stroke-ui);fill:none;
  stroke-linecap:round;stroke-linejoin:round}

#samda-gift .bizp .hero{background:var(--g-1);color:var(--cream);overflow:hidden}
#samda-gift .bizp .hero .wrap{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(var(--sp-28),4.2vw,var(--sp-88));
  align-items:center;padding:clamp(76px,7vw,132px) 0 clamp(84px,7.4vw,140px)}
#samda-gift .bizp .hero .lead{max-width:29em}
#samda-gift .bizp .hl{margin-top:var(--sp-30);font-size:clamp(var(--fz-15-5),1.06vw,var(--fz-19));font-weight:600;color:var(--or-lt);
  display:flex;align-items:center;gap:var(--sp-12)}
#samda-gift .bizp .hl:before{content:"";width:var(--sz-26);height:1px;background:var(--or-lt);flex:none;opacity:.85}
#samda-gift .bizp .acts{display:flex;flex-wrap:wrap;gap:var(--sp-12);margin-top:var(--sp-38)}
#samda-gift .bizp .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-10);height:var(--sz-56);
  padding:0 var(--sp-28);border-radius:var(--r-999);font-size:var(--fz-16-5);font-weight:650;letter-spacing:-.012em;
  border:1px solid transparent;cursor:pointer;transition:background .42s var(--ease),
  color .42s var(--ease),border-color .42s var(--ease),transform .42s var(--ease)}
#samda-gift .bizp .btn svg{width:16px;height:var(--sz-16);stroke:currentColor;stroke-width:var(--ic-stroke-ui);fill:none;
  stroke-linecap:round;stroke-linejoin:round}
#samda-gift .bizp .btn-or{background:var(--or);color:#fff}
#samda-gift .bizp .btn-or:hover{background:#FF9314;transform:translateY(-2px)}
#samda-gift .bizp .btn-line{border-color:rgba(245,238,227,.3);color:var(--cream)}
#samda-gift .bizp .btn-line:hover{border-color:rgba(245,238,227,.75);background:rgba(245,238,227,.06)}
#samda-gift .bizp .btn-dark{background:var(--g-1);color:var(--cream)}
#samda-gift .bizp .btn-dark:hover{background:var(--g-2);transform:translateY(-2px)}
#samda-gift .bizp .btn-ghost{border-color:var(--line-l);color:var(--ink-2)}
#samda-gift .bizp .btn-ghost:hover{border-color:var(--ink-3)}
#samda-gift .bizp .btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}
#samda-gift .bizp .hero-fig{position:relative;width:100%;perspective:1000px;opacity:0;
  transform:translateY(34px);transition:opacity 1.3s var(--ease-rv) .1s,transform 1.3s var(--ease-rv) .1s}
html.hero-go #samda-gift .bizp .hero-fig{opacity:1;transform:none}
#samda-gift .bizp .hero-fig .frame{aspect-ratio:1/1.04}
#samda-gift .bizp .hero-cap{margin-top:var(--sp-16);font-size:var(--fz-13-5);color:var(--cream-3)}

#samda-gift .bizp .cols{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(var(--sp-48),4.6vw,var(--sp-84));
  border-top:1px solid var(--line-l)}
#samda-gift .bizp .on-dark .cols{border-top-color:var(--line-d)}
#samda-gift .bizp .cols.three{grid-template-columns:repeat(3,1fr)}
#samda-gift .bizp .cell{padding:var(--sp-38) var(--sp-40) 46px 0;border-right:1px solid var(--line-l)}
#samda-gift .bizp .on-dark .cell{border-right-color:var(--line-d)}
#samda-gift .bizp .cell:last-child{border-right:0;padding-right:0}
#samda-gift .bizp .cell+.cell{padding-left:40px}
#samda-gift .bizp .cell .tag{display:inline-block;font-size:var(--fz-12-5);font-weight:700;letter-spacing:.15em;
  color:var(--ink-4);text-transform:uppercase;margin-bottom:var(--sp-24)}
#samda-gift .bizp .on-dark .cell .tag{color:var(--cream-3)}
#samda-gift .bizp .cell svg{width:var(--sz-26);height:var(--sz-26);stroke:var(--ink);stroke-width:var(--ic-stroke);fill:none;
  stroke-linecap:round;stroke-linejoin:round;margin-bottom:var(--sp-26);opacity:.9}
#samda-gift .bizp .on-dark .cell svg{stroke:var(--cream)}
#samda-gift .bizp .cell h3{font-size:var(--fz-20);font-weight:var(--fw-sub);margin-bottom:10px;letter-spacing:var(--ls-sub);line-height:var(--lh-lead)}
#samda-gift .bizp .cell p{font-size:var(--fz-16);color:var(--ink-2);line-height:var(--lh-desc);letter-spacing:var(--ls-body)}
#samda-gift .bizp .on-dark .cell p{color:var(--cream-2)}

#samda-gift .bizp .care{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(var(--sp-28),4.4vw,84px);
  margin-top:clamp(var(--sp-48),4.6vw,var(--sp-84));align-items:start}
#samda-gift .bizp .care .frame{aspect-ratio:4/3.05}

#samda-gift .bizp .care-cap{margin-top:15px;font-size:var(--fz-13-5);color:var(--cream-3)}
#samda-gift .bizp .rows{border-top:1px solid var(--line-d)}
#samda-gift .bizp .row{display:grid;grid-template-columns:96px 1fr;gap:var(--sp-22);align-items:start;
  padding:var(--sp-30) 0;border-bottom:1px solid var(--line-d)}
#samda-gift .bizp .row:last-child{border-bottom:0}
#samda-gift .bizp .row .tag{font-size:var(--fz-12-5);font-weight:700;letter-spacing:.15em;color:var(--cream-3);
  text-transform:uppercase;padding-top:.45em}
#samda-gift .bizp .row h3{font-size:var(--fz-21);font-weight:var(--fw-sub);margin-bottom:8px;letter-spacing:var(--ls-sub);line-height:var(--lh-lead)}
#samda-gift .bizp .row p{font-size:var(--fz-16);color:var(--cream-2);line-height:var(--lh-desc);letter-spacing:var(--ls-body)}

#samda-gift .bizp .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--sp-28),4.4vw,var(--sp-88));align-items:start}
#samda-gift .bizp .mini{border-top:1px solid var(--line-l)}
#samda-gift .bizp .mini-i{display:grid;grid-template-columns:30px 1fr;gap:var(--sp-20);padding:27px 0;
  border-bottom:1px solid var(--line-l);align-items:start}
#samda-gift .bizp .mini-i:last-child{border-bottom:0}
#samda-gift .bizp .mini-i svg{width:21px;height:21px;stroke:var(--ink);stroke-width:var(--ic-stroke);fill:none;
  stroke-linecap:round;stroke-linejoin:round;margin-top:var(--sp-4);opacity:.85}
#samda-gift .bizp .mini-i b{display:block;font-size:var(--fz-18-5);font-weight:var(--fw-sub);margin-bottom:5px;letter-spacing:var(--ls-sub)}
#samda-gift .bizp .mini-i span{font-size:var(--fz-16);color:var(--ink-2);line-height:var(--lh-desc);letter-spacing:var(--ls-body);display:block}

#samda-gift .bizp .sch{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(var(--sp-28),4.4vw,var(--sp-88));align-items:start}
#samda-gift .bizp .sch-rows{border-top:1px solid var(--line-d)}
#samda-gift .bizp .sr{display:grid;grid-template-columns:18px 1fr auto;gap:var(--sp-20);align-items:center;
  padding:27px 0;border-bottom:1px solid var(--line-d)}
#samda-gift .bizp .sr:last-child{border-bottom:0}
#samda-gift .bizp .dot{width:7px;height:7px;border-radius:50%;background:rgba(245,238,227,.24);margin-left:5px}
#samda-gift .bizp .sr.now .dot{background:var(--or);box-shadow:0 0 0 5px rgba(239,130,0,.16)}
#samda-gift .bizp .sr .t{font-size:var(--fz-19-5);font-weight:450;letter-spacing:var(--ls-sub);color:var(--cream)}
#samda-gift .bizp .sr .d{font-size:var(--fz-17);font-weight:600;color:var(--cream-2);white-space:nowrap}
#samda-gift .bizp .sr.now .t, #samda-gift .bizp .sr.now .d{color:var(--or-lt)}
#samda-gift .bizp .now-tag{display:inline-block;margin-left:14px;padding:var(--sp-4) var(--sp-12);border-radius:var(--r-999);
  font-size:var(--fz-13);font-weight:700;color:var(--g-3);background:var(--teal)}
#samda-gift .bizp .sch-note{margin-top:var(--sp-22);font-size:var(--fz-17);color:var(--cream-2);line-height:var(--lh-lead);letter-spacing:var(--ls-body)}

#samda-gift .bizp .steps{margin-top:clamp(var(--sp-48),4.6vw,var(--sp-84));position:relative}
#samda-gift .bizp .steps:before{content:"";position:absolute;left:6px;top:16px;bottom:16px;width:1px;background:var(--line-l)}
#samda-gift .bizp .step{display:grid;grid-template-columns:13px 1fr;gap:var(--sp-30);align-items:start;padding:var(--sp-26) 0;position:relative}
#samda-gift .bizp .step .pip{width:13px;height:13px;border-radius:50%;background:var(--c-2);
  border:1px solid var(--ink-4);margin-top:9px;position:relative;z-index:1}
#samda-gift .bizp .step:first-child .pip{background:var(--or);border-color:var(--or)}
#samda-gift .bizp .step b{font-size:var(--fz-21);font-weight:var(--fw-sub);letter-spacing:var(--ls-sub);display:block;line-height:var(--lh-lead)}
#samda-gift .bizp .step span{display:block;font-size:var(--fz-16);color:var(--ink-2);margin-top:var(--sp-6);line-height:var(--lh-desc);letter-spacing:var(--ls-body)}

#samda-gift .bizp .q{margin-top:clamp(var(--sp-48),4.6vw,var(--sp-84));background:var(--c-panel);
  border:1px solid rgba(20,22,20,.11);border-radius:var(--r-4);display:grid;grid-template-columns:1.5fr .5fr}
#samda-gift .bizp .q-main{padding:clamp(var(--sp-28),2.6vw,var(--sp-52))}
#samda-gift .bizp .tabs{display:flex;border-bottom:1px solid var(--line-l)}
#samda-gift .bizp .tab{flex:1;padding:0 var(--sp-6) var(--sp-18);background:none;border:0;border-bottom:2px solid transparent;
  margin-bottom:-1px;font-size:var(--fz-17);font-weight:650;color:var(--ink-3);cursor:pointer;
  text-align:left;letter-spacing:-.02em;transition:color .4s var(--ease),border-color .4s var(--ease)}
#samda-gift .bizp .tab .tn{display:block;font-size:var(--fz-12-5);font-weight:700;letter-spacing:.15em;
  color:var(--ink-4);margin-bottom:7px}
#samda-gift .bizp .tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--or)}
#samda-gift .bizp .tab[aria-selected="true"] .tn{color:var(--or)}
#samda-gift .bizp .pane{display:none;padding-top:38px}
#samda-gift .bizp .pane.on{display:block;animation:fadein .55s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#samda-gift .bizp .pane.on{animation:none}}
#samda-gift .bizp .fg{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-26) var(--sp-28)}
#samda-gift .bizp .f{display:flex;flex-direction:column;gap:var(--sp-11)}
#samda-gift .bizp .f.full, #samda-gift .bizp .f.wide{grid-column:1/-1}
#samda-gift .bizp .f label{font-size:var(--fz-14-5);font-weight:650;color:var(--ink-2)}
#samda-gift .bizp .f label i{font-style:normal;font-weight:400;color:var(--ink-4);margin-left:7px}
#samda-gift .bizp .f input, #samda-gift .bizp .f textarea{height:54px;padding:0 var(--sp-17);border:1px solid rgba(20,22,20,.16);border-radius:2px;
  background:#FFFDF9;font-size:var(--fz-16-5);transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}
#samda-gift .bizp .f textarea{height:110px;padding:var(--sp-15) var(--sp-17);resize:vertical;line-height:1.65}
#samda-gift .bizp .f input:focus, #samda-gift .bizp .f textarea:focus{outline:0;border-color:var(--or);box-shadow:0 0 0 3px rgba(239,130,0,.11)}
#samda-gift .bizp .f input::placeholder, #samda-gift .bizp .f textarea::placeholder{color:var(--ink-4)}
#samda-gift .bizp .chips{display:flex;flex-wrap:wrap;gap:var(--sp-9)}
#samda-gift .bizp .chip{padding:var(--sp-12) var(--sp-19);border:1px solid rgba(20,22,20,.16);border-radius:var(--r-999);background:none;
  font-size:var(--fz-15-5);font-weight:500;cursor:pointer;color:var(--ink-2);
  transition:border-color .35s var(--ease),background .35s var(--ease),color .35s var(--ease)}
#samda-gift .bizp .chip:hover{border-color:var(--ink-3);background:rgba(20,22,20,.022)}
#samda-gift .bizp .chip[aria-pressed="true"]{background:var(--or);border-color:var(--or);color:#fff;font-weight:650}
#samda-gift .bizp .qfoot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-18);
  margin-top:var(--sp-38);padding-top:var(--sp-26);border-top:1px solid var(--line-l)}
#samda-gift .bizp .qnote{font-size:var(--fz-14-5);color:var(--ink-3);line-height:var(--lh-desc);letter-spacing:var(--ls-body)}
#samda-gift .bizp .qbtns{display:flex;gap:var(--sp-10)}
#samda-gift .bizp .btn-sm{height:50px;padding:0 var(--sp-24);font-size:var(--fz-16)}

#samda-gift .bizp .sum{padding:clamp(var(--sp-28),2.6vw,var(--sp-52));border-left:1px solid rgba(20,22,20,.11);background:rgba(20,22,20,.018)}
#samda-gift .bizp .sum .eyebrow{padding-top:0;display:block;margin-bottom:20px}
#samda-gift .bizp .sum dl{display:grid;grid-template-columns:auto 1fr;gap:17px var(--sp-18);font-size:var(--fz-16);
  padding-bottom:24px;border-bottom:1px solid var(--line-l)}
#samda-gift .bizp .sum dt{color:var(--ink-3);white-space:nowrap}
#samda-gift .bizp .sum dd{font-weight:650;text-align:right;word-break:keep-all;letter-spacing:-.01em}
#samda-gift .bizp .sum dd.empty{color:var(--ink-4);font-weight:400}
#samda-gift .bizp .sum .tot{margin:var(--sp-24) 0 var(--sp-28)}
#samda-gift .bizp .sum .tot span{display:block;font-size:var(--fz-13-5);font-weight:700;letter-spacing:.15em;
  color:var(--ink-4);text-transform:uppercase;margin-bottom:9px}
#samda-gift .bizp .sum .tot b{font-size:var(--fz-26);font-weight:500;letter-spacing:-.035em;line-height:1.3;display:block}
#samda-gift .bizp .contact{margin-top:32px;padding-top:var(--sp-26);border-top:1px solid var(--line-l)}
#samda-gift .bizp .contact .eyebrow{margin-bottom:var(--sp-14)}
#samda-gift .bizp .contact a{display:flex;align-items:center;gap:var(--sp-11);font-size:var(--fz-19);font-weight:650;
  letter-spacing:-.025em;padding:var(--sp-9) 0;transition:color .35s var(--ease)}
#samda-gift .bizp .contact a:hover{color:var(--or-deep)}
#samda-gift .bizp .contact a svg{width:var(--sz-17);height:var(--sz-17);stroke:var(--ink-3);stroke-width:var(--ic-stroke-ui);fill:none;
  stroke-linecap:round;stroke-linejoin:round;flex:none}
#samda-gift .bizp .contact a.mail{font-size:var(--fz-16-5);font-weight:500;color:var(--ink-2)}
#samda-gift .bizp .contact .hours{margin-top:var(--sp-12);font-size:var(--fz-14-5);color:var(--ink-3)}

#samda-gift .bizp .foot{background:var(--g-deep);color:var(--cream-2);padding:60px 0}
#samda-gift .bizp .foot .wrap{display:flex;flex-wrap:wrap;gap:var(--sp-20);align-items:center;
  justify-content:space-between;font-size:var(--fz-15-5)}
#samda-gift .bizp .foot a{transition:color .4s var(--ease)}
#samda-gift .bizp .foot a:hover{color:var(--or-lt)}
#samda-gift .bizp .proto{padding:var(--sp-6) var(--sp-14);border-radius:var(--r-999);border:1px solid rgba(239,130,0,.4);
  color:var(--or-lt);font-size:var(--fz-13);font-weight:700;letter-spacing:.06em}

@media(max-width:1200px){
  #samda-gift .bizp{--shell:calc(100vw - 48px)}
  #samda-gift .bizp .q{grid-template-columns:1fr}
  #samda-gift .bizp .sum{border-left:0;border-top:1px solid rgba(20,22,20,.11)}
}
@media(max-width:1000px){
  #samda-gift .bizp .hero .wrap{grid-template-columns:1fr;gap:46px}
  #samda-gift .bizp .hero-fig{order:-1}
  #samda-gift .bizp .hero-fig img{aspect-ratio:16/10}
  #samda-gift .bizp .care, #samda-gift .bizp .sch, #samda-gift .bizp .split{grid-template-columns:1fr}
}
@media(max-width:860px){
  #samda-gift .bizp{--shell:calc(100vw - 36px)}
  body #samda-gift .bizp{font-size:var(--fz-17)}
  #samda-gift .bizp .cols, #samda-gift .bizp .cols.three{grid-template-columns:1fr;border-top:0}
  #samda-gift .bizp .cell, #samda-gift .bizp .cell+.cell{padding:var(--sp-28) 0;border-right:0;border-top:1px solid var(--line-l)}
  #samda-gift .bizp .on-dark .cell{border-top-color:var(--line-d)}
  #samda-gift .bizp .cell svg{margin-bottom:var(--sp-16)}
  #samda-gift .bizp .cell .tag{margin-bottom:var(--sp-14)}
  #samda-gift .bizp .row{grid-template-columns:1fr;gap:var(--sp-8)}
  #samda-gift .bizp .row .tag{padding-top:0}
  #samda-gift .bizp .sr{grid-template-columns:18px 1fr;row-gap:7px}
  #samda-gift .bizp .sr .d{grid-column:2;text-align:left}
  #samda-gift .bizp .tab{font-size:var(--fz-15);padding-bottom:14px}
  #samda-gift .bizp .qfoot{flex-direction:column;align-items:stretch}
  #samda-gift .bizp .qbtns{justify-content:flex-end}
  #samda-gift .bizp .step{gap:var(--sp-20)}
}
@media(max-width:560px){
  #samda-gift .bizp .fg{grid-template-columns:1fr 1fr;gap:var(--sp-20) var(--sp-14)}
  #samda-gift .bizp .acts .btn{flex:1 1 auto}
}


#samda-gift .bizp /* ── 히어로 인트로: 사진이 아래에서 위로 열리고, #samda-gift .bizp 카피가 순서대로 올라온다 ── */

.hero .eyebrow, #samda-gift .bizp .hero .lead, #samda-gift .bizp .hero .hl, #samda-gift .bizp .hero .acts, #samda-gift .bizp .hero-cap{opacity:0;transform:translateY(28px);
  transition:opacity 1.15s var(--ease-rv),transform 1.15s var(--ease-rv)}
#samda-gift .bizp .hero h1 .ln>i{transform:translateY(110%);transition:transform 1.3s var(--ease-rv)}

html.hero-go #samda-gift .bizp .hero .eyebrow, html.hero-go #samda-gift .bizp .hero .lead, html.hero-go #samda-gift .bizp .hero .hl, html.hero-go #samda-gift .bizp .hero .acts, html.hero-go #samda-gift .bizp .hero-cap{opacity:1;transform:none}
html.hero-go #samda-gift .bizp .hero h1 .ln>i{transform:none}
#samda-gift .bizp .hero .eyebrow{transition-delay:.10s}
#samda-gift .bizp .hero h1 .ln:nth-child(1)>i{transition-delay:.22s}
#samda-gift .bizp .hero h1 .ln:nth-child(2)>i{transition-delay:.34s}
#samda-gift .bizp .hero h1 .ln:nth-child(3)>i{transition-delay:.46s}
#samda-gift .bizp .hero .lead{transition-delay:.62s}
#samda-gift .bizp .hero .hl{transition-delay:.74s}
#samda-gift .bizp .hero .acts{transition-delay:.86s}
#samda-gift .bizp .hero-cap{transition-delay:1s}
@media(prefers-reduced-motion:reduce){
  #samda-gift .bizp .hero .eyebrow, #samda-gift .bizp .hero .lead, #samda-gift .bizp .hero .hl, #samda-gift .bizp .hero .acts, #samda-gift .bizp .hero-cap, #samda-gift .bizp .hero-fig{opacity:1;transform:none}
  #samda-gift .bizp .hero h1 .ln>i{transform:none}
}

#samda-gift .bizp .hero{position:relative}

#samda-gift .bizp /* 스크롤 큐 */
.cue{position:absolute;left:0;bottom:34px;display:flex;align-items:center;gap:var(--sp-12);
  font-size:var(--fz-12);font-weight:700;letter-spacing:.22em;color:var(--cream-3);
  text-transform:uppercase;opacity:0;transition:opacity 1s var(--ease-rv) 1.3s}
html.hero-go #samda-gift .bizp .cue{opacity:1}
#samda-gift .bizp .cue u{display:block;width:var(--sz-34);height:1px;background:rgba(245,238,227,.3);
  position:relative;overflow:hidden;text-decoration:none}
#samda-gift .bizp .cue u:after{content:"";position:absolute;inset:0;background:var(--or-lt);
  animation:cueRun 2.6s var(--ease-rv) infinite}
@keyframes cueRun{0%{transform:translateX(-100%)}55%{transform:translateX(100%)}100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){
  #samda-gift .bizp .cue{opacity:1}
  #samda-gift .bizp .cue u:after{animation:none;transform:none}
}

/* ---- main-50-light.css ---- */
/* ================= 메인 라이트 전환 ― s4 · s4b · s5 (PM 2026-09-04) =================
   전체선물(.allg)과 같은 팔레트를 쓴다. 위쪽 다크 규칙은 건드리지 않고 여기서만 덮는다.
   컨시어지 결과 카드(.rec-card)는 마크업을 유지한 채 전체선물 카드(.ag-card) 모양으로 다시 칠한다
   ― 마크업을 바꾸면 중량 버튼·담기·세트보기 핸들러가 전부 깨진다. */
html #samda-gift{
  --lt-bg:var(--pal-easy-bg); --lt-card:var(--pal-easy-card); --lt-line:var(--pal-easy-line); --lt-ink:var(--pal-easy-ink);
  --lt-dim:var(--pal-easy-dim); --lt-dim2:#3B342B; --lt-terra:#A83A28; --lt-green:#1B3A33;
  --lt-th-pork:#E2DACB; --lt-th-sea:#D7E3E2; --lt-th-easy:#E5DFD5;
  --lt-pad:clamp(18px,2vw,28px); --ag-filter-accent:var(--lt-terra);
}
/* ---- 섹션 바탕 ---- */
html #samda-gift .s4,
html #samda-gift .s4b,
html #samda-gift .s5{background:var(--lt-bg)}

/* ---- 머리글 ---- */
html #samda-gift .s4 .kicker,
html #samda-gift .s4b .kicker,
html #samda-gift .s5 .kicker{color:var(--lt-terra)}
html #samda-gift .s4 .sec-head,
html #samda-gift .s5 .sec-head,
html #samda-gift .s4b h2{color:var(--lt-ink)}
html #samda-gift .s4 .sec-head em,
html #samda-gift .s5 .sec-head em{color:var(--lt-terra)}
/* 금·은 그라데이션 글자는 밝은 바탕에서 안 읽힌다 - 단색으로 내린다 */
html #samda-gift .s4b h2 em,
html #samda-gift .s4b-name.gold,
html #samda-gift .s4b-name.silver{background:none;-webkit-background-clip:border-box;
  background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--lt-terra)}
html #samda-gift .s4b-name{color:var(--lt-ink)}
html #samda-gift .s4 .sec-lead,
html #samda-gift .s5 .sec-lead,
html #samda-gift .s4b-lead{color:var(--lt-dim2)}
/* 어두운 바탕용 그림자는 지운다 */
html #samda-gift .s4b-item img{filter:none}
html #samda-gift .s4b-item figure::after{display:none}

/* ---- S4 대표 선물 카드 ---- */
html #samda-gift .sig,
html #samda-gift .sig.red,
html #samda-gift .sig.sea{background:var(--lt-card);border:1px solid var(--lt-line);border-radius:var(--r-4)}
html #samda-gift .sig:hover{transform:none;border-color:var(--lt-line)}

/* ---- S5 컨시어지 질문 ---- */
html #samda-gift .s5 .conc-label h3{color:var(--lt-ink)}
html #samda-gift .s5 .conc-label .qn{color:var(--lt-terra);font-family:var(--sans)}
html #samda-gift .s5 .conc-default{color:var(--lt-dim)}
html #samda-gift .s5 .conc-default a{color:var(--lt-terra);border-bottom-color:rgba(168,58,40,.4)}
html #samda-gift .s5 .chip{background:#fff;border:1px solid var(--lt-line);color:var(--lt-dim2)}
html #samda-gift .s5 .chip:hover{border-color:var(--lt-terra);color:var(--lt-ink)}
html #samda-gift .s5 .chip.on{background:var(--lt-green);border-color:var(--lt-green);color:#F6F3EC}
html #samda-gift .conc-reset{color:var(--lt-dim);border-bottom-color:rgba(92,85,74,.4)}
html #samda-gift .rec-tag{color:var(--lt-dim)}

/* ---- S5 결과 카드 = 전체선물 카드 모양 ---- */
html #samda-gift .rec-grid{gap:clamp(var(--sp-10),.85vw,15px)}
html #samda-gift .rec-card,
html #samda-gift .rec-card.primary{background:var(--lt-card);border:1px solid var(--lt-line);
  border-radius:var(--r-4);padding:0;overflow:hidden;box-shadow:none}
html #samda-gift .rec-card:hover,
html #samda-gift .rec-card.primary:hover{transform:none;border-color:var(--lt-line)}
/* 순위 숫자는 전체선물 카드에 없다 */
html #samda-gift .rec-rank{display:none}
/* 사진 - 4:3 직사각에 크롭. 배경은 관별 톤 */
html #samda-gift .rec-image{aspect-ratio:4/3;border-radius:0;margin:0;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(var(--sp-18),2vw,var(--sp-30));background:var(--lt-th-pork)}
html #samda-gift .rec-card[data-hall="sea"] .rec-image{background:var(--lt-th-sea)}
html #samda-gift .rec-card[data-hall="easy"] .rec-image{background:var(--lt-th-easy)}
html #samda-gift .rec-image img{width:100%;height:100%;object-fit:cover}
/* 사진을 뺀 나머지에 본문 여백을 준다 (마크업이 flat 이라 자식마다 준다) */
html #samda-gift .rec-card>*:not(.rec-image){margin-left:var(--lt-pad);margin-right:var(--lt-pad)}
html #samda-gift .rec-card>.rec-code{margin-top:var(--lt-pad)}
html #samda-gift .rec-card>.sd-add{margin-bottom:var(--lt-pad)}
/* 활자 - 전체선물 카드와 같은 값 */
html #samda-gift .rec-code{margin-bottom:0}
html #samda-gift .rec-name,
html #samda-gift .rec-card.primary .rec-name{margin-top:var(--sp-12);font-family:var(--sans);
  font-size:var(--fs-h3);font-weight:400;line-height:1.3;color:var(--lt-ink)}
html #samda-gift .rec-set,
html #samda-gift .rec-card.primary .rec-set{margin-top:var(--sp-10);font-size:var(--fz-19-5);
  line-height:1.62;color:var(--lt-dim2);font-weight:400}
html #samda-gift .rec-why,
html #samda-gift .rec-card.primary .rec-why{color:var(--lt-dim2)}
html #samda-gift .rec-budget{color:var(--lt-terra)}
html #samda-gift .rec-breed{color:var(--lt-dim)}
html #samda-gift .rec-price{margin-top:var(--sp-16);padding-top:var(--sp-14);border-top:1px solid var(--lt-line)}
html #samda-gift .rec-price b,
html #samda-gift .rec-card.primary .rec-price b{font-size:var(--fz-30);font-weight:400;color:var(--lt-terra)}
html #samda-gift .rec-price s{font-size:var(--fz-19);color:var(--lt-dim)}
html #samda-gift .rec-price span{color:var(--lt-dim)}
/* 코드 배지 - 밝은 바탕에 맞춘 외곽선형 */
html #samda-gift .rec-code .sd-badge{background:#fff;font-weight:500;font-size:var(--fz-16)}
html #samda-gift .rec-code .sd-badge.pork{border-color:#D8C3C6;color:#A32638}
html #samda-gift .rec-code .sd-badge.sea{border-color:#C2D3DD;color:#3E7CA6}
html #samda-gift .rec-code .sd-badge.easy{border-color:#DACAB2;color:#8A6A2F}
/* 중량 버튼 */
html #samda-gift .rec-vb{background:#fff;border:1px solid var(--lt-line);
  color:var(--lt-dim2);font-weight:400;border-radius:var(--r-3)}
html #samda-gift .rec-vb:hover{border-color:var(--lt-green)}
html #samda-gift .rec-vb.on{background:var(--lt-green);border-color:var(--lt-green);color:#F6F3EC}
/* 버튼 - 전체선물의 line / fill */
html #samda-gift .rec-card .rec-ctas{margin-top:auto;padding-top:var(--sp-14);gap:var(--sp-10)}
html #samda-gift .rec-card .ggo{min-height:var(--sz-50);border-radius:var(--r-3);font-weight:400;
  background:#fff;border:1px solid var(--lt-line);color:var(--lt-ink)}
html #samda-gift .rec-card .ggo:hover{background:#F4F0E7;color:var(--lt-ink)}
html #samda-gift .rec-card .sd-add{min-height:var(--sz-50);border-radius:var(--r-3);font-weight:400;
  background:var(--lt-green);border:1px solid var(--lt-green);color:#F6F3EC;margin-top:var(--sp-10)}
html #samda-gift .rec-card .sd-add:hover{background:#255047}
html #samda-gift .rec-card .sd-add[data-on="1"]{background:#6E675C;border-color:#6E675C}
/* 0건 안내·맞춤구성 배너도 밝은 바탕에 맞춘다 */
html #samda-gift .s5 .rec-custom{border-color:var(--lt-line)}
html #samda-gift .s5 .rec-custom-body{color:var(--lt-ink)}
html #samda-gift .s5 .rec-custom-body em{color:var(--lt-terra)}
html #samda-gift .s5 .rec-custom-tag{background:var(--lt-terra);color:#FBEFEA}
html #samda-gift .s5 .rec-banner{background:#fff;border:1px solid var(--lt-line)}
/* ---- S4 카드 안쪽 ---- */
html #samda-gift .sig-name{color:var(--lt-ink)}
html #samda-gift .sig-set{color:var(--lt-dim2)}
html #samda-gift .sig-note{color:var(--lt-dim)}
html #samda-gift .sig-price b{color:var(--lt-terra)}
html #samda-gift .sig-price s{color:var(--lt-dim)}
html #samda-gift .sig-price .ptag{color:var(--lt-terra)}
html #samda-gift .sig .rec-vb{background:#fff;border-color:var(--lt-line);color:var(--lt-dim2)}
html #samda-gift .sig .rec-vb.on{background:var(--lt-green);border-color:var(--lt-green);color:#F6F3EC}
html #samda-gift .sig .btn-hall{background:var(--lt-green);color:#F6F3EC;border:1px solid var(--lt-green)}
html #samda-gift .sig .btn-hall:hover{background:#255047;transform:none}
html #samda-gift .sig .sig-price b{color:var(--lt-terra)}
/* ---- S4 카드 버튼·배지·중량 (실제 클래스 실측 2026-09-04) ---- */
html #samda-gift .sig .btn-line{color:var(--lt-ink);border:1px solid var(--lt-line);background:#fff}
html #samda-gift .sig .btn-line:hover{background:#F4F0E7;color:var(--lt-ink)}
html #samda-gift .sig .sig-add{color:var(--lt-ink);border:1px solid var(--lt-line);background:#fff}
html #samda-gift .sig .sig-add:hover{background:#F4F0E7}
html #samda-gift .sig .sig-add[data-on="1"]{background:#6E675C;border-color:#6E675C;color:#F6F3EC}
html #samda-gift .sig .sig-vb{background:#fff;border:1px solid var(--lt-line);color:var(--lt-dim2)}
html #samda-gift .sig .sig-vb:hover{border-color:var(--lt-green)}
html #samda-gift .sig .sig-vb.on{background:var(--lt-green);border-color:var(--lt-green);color:#F6F3EC}
html #samda-gift .sig .sd-off{color:var(--lt-terra);background:#fff;border:1px solid var(--lt-line)}
html #samda-gift .sig .sd-badge{background:#fff;font-weight:500}
html #samda-gift .sig .sd-badge.pork{border-color:#D8C3C6;color:#A32638}
html #samda-gift .sig .sd-badge.sea{border-color:#C2D3DD;color:#3E7CA6}
html #samda-gift .sig .sd-badge.easy{border-color:#DACAB2;color:#8A6A2F}
/* ---- S4b 한정 - 가격/문구/버튼 (클래스 실측) ---- */
html #samda-gift .s4b-spec{color:var(--lt-dim2)}
html #samda-gift .s4b-price s,html #samda-gift .s4b s{color:var(--lt-dim)}
html #samda-gift .s4b-price b,html #samda-gift .s4b-price{color:var(--lt-terra)}
html #samda-gift .s4b-urge{color:var(--lt-terra)}
html #samda-gift .s4b-b-line{color:var(--lt-ink);border:1px solid var(--lt-line);background:#fff}
html #samda-gift .s4b-b-line:hover{background:#F4F0E7}
html #samda-gift .s4b-item{color:var(--lt-ink)}
/* ---- S5 0건 안내 · 전체선물 배너 · 맞춤구성 버튼 (클래스 실측) ---- */
html #samda-gift .s5 .rec-empty-t{color:var(--lt-ink)}
html #samda-gift .s5 .rec-empty-s{color:var(--lt-dim)}
html #samda-gift .s5 .rec-all{background:#fff;border:1px solid var(--lt-line)}
html #samda-gift .s5 .rec-all-t{color:var(--lt-ink)}
html #samda-gift .s5 .rec-all svg{color:var(--lt-terra)}
html #samda-gift .s5 .rec-cb-line{color:var(--lt-ink);border:1px solid var(--lt-line);background:#fff}
html #samda-gift .s5 .rec-cb-line:hover{background:#F4F0E7}
/* 컨시어지 드롭다운 패널은 어두운 채로 둔다 - 그 안의 chip 은 원래 색이 맞다 */
html #samda-gift .lu-dd-panel .chip,html #samda-gift .lu-dd-panel .chip.on{color:inherit;background:inherit;border-color:inherit}
/* ---- 리듬 - 세 섹션이 같은 색이라 밋밋하다는 지적(PM 2026-09-04).
     전체선물 페이지처럼 가운데 한 칸을 진하게 눌러 준다: 밝음 - 어두움 - 밝음. ---- */
html #samda-gift .s4{background:#F2EDE4}
html #samda-gift .s4b{background:var(--lt-green)}
html #samda-gift .s5{background:#F7F4ED}
html #samda-gift .s4b .kicker{color:#D9C7A8}
html #samda-gift .s4b h2{color:#FFFDF8}
html #samda-gift .s4b h2 em{color:#E8C98A}
html #samda-gift .s4b-lead{color:#C6CFCA}
html #samda-gift .s4b-name{color:#FFFDF8}
html #samda-gift .s4b-name.gold,html #samda-gift .s4b-name.silver{color:#E8C98A}
html #samda-gift .s4b-spec{color:#C6CFCA}
html #samda-gift .s4b s,html #samda-gift .s4b-price s{color:#9DB0A9}
html #samda-gift .s4b-price b,html #samda-gift .s4b-price{color:#E8C98A}
html #samda-gift .s4b-urge{color:#E8C98A}
html #samda-gift .s4b-b-line{color:#F3F0E8;border:1px solid rgba(243,240,232,.42);background:transparent}
html #samda-gift .s4b-b-line:hover{background:rgba(243,240,232,.1)}
html #samda-gift .s4b-item{color:#F3F0E8}

/* BASIC css end */

