/* bundle-b: lucky-store, lucky-reveal, recommendations, refinements330, bag335, ai346, ai348, srch346, taste336, rd350, type-unify — scripts/css-bundles.mjs가 자동 생성. 직접 고치지 말고 원본 파일을 고칠 것 */

/* ===== lucky-store.css ===== */
.lucky-zip300{--ivory:#FFFFFF;--paper:#FFFFFF;--ink:#22172E;--plum:#3E2A6B;--plum-d:#2B1D4D;--berry:#C2709A;--pink:#E48DB5;--lilac:#F1ECF8;--lilac-2:#E6DDF3;--sub:#6F6579;--faint:#A69DB0;--line:#ECE6F0;--gold:#E6CC94;--mint:#2FA36B;--f-en:"Fredoka","Pretendard",system-ui,sans-serif;--f-story:"Gowun Dodum","Pretendard",sans-serif;--f-ui:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;color-scheme:light}.lucky-zip300 *{box-sizing:border-box}.lucky-zip300{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}:where(.lucky-zip300) button{font:inherit;color:inherit}.lz-ls{max-width:1080px;margin:0 auto;padding-bottom:calc(112px + env(safe-area-inset-bottom,0))}.lz-g{padding-inline:20px}.lz-bar{position:sticky;top:env(safe-area-inset-top,0);z-index:20;display:flex;align-items:center;justify-content:space-between;height:56px;padding-inline:20px;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);transition:box-shadow .2s}.lz-bar.lz-on{box-shadow:0 1px 0 var(--line)}.lz-bar .lz-logo{display:flex;align-items:center;gap:7px;text-decoration:none}.lz-bar .lz-logo svg.lz-sym{width:20px;height:24px}.lz-bar .lz-logo svg.lz-wm{width:62px;height:16px}.lz-bar .lz-hist{appearance:none;border:0;background:var(--paper);height:34px;padding:0 12px 0 14px;border-radius:99px;font-size:13px;color:var(--ink);display:inline-flex;align-items:center;gap:4px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.lz-bar .lz-hist b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--berry);color:#fff;font-size:11px;font-weight:600}.lz-hero{display:grid;gap:26px;padding-top:18px}.lz-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-story);font-size:15px;color:var(--plum)}.lz-eyebrow i{width:18px;height:1px;background:currentColor;opacity:.5}.lz-word{margin:12px 0 0;font-family:var(--f-en);font-weight:600;font-size:clamp(56px,17vw,104px);line-height:.9;letter-spacing:-.025em;color:var(--plum)}.lz-word span{display:block}.lz-word .lz-dot{display:inline-block;width:.17em;height:.17em;margin-left:.05em;border-radius:50%;background:var(--berry);transform:translateY(-.02em)}.lz-lead{margin:18px 0 0;font-family:var(--f-story);font-size:16px;line-height:1.75;color:var(--sub)}.lz-art{position:relative;margin-inline:auto;width:100%;max-width:440px}.lz-arch{position:relative;aspect-ratio:10/11;border-radius:999px 999px 18px 18px;overflow:hidden;background:var(--lilac);box-shadow:0 30px 60px -36px rgba(62,42,107,.45)}.lz-arch img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);animation:lz-drift 14s ease-in-out infinite alternate}@keyframes lz-drift{to{transform:scale(1.1) translate(-1.5%,-1%)}}.lz-arch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(43,29,77,.18))}.lz-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px 4px rgba(255,255,255,.8);opacity:0;animation:lz-tw 3.6s ease-in-out infinite}@keyframes lz-tw{40%,60%{opacity:.9}}.lz-wallet{position:relative;margin-top:-46px;display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border-radius:20px;box-shadow:0 18px 40px -22px rgba(43,29,77,.35),0 0 0 1px var(--line);z-index:2}.lz-wallet::after{content:"";position:absolute;left:50%;bottom:-11px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--ivory);box-shadow:inset 0 1px 0 var(--line)}.lz-wallet>div{padding:18px 18px 16px;min-width:0}.lz-wallet>div+div{border-left:1.5px dashed var(--lilac-2)}.lz-wallet small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sub)}.lz-wallet small svg{width:15px;height:15px;flex:none}.lz-wallet b{display:block;margin-top:6px;font-family:var(--f-en);font-weight:600;font-size:34px;line-height:1;color:var(--plum);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.lz-wallet b em{font-style:normal;font-family:var(--f-ui);font-size:14px;font-weight:500;color:var(--sub);margin-left:3px}.lz-how{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding:15px 18px;border:0;border-radius:16px;background:var(--lilac);font-size:14px;cursor:pointer;text-align:left}.lz-how span{display:flex;align-items:center;gap:10px}.lz-how span i{font-style:normal;font-size:12px;color:var(--sub)}.lz-chev{width:16px;height:16px;flex:none;opacity:.6}.lz-sec{padding-top:44px}.lz-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:14px}.lz-sh h2{margin:0;font-family:var(--f-story);font-weight:400;font-size:22px;line-height:1.35;letter-spacing:-.01em}.lz-sh em{font-style:normal;font-family:var(--f-en);font-size:12px;letter-spacing:.08em;color:var(--faint);white-space:nowrap}.lz-picks{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:4px 20px 10px;margin:0-20px;scrollbar-width:none}.lz-picks::-webkit-scrollbar{display:none}@media (min-width:620px){.lz-picks{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible;margin:0;padding:4px 0 10px}}.lz-pick{appearance:none;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 12px 14px;border:0;border-radius:20px;background:var(--paper);box-shadow:0 0 0 1px var(--line);cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s}.lz-pick .lz-ill{width:100%;aspect-ratio:1;border-radius:14px;background:#9bafd3;display:grid;place-items:center;margin-bottom:10px;overflow:hidden;transition:background .25s}.lz-pick .lz-ill img{width:74%;height:74%;object-fit:contain;transition:transform .35s cubic-bezier(.3,1.5,.5,1)}.lz-pick b{font-size:15px;font-weight:600}.lz-pick small{font-size:12px;color:var(--sub)}.lz-pick .lz-tag{position:absolute;top:18px;left:18px;font-family:var(--f-en);font-size:10.5px;letter-spacing:.06em;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.9);color:var(--plum)}.lz-pick[aria-pressed=true]{box-shadow:0 0 0 2px #5f7ead,0 14px 30px -18px rgba(57,88,132,.4)}.lz-pick[aria-pressed=true] .lz-ill{background:#829cc5}.lz-pick:focus-visible{outline:2px solid #355b94;outline-offset:4px}.lz-pick[aria-pressed=true] .lz-ill img{transform:scale(1.08) rotate(-3deg)}.lz-pick:active{transform:scale(.98)}.lz-stage{margin-top:6px;border-radius:28px;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 30px 60px -44px rgba(43,29,77,.5);overflow:hidden}.lz-st-top{position:relative;padding:20px 20px 0;background:radial-gradient(120% 90%at 50% 0%,var(--lilac) 0%,var(--paper) 70%)}.lz-st-row{display:flex;justify-content:space-between;align-items:center}.lz-st-row .lz-k{font-family:var(--f-en);font-weight:500;font-size:12px;letter-spacing:.1em;color:var(--plum)}.lz-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--mint)}.lz-live i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 rgba(47,163,107,.5);animation:lz-pulse 2s infinite}@keyframes lz-pulse{70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.lz-st-ill{position:relative;height:210px;display:grid;place-items:center}.lz-st-ill .lz-halo{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(228,141,181,.22),rgba(228,141,181,0) 68%)}.lz-st-ill img{position:relative;height:184px;width:auto;max-width:72%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(43,29,77,.18));animation:lz-float 4.5s ease-in-out infinite}@keyframes lz-float{50%{transform:translateY(-8px) rotate(1.5deg)}}.lucky-zip300 .lz-st-body{min-width:0;padding:4px 20px 24px;text-align:center}.lz-st-body h3{margin:0;font-family:var(--f-story);font-weight:400;font-size:26px;line-height:1.3;letter-spacing:-.01em}.lz-st-body .lz-prize{margin:8px 0 0;font-size:14px;font-weight:600}.lz-st-body .lz-note{margin:4px 0 0;font-size:12.5px;color:var(--sub);line-height:1.5}.lz-stats{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 0;border-radius:16px;background:var(--ivory)}.lz-stats div{padding:14px 12px;min-width:0}.lz-stats div+div{border-left:1px solid var(--line)}.lz-stats small{display:block;font-size:11.5px;color:var(--sub)}.lz-stats b{display:block;margin-top:4px;font-family:var(--f-en);font-weight:600;font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}.lz-stats b em{font-style:normal;font-family:var(--f-ui);font-size:13px;font-weight:500;color:var(--sub);margin-left:2px}.lz-qty{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}.lz-qty-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.lz-qty-row>span{font-size:14px;font-weight:600}.lz-stepper{display:inline-flex;align-items:center;height:44px;border-radius:99px;background:var(--ivory);box-shadow:inset 0 0 0 1px var(--line)}.lz-stepper button{appearance:none;border:0;background:0 0;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;display:grid;place-items:center}.lz-stepper button:disabled{opacity:.3;cursor:default}.lz-stepper output{min-width:40px;text-align:center;font-family:var(--f-en);font-weight:600;font-size:18px;font-variant-numeric:tabular-nums}.lz-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.lz-quick button{appearance:none;border:0;height:38px;border-radius:12px;background:var(--ivory);font-size:13px;color:var(--sub);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:all .15s}.lz-quick button[aria-pressed=true]{background:#c5daf3;color:#203451;box-shadow:inset 0 0 0 1px #92b2dd;font-weight:750}.lz-quick button:focus-visible{outline:2px solid #355b94;outline-offset:3px}.lz-chance{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:12.5px;color:var(--sub)}.lz-meter{flex:1;height:6px;border-radius:99px;background:var(--lilac);overflow:hidden}.lz-meter i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--pink),var(--plum));transition:width .4s cubic-bezier(.2,.8,.2,1)}.lz-chance b{color:var(--plum);font-variant-numeric:tabular-nums}.lz-cta{appearance:none;border:0;width:100%;height:58px;border-radius:18px;background:var(--plum);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 14px 30px -14px rgba(62,42,107,.8);transition:transform .15s,background .2s}.lz-cta:active{transform:scale(.985)}.lz-cta:disabled{background:#b9b0c6;box-shadow:none;cursor:default}.lz-cta svg{width:22px;height:22px}.lz-inline-cta{display:none}.lz-cta small{font-weight:500;opacity:.75;font-size:13px}@media (min-width:860px){.lz-g{padding-inline:40px}.lz-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:40px}.lz-hero .lz-pic{grid-column:2;grid-row:1/span 2;max-width:460px}.lz-hero .lz-wal{grid-column:1;max-width:none}.lz-wallet{margin-top:0}.lucky-zip300 .lz-body{max-width:760px;margin:0 auto}.lz-picks{grid-auto-columns:auto}.lz-dock{display:none}.lz-inline-cta{display:flex;margin-top:18px}}@media (prefers-reduced-motion:reduce){.lucky-zip300 *,.lucky-zip300 ::before,.lucky-zip300 ::after{animation:none!important;transition:none!important}}.lucky-zip300{background:#fff;color:#22172e;isolation:isolate}.lucky-zip300 .lz-ls{padding-bottom:22px}.lucky-zip300 .lz-bar{position:relative;top:0;background:#fff}.lucky-zip300 .lz-logo img{display:block;width:106px;height:34px;object-fit:contain}.lucky-zip300 .lz-wallet a,.lucky-zip300 .lz-hist,.lucky-zip300 .lz-cta{text-decoration:none}.lucky-zip300 .lz-qty{display:block;width:auto;height:auto;border-radius:0;background:0 0}.lucky-zip300 .lz-inline-cta{display:flex;margin-top:18px}.lucky-zip300 .lz-stepper button{padding:0;flex:none}.lucky-zip300 .lz-stats{background:#f7f6f8}.lucky-zip300 .lz-stats b{font-size:clamp(19px,5.2vw,24px);overflow-wrap:anywhere}.lucky-zip300 .lz-live.is-off{color:#8b8293}.lucky-zip300 .lz-timing{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--sub);margin:14px 0 0}.lucky-zip300 .lz-timing b{color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}.lucky-zip300 .lz-balance{color:var(--sub);font-size:12px}.lucky-zip300 .lz-quick button:disabled{opacity:.35;cursor:default}.lucky-zip300 .lz-rule{margin-top:17px;border-top:1px solid var(--line);text-align:left;font:12px/1.7 var(--f-ui);color:var(--sub)}.lucky-zip300 .lz-rule summary{display:flex;justify-content:space-between;align-items:center;padding:14px 0 0;cursor:pointer;list-style:none}.lucky-zip300 .lz-rule summary::-webkit-details-marker{display:none}.lucky-zip300 .lz-rule p{margin:12px 0 0}.lucky-zip300 .lz-rule button{display:flex;gap:12px;align-items:center;margin-top:12px;border:0;background:0 0;padding:0;color:var(--plum)}.lucky-zip300 [data-evp]{display:none}.ev[data-evtab=coffee] .lucky-zip300 [data-evp=coffee],.ev[data-evtab=timing] .lucky-zip300 [data-evp=timing],.ev[data-evtab=lucky] .lucky-zip300 [data-evp=lucky],.ev[data-evtab=ps5] .lucky-zip300 [data-evp=ps5]{display:block}.lucky-zip300 button:focus-visible,.lucky-zip300 a:focus-visible,.lucky-zip300 summary:focus-visible{outline:2px solid var(--plum);outline-offset:4px}@media (max-width:380px){.lucky-zip300 .lz-sh em{font-size:9px;letter-spacing:.04em}.lucky-zip300 .lz-st-body{padding-inline:16px}.lucky-zip300 .lz-cta{font-size:14px;gap:7px}}.lucky-zip300 .lz-ls{padding-bottom:24px}.lucky-zip300 .lz-bar{position:relative;top:auto}.lucky-zip300 a{text-decoration:none}.lucky-zip300 .lz-inline-cta{color:#fff}.lucky-zip300 .lz-inline-cta:disabled{background:#b8b3bf;box-shadow:none;cursor:default}.lucky-zip300 .lz-inline-cta svg{width:22px;height:22px;flex:none}.lucky-zip300 .lz-quick button{cursor:pointer}.lucky-zip300 .lz-quick button:disabled{cursor:default}
/* ===== lucky-reveal.css ===== */
/* 행운상점 추첨 연출 + 결과 카드 + 행운상점 화면 다듬기 (v42) — transform·opacity 위주 */

/* ---------- 1. 추첨 무대 ---------- */
.lr{position:fixed;inset:0;z-index:1990;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 48px);color:#fff;opacity:0;transition:opacity .22s ease;
 --bx1:#ffffff;--bx2:#e6e2ef;--ld1:#ffffff;--ld2:#ece8f4;--rb1:#6b4bb3;--rb2:#432a80;--foil:#d9cff0;--leaf:#ff8fb8;--glow:#e8dcff;--st1:#3a2466;--st2:#160d29}
.lr.lr-on{opacity:1}
.lr.lr-out{opacity:0;transition-duration:.28s}
.lr-coffee{--bx1:#f6ecdd;--bx2:#e3cfb3;--ld1:#fbf3e8;--ld2:#ead8bf;--rb1:#1f6a54;--rb2:#123f32;--foil:#e9c27a;--leaf:#e9c27a;--glow:#ffe2b0;--st1:#3b2a1d;--st2:#140d08}
.lr-timing{--bx1:#3a3a44;--bx2:#1b1b21;--ld1:#45454f;--ld2:#25252c;--rb1:#ff5c93;--rb2:#c93a6c;--foil:#ffc2d6;--leaf:#ffd36b;--glow:#ffc6dc;--st1:#3a1f33;--st2:#110a10}
.lr-ps5{--bx1:#1d2747;--bx2:#0a1024;--ld1:#25305a;--ld2:#111833;--rb1:#4c7dff;--rb2:#2648c9;--foil:#9fc0ff;--leaf:#f3d99c;--glow:#a9c6ff;--st1:#14234f;--st2:#05070f}
.lr-bg{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 40%,var(--st1) 0,var(--st2) 58%,#050407 100%)}
.lr-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 42%,rgba(255,255,255,.07),transparent 70%)}
.lr-stage{position:relative;width:min(84vw,380px);aspect-ratio:1;display:grid;place-items:center;margin-top:-6vh}
.lr-boxwrap{position:relative;width:100%;transform:translateY(-40px) scale(.72);opacity:0;transition:transform .5s cubic-bezier(.2,1.4,.4,1),opacity .25s ease}
.lr-on .lr-boxwrap{transform:none;opacity:1}
.lr-svg{display:block;width:100%;height:auto;overflow:visible}
.lr-shake{transform-box:fill-box;transform-origin:50% 100%}
.lr-on:not(.lr-open) .lr-shake{animation:lrShake 1.1s .45s ease-in-out infinite}
@keyframes lrShake{0%,100%{transform:rotate(0)}12%{transform:rotate(-3.5deg)}24%{transform:rotate(3.5deg)}36%{transform:rotate(-2.5deg)}48%{transform:rotate(2deg)}60%{transform:rotate(0)}}
.lr-seam{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .3s}
.lr-on .lr-seam{animation:lrSeam 1.1s .45s ease-in-out infinite}
@keyframes lrSeam{0%,100%{opacity:.15}50%{opacity:.85}}
.lr-lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .55s cubic-bezier(.3,1.3,.5,1),opacity .4s ease .2s}
.lr-open .lr-lid{transform:translate(18px,-120px) rotate(16deg);opacity:0}
.lr-open .lr-seam{animation:none;opacity:1;transform:scale(1.5,2.4);transition:opacity .2s,transform .4s ease}
.lr-shadow{transform-box:fill-box;transform-origin:center}
.lr-rays{position:absolute;inset:-35%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.16) 0 7deg,transparent 7deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 18%,transparent 62%);mask-image:radial-gradient(circle,#000 18%,transparent 62%);opacity:0;transform:scale(.6) rotate(0);transition:opacity .45s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.lr-open .lr-rays{opacity:1;transform:scale(1) rotate(25deg)}
.lr-win .lr-rays{background:repeating-conic-gradient(from 0deg,rgba(255,235,180,.26) 0 7deg,transparent 7deg 18deg)}
.lr-bloom{position:absolute;left:50%;top:52%;width:60%;aspect-ratio:1;margin:-30% 0 0 -30%;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--glow) 35%,transparent 70%);opacity:0;transform:scale(.2);transition:opacity .35s ease,transform .55s cubic-bezier(.2,.9,.2,1)}
.lr-on .lr-bloom{opacity:.18;transform:scale(.9)}
.lr-open .lr-bloom{opacity:.95;transform:scale(2.1)}
.lr-st{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;margin:-6px;opacity:0;transform:scale(var(--s));pointer-events:none}
.lr-st::before{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 4px var(--glow))}
.lr-on .lr-st{animation:lrTw 1.8s var(--d) ease-in-out infinite}
@keyframes lrTw{0%,100%{opacity:0;transform:scale(calc(var(--s)*.4))}50%{opacity:.9;transform:scale(var(--s))}}
.lr-open .lr-st{animation:lrBurst .7s ease-out forwards}
@keyframes lrBurst{0%{opacity:1;transform:translate(0,0) scale(var(--s))}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(calc(var(--s)*1.4))}}
.lr-cap{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin-top:10px;transform:translateY(10px);opacity:0;transition:transform .45s ease .12s,opacity .45s ease .12s}
.lr-on .lr-cap{transform:none;opacity:1}
.lr-open .lr-cap{opacity:0;transform:translateY(8px);transition-delay:0s;transition-duration:.25s}
.lr-k{font-family:var(--font-display,inherit);font-size:11px;font-weight:800;letter-spacing:.32em;color:rgba(255,255,255,.62);padding-left:.32em}
.lr-cap b{font-size:19px;font-weight:700;letter-spacing:-.02em}
.lr-cap small{font-size:13px;color:rgba(255,255,255,.62)}
.lr-bar{position:relative;width:120px;height:2px;margin-top:10px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden}
.lr-bar i{position:absolute;inset:0;width:40%;border-radius:2px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:lrBar 1.1s ease-in-out infinite}
@keyframes lrBar{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.lr-confetti{position:fixed;inset:0;width:100vw;height:100vh;z-index:2010;pointer-events:none}

/* ---------- 2. 결과 카드 ---------- */
.rc-sheet.lr-rc{max-width:380px;border-radius:28px;box-shadow:0 40px 90px -24px rgba(8,5,16,.6);animation:lrCard .5s cubic-bezier(.2,1.25,.4,1)}
@keyframes lrCard{0%{transform:translateY(40px) scale(.94);opacity:0}100%{transform:none;opacity:1}}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc{background:var(--card,#fff);color:var(--ink,#1c1c1c);padding:0 24px 22px}
.rc-sheet.lr-rc:not(.lr-g-ps5) .confetti{display:none}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-logo,.rc-sheet.lr-rc:not(.lr-g-ps5) .coffee-result-art{display:none}
.lr-hero{position:relative;height:208px;margin:0 -24px 20px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(165deg,#f4f2f8,#e3dfec)}
.lr-g-coffee .lr-hero{background:linear-gradient(165deg,#f8f0e5,#e9d6bb)}
.lr-rc-win .lr-hero{background:radial-gradient(90% 80% at 50% 62%,#4a3568 0,#241a33 55%,#141019 100%)}
.lr-rc-win.lr-g-coffee .lr-hero{background:radial-gradient(90% 80% at 50% 62%,#2f5446 0,#16302a 55%,#0d1a16 100%)}
.lr-hero img{position:relative;width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(30,15,50,.28));animation:lrFloat 3.6s ease-in-out infinite}
.lr-hspot{position:absolute;left:50%;top:56%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 66%)}
.lr-rc-win .lr-hspot{background:radial-gradient(circle,rgba(255,240,214,.55),rgba(255,240,214,0) 64%)}
.lr-hrays{position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.08) 0 6deg,transparent 6deg 16deg);-webkit-mask-image:radial-gradient(circle,#000 14%,transparent 52%);mask-image:radial-gradient(circle,#000 14%,transparent 52%);animation:lrSpin 24s linear infinite}
.lr-hs{position:absolute;left:var(--x);top:var(--y);width:14px;height:14px;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:lrTw2 2.2s var(--d,0s) ease-in-out infinite}
@keyframes lrTw2{0%,100%{opacity:.15;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}
@keyframes lrFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes lrSpin{to{transform:rotate(360deg)}}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-kicker{color:var(--muted,#7a7a85);letter-spacing:.24em;font-size:11px}
.rc-sheet.lr-rc:not(.lr-g-ps5) h2{color:var(--ink,#1c1c1c);font-size:27px;font-weight:850;margin-top:8px;background:none;-webkit-text-fill-color:currentColor}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-meta{color:var(--muted,#7a7a85);font-size:12.5px}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-note{color:var(--muted,#7a7a85)}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-sub{color:var(--ink-2,#444)}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-prize{background:#111;color:#fff;border-radius:999px;padding:11px 20px;font-size:16px;box-shadow:0 10px 22px -12px rgba(0,0,0,.6)}
.rc-sheet.lr-rc .rc-point{display:inline-flex;align-items:center;gap:6px;background:var(--card,#fff);color:#13865c;box-shadow:inset 0 0 0 1px var(--line,#e7e7ea);font-variant-numeric:tabular-nums}
.rc-sheet.lr-rc .rc-point::before{content:"";width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#f2c14e 55%,#c98d1d);box-shadow:inset 0 0 0 1.5px rgba(150,95,10,.35)}
.rc-sheet.lr-g-ps5.lr-rc .rc-point{background:rgba(111,155,255,.14);color:#c9dbff;box-shadow:none}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-actions .btn{height:52px;border-radius:16px;background:var(--card,#fff);color:var(--ink,#1c1c1c);border:1px solid var(--line-strong,#d9d9de);font-weight:700}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-actions .btn svg.i{stroke:currentColor}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-actions .btn.dark{background:#111;border-color:#111;color:#fff}
.rc-sheet.lr-rc:not(.lr-g-ps5) .rc-actions:has(> :only-child){grid-template-columns:1fr}
.rc-sheet.lr-rc .rc-timing,.rc-sheet.lr-rc .rc-lucky{background:var(--card,#fff)}

/* ---------- 3. 행운상점 화면 다듬기 ---------- */
.lucky-zip300 .lz-pick{box-shadow:0 0 0 1px var(--line,#e8e8ec);transition:transform .2s cubic-bezier(.2,1.3,.4,1),box-shadow .2s}
.lucky-zip300 .lz-pick .lz-ill{background:linear-gradient(160deg,#f6f6f8,#ececf0);position:relative}
.lucky-zip300 .lz-pick[data-evt=coffee] .lz-ill{background:linear-gradient(160deg,#faf4ea,#efe2cf)}
.lucky-zip300 .lz-pick[data-evt=ps5] .lz-ill{background:linear-gradient(160deg,#1f2747,#0c1126)}
.lucky-zip300 .lz-pick .lz-ill img{filter:drop-shadow(0 8px 10px rgba(20,15,40,.18))}
.lucky-zip300 .lz-pick[aria-pressed=true]{box-shadow:0 0 0 2px #111,0 16px 30px -18px rgba(0,0,0,.45);transform:translateY(-2px)}
.lucky-zip300 .lz-pick[aria-pressed=true] .lz-ill{background:linear-gradient(160deg,#f6f6f8,#ececf0)}
.lucky-zip300 .lz-pick[data-evt=coffee][aria-pressed=true] .lz-ill{background:linear-gradient(160deg,#faf4ea,#efe2cf)}
.lucky-zip300 .lz-pick[data-evt=ps5][aria-pressed=true] .lz-ill{background:linear-gradient(160deg,#1f2747,#0c1126)}
.lucky-zip300 .lz-pick[aria-pressed=true]::after{content:"";position:absolute;top:18px;right:18px;width:22px;height:22px;border-radius:50%;background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 0 2px #fff}
.lucky-zip300 .lz-pick:focus-visible{outline:2px solid #111}
.lucky-zip300 .lz-quick button{background:var(--card,#fff);box-shadow:inset 0 0 0 1px var(--line,#e5e5ea);color:var(--ink-2,#444);font-weight:600}
.lucky-zip300 .lz-quick button[aria-pressed=true]{background:#111;color:#fff;box-shadow:inset 0 0 0 1px #111;font-weight:750}
.lucky-zip300 .lz-quick button:focus-visible{outline:2px solid #111}
.lucky-zip300 .lz-cta.lz-inline-cta{position:relative;overflow:hidden;height:56px;border-radius:16px;background:#141216;color:#fff;border:0;font-weight:750;box-shadow:0 16px 28px -16px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .15s ease,box-shadow .2s ease}

@keyframes lzSheen{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(320%)}}
.lucky-zip300 .lz-cta.lz-inline-cta:hover:not(:disabled){background:#26232b;box-shadow:0 18px 30px -16px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.14)}
.lucky-zip300 .lz-cta.lz-inline-cta:active:not(:disabled){transform:scale(.985)}
.lucky-zip300 .lz-cta.lz-inline-cta:disabled{background:var(--card,#fff);color:var(--muted,#8a8a94);box-shadow:inset 0 0 0 1px var(--line,#e2e2e7)}
.lucky-zip300 .lz-cta.lz-inline-cta:disabled::after{display:none}
.lucky-zip300 .lz-cta.lz-inline-cta svg{stroke:currentColor}
.lucky-zip300 a.lz-cta.lz-inline-cta{text-decoration:none}
.lucky-zip300 .lz-stage[data-evp=ps5] .lz-cta.lz-inline-cta{background:#1f3fbf}

@media (prefers-reduced-motion:reduce){
 .lr *,.lr{animation:none!important;transition-duration:.12s!important}
 .lr-hero img,.lr-hrays,.lr-hs,.lucky-zip300 .lz-st-ill img,.lucky-zip300 .lz-cta.lz-inline-cta::after,.rc-sheet.lr-rc{animation:none!important}
}

/* ---------- 4. 도전하기 무대 (v44.1) — 절제된 제품 쇼케이스 + 글꼴 통일 ---------- */
.lucky-zip300{--f-en:var(--font-display);--f-story:var(--font-display);--f-ui:var(--font-body);font-family:var(--font-body)}
.lucky-zip300 .lz-st-body h3,.lucky-zip300 .lz-sh h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em}
.lucky-zip300 .lz-lead,.lucky-zip300 .lz-eyebrow{font-family:var(--font-body)}
.lucky-zip300 .lz-k{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.14em}
.lucky-zip300 .lz-sh em{font-family:var(--font-display);font-weight:600}
.ev[data-evtab=coffee] .lucky-zip300 .lz-stage.lz2[data-evp=coffee],.ev[data-evtab=timing] .lucky-zip300 .lz-stage.lz2[data-evp=timing],.ev[data-evtab=lucky] .lucky-zip300 .lz-stage.lz2[data-evp=lucky],.ev[data-evtab=ps5] .lucky-zip300 .lz-stage.lz2[data-evp=ps5]{display:block}
.lucky-zip300 .lz-stage.lz2{border-radius:24px;overflow:hidden;background:var(--card,#fff);box-shadow:0 0 0 1px var(--line,#ececf0)}
.lz2-show{position:relative;padding:18px 20px 20px;color:#18161c;background:#f5f4f2}
.lz2-t-lucky,.lz2-t-timing{background:#f3f3f6}
.lz2-t-coffee{background:#f6f2ec}
.lz2-t-ps5{background:radial-gradient(90% 70% at 50% 45%,#1b2550 0,#0d1330 60%,#090d20 100%);color:#fff}
.lz2-top{display:flex;justify-content:space-between;align-items:center}
.lz2-top .lz-k{color:#6b6672}
.lz2-t-ps5 .lz2-top .lz-k{color:rgba(255,255,255,.7)}
.lz2-scene{position:relative;height:250px;display:grid;place-items:center}
.lz2-prize{position:relative;z-index:1;width:196px;animation:lz2Float 5s ease-in-out infinite}
.lz2-prize img{display:block;width:100%;height:auto}
@keyframes lz2Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.lz2-floor{position:absolute;left:50%;bottom:16px;width:170px;height:16px;margin-left:-85px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.16),transparent);animation:lz2Shadow 5s ease-in-out infinite}
.lz2-t-ps5 .lz2-floor{background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent)}
@keyframes lz2Shadow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.92);opacity:.8}}
.lz2-name{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.lz2-name b{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.03em}
.lz2-name span{font-size:12.5px;color:#7b7682}
.lz2-t-ps5 .lz2-name span{color:rgba(255,255,255,.62)}
.lz2-feed{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(20,15,30,.08)}
.lz2-t-ps5 .lz2-feed{border-top-color:rgba(255,255,255,.12)}
.lz2-feed-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#2fa36b;box-shadow:0 0 0 0 rgba(47,163,107,.5);animation:lz-pulse 2s infinite}
.lz2-feed-win{position:relative;flex:1;min-width:0;height:20px;overflow:hidden}
.lz2-feed-win p{position:absolute;inset:0;margin:0;display:flex;align-items:center;gap:4px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4a4552;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}
.lz2-t-ps5 .lz2-feed-win p{color:rgba(255,255,255,.78)}
.lz2-feed-win p.on{opacity:1;transform:none}
.lz2-feed-win b{font-weight:650}
.lz2-feed-win strong{font-weight:700;color:#111}
.lz2-t-ps5 .lz2-feed-win strong{color:#fff}
.lz2-feed-win small{font-size:11.5px;color:#9a95a1;margin-left:4px}
.lz2-body{padding:22px 18px 22px;text-align:center}
.lucky-zip300 .lz2-body h3{font-size:22px;line-height:1.35}
.lz2-odds,.lz2-timing{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;text-align:left;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line,#ececf0)}
.lz2-timing{grid-template-columns:1fr 1fr 1fr}
.lz2-odds>div,.lz2-timing>div{display:flex;flex-direction:column;gap:4px;padding:14px 16px}
.lz2-odds>div+div,.lz2-timing>div+div{box-shadow:inset 1px 0 0 var(--line,#ececf0)}
.lz2-odds small,.lz2-timing small{font-size:11.5px;color:var(--muted,#7d7886);font-weight:500}
.lz2-odds b,.lz2-timing b{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ink,#1c1c1c)}
.lz2-timing b{font-size:17px}
.lz2-odds em,.lz2-timing em{font-style:normal;font-size:11.5px;color:var(--muted,#8a8592)}
.lz2-timing b em{font-size:12px;margin-left:2px}
.lz2-safe b{color:#13865c}
.lz2-body .lz-qty{border-top:0;margin-top:16px;padding-top:0}
.lz2-body .lz-qty-row>span{font-weight:600}
.lucky-zip300 .lz2-body .lz-stepper output{font-family:var(--font-display);font-weight:700}
.lz2-body .lz-cta.lz-inline-cta{margin-top:14px}
@media (min-width:761px){.lz2-scene{height:290px}.lz2-prize{width:220px}}
@media (prefers-reduced-motion:reduce){.lz2-prize,.lz2-floor,.lz2-feed-dot{animation:none!important}}
/* v52 행운상점 정리: 제목과 위 배경 사이 여백, 정보 칸은 가운데 정렬로 간결하게 */
.lucky-zip300 .lz2-body{padding:30px 18px 24px}
.lz2-odds>div{align-items:center;text-align:center;padding:16px 12px}
.lz2-odds small{font-size:12px}
.lz2-odds b{font-size:23px}

/* v54 수량 조절: 둥근 알약 테두리 대신 아래 장수 버튼과 같은 얇은 테두리·모서리로 */
.lucky-zip300 .lz-stepper{height:40px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e6e4ea;overflow:hidden}
.lucky-zip300 .lz-stepper button{width:40px;height:40px;border-radius:0;font-size:0;color:#1c1a22;transition:background .15s}
.lucky-zip300 .lz-stepper button{background-image:linear-gradient(currentColor,currentColor);background-size:12px 1.6px;background-position:center;background-repeat:no-repeat}
.lucky-zip300 .lz-stepper button[data-pq="1"]{background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-size:12px 1.6px,1.6px 12px}
.lucky-zip300 .lz-stepper button:active{background-color:#f6f5f8}
.lucky-zip300 .lz-stepper output{min-width:44px;font-size:17px}

/* ===== recommendations.css ===== */
.ai-page{--ai-green:#26704b;--ai-font:var(--naeip-ai-font,"NanumSquareRound","Wanted Sans",sans-serif);font-family:var(--ai-font);background:#fff;color:#22172e;min-height:70vh;padding:40px 0 32px}.ai-page-head{max-width:720px;margin:auto;padding:0 20px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}.ai-page-head>a{grid-column:1/-1;letter-spacing:.17em;font-size:10px;color:#716a76;text-decoration:none}.ai-page-head h1{margin:0;color:var(--ai-green);font-family:var(--ai-font);font-size:26px;font-weight:700;letter-spacing:-.035em}.ai-page-head button{font:inherit;font-size:12px;border:0;border-bottom:1px solid #d9d3df;padding:7px 0;background:0 0;color:#51485a;cursor:pointer}.ai-page .nfy{padding-top:24px;font-family:var(--ai-font)}.ai-page .nfy :is(.nfy-eb,.nfy-eb small,.nfy-t,.nfy-lines,.nfy-sign,.nfy-h>b,.nfy-cd-t,.nfy-cd-s,.nfy-cd-why,.nfy-lb,.nfy-new,.nfy-sw,button){font-family:var(--ai-font)}.ai-page .nfy-eb,.ai-page .nfy-sign{color:var(--ai-green)}.ai-page .nfy-in{gap:34px}.ai-page .nfy-letter{padding:28px 24px;border-radius:22px;background:#fff;box-shadow:0 12px 42px -30px #4b2f8655}.ai-page .nfy-av{background:0 0;border-radius:0;width:30px;height:36px}.ai-page .nfy-av img{object-fit:contain}.ai-page .nfy-eb{font-family:inherit;font-weight:700;letter-spacing:.07em;font-size:12px}.ai-page .nfy-eb small{margin-top:4px;color:#817688}.ai-page .nfy-h b{font-family:inherit;font-size:17px;font-weight:650;letter-spacing:-.03em}.ai-page .nfy-h-coordi{flex-direction:column;align-items:flex-start;gap:12px}.ai-page .nfy-h-coordi>b{line-height:1.65;overflow-wrap:anywhere}.ai-page .nfy-coordi-logo{order:-1;gap:8px;flex:none;color:#111;text-decoration:none;font-family:var(--font-display)}.ai-page .nfy-coordi-logo>b{font:850 36px/.95 var(--font-display);letter-spacing:-.08em}.ai-page .nfy-coordi-logo .look-logo-two{color:#6d28d9;font:inherit}.ai-page .nfy-coordi-logo>span{color:#111;font:600 9px/1 var(--font-display);letter-spacing:.2em}.ai-page .nfy-n{line-height:1.65;min-height:3.3em}.ai-page .nfy-new{z-index:1}.ai-page .nfy-img img{position:relative}.ai-page .nfy-r{color:#776b80}.ai-page .nfy-cd-t{font-family:inherit;font-weight:650;line-height:1.5}.ai-page .nfy-cd-s{font-size:10px;line-height:1.6}.ai-page .nfy-cd-row{gap:10px}.ai-page .nfy-btn{font-weight:600;white-space:nowrap;border-radius:10px;padding:0 12px;min-height:40px}.ai-page .nfy-btn.fill{background:#4b2f86}.ai-page .nfy-tot{font-size:10px;line-height:1.6}.ai-page .nfy-tot b{font-size:17px;color:#242026}.ai-page .nfy-loading,.ai-page .nfy-empty{max-width:720px;margin:auto;padding:40px 20px;color:#655d6a;line-height:1.8}.ai-page .nfy-size{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#655d6a;padding-top:14px;border-top:1px solid #ece6f1}.hdr .hdr-icons .header-menu nav.menu-panel .nav-ai,.category-destinations .nav-ai{color:var(--ok,#26704b)}.menu-destinations .nav-ai{grid-column:1/-1;font-size:14px;border-top:1px solid #eee9f1;margin-top:4px;padding-top:16px}.nai .nai-data-status{font-size:12px;line-height:1.7;color:#716979;margin:4px 0 22px}.nai-load{padding:32px;font-size:14px}@media (max-width:420px){.ai-page{padding-top:28px}.ai-page-head h1{font-size:23px}.ai-page .nfy-letter{padding:24px 20px}.ai-page .nfy-cd-f{flex-wrap:wrap}.ai-page .nfy-btns{margin-left:auto}.ai-page .nfy-cd-row{gap:7px}}@media (prefers-reduced-motion:reduce){.ai-page *{animation:none!important;transition:none!important}}.reco-also .nfy-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - 12px);gap:16px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.reco-also .pc{scroll-snap-align:start;min-width:0}@media (max-width:760px){.reco-also .nfy-rail{grid-auto-columns:32%;gap:8px}.reco-also .sec-head h2{font-size:18px}}#naeip-ai.nx{font-family:var(--naeip-ai-font,"NanumSquareRound","Wanted Sans",sans-serif)}#naeip-ai .nx-top>button{border:1px solid #e3e9e4;background:#fff;border-radius:99px;padding:9px 13px;color:#526958;font:inherit;font-size:12px}#naeip-ai .nx-h h2:has(.nx-coordi-mark){display:flex;flex-direction:column;align-items:flex-start;gap:12px}#naeip-ai .nx-coordi-mark{font-family:var(--font-body);font-size:24px}#naeip-ai .nx-coordi-mark>span{color:#000;opacity:1}.nx-coordi-person{font-size:19px}.my-ai-settings{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e8e3;border-radius:18px;padding:14px 17px;text-align:left;color:#2f7a50;font:inherit;cursor:pointer;width:100%}.my-ai-settings>span{flex:1}.my-ai-settings small{display:block;font-size:11px;color:#706c74;margin-top:5px}.my-ai-settings i{width:38px;height:23px;border-radius:30px;background:#d4d4d4;position:relative;flex:none;transition:background .25s}.my-ai-settings i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;transition:transform .25s}.my-ai-settings[aria-pressed=true] i{background:#2f7a50}.my-ai-settings[aria-pressed=true] i:after{transform:translateX(15px)}.my-ai-settings{margin:18px 0}.my-ai-settings img{width:42px;height:50px;object-fit:contain}body[data-page=ai] .ai-page{padding-bottom:85px;background:#fff}.sq-note{font-size:11px;line-height:1.7;color:#746879;margin:15px 0 0}.sq[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.nx *,.nac *,.sq *{animation:none!important;transition:none!important}}#naeip-ai .nx-ai-choice{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:96px;margin-top:0;padding:18px 20px;border:1px solid #dde1df;border-radius:22px;background:#f7f8f7;color:#505653;text-align:left;font:inherit;cursor:pointer;filter:grayscale(1);transition:background .25s,border-color .25s,color .25s,filter .25s,box-shadow .25s}#naeip-ai .nx-ai-choice[aria-pressed=true]{background:#edf8f1;border-color:#93bfa3;color:#205c3c;filter:grayscale(0);box-shadow:0 8px 24px -20px #2f7a5080}#naeip-ai .nx-choice-art{display:flex;align-items:center;justify-content:center;width:48px;height:60px}#naeip-ai .nx-choice-art svg{display:block;width:100%;height:100%;overflow:visible}#naeip-ai .nx-choice-copy{min-width:0}#naeip-ai .nx-choice-copy b{display:block;font-size:15px;font-weight:800;line-height:1.5;word-break:keep-all}#naeip-ai .nx-choice-copy small{display:block;margin-top:5px;font-size:12px;font-weight:700;color:#6c756f;line-height:1.5}#naeip-ai .nx-choice-state{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;white-space:nowrap}#naeip-ai .nx-choice-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#9b9f9d}#naeip-ai .nx-ai-choice[aria-pressed=true] .nx-choice-state:before{background:#2f7a50}#naeip-ai .nx-ai-choice:focus-visible{outline:2px solid #2f7a50;outline-offset:4px}#naeip-ai .nx-ai-choice:disabled{cursor:progress}#naeip-ai .nx-ai-choice[aria-pressed=false] :is(.nx-bob,.nx-sprout,.nx-eyes){animation:none}#naeip-ai .nx-trust{color:#66716b}#naeip-ai .nx-mem-a{justify-content:flex-end}#naeip-ai .nx-mem-a button{flex:none;background:0 0;padding:4px 0;height:auto;font-size:12px;color:#6e7470;border-radius:0}@media (max-width:380px){#naeip-ai .nx-ai-choice{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:16px 13px}#naeip-ai .nx-choice-art{width:40px;height:52px}#naeip-ai .nx-choice-copy b{font-size:13px}#naeip-ai .nx-choice-copy small{font-size:11px}}
/* ===== refinements330.css ===== */
/* NAEIP v331 — 상품 카드 사진 · 321 코디 시즌/플로팅바 · 고객센터 · 회원가입 · 포인트 교환 · 상단 Select Shop */
:root{--c330-violet:#7046b8;--c330-red:#c34748;--c330-tag:#fffffff0;--c330-img:#f3f1f0}
:root[data-theme=dark]{--c330-violet:#b99be0;--c330-red:#ff7d7d;--c330-tag:#1d1b22f0;--c330-img:#1d1d1d}

/* ---------- 상품 카드 ---------- */
.pc.pc330{display:block;position:relative;min-width:0;color:inherit;text-decoration:none;border:0;border-radius:0;box-shadow:none;overflow:visible;background:none}
.pc330 .c330-img{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:5px;background:var(--c330-img);isolation:isolate}
.pc330 .c330-img>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .6s cubic-bezier(.22,.7,.12,1)}
.pc330:hover .c330-img>img{transform:scale(1.025)}
.pc330 .c330-img .bundle-collage{position:absolute;inset:0;height:100%}
.pc330 .c330-img .collage-cell img{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.pc330 .c330-img .pc-noimg{position:absolute;inset:0}
.pc330.is-ready .c330-img>img,.pc330.is-ready .c330-img .bundle-collage{opacity:.55}
.pc330 .c330-tags{position:absolute;left:8px;top:8px;right:52px;z-index:2;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}
.pc330 .c330-tags i{font-style:normal;display:inline-block;background:var(--c330-tag);color:var(--ink);font-size:10px;line-height:1.2;padding:5px 6px;letter-spacing:.04em;font-weight:600;white-space:nowrap}
.pc330 .c330-tags i.is-deal{color:var(--c330-red)}
.pc330 .c330-tags i.is-muted{background:#28242fd9;color:#fff}
.pc330 .c330-rank{position:absolute;left:8px;top:8px;z-index:3;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;background:var(--black);color:var(--on-black);font-size:12px;font-weight:700;line-height:1}
.pc330 .c330-rank+.c330-tags{left:36px}
.pc330 .c330-like{position:absolute;right:5px;bottom:5px;z-index:3;width:38px;height:38px;border:0;padding:0;margin:0;border-radius:50%;display:grid;place-items:center;background:#ffffffc9;color:#1c1c1c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;filter:none}
.pc330 .c330-like svg.i{width:20px;height:20px;fill:none;stroke:currentColor}
.pc330 .c330-like[aria-pressed=true]{color:#cc4e62}
.pc330 .c330-like[aria-pressed=true] svg.i{fill:#cc4e62;stroke:#cc4e62}
.pc330 .c330-like:focus-visible{outline:3px solid #9167d7;outline-offset:2px}
.pc330 .c330-swatch{display:flex;align-items:center;gap:4px;margin-top:7px;height:8px}
.pc330 .c330-swatch i{width:6px;height:6px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024;flex:none}
.pc330 .c330-swatch span{font-size:9px;color:var(--muted);line-height:1;margin-left:1px}
.pc330 .save-line{margin-top:6px}

@media (max-width:760px){.pc330 .c330-like{width:30px;height:30px;right:4px;bottom:4px}.pc330 .c330-like svg.i{width:16px;height:16px}.pc330 .c330-tags{left:6px;top:6px;right:38px;gap:3px}.pc330 .c330-tags i{font-size:9px;padding:4px 5px}.pc330 .c330-rank{left:6px;top:6px;min-width:22px;height:22px;font-size:11px}.pc330 .c330-rank+.c330-tags{left:32px}}


/* TRENDING NOW 머리글 · 더 둘러보기 */
.c330-head{align-items:flex-end}
.c330-taste{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0;border:0;background:none;color:var(--ink);font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer}
.c330-taste svg.i{width:14px;height:14px}
.trending-more.c330-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;margin:20px 0 0;padding:0 16px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);font-size:12px;font-weight:500;box-shadow:none}
.trending-more.c330-more svg.i{width:15px;height:15px}
.trending-more.c330-more:hover{border-color:var(--line-strong)}

/* ---------- 321 COORDI: 혜택 3종 · 시즌 · 하단 플로팅바 ---------- */
.look-season330{margin:0}
.look-season330 .ls330-row{display:flex;align-items:baseline;justify-content:flex-start;gap:12px;margin-bottom:12px;font-size:11px;font-weight:650;letter-spacing:.16em;color:var(--ink)}
.look-season330 .ls330-row>b{font-weight:700;flex:none}
.look-season330 .ls330-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 10px;min-width:0;letter-spacing:0;font-size:10px;color:#5d5864;text-align:right}
:root[data-theme=dark] .look-season330 .ls330-tags{color:var(--muted)}
.look-season330 .ls330-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.look-season330 .ls330-grid span{position:relative;text-align:center;padding-top:11px;font-size:10px;color:#9b969e;font-variant-numeric:tabular-nums;line-height:1.3}
.look-season330 .ls330-grid span:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;border-radius:2px;background:#eee}
:root[data-theme=dark] .look-season330 .ls330-grid span:before{background:#2c2c2c}
.look-season330 .ls330-grid span.is-prime{color:var(--c330-violet);font-weight:600}
.look-season330 .ls330-grid span.is-prime:before{background:#8252c5}
.look-season330 .ls330-grid span.is-layer:before{background:#d1b9f0}
@media (min-width:1000px){.look-season330 .ls330-grid span{font-size:11px}}

html body .look-set .look-purchase-card{position:fixed;z-index:85;left:12px;right:12px;bottom:calc(var(--look-tabbar-height,72px) + 8px);margin:0;padding:10px 14px;display:block;border:1px solid var(--line);border-radius:15px;background:#ffffffef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 40px #2b22331f;color:var(--ink);animation:none;transform:none;width:auto;max-width:none}
:root[data-theme=dark] body .look-set .look-purchase-card{background:#1d1b22f2}
html body .look-set .look-purchase-card .look-live-benefits{display:none}
html body .look-set .look-purchase-card .look-sticky-main{display:flex;align-items:center;gap:10px;margin:0;justify-content:flex-start}
html body .look-set .look-purchase-card [data-look-price]{display:grid;grid-template-columns:max-content minmax(0,max-content);align-items:baseline;column-gap:7px;row-gap:1px;min-width:0;flex:1 1 auto;margin:0}
html body .look-set .look-purchase-card .look-separate-price{grid-column:1/-1;font-size:10px;color:#777;font-weight:400;white-space:nowrap;line-height:1.4}
html body .look-set .look-purchase-card .look-separate-price del{color:#8b8a91}
html body .look-set .look-purchase-card .look-set-price>small{font-size:11px;font-weight:700;color:var(--ink);margin:0;white-space:nowrap}
html body .look-set .look-purchase-card .look-set-price>b{font-size:21px;font-weight:700;letter-spacing:-.06em;line-height:1.25;color:var(--c330-red);white-space:nowrap}
html body .look-set .look-purchase-card .look-set-price>b i{display:none}
html body .look-set .look-purchase-card .look-purchase-actions{display:flex;align-items:center;gap:8px;flex:none;margin:0}
html body .look-set .look-purchase-card .look-browse{border:0;background:none;padding:0 2px;min-height:44px;min-width:0;font-size:10px;font-weight:500;color:var(--ink);white-space:nowrap;box-shadow:none}
html body .look-set .look-purchase-card .look-buy{min-width:116px;min-height:47px;padding:12px 14px;border:0;border-radius:10px;background:var(--c330-violet);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
html body .look-set .look-purchase-card .look-buy:disabled{background:#bdb7c4;opacity:1}
@media (min-width:380px){html body .look-set .look-purchase-card .look-buy{min-width:124px;font-size:14px}html body .look-set .look-purchase-card .look-browse{font-size:11px}}
@media (max-width:340px){html body .look-set .look-purchase-card{left:8px;right:8px;padding:9px 10px}html body .look-set .look-purchase-card .look-buy{min-width:96px;padding:11px 10px;font-size:12px}html body .look-set .look-purchase-card .look-set-price>b{font-size:18px}}
@media (min-width:761px){html body .look-set .look-purchase-card{left:50%;right:auto;bottom:20px;width:min(760px,calc(100% - 40px));transform:translateX(-50%);padding:13px 22px;box-shadow:0 10px 45px #2b223324}html body .look-set .look-purchase-card .look-set-price>b{font-size:23px}html body .look-set .look-purchase-card .look-browse{font-size:12px;padding:0 8px}html body .look-set .look-purchase-card .look-buy{min-width:150px;font-size:14px}body.has-look-cta{padding-bottom:calc(var(--look-cta-height,96px) + 24px)}}


/* ---------- 회원가입 ---------- */
html body .auth.auth-signup{max-width:680px;padding:45px 25px 64px;text-align:left}
html body .auth-signup>.logo{display:inline-flex;justify-content:flex-start;margin:0 0 28px}
html body .auth-signup>.logo svg,html body .auth-signup>.logo img{width:138px;height:auto}
html body .signup330-intro{text-align:left;margin:0 0 30px}
html body .auth-signup .signup330-intro h1{font-family:var(--font-display);font-size:28px;line-height:1.5;font-weight:700;letter-spacing:-.045em;color:var(--ink);margin:0}
.signup330-brand{display:block;margin-top:2px;white-space:nowrap}
.signup330-brand b{font-family:var(--font-display);font-weight:700;letter-spacing:.01em}
.signup330-brand i{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.03em;color:var(--c330-violet);margin-left:2px}
html body .auth-signup .signup-email{border:1px solid #d8d6dc;border-radius:10px;background:transparent}
:root[data-theme=dark] body .auth-signup .signup-email{border-color:var(--line-strong)}
html body .auth-signup .signup-email summary{min-height:50px;padding:12px 19px;font-size:14px;font-weight:600}
html body .auth-signup .signup-email summary .signup-reward{margin-left:auto;margin-right:12px;font-size:12px;font-weight:600;color:var(--c330-violet);letter-spacing:-.01em}
html body .auth-signup .signup-divider{margin:28px 0;font-size:11px;color:#aaa}
html body .auth-signup .social-auth-heading{text-align:left;margin:0 0 16px;font-size:14px;font-weight:700;color:var(--ink)}
.social330{display:flex;flex-direction:column;gap:10px}
.social330 .kakao-provider{order:-1}
html body .auth-signup .social330 .social-auth-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:50px;min-height:50px;margin:0;border-radius:9px;font-size:14px;font-weight:600;letter-spacing:-.02em}
html body .auth-signup .social330 .social-auth-button img{width:21px;height:21px;object-fit:contain}
html body .auth-signup .signup-login{justify-content:flex-start;text-align:left}
@media (min-width:861px){html body .auth.auth-signup{padding-top:56px}html body .auth-signup .signup330-intro h1{font-size:30px}}

/* ---------- 고객센터 ---------- */
.support330{max-width:680px;margin:0 auto;padding:26px 20px 48px}
.support330-head{padding:0 0 20px}
.support330-eyebrow{margin:0 0 7px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.support330-head h1{margin:0;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.055em;color:var(--ink)}
.support330-chat{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:17px 18px;border:0;border-radius:13px;background:#dcefe3;color:#1f3d2c;text-align:left;overflow:hidden;cursor:pointer;font:inherit}
.support330-chat:after{content:'';position:absolute;width:100px;height:100px;border:1px solid #91bca26b;border-radius:50%;right:-23px;top:-50px;pointer-events:none}
:root[data-theme=dark] .support330-chat{background:#1f2e25;color:#d8eadf}
.support330-chat-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:50%;background:#fff;color:#336f4c}
.support330-chat-icon svg,.support330-arrow{width:21px;height:21px}
.support330-chat-text{min-width:0}
.support330-chat-text b{display:block;font-size:15px;font-weight:700;letter-spacing:-.03em}
.support330-chat-text small{display:block;margin-top:2px;font-size:11px;color:#5f7f6b}
:root[data-theme=dark] .support330-chat-text small{color:#9cc2aa}
.support330-arrow{margin-left:auto;flex:none}
.support330-faq{padding-top:32px}
.support330-faq h2{margin:0 0 17px;font-size:23px;letter-spacing:-.055em;font-weight:700;color:var(--ink)}
.faq330-item{border-top:1px solid var(--line);padding:18px 0}
.faq330-item:last-child{border-bottom:1px solid var(--line)}
.faq330-item summary,.faq330-more>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--ink)}
.faq330-item summary::-webkit-details-marker,.faq330-more>summary::-webkit-details-marker{display:none}
.faq330-item summary:after{content:'+';flex:none;font-weight:500}
.faq330-item[open] summary:after{content:'−'}
.faq330-item p{margin:12px 0 0;font-size:12.5px;line-height:1.9;color:#757078}
:root[data-theme=dark] .faq330-item p{color:var(--muted)}
.faq330-more{margin-top:0}
.faq330-more>summary{justify-content:center;min-height:44px;font-size:12px;font-weight:500;color:var(--muted);border-bottom:1px solid var(--line)}
.faq330-more[open]>summary{display:none}
.faq330-more .faq330-item:first-of-type{border-top:0}
.support330-ask{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:49px;margin-top:28px;padding:12px 19px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:600;text-decoration:none}
.support330-ask svg{width:19px;height:19px}
.support330-kakao{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;margin-top:10px;font-size:12px;color:var(--ink);text-decoration:none}
.support330-kakao svg{width:14px;height:14px}
.support330-guest{margin:14px 0 0;text-align:center;font-size:12px;color:var(--muted)}
.support330-guest a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (min-width:861px){.support330{padding-top:40px}}

/* ---------- 포인트 교환소 ---------- */
.exch330{max-width:690px}
.exch330-eyebrow{margin:0 0 7px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.exch330 h2{margin:0;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.055em;color:var(--ink)}
.exch330-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.exch330-balance span{font-size:14px;font-weight:700;color:var(--ink)}
.exch330-balance b{font-size:24px;font-weight:700;letter-spacing:-.06em;color:#267759;white-space:nowrap}
:root[data-theme=dark] .exch330-balance b{color:#69c393}
.exch330-list{display:grid;gap:14px;margin-top:18px}
.exch330-card{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}
.exch330-main{flex:1;min-width:0;padding:22px 20px}
.exch330-amount{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 5px}
.exch330-amount b{font-size:26px;font-weight:700;letter-spacing:-.06em;color:var(--ink);line-height:1.15}
.exch330-amount span{font-size:12px;color:var(--ink)}
.exch330-cost{margin:4px 0 0;font-size:11px;color:#888;line-height:1.5}
.exch330-cost em{display:block;font-style:normal;color:var(--c330-violet);font-weight:600;margin-top:2px}
.exch330-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:82px;padding:0 12px;border:0;border-left:1px dashed #ddd3e8;background:#faf7fc;color:var(--c330-violet);font:inherit;font-size:12px;cursor:pointer}
.exch330-btn svg.i{width:17px;height:17px}
.exch330-btn:hover:not(:disabled){background:#f3edf9}
.exch330-btn:disabled{cursor:not-allowed;color:#9b96a1;background:var(--surface-2)}
.exch330-btn:disabled small{font-size:10px}
:root[data-theme=dark] .exch330-btn{background:#211c29;border-left-color:#3d3150}
.exch330-note{margin:16px 0 0;font-size:11.5px;line-height:1.7;color:var(--muted)}
@media (max-width:374px){.exch330-main{padding:18px 14px}.exch330-amount b{font-size:26px}.exch330-btn{min-width:72px}}
/* 321 보정 */
html body .look-page .look-style-note>.look-season330{display:block;margin:0;padding:17px 0 0;gap:0;border:0;border-top:1px solid #ece8f0}
html body .look-set .look-purchase-card .look-sticky-main{flex-direction:row;flex-wrap:nowrap;width:100%}
html body .look-set .look-purchase-card [data-look-price]{width:auto;max-width:none}
html body .look-set .look-purchase-card .look-separate-price{display:block}
html body .look-set .look-purchase-card .look-purchase-actions{width:auto;max-width:none;flex:0 0 auto;display:flex;flex-wrap:nowrap}
html body .look-set .look-purchase-card .look-purchase-actions>button{flex:0 0 auto;width:auto}
html body .look-set .look-purchase-card [data-look-price]{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:7px;row-gap:1px}
html body .look-set .look-purchase-card [data-look-price]>.look-separate-price{flex:0 0 100%}
html body .auth-signup .signup330-intro,html body .auth-signup .signup330-intro h1{text-align:left}

/* 상단 로고 옆 Select Shop (회원가입 문구와 같은 디자인) */
.hdr .header-select-shop.ss330{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:15px;line-height:1;letter-spacing:-.02em;text-transform:none;color:var(--c330-violet);white-space:nowrap;max-width:none}
@media (max-width:860px){.hdr .header-select-shop.ss330{font-size:12px;letter-spacing:-.01em}}
@media (max-width:374px){.hdr .header-select-shop.ss330{font-size:10.5px;margin-left:24px}}

/* 모바일·태블릿: TRENDING NOW·NEW IN 양끝 여백을 전체상품과 같게, 전체상품 카드 사이 간격을 TRENDING과 같게 */
@media (max-width:860px){#homeRecommendations .trending-grid,#homeNewArrivals .recommendation-rail{margin-inline:calc(10px - var(--gutter,20px))}#homeAllProducts .grid,.catalog-products .grid{column-gap:5px}}

/* ===== bag335.css ===== */
/* v335 · 장바구니(YOUR BAG) · 무료배송 · 함께 담기 · 검색 */
:root{--g335:#16b464;--g335-ink:#0f9a53;--g335-soft:#e9f9f0;--v335:#7046b8}
:root[data-theme=dark]{--g335:#3ad386;--g335-ink:#57dc97;--g335-soft:#16271e;--v335:#b99be0}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--g335:#3ad386;--g335-ink:#57dc97;--g335-soft:#16271e;--v335:#b99be0}}

/* ---------- YOUR BAG ---------- */
.bag335{max-width:770px;margin-inline:auto;padding-top:26px;padding-bottom:40px}
.bag335-eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--muted);line-height:1.3}
.bag335-title{margin:10px 0 0;font-family:var(--font-body);font-size:34px;font-weight:700;letter-spacing:-.045em;line-height:1.2;color:var(--ink)}
.bag335 .look-cart-note{margin:22px 0 0}
.bag335-empty{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:34px;padding:30px 0;border-top:1px solid var(--line)}
.bag335-empty p{margin:0;font-size:15px;color:var(--ink-2)}
.bag335-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.bag335-all{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
.bag335-all .num{color:var(--muted);font-weight:500}
.bag335-link{border:0;background:none;padding:6px 0;font:inherit;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bag335 input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:0;border:1.5px solid var(--line-strong);border-radius:50%;background:var(--bg) center/12px no-repeat;cursor:pointer;transition:background-color .15s,border-color .15s}
.bag335 input[type=checkbox]:checked{border-color:var(--ink);background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.bag335 input[type=checkbox]:disabled{opacity:.4;cursor:default}
.bag335 input[type=checkbox]:focus-visible{outline:2px solid var(--v335);outline-offset:2px}
.bag335-list{list-style:none;margin:0;padding:0}
.bag335-item{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) 32px;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.bag335-thumb{position:relative;align-self:start}
.bag335-thumb a{display:block;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:var(--surface)}
.bag335-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.bag335 .bag335-sel{position:absolute;left:6px;top:6px;width:22px;height:22px;box-shadow:0 1px 4px #0000001f}
.bag335-info{min-width:0;padding-top:2px}
.bag335-set{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--v335)}
.bag335-info h3{margin:0;font-size:14.5px;font-weight:600;line-height:1.45;letter-spacing:-.02em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bag335-info h3 a{color:inherit;text-decoration:none}
.bag335-opt{margin:7px 0 0;font-size:12.5px;color:var(--muted);line-height:1.4}
.bag335-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;margin:14px 0 0}
.bag335-price b{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.bag335-price s{order:2;font-size:12px;color:var(--faint)}
.bag335-out{margin:12px 0 0;font-size:13px;color:var(--sale)}
.bag335-qty{display:inline-flex;align-items:center;margin-top:12px;height:30px;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.bag335-qty button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
.bag335-qty button:disabled{color:var(--faint);cursor:default}
.bag335-qty .i{width:13px;height:13px}
.bag335-qty .num{min-width:22px;text-align:center;font-size:13px;font-weight:600}
.bag335-x{display:grid;place-items:center;width:32px;height:32px;margin:-4px -6px 0 0;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}
.bag335-x:hover{background:var(--surface);color:var(--ink)}
.bag335-x .i{width:17px;height:17px}
.bag335-item.is-off .bag335-thumb a,.bag335-item.is-off .bag335-info{opacity:.45}

/* ---------- 무료배송 · 트럭 ---------- */
.fs335{margin-top:26px;padding:20px 20px 16px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.fs335.is-done{border-color:color-mix(in srgb,var(--g335) 45%,var(--line))}
.fs335-msg{margin:0;font-size:16.5px;font-weight:500;letter-spacing:-.03em;line-height:1.4;color:var(--ink)}
.fs335-msg b{font-weight:700}
.fs335-msg b.num{color:var(--g335-ink);font-size:19px}
.fs335-sub{margin:4px 0 0;font-size:12.5px;color:var(--muted);line-height:1.4}
.fs335-road{position:relative;height:48px;margin-top:12px}
.fs335-track{position:absolute;left:0;right:46px;bottom:7px;height:8px;border-radius:99px;background:var(--surface);overflow:hidden}
.fs335-track::after{content:"";position:absolute;inset:3.5px 6px auto;height:1px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 6px,transparent 6px 12px);opacity:.8}
.fs335-fill{position:absolute;inset:0 auto 0 0;z-index:1;width:var(--to);border-radius:inherit;background:linear-gradient(90deg,#9be8bf,var(--g335));animation:fs335fill 1.15s cubic-bezier(.22,.8,.2,1) both}
.fs335-lane{position:absolute;left:0;right:46px;top:0;bottom:0;z-index:2;pointer-events:none}
.fs335-truck{position:absolute;bottom:11px;left:max(40px,var(--to));width:52px;transform:translateX(-78%);animation:fs335drive 1.15s cubic-bezier(.22,.8,.2,1) both}
.tk335{display:block;width:100%;height:auto;overflow:visible}
.tk335-dust{fill:none;stroke:var(--faint);stroke-width:1.6;stroke-linecap:round;opacity:0;animation:fs335dust 1.15s ease-out both}
.tk335-wheel{transform-box:fill-box;transform-origin:center;animation:fs335bump .38s ease-in-out 3}
.fs335-goal{position:absolute;right:0;bottom:0;display:grid;place-items:center;min-width:40px;height:22px;padding:0 7px;border:1.5px solid var(--g335);border-radius:99px;background:var(--bg);color:var(--g335-ink);font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1}
.fs335.is-done .fs335-goal{background:var(--g335);color:#fff}
.fs335-goal svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes fs335fill{from{width:var(--from)}to{width:var(--to)}}
@keyframes fs335drive{from{left:max(40px,var(--from))}to{left:max(40px,var(--to))}}
@keyframes fs335dust{0%{opacity:0}25%{opacity:.9}100%{opacity:0}}
@keyframes fs335bump{50%{transform:translateY(-1.2px)}}

/* ---------- 함께 담기 좋은 상품 ---------- */
.pr335{margin-top:26px}
.pr335-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pr335-head h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.pr335-head span{font-size:12px;color:var(--muted);white-space:nowrap}
.pr335-rail{display:grid;grid-auto-flow:column;grid-auto-columns:128px;gap:10px;margin-top:12px;padding-bottom:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
.pr335-rail::-webkit-scrollbar{display:none}
.pr335-item{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}
.pr335-img{position:relative;display:block;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:var(--surface);transition:box-shadow .18s}
.pr335-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.7,.12,1)}
.pr335-item:hover .pr335-img img{transform:scale(1.03)}
.pr335-check{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffffe6;box-shadow:0 1px 4px #0000001f;color:var(--ink)}
.pr335-check svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}
.pr335-check::before{content:"";position:absolute;width:11px;height:1.8px;border-radius:2px;background:currentColor}
.pr335-check::after{content:"";position:absolute;width:1.8px;height:11px;border-radius:2px;background:currentColor}
.pr335-img::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .18s;pointer-events:none}
.pr335-item.is-on .pr335-img::after{box-shadow:inset 0 0 0 2px var(--ink)}
.pr335-check,.pr335-opt{z-index:2}
.pr335-item.is-on .pr335-check{background:var(--ink);color:var(--bg)}
.pr335-item.is-on .pr335-check::before,.pr335-item.is-on .pr335-check::after{display:none}
.pr335-item.is-on .pr335-check svg{opacity:1;transform:none}
.pr335-opt{position:absolute;left:6px;bottom:6px;padding:4px 6px;border-radius:4px;background:#ffffffe6;color:#1c1c1c;font-size:10px;font-style:normal;font-weight:600;line-height:1.1}
.pr335-cat{margin-top:8px;font-size:11px;color:var(--muted);line-height:1.3}
.pr335-name{margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.pr335-price{display:flex;align-items:baseline;gap:4px;margin-top:4px}
.pr335-price em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--sale)}
.pr335-price b{font-size:13.5px;font-weight:700;color:var(--ink)}
.pr335-price b::after{content:"원";font-weight:500;font-size:12px;margin-left:1px}
.pr335-free{margin-top:3px;font-size:11px;font-weight:600;color:var(--g335-ink)}
.pr335-item:focus-visible{outline:2px solid var(--v335);outline-offset:3px;border-radius:8px}

/* ---------- 합계 ---------- */
.bag335-sum{margin-top:26px;padding-top:6px}
.bag335-rows{margin:0;padding:0 0 18px;border-bottom:1px solid var(--line)}
.bag335-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0}
.bag335-rows dt{font-size:14.5px;color:var(--ink-2)}
.bag335-rows dd{margin:0;font-size:14.5px;font-weight:700;color:var(--ink)}
.bag335-rows dd.is-minus{color:var(--sale)}
.bag335-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 0}
.bag335-total span{font-size:17px;font-weight:700;color:var(--ink)}
.bag335-total b{font-size:30px;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.bag335-luck{margin:10px 0 0;text-align:right;font-size:12.5px;color:var(--muted)}
.bag335-luck b{font-weight:700;color:var(--g335-ink)}
.bag335-none{margin:0;padding:18px 0;font-size:14px;color:var(--muted)}
.bag335 .pay-note{margin-top:22px}

/* ---------- 떠 있는 하단 바 ---------- */
.bag335-bar{position:fixed;left:0;right:0;bottom:18px;z-index:90;pointer-events:none;padding:0 16px}
.bag335-bar-in{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:950px;margin:0 auto;padding:16px 18px 16px 28px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px #0000001c}
.bag335-bar-sum{display:flex;flex-direction:column;gap:3px;min-width:0}
.bag335-bar-sum small{font-size:12px;color:var(--muted)}
.bag335-bar-sum b{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--ink);white-space:nowrap}
.bag335-bar-sum b i{font-style:normal;font-size:13px;font-weight:500;margin-left:2px;letter-spacing:0}
.bag335-go{display:inline-flex;align-items:center;gap:10px;flex:none;height:58px;padding:0 28px;border:0;border-radius:12px;background:var(--ink);color:var(--bg);font:inherit;font-size:16px;font-weight:700;letter-spacing:-.02em;cursor:pointer}
.bag335-go .i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.bag335-go:disabled{opacity:.35;cursor:default}
body.has-cta[data-page=cart] #app{padding-bottom:calc(150px + env(safe-area-inset-bottom,0))}
body[data-page=cart] .cta-bar{display:none!important}
body[data-page=cart] .toast{bottom:calc(122px + env(safe-area-inset-bottom,0))}

/* ---------- 주문서 · 함께 담은 상품 ---------- */
.ck335-ship{margin:0;padding:0;border:0;background:none}
.ck335-ship .fs335{margin-top:4px}
.ck335-ship .pr335{margin:22px 0 6px}
.ck335-added{margin:0 0 3px;font-size:11px;font-weight:700;color:var(--g335-ink)}
.ck335-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ck335-x{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}
.ck335-x .i{width:15px;height:15px}

/* ---------- 옵션 선택 시트 ---------- */
.ps335-sheet{max-width:520px}
.ps335{padding:4px 2px 2px}
.ps335-top{display:grid;grid-template-columns:104px minmax(0,1fr) 32px;gap:16px;align-items:start}
.ps335-img{display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--surface)}
.ps335-img img{display:block;width:100%;height:100%;object-fit:cover}
.ps335-meta{min-width:0;padding-top:4px}
.ps335-cat{margin:0;font-size:11.5px;color:var(--muted)}
.ps335-meta h3{margin:4px 0 0;font-size:15.5px;font-weight:600;line-height:1.45;letter-spacing:-.02em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ps335-price{display:flex;align-items:baseline;gap:5px;margin:10px 0 0}
.ps335-price em{font-style:normal;font-size:15px;font-weight:700;color:var(--sale)}
.ps335-price b{font-size:18px;font-weight:700;color:var(--ink)}
.ps335-x{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}
.ps335-x .i{width:19px;height:19px}
.ps335-group{margin-top:20px}
.ps335-label{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--ink)}
.ps335-chips{display:flex;flex-wrap:wrap;gap:8px}
.ps335-chip{min-height:40px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.ps335-chip.on{border-color:var(--ink);background:var(--ink);color:var(--bg);font-weight:600}
.ps335 .err:empty{display:none}
.ps335 .err{margin:14px 0 0}
.ps335-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:24px}
.ps335-actions .btn{height:52px;border-radius:12px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}

/* ---------- 검색 ---------- */
body:has(.srch335) #hdr,body:has(.srch335) #util,body:has(.srch335) .page-return{display:none!important}
.srch335-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:6px;height:64px;padding:0 max(var(--gutter,20px),calc((100% - var(--maxw)) / 2));border-bottom:1px solid var(--line);background:var(--bg)}
.srch335-back{display:grid;place-items:center;width:40px;height:40px;margin-left:-8px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
.srch335-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.srch335-bar h1{margin:0;font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.srch335-body{max-width:770px;margin:0 auto;padding:56px 0 64px}
.srch335-eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.srch335-title{margin:10px 0 0;font-size:34px;font-weight:700;letter-spacing:-.045em;line-height:1.2;color:var(--ink)}
.srch335-form{display:flex;align-items:center;gap:14px;margin-top:34px;padding:14px 2px 18px;border-bottom:2px solid var(--ink)}
.srch335-ic .i{display:block;width:26px;height:26px}
.srch335-form input{flex:1;min-width:0;height:34px;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:20px;letter-spacing:-.02em;outline:none}
.srch335-form input::placeholder{color:#8f8f8f}
.srch335-form button{display:grid;place-items:center;width:40px;height:40px;margin-right:-8px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
.srch335-form button .i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.srch335-keys{margin-top:40px}
.srch335-keys h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.035em;color:var(--ink)}
.srch335-list{list-style:none;margin:14px 0 0;padding:0}
.srch335-list li{border-bottom:1px solid var(--line)}
.srch335-list a,.srch335-list li.is-wait{display:flex;align-items:center;height:60px;color:var(--ink);text-decoration:none}
.srch335-n{flex:none;width:40px;font-size:14px;font-weight:700;color:var(--v335);letter-spacing:.01em}
.srch335-t{flex:1;min-width:0;font-size:16px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srch335-list a .i{flex:none;width:17px;height:17px;fill:none;stroke:var(--faint);stroke-width:1.6;transition:transform .2s,stroke .2s}
.srch335-list a:hover .i{transform:translateX(3px);stroke:var(--ink)}
.srch335-ph{width:28%;height:14px;border-radius:4px;background:var(--surface);animation:srch335wait 1.2s ease-in-out infinite alternate}
.srch335-none{padding:20px 0;font-size:14px;color:var(--muted)}
@keyframes srch335wait{to{opacity:.45}}

/* ---------- 모바일 · 태블릿 ---------- */
@media (max-width:860px){
 .bag335-bar{bottom:calc(68px + env(safe-area-inset-bottom,0));padding:0 10px}
 .bag335-bar-in{padding:12px 12px 12px 18px;border-radius:18px}
 .bag335-bar-sum b{font-size:24px}
 .bag335-go{height:50px;padding:0 18px;font-size:15px;gap:8px}
 .bag335-go .i{width:18px;height:18px}
 body.has-cta[data-page=cart] #app{padding-bottom:calc(170px + env(safe-area-inset-bottom,0))}
 body[data-page=cart] .toast{bottom:calc(166px + env(safe-area-inset-bottom,0))}
 .srch335-body{padding:36px var(--gutter,20px) 48px}
}
@media (max-width:760px){
 .bag335{padding-top:14px}
 .bag335-title{font-size:28px}
 .bag335-item{grid-template-columns:84px minmax(0,1fr) 30px;gap:14px;padding:18px 0}
 .bag335-info h3{font-size:14px}
 .bag335-price b{font-size:16.5px}
 .fs335{padding:17px 16px 14px;border-radius:14px}
 .fs335-msg{font-size:15.5px}
 .fs335-msg b.num{font-size:17.5px}
 .pr335-rail{grid-auto-columns:112px;gap:9px;margin-inline:calc(var(--gutter,16px) * -1);padding-inline:var(--gutter,16px);scroll-padding-inline:var(--gutter,16px)}
 .bag335-total b{font-size:26px}
 .srch335-bar{height:56px}
 .srch335-title{font-size:28px}
 .srch335-form{margin-top:26px;padding:12px 0 14px}
 .srch335-form input{font-size:17px}
 .srch335-ic .i{width:23px;height:23px}
 .srch335-keys{margin-top:34px}
 .srch335-keys h3{font-size:18px}
 .srch335-list a,.srch335-list li.is-wait{height:56px}
 .ps335-top{grid-template-columns:92px minmax(0,1fr) 30px;gap:14px}
}
@media (max-width:359px){.bag335-bar-sum b{font-size:20px}.bag335-go{padding:0 14px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.fs335-fill,.fs335-truck,.tk335-dust,.tk335-wheel{animation:none!important}}

/* ---------- v336 구매 후기 안내 ---------- */
.rv336{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:16px 0;padding:16px 16px 16px 14px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--ink);text-decoration:none;transition:border-color .2s}
.rv336:hover{border-color:var(--line-strong)}
.rv336-pics{display:flex;padding-left:2px}
.rv336-pics i{display:block;width:40px;aspect-ratio:3/4;border-radius:7px;overflow:hidden;background:var(--surface);border:2px solid var(--bg);box-shadow:0 2px 6px #0000000f}
.rv336-pics i+i{margin-left:-16px}
.rv336-pics i:nth-child(1){transform:rotate(-4deg)}.rv336-pics i:nth-child(3){transform:rotate(4deg)}
.rv336-pics img{display:block;width:100%;height:100%;object-fit:cover}
.rv336-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.rv336-copy small{font-size:10.5px;font-weight:700;letter-spacing:.16em;color:var(--v335)}
.rv336-copy b{font-size:15px;font-weight:700;letter-spacing:-.03em;line-height:1.35}
.rv336-copy b em{font-style:normal;color:var(--v335)}
.rv336-copy>span{font-size:12.5px;color:var(--muted);line-height:1.4}
.rv336-copy strong{font-weight:700;color:var(--g335-ink)}
.rv336-go{display:inline-flex;align-items:center;gap:2px;padding:8px 6px 8px 12px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:12.5px;font-weight:700;white-space:nowrap}
.rv336-go .i{width:15px;height:15px}
.rv336-note{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px;padding:12px 14px;border-radius:12px;background:var(--surface-2);font-size:13px;line-height:1.5;color:var(--ink-2)}
.rv336-note .i{flex:none;width:16px;height:16px;margin-top:2px;color:var(--v335)}
.rv336-note b{font-weight:700;color:var(--ink)}
.rv336-note strong{font-weight:700;color:var(--g335-ink)}
.rv336-benefit{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:-6px 0 20px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--g335) 35%,var(--line));border-radius:12px;font-size:14px;color:var(--ink)}
.rv336-benefit span{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:var(--g335-ink)}
.rv336-benefit strong{font-weight:800;color:var(--g335-ink)}
.rv336-tag{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:11px;font-weight:700;vertical-align:2px}
@media (max-width:760px){.rv336{gap:12px;padding:14px 12px 14px 12px}.rv336-pics i{width:34px}.rv336-copy b{font-size:14px}.rv336-go{padding:7px 4px 7px 10px;font-size:12px}}
@media (max-width:359px){.rv336{grid-template-columns:minmax(0,1fr) auto}.rv336-pics{display:none}}

/* ---------- v336 세잎이·네잎이와 대화하기 (DM 버튼) ---------- */
.sq-sheet .sq-chat-entry.dm336,#naeip-ai .nx-hero-actions>button.dm336{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 42px;align-items:center;gap:12px;width:100%;max-width:100%;min-height:66px;margin:18px 0 0;padding:10px 10px 10px 10px;border:1px solid #cdebd8;border-radius:20px;background:linear-gradient(135deg,#f2fbf6 0%,#e4f7ec 100%);color:#123d2a;box-shadow:inset 0 1px 0 #ffffffb3,0 10px 22px -16px #1d7a4a73;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:border-color .2s,box-shadow .2s,transform .15s}
#naeip-ai .nx-hero-actions>button.dm336{margin:0;max-width:420px}
.sq-sheet .sq-chat-entry.dm336::after,#naeip-ai .nx-hero-actions>button.dm336::after{content:none}
.dm336:hover{border-color:#a9dcbe;box-shadow:inset 0 1px 0 #ffffffb3,0 14px 26px -16px #1d7a4a8c}
.dm336:active{transform:scale(.985)}
.dm336:focus-visible{outline:2px solid #1f9d5c;outline-offset:3px}
.dm336 .dm336-av{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #d4eedd,0 4px 10px -6px #1d7a4a80}
.dm336 .dm336-av img{display:block;width:36px;height:36px;object-fit:contain;transform:translateY(1px)}
.dm336 .dm336-on{position:absolute;right:1px;bottom:2px;width:10px;height:10px;border-radius:50%;background:#22c06b;box-shadow:0 0 0 2.5px #fff}
.dm336 .dm336-on::after{content:"";position:absolute;inset:0;border-radius:50%;background:#22c06b;animation:dm336pulse 2.4s ease-out infinite}
.dm336 .dm336-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.dm336 .dm336-tx b{font-family:var(--font-body);font-size:15.5px;font-weight:700;letter-spacing:-.035em;line-height:1.3;color:#123d2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm336 .dm336-tx small{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:-.02em;line-height:1.35;color:#4f7d65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1}
.dm336 .dm336-send{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1f9d5c;color:#fff;box-shadow:0 6px 14px -6px #1f9d5cb3;transition:transform .2s}
.dm336 .dm336-send svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform:translate(-1px,1px)}
.dm336:hover .dm336-send{transform:translate(1px,-1px)}
@keyframes dm336pulse{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(2.4);opacity:0}}
:root[data-theme=dark] .dm336{background:linear-gradient(135deg,#15261d,#112018)!important;border-color:#23432f!important;color:#d8f3e3!important}
:root[data-theme=dark] .dm336 .dm336-tx b{color:#e3f7ea}:root[data-theme=dark] .dm336 .dm336-tx small{color:#8dc0a3}
:root[data-theme=dark] .dm336 .dm336-av{background:#1d2f25;box-shadow:0 0 0 1px #2a4a37}
@media (max-width:359px){.dm336 .dm336-tx small{display:none}}
@media (prefers-reduced-motion:reduce){.dm336 .dm336-on::after{animation:none}}
#naeip-ai .nx-hero-actions:has(.dm336){flex-wrap:wrap;align-items:stretch}
#naeip-ai .nx-hero-actions>button.dm336{flex:1 1 320px;max-width:none;min-width:0}
#naeip-ai .nx-hero-actions:has(.dm336) .nx-presence-choice{flex:1 1 260px}
@media (max-width:760px){#naeip-ai .nx-hero-actions>button.dm336,#naeip-ai .nx-hero-actions:has(.dm336) .nx-presence-choice{flex-basis:100%}}
/* DM 버튼: 다른 페이지 규칙이 span 표시 방식을 덮어쓰지 않도록 고정 → 아바타·글자·보내기 버튼 모두 세로 가운데 */
.sq-sheet .sq-chat-entry.dm336>.dm336-av,#naeip-ai .nx-hero-actions>button.dm336>.dm336-av,.dm336>.dm336-av{display:grid!important;place-items:center!important;align-self:center!important;margin:0!important}
.sq-sheet .sq-chat-entry.dm336>.dm336-tx,#naeip-ai .nx-hero-actions>button.dm336>.dm336-tx,.dm336>.dm336-tx{display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:center!important;margin:0!important}
.sq-sheet .sq-chat-entry.dm336>.dm336-send,#naeip-ai .nx-hero-actions>button.dm336>.dm336-send,.dm336>.dm336-send{display:grid!important;place-items:center!important;align-self:center!important;margin:0!important}
.dm336 .dm336-av img{margin:0!important}
.dm336 .dm336-send svg{display:block;margin:0!important}
.dm336 .dm336-av img,.dm336 .dm336-send svg{display:block!important;margin:0!important;vertical-align:top}
.dm336 .dm336-send svg{transform:none!important}
.dm336 .dm336-av img{transform:none!important}
.dm336 .dm336-av img[src*="level1"]{transform:translateY(-1.3px)!important}
.dm336 .dm336-av img[src*="level4"]{transform:translateY(-.4px)!important}

/* ===== ai346.css ===== */
/* v346 NAEIP AI — SELECTION 근거 문장 · 직접 알려준 취향 칩 */
#naeip-ai .nx-selection-note{font:500 14px/1.75 var(--naeip-ai-font)!important;color:#3f4a44!important;margin:14px 0 22px!important;letter-spacing:-.025em;word-break:keep-all}
#naeip-ai .nx-selection-note b{font-weight:700;color:#1f2a24}
#naeip-ai .nx-selection-products>a{gap:0}
#naeip-ai .nx-sel-why{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;font:500 11.5px/1.5 var(--naeip-ai-font);font-style:normal;letter-spacing:-.02em;color:#6b766f;word-break:keep-all}
#naeip-ai .nx-stated .nx-stated-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0!important}
#naeip-ai .nx-stated-chips span{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border-radius:999px;box-shadow:inset 0 0 0 1px #dfe5e1;font:600 12.5px/1 var(--naeip-ai-font);color:#2c3a32;background:#fff}
#naeip-ai .nx-stated-chips span.is-less{color:#8b948f;box-shadow:inset 0 0 0 1px #eceeed}
#naeip-ai .nx-stated-chips span.is-less small{font-size:10.5px;font-weight:600;color:#a3aaa6}
#naeip-ai .nx-selection-note b{white-space:nowrap}
#naeip-ai .nx-m svg>circle:first-child{fill:#f5f6f5}
#naeip-ai .nx-m[aria-pressed="true"] svg>circle:first-child{fill:#fff}

/* ===== ai348.css ===== */
/* NAEIP AI page · v348 full visual redesign (section order & arrangement unchanged) */
#naeip-ai.nx{--a-ink:#16181a;--a-ink2:#3f4347;--a-ink3:#878c91;--a-line:#e6e5e0;--a-line2:#eeede8;--a-tile:#f6f5f1;--a-ivory:#f4f4f2;--a-ivory2:#e9e9e7;--a-deep:#141414;--a-deep2:#2a2a2a;--a-green:#5b2f97;--a-mint:#e6e6e6;--a-red:#c9353f;--a-serif:Georgia,"Times New Roman",serif;color:var(--a-ink);background:#fff}
#naeip-ai.nx .nx-in{max-width:780px}

/* ───────── masthead ───────── */
#naeip-ai.nx .nx-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 0 14px;border-bottom:0;margin:0 0 22px}
#naeip-ai.nx .nx-service-signature,#naeip-ai.nx .nx-top>span{font:600 10.5px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--a-ink3);padding-bottom:4px}

/* ───────── shared heading system (serif number · title · sub) ───────── */
#naeip-ai.nx .nx-mem-h b,#naeip-ai.nx .nx-mood>h2,#naeip-ai.nx .nx-h h2.nx-for-name,#naeip-ai.nx .nx-coordi-person{font:800 25px/1.3 var(--font-body)!important;letter-spacing:-.04em!important;color:var(--a-ink)!important;margin:0}
#naeip-ai.nx .nx-mem-h small,#naeip-ai.nx .nx-mood>p,#naeip-ai.nx .nx-h small{display:block;font:500 13px/1.5 var(--font-body)!important;color:var(--a-ink3)!important;letter-spacing:-.01em;margin:6px 0 0}
#naeip-ai.nx .nx-selection316>header span:before,#naeip-ai.nx .nx-mem-h b:before,#naeip-ai.nx .nx-mood>h2:before,#naeip-ai.nx .nx-h h2.nx-for-name:before,#naeip-ai.nx .nx-h h2:has(.nx-coordi-mark):before{display:block;font:italic 400 17px/1 var(--a-serif);letter-spacing:0;color:var(--a-green);margin:0 0 12px;text-transform:none}
#naeip-ai.nx .nx-selection316>header span:before{content:"No. 01"}
#naeip-ai.nx .nx-mem-h b:before{content:"No. 02"}
#naeip-ai.nx .nx-mood>h2:before{content:"No. 03"}
#naeip-ai.nx .nx-h h2.nx-for-name:before{content:"No. 04"}
#naeip-ai.nx .nx-h h2:has(.nx-coordi-mark):before{content:"No. 05"}
#naeip-ai.nx .nx-mem,#naeip-ai.nx .nx-mood,#naeip-ai.nx .nx-in>section:not(.nx-hero):not(.nx-mem):not(.nx-mood){margin-top:84px!important;margin-bottom:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}

/* ───────── cover (first view) ───────── */
#naeip-ai.nx .nx-hero{padding-top:0!important}
#naeip-ai.nx .nx-cover{position:relative;overflow:hidden;border-radius:28px;padding:44px 44px 40px;color:#fff;background:radial-gradient(110% 80% at 100% 0%,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 50%),linear-gradient(160deg,var(--a-deep2) 0%,var(--a-deep) 60%,#0b0b0b 100%)}
#naeip-ai.nx .nx-cover:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#naeip-ai.nx .nx-hero-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
#naeip-ai.nx .nx-kicker{display:block;font:700 10.5px/1 var(--font-body)!important;letter-spacing:.22em!important;color:var(--a-mint)!important;margin:0 0 16px}
#naeip-ai.nx .nx-t{font:800 36px/1.22 var(--font-body)!important;letter-spacing:-.045em!important;color:#fff!important;margin:0;word-break:keep-all}
#naeip-ai.nx .nx-t span{display:inline-block;font:italic 400 1.08em/1 var(--a-serif);letter-spacing:-.005em;color:var(--a-mint)}
#naeip-ai.nx .nx-av{position:relative;width:84px!important;height:84px!important;flex:none;margin:-6px -4px 0 0}
#naeip-ai.nx .nx-av:before{content:""!important;position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 66%)!important;opacity:1!important;animation:none!important}
#naeip-ai.nx .nx-av svg{position:relative}
#naeip-ai.nx .nx-lines{margin:28px 0 0;max-width:600px}
#naeip-ai.nx .nx-lines span{display:block;font:500 16px/1.9 var(--font-body)!important;color:rgba(255,255,255,.88)!important;letter-spacing:-.02em;word-break:keep-all;margin:0 0 12px}
#naeip-ai.nx .nx-lines span:nth-child(3){font-size:13px!important;line-height:1.75!important;color:rgba(255,255,255,.6)!important;margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
#naeip-ai.nx .nx-chips{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 0}
#naeip-ai.nx .nx-chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px;background:rgba(255,255,255,.08)!important;box-shadow:none!important;font:600 12.5px/1 var(--font-body)!important;color:#fff!important;letter-spacing:-.01em}
#naeip-ai.nx .nx-chip i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.7)}

/* ───────── No.01 SELECTED FOR YOU ───────── */
#naeip-ai.nx .nx-selection316{margin-top:14px!important;padding:38px 36px 34px!important;border:0!important;border-radius:28px;background:var(--a-ivory)!important;color:var(--a-ink)}
#naeip-ai.nx .nx-selection316>header{display:flex;justify-content:space-between;align-items:flex-start}
#naeip-ai.nx .nx-selection316>header span{display:block;font:700 10.5px/1 var(--font-body)!important;letter-spacing:.22em!important;color:var(--a-ink3)!important;margin:0 0 12px}
#naeip-ai.nx .nx-selection316 h3{font:800 34px/1.05 var(--font-body)!important;letter-spacing:-.045em!important;color:var(--a-ink)!important;margin:0!important}
#naeip-ai.nx .nx-selection316 h3 br{display:none}
#naeip-ai.nx .nx-selection316 h3 i{font:italic 400 1.08em/1 var(--a-serif)!important;letter-spacing:-.005em;color:var(--a-green)!important;margin-left:.2em}
#naeip-ai.nx .nx-selection316>header img{width:30px!important;height:36px!important;margin-top:2px!important}
#naeip-ai.nx .nx-selection-note{margin:24px 0 0!important;padding:22px 24px!important;border:0!important;border-radius:18px;background:#fff!important;font:500 17px/1.85 var(--font-body)!important;color:var(--a-ink2)!important;letter-spacing:-.025em;word-break:keep-all}
#naeip-ai.nx .nx-selection-note b{font-weight:800;color:var(--a-ink);white-space:nowrap;background:linear-gradient(transparent 60%,rgba(91,47,151,.14) 60%,rgba(91,47,151,.14) 94%,transparent 94%);padding:0 2px}
#naeip-ai.nx .nx-selection-products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:14px!important}
#naeip-ai.nx .nx-selection-products a{display:flex!important;flex-direction:column;padding:10px 10px 16px!important;border-radius:18px;background:#fff;color:inherit;text-decoration:none;min-width:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
#naeip-ai.nx .nx-selection-products a:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(40,30,10,.35)}
#naeip-ai.nx .nx-selection-products figure{position:relative;margin:0!important;aspect-ratio:3/4;border-radius:12px!important;overflow:hidden;background:var(--a-tile)}
#naeip-ai.nx .nx-selection-products figure img{width:100%!important;height:100%!important;object-fit:cover;display:block}
#naeip-ai.nx .nx-selection-products figure span{position:absolute;right:auto!important;top:auto!important;bottom:2px!important;left:12px!important;height:auto;min-width:0;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;font:italic 400 34px/1 var(--a-serif)!important;letter-spacing:-.02em;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#naeip-ai.nx .nx-selection-products b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:14px 4px 0!important;font:600 13.5px/1.45 var(--font-body)!important;color:var(--a-ink)!important;letter-spacing:-.02em;word-break:keep-all}
#naeip-ai.nx .nx-selection-products small{margin:6px 4px 0!important;font:800 15.5px/1.2 var(--font-body)!important;color:var(--a-ink)!important;letter-spacing:-.01em}
#naeip-ai.nx .nx-selection-products .nx-sel-why{display:block;margin:12px 4px 0!important;padding:10px 12px!important;border:0!important;border-radius:10px;background:#f4f4f2;font:600 12px/1.55 var(--font-body)!important;font-style:normal!important;color:#3d3d3d!important;letter-spacing:-.02em;word-break:keep-all}

/* actions */
#naeip-ai.nx .nx-hero-actions{display:grid!important;grid-template-columns:1.25fr 1fr;gap:10px!important;margin-top:14px!important}
#naeip-ai.nx .nx-hero-actions>button{display:flex!important;align-items:center;gap:12px;min-height:72px!important;padding:12px 14px!important;border:1px solid var(--a-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;text-align:left;color:var(--a-ink);transition:transform .2s}
#naeip-ai.nx .nx-hero-actions>button:only-child{grid-column:1/-1}
#naeip-ai.nx .nx-hero-actions>button.dm336{background:var(--a-ink)!important;border-color:var(--a-ink)!important}
#naeip-ai.nx .nx-hero-actions>button:active{transform:scale(.99)}
#naeip-ai.nx .dm336 .dm336-tx,#naeip-ai.nx .nx-presence-choice>span:nth-child(2){flex:1 1 auto;min-width:0}
#naeip-ai.nx .dm336 .dm336-tx b{font:700 15px/1.3 var(--font-body)!important;color:#fff!important;letter-spacing:-.025em}
#naeip-ai.nx .dm336 .dm336-tx small{font:500 12px/1.4 var(--font-body)!important;color:rgba(255,255,255,.62)!important}
#naeip-ai.nx .nx-presence-choice b{font:700 14.5px/1.3 var(--font-body)!important;color:var(--a-ink)!important;letter-spacing:-.025em}
#naeip-ai.nx .nx-presence-choice small{font:500 12px/1.4 var(--font-body)!important;color:var(--a-ink3)!important}
#naeip-ai.nx .dm336 .dm336-av{background:#fff!important;box-shadow:none!important}
#naeip-ai.nx .dm336 .dm336-on{box-shadow:0 0 0 2px var(--a-ink)!important}
#naeip-ai.nx .dm336 .dm336-send{margin-left:auto!important;flex:none;width:42px!important;height:42px!important;border-radius:50%!important;background:var(--a-green)!important;box-shadow:none!important}
#naeip-ai.nx .nx-presence-icon{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--a-tile)!important;color:var(--a-ink2)}
#naeip-ai.nx .nx-presence-state{margin-left:auto!important;flex:none;display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;border:0!important;background:#f1f1f1!important;font:800 11px/1 var(--font-body)!important;letter-spacing:.08em;color:var(--a-green)!important}
#naeip-ai.nx [aria-pressed="false"] .nx-presence-state{background:var(--a-tile)!important;color:var(--a-ink3)!important}
#naeip-ai.nx .nx-why{margin-top:10px!important;border:0!important;border-radius:16px;background:var(--a-tile)!important;padding:0 18px!important}
#naeip-ai.nx .nx-why>button{width:100%;display:flex;justify-content:space-between;align-items:center;height:50px;padding:0!important;font:600 13px/1 var(--font-body)!important;color:var(--a-ink2)!important;background:none!important}

/* ───────── No.02 취향 아카이브 (bento) ───────── */
#naeip-ai.nx .nx-mem-h{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 22px}
#naeip-ai.nx .nx-mem-h>div{order:-1}
#naeip-ai.nx .nx-mem-h>svg,#naeip-ai.nx .nx-mem-h .nx-char{width:46px!important;height:54px!important;flex:none}
#naeip-ai.nx .nx-mg{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;border:0!important;background:none!important;padding:0!important;align-items:stretch!important}
#naeip-ai.nx .nx-mg>div{padding:22px 22px 24px!important;margin:0!important;border:0!important;border-radius:20px!important;background:var(--a-tile)!important;box-shadow:none!important;min-width:0}
#naeip-ai.nx .nx-mg>.nx-stated,#naeip-ai.nx .nx-mg>.nx-price316{grid-column:1/-1}
#naeip-ai.nx .nx-mg h3{font:700 12.5px/1 var(--font-body)!important;letter-spacing:-.01em!important;color:var(--a-ink3)!important;margin:0 0 16px!important;text-transform:none}
#naeip-ai.nx .nx-stated-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0!important}
#naeip-ai.nx .nx-stated-chips span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 15px;border:0!important;border-radius:999px;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;font:700 13px/1 var(--font-body)!important;color:var(--a-ink)!important;letter-spacing:-.01em}
#naeip-ai.nx .nx-stated-chips span.is-less{background:transparent!important;box-shadow:inset 0 0 0 1px var(--a-line)!important;color:var(--a-ink3)!important;text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}
#naeip-ai.nx .nx-stated-chips span.is-less small{text-decoration:none;font:600 10.5px/1 var(--font-body);color:var(--a-ink3)}
#naeip-ai.nx .nx-pal{display:flex!important;gap:16px!important;flex-wrap:wrap}
#naeip-ai.nx .nx-pal>div{display:flex!important;flex-direction:column;align-items:center;gap:12px;font:700 12px/1 var(--font-body)!important;color:var(--a-ink2)!important}
#naeip-ai.nx .nx-pal i{width:52px!important;height:52px!important;border-radius:50%!important;border:0!important;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--a-line)!important;outline:0!important}
#naeip-ai.nx .nx-bars{display:grid!important;gap:12px!important}
#naeip-ai.nx .nx-bars>div{display:grid!important;grid-template-columns:84px 1fr!important;align-items:center;gap:12px!important;margin:0!important}
#naeip-ai.nx .nx-bars b{font:700 13px/1.2 var(--font-body)!important;color:var(--a-ink2)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#naeip-ai.nx .nx-bars span{display:block;height:8px!important;border-radius:8px!important;background:#fff!important;overflow:hidden}
#naeip-ai.nx .nx-bars span i{display:block;height:100%!important;border-radius:8px!important;background:var(--a-ink)!important}
#naeip-ai.nx .nx-bars>div:first-child span i{background:var(--a-green)!important}
#naeip-ai.nx .nx-mg>.nx-price316{display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--a-ink)!important}
#naeip-ai.nx .nx-mg>.nx-price316 h3{margin:0!important;color:rgba(255,255,255,.6)!important}
#naeip-ai.nx .nx-price316 p{display:flex;align-items:baseline;gap:12px;margin:0!important}
#naeip-ai.nx .nx-price316 b{font:800 26px/1 var(--font-body)!important;letter-spacing:-.03em!important;color:#fff!important;font-variant-numeric:tabular-nums}
#naeip-ai.nx .nx-price316 span{color:rgba(255,255,255,.45)!important;font-weight:400}

/* ───────── No.03 오늘의 기분 ───────── */
#naeip-ai.nx .nx-mrow{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:22px!important}
#naeip-ai.nx .nx-m{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px!important;height:116px!important;min-height:0!important;padding:0 6px!important;border:0!important;border-radius:20px!important;background:var(--a-tile)!important;box-shadow:none!important;transition:background .2s,transform .2s}
#naeip-ai.nx .nx-m:hover{background:#efeee9!important}
#naeip-ai.nx .nx-m:active{transform:scale(.98)}
#naeip-ai.nx .nx-m svg{width:52px!important;height:52px!important;padding:6px;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05);margin:0!important}
#naeip-ai.nx .nx-m svg>circle:first-child,#naeip-ai.nx .nx-m svg>rect:first-child{fill:transparent!important}
#naeip-ai.nx .nx-m span{font:700 13px/1.25 var(--font-body)!important;color:var(--a-ink2)!important;letter-spacing:-.02em;text-align:center}
#naeip-ai.nx .nx-m[aria-pressed="true"]{background:var(--a-ink)!important;border:0!important}
#naeip-ai.nx .nx-m[aria-pressed="true"] span{color:#fff!important}
#naeip-ai.nx .nx-m[aria-pressed="true"]:after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--a-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
#naeip-ai.nx .nx-mline{margin-top:12px!important;padding:16px 20px!important;border:0!important;border-radius:18px!important;background:var(--a-ivory)!important;box-shadow:none!important;display:flex;align-items:center;gap:12px}
#naeip-ai.nx .nx-mline p{font:500 14px/1.7 var(--font-body)!important;color:var(--a-ink2)!important;margin:0}
#naeip-ai.nx .nx-mline p b{color:var(--a-ink)!important;margin-right:6px}

/* ───────── No.04 추천 레일 ───────── */
#naeip-ai.nx .nx-h{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px;margin:0 0 22px!important}
#naeip-ai.nx .nx-h small{margin:0 0 4px!important;height:26px;padding:0 11px;display:inline-flex!important;align-items:center;border-radius:999px;background:var(--a-tile);font-weight:700!important;color:var(--a-ink2)!important}
#naeip-ai.nx .nx-rail{gap:14px!important;grid-auto-columns:calc((100% - 56px)/4.25)!important}
#naeip-ai.nx .nx-p .nx-img{border-radius:16px!important;overflow:hidden;background:var(--a-tile)!important;box-shadow:none!important}
#naeip-ai.nx .nx-p .nx-img img{object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
#naeip-ai.nx .nx-p:hover .nx-img img{transform:scale(1.04)}
#naeip-ai.nx .nx-new{top:10px!important;left:10px!important;height:22px;padding:0 9px!important;display:flex!important;align-items:center;border-radius:999px!important;background:#fff!important;box-shadow:none!important;font:800 10px/1 var(--font-body)!important;letter-spacing:.12em!important;color:var(--a-ink)!important}
#naeip-ai.nx .nx-fit{left:10px!important;right:auto!important;bottom:10px!important;height:26px;padding:0 10px!important;display:flex!important;align-items:center;gap:5px;border-radius:999px!important;background:rgba(17,17,17,.82)!important;box-shadow:none!important;font:700 11.5px/1 var(--font-body)!important;color:#fff!important;letter-spacing:-.01em}
#naeip-ai.nx .nx-fit svg{width:11px;height:11px}
#naeip-ai.nx .nx-fit svg *{fill:var(--a-mint)!important}
#naeip-ai.nx .nx-x{top:8px!important;right:8px!important;width:28px!important;height:28px!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;box-shadow:none!important;color:var(--a-ink)!important}
#naeip-ai.nx .nx-x svg{width:10px!important;height:10px!important}
#naeip-ai.nx .nx-p .nx-n{margin-top:12px!important;font:600 13.5px/1.45 var(--font-body)!important;color:var(--a-ink)!important;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0!important}
#naeip-ai.nx .nx-p .nx-pr{margin-top:4px!important;font:800 15.5px/1.2 var(--font-body)!important;color:var(--a-ink)!important}
#naeip-ai.nx .nx-p .nx-r{margin-top:8px!important;font:500 12px/1.55 var(--font-body)!important;color:var(--a-ink3)!important;letter-spacing:-.02em}
#naeip-ai.nx .nx-p .nx-r svg{display:none}

/* ───────── No.05 321 COORDI ───────── */
#naeip-ai.nx .nx-h h2:has(.nx-coordi-mark){display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:0!important}
#naeip-ai.nx .nx-coordi-mark{transform:none!important;margin:0!important;font-size:28px!important;line-height:1!important}
#naeip-ai.nx .nx-coordi-person{display:block}
#naeip-ai.nx [data-reco-src="coordi"]{display:grid;gap:14px;padding:14px;border-radius:30px;background:var(--a-ivory)}
#naeip-ai.nx .nx-cd{border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important;padding:22px!important;margin:0!important}
#naeip-ai.nx .nx-cd-top{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:0 0 16px!important;background:none!important}
#naeip-ai.nx .nx-cd-top b{font:italic 400 22px/1.2 var(--a-serif)!important;letter-spacing:-.01em;color:var(--a-ink)!important}
#naeip-ai.nx .nx-cd-top small{font:700 10.5px/1 var(--font-body)!important;letter-spacing:.12em;color:var(--a-ink3)!important;text-transform:uppercase}
#naeip-ai.nx .nx-set-product:not(.nx-set-plus){display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch}
#naeip-ai.nx .nx-set-photo{display:block!important;position:relative;border-radius:14px!important;overflow:hidden;background:var(--a-tile)!important;box-shadow:none!important}
#naeip-ai.nx .nx-set-photo img{width:100%!important;height:100%!important;object-fit:cover!important;inset:0!important}
#naeip-ai.nx .nx-set-photo em{height:22px;padding:0 9px!important;display:flex!important;align-items:center;border-radius:999px!important;background:#fff!important;box-shadow:none!important;font:800 10px/1 var(--font-body)!important;font-style:normal!important;letter-spacing:.12em!important;color:var(--a-ink)!important}
#naeip-ai.nx .nx-pick-mark{background:rgba(255,255,255,.92)!important;border:1.5px solid rgba(0,0,0,.12)!important;box-shadow:none!important}
#naeip-ai.nx .nx-set-product[aria-pressed="true"] .nx-pick-mark{background:var(--a-green)!important;border-color:var(--a-green)!important}
#naeip-ai.nx .nx-set-product[aria-pressed="true"] .nx-set-photo{box-shadow:inset 0 0 0 2.5px var(--a-ink)!important}
#naeip-ai.nx .nx-set-info span{font:600 13px/1.45 var(--font-body)!important;color:var(--a-ink)!important;letter-spacing:-.02em}
#naeip-ai.nx .nx-set-info b{font:800 15px/1.3 var(--font-body)!important;color:var(--a-ink)!important}
#naeip-ai.nx .nx-set-plus{margin-top:8px!important;padding:12px!important;border:0!important;border-radius:16px!important;background:var(--a-tile)!important}
#naeip-ai.nx .nx-set-plus .nx-set-photo{border-radius:10px!important}
#naeip-ai.nx .nx-extra-label{font:700 12px/1 var(--font-body)!important;color:var(--a-ink)!important;height:32px;padding:0 13px;display:inline-flex!important;align-items:center;border-radius:999px;background:#fff}
#naeip-ai.nx .nx-tags{margin-top:12px!important}
#naeip-ai.nx .nx-tags span{font:600 12px/1.4 var(--font-body)!important;color:var(--a-green)!important;background:none!important;padding:0!important}
#naeip-ai.nx .nx-cd-f{border-top:1px dashed var(--a-line)!important;padding-top:16px!important;margin-top:14px!important;align-items:center}
#naeip-ai.nx .nx-cd-f small{font:600 11.5px/1 var(--font-body)!important;color:var(--a-ink3)!important}
#naeip-ai.nx .nx-cd-f b{font:800 23px/1.15 var(--font-body)!important;color:var(--a-red)!important;letter-spacing:-.03em}
#naeip-ai.nx .nx-cd-f s{font:500 12.5px/1 var(--font-body)!important;color:var(--a-ink3)!important}
#naeip-ai.nx .nx-btn{height:48px!important;padding:0 20px!important;border-radius:999px!important;font:700 13.5px/1 var(--font-body)!important;letter-spacing:-.02em;box-shadow:none!important;display:inline-flex!important;align-items:center;justify-content:center}
#naeip-ai.nx .nx-btn.ghost{background:#fff!important;border:1px solid var(--a-line)!important;color:var(--a-ink)!important}
#naeip-ai.nx .nx-btn.fill{background:var(--a-ink)!important;border:1px solid var(--a-ink)!important;color:#fff!important}
#naeip-ai.nx .nx-btn.fill:disabled{background:var(--a-tile)!important;border-color:var(--a-tile)!important;color:var(--a-ink3)!important}

/* ───────── 설정 ───────── */
#naeip-ai.nx .nx-settings323{margin-top:40px!important;border:0!important;border-radius:16px;background:var(--a-tile);padding:0 18px!important}
#naeip-ai.nx .nx-settings323>summary{height:52px;display:flex;align-items:center;font:600 13.5px/1 var(--font-body)!important;color:var(--a-ink2)!important}

/* ───────── mobile ───────── */
@media (max-width:760px){
  #naeip-ai.nx .nx-top{margin-bottom:16px}
  #naeip-ai.nx .nx-cover{border-radius:24px;padding:30px 22px 26px}
  #naeip-ai.nx .nx-t{font-size:27px!important;line-height:1.25!important}
  #naeip-ai.nx .nx-av{width:64px!important;height:64px!important;margin:-4px -4px 0 0}
  #naeip-ai.nx .nx-lines{margin-top:20px}
  #naeip-ai.nx .nx-lines span{font-size:15px!important;line-height:1.85!important;margin-bottom:10px}
  #naeip-ai.nx .nx-selection316{margin-top:10px!important;padding:28px 14px 16px!important;border-radius:24px}
  #naeip-ai.nx .nx-selection316>header{padding:0 6px}
  #naeip-ai.nx .nx-selection316 h3{font-size:27px!important}
  #naeip-ai.nx .nx-selection-note{margin-top:20px!important;padding:18px!important;font-size:15px!important;line-height:1.8!important;border-radius:16px}
  #naeip-ai.nx .nx-selection-products{gap:6px!important;margin-top:8px!important}
  #naeip-ai.nx .nx-selection-products a{padding:5px 5px 10px!important;border-radius:14px}
  #naeip-ai.nx .nx-selection-products figure{border-radius:10px!important}
  #naeip-ai.nx .nx-selection-products figure span{left:8px!important;font-size:24px!important}
  #naeip-ai.nx .nx-selection-products b{font-size:12px!important;margin:9px 3px 0!important}
  #naeip-ai.nx .nx-selection-products small{font-size:13px!important;margin:4px 3px 0!important}
  #naeip-ai.nx .nx-selection-products .nx-sel-why{font-size:10.5px!important;line-height:1.5!important;padding:7px 8px!important;margin:9px 3px 0!important;border-radius:8px}
  #naeip-ai.nx .nx-hero-actions{grid-template-columns:1fr!important;gap:8px!important;margin-top:10px!important}
  #naeip-ai.nx .nx-hero-actions>button{min-height:66px!important;border-radius:18px!important}
  #naeip-ai.nx .nx-mem,#naeip-ai.nx .nx-mood,#naeip-ai.nx .nx-in>section:not(.nx-hero):not(.nx-mem):not(.nx-mood){margin-top:60px!important}
  #naeip-ai.nx .nx-mem-h b,#naeip-ai.nx .nx-mood>h2,#naeip-ai.nx .nx-h h2.nx-for-name,#naeip-ai.nx .nx-coordi-person{font-size:22px!important}
  #naeip-ai.nx .nx-mg{grid-template-columns:1fr!important;gap:8px!important}
  #naeip-ai.nx .nx-mg>div{padding:20px 18px 22px!important;border-radius:18px!important}
  #naeip-ai.nx .nx-bars>div{grid-template-columns:78px 1fr!important}
  #naeip-ai.nx .nx-price316 b{font-size:22px!important}
  #naeip-ai.nx .nx-mrow{gap:6px!important;margin-top:18px!important}
  #naeip-ai.nx .nx-m{height:96px!important;border-radius:16px!important;gap:8px!important}
  #naeip-ai.nx .nx-m svg{width:44px!important;height:44px!important;padding:5px}
  #naeip-ai.nx .nx-m span{font-size:11.5px!important}
  #naeip-ai.nx .nx-m[aria-pressed="true"]:after{top:6px;right:6px;width:15px;height:15px;background-size:15px}
  #naeip-ai.nx .nx-rail{gap:10px!important;grid-auto-columns:calc((100% - 20px)/2.2)!important}
  #naeip-ai.nx .nx-p .nx-img{border-radius:14px!important}
  #naeip-ai.nx .nx-coordi-mark{font-size:24px!important}
  #naeip-ai.nx [data-reco-src="coordi"]{padding:8px;border-radius:24px;gap:8px}
  #naeip-ai.nx .nx-cd{padding:16px!important;border-radius:18px!important}
  #naeip-ai.nx .nx-cd-top b{font-size:19px!important}
  #naeip-ai.nx .nx-set-photo{border-radius:12px!important}
  #naeip-ai.nx .nx-cd-f b{font-size:19px!important}
  #naeip-ai.nx .nx-btn{height:42px!important;padding:0 15px!important;font-size:12.5px!important}
}
@media (max-width:360px){
  #naeip-ai.nx .nx-cover{padding:26px 18px 22px}
  #naeip-ai.nx .nx-t{font-size:23px!important}
  #naeip-ai.nx .nx-selection316 h3{font-size:23px!important}
  #naeip-ai.nx .nx-m span{font-size:11px!important}
  #naeip-ai.nx .nx-bars>div{grid-template-columns:70px 1fr!important}
  #naeip-ai.nx .nx-selection-products .nx-sel-why{font-size:10px!important}
}
@media (prefers-reduced-motion:reduce){#naeip-ai.nx .nx-selection-products a,#naeip-ai.nx .nx-p .nx-img img{transition:none}}

/* v357 harmonised light cover (no black slab) */
#naeip-ai.nx .nx-cover{background:#f4f3f0!important;color:var(--a-ink)!important}
#naeip-ai.nx .nx-cover:after{box-shadow:none!important}
#naeip-ai.nx .nx-kicker{color:var(--a-ink3)!important}
#naeip-ai.nx .nx-t{color:var(--a-ink)!important}
#naeip-ai.nx .nx-t span{color:var(--a-green)!important}
#naeip-ai.nx .nx-av:before{background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 66%)!important}
#naeip-ai.nx .nx-lines span{color:var(--a-ink2)!important}
#naeip-ai.nx .nx-lines span:nth-child(3){color:var(--a-ink3)!important;border-top-color:var(--a-line)!important}
#naeip-ai.nx .nx-chip{background:#fff!important;border-color:var(--a-line)!important;color:var(--a-ink)!important}
#naeip-ai.nx .nx-chip i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important}
#naeip-ai.nx .nx-selection316{background:#fff!important;border:1px solid var(--a-line)!important}
#naeip-ai.nx .nx-selection-note{background:#f7f6f3!important}
#naeip-ai.nx .nx-selection-products a{background:#fff!important;border:1px solid var(--a-line2)}
#naeip-ai.nx .nx-mg>.nx-price316{background:var(--a-tile)!important}
#naeip-ai.nx .nx-mg>.nx-price316 h3{color:var(--a-ink3)!important}
#naeip-ai.nx .nx-price316 b{color:var(--a-ink)!important}
#naeip-ai.nx .nx-price316 span{color:var(--a-ink3)!important}
#naeip-ai.nx .nx-presence-state{background:#f1ecf8!important}
#naeip-ai.nx [data-reco-src="coordi"]{background:var(--a-tile)!important}
#naeip-ai.nx .nx-fit{background:rgba(255,255,255,.94)!important;color:var(--a-ink)!important}
#naeip-ai.nx .nx-fit svg *{fill:var(--a-green)!important}
@media (max-width:760px){#naeip-ai.nx .nx-rail{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important;scroll-padding-inline:16px!important}}
/* v369: 이전으로 버튼과 NAEIP AI 첫 줄 사이 간격 축소 */
section.ai-page{padding-top:10px!important}
section.ai-page .nx-in{padding-top:0!important}
/* v371 세잎이 추천: 사진 아래 가격(할인율 + 할인가) */
.sq-pick-category326.sq-pick-price{color:#1d1b20;font-weight:700;font-variant-numeric:tabular-nums}
.sq-pick-category326.sq-pick-price em{font-style:normal;color:#eb3d14;margin-right:1px}
/* v49: '네잎이 계속 표시하기' ON/OFF 글자를 배경 정가운데로 (다른 규칙의 display:block이 덮어 위로 치우쳤던 문제) */
#naeip-ai .nx-hero-actions .nx-presence-choice>span.nx-presence-state,#naeip-ai.nx .nx-presence-choice>span.nx-presence-state{display:inline-flex!important;align-items:center;justify-content:center;align-self:center;line-height:1!important}

/* ===== srch346.css ===== */
/* v346 검색 결과 — 검색 첫 화면과 같은 톤 + 최근 검색어 */
.srch346-body{padding:30px 0 0}
.srch346 .srch346-form{max-width:640px;margin-top:0}
.srch346-recent{margin-top:22px}
.srch346-body>.srch346-recent{max-width:640px}
.srch346-recent-h{display:flex;align-items:center;justify-content:space-between;height:28px}
.srch346-recent-h h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.srch346-recent-h button{padding:4px 0;border:0;background:none;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer}
.srch346-recent-h button:hover{color:var(--ink)}
.srch346-recent ul{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.srch346-recent li{display:inline-flex;align-items:center;height:34px;padding:0 4px 0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);background:var(--bg)}
.srch346-recent li.is-now{box-shadow:inset 0 0 0 1.5px var(--ink)}
.srch346-recent li a{font-size:13.5px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;white-space:nowrap;max-width:12em;overflow:hidden;text-overflow:ellipsis}
.srch346-recent li button{display:grid;place-items:center;width:26px;height:26px;margin-left:2px;padding:0;border:0;border-radius:50%;background:none;color:var(--faint,#a7a7a7);cursor:pointer}
.srch346-recent li button:hover{color:var(--ink)}
.srch346-recent li svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.srch346-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:34px;padding-bottom:14px;border-bottom:1px solid var(--ink)}
.srch346-head h2{margin:0;min-width:0;font-size:24px;font-weight:700;letter-spacing:-.04em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srch346-head span{flex:none;font-size:13px;color:var(--muted)}
.srch346-grid{padding-top:20px}
.srch346-empty{padding:36px 0 56px}
.srch346-empty>p{margin:0;font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.srch346-empty>small{display:block;margin-top:8px;font-size:14px;color:var(--muted)}
.srch346-empty .srch335-keys{max-width:640px;margin-top:34px}
.srch346 + .category-circles,.srch346 + section{margin-top:8px}
@media (max-width:760px){
 .srch346-body{padding:22px 0 0}
 .srch346-head{margin-top:28px}
 .srch346-head h2{font-size:21px}
 .srch346-empty{padding:30px 0 48px}
}

/* ===== taste336.css ===== */
/* v336 취향 설정 창 — 내용은 그대로, 정렬·디자인 재정비 */
.tz336-scrim{--tz-v:#4b2f86;--tz-v2:#6b4bb0;--tz-pink:#e48db5;--tz-ink:#1f1a26;--tz-mute:#7a7286;--tz-line:#ece7f2;--tz-soft:#f7f3fb;background:rgba(26,18,38,.48)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}
.tz336-scrim .sheet.tz336{width:min(960px,100%)!important;max-width:none!important;height:min(680px,100%)!important;max-height:none!important;padding:0!important;border:0!important;border-radius:28px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 40px 90px -30px rgba(30,16,60,.5)!important;animation:tzPop .4s cubic-bezier(.22,.8,.2,1) both}
@keyframes tzPop{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.tz336 .taste-layout{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;height:100%!important;min-height:0!important}

/* ── 왼쪽: 브랜드 · 진행 (가운데 정렬) ── */
.tz336 .taste-brand{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:0;padding:44px 32px 36px!important;text-align:center!important;background:#fff!important;border-right:1px solid var(--tz-line)!important;overflow:hidden}
.tz336 .taste-lockup{display:block!important;width:170px!important;height:auto!important;margin:0 auto!important}
.tz336 .taste-signature{display:flex!important;flex-direction:column!important;align-items:center!important;gap:22px!important;margin:0!important;width:100%}
.tz336 .taste-progress{width:132px!important;height:auto!important;margin:0 auto!important}
.tz336 .taste-progress svg{display:block;width:100%!important;height:auto!important;overflow:visible}
.tz336 .taste-leaf{transition:opacity .45s ease}
.tz336 .taste-brand-copy{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;text-align:center!important}
.tz336 .taste-brand-copy p{margin:0!important;font-size:21px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.045em!important;color:var(--tz-ink)!important;text-align:center!important}
.tz336 .taste-brand-copy span{display:inline-flex!important;align-items:center;justify-content:center;min-width:56px;height:28px;margin:0!important;padding:0 12px!important;border-radius:999px!important;background:#fff!important;box-shadow:0 0 0 1px var(--tz-line);font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;color:var(--tz-v)!important}
.tz336 .taste-brand-note{margin:0!important;font-size:12px!important;line-height:1.6!important;color:var(--tz-mute)!important;text-align:center!important}

/* ── 오른쪽: 머리 · 본문 · 버튼 ── */
.tz336 .taste-form{display:grid!important;grid-template-rows:68px minmax(0,1fr) auto!important;min-height:0!important;height:100%!important;padding:0!important;background:#fff!important}
.tz336 .taste-top{position:static!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;height:68px!important;min-height:0!important;margin:0!important;padding:0 24px 0 40px!important;border-bottom:1px solid var(--tz-line)!important;background:#fff!important}
.tz336 .tz-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:200px}
.tz336 .tz-steps i{position:relative;display:block;height:4px;border-radius:99px;background:var(--tz-line);overflow:hidden}
.tz336 .tz-steps i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--tz-v);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,.8,.2,1)}
.tz336 .tz-steps i.is-done::after{transform:scaleX(1)}
.tz336 .tz-steps i.is-now:not(.is-done)::after{transform:scaleX(.4);background:var(--tz-pink)}
.tz336 .taste-close{position:static!important;display:grid!important;place-items:center!important;flex:none;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--tz-soft)!important;color:var(--tz-ink)!important;font-size:22px!important;line-height:1!important;cursor:pointer;transition:background-color .2s}
.tz336 .taste-close:hover{background:#efe8f7!important}
.tz336 .taste-panel-scroll{min-height:0!important;overflow-y:auto!important;padding:28px 40px 28px!important;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9d0e6 transparent}
.tz336 .taste-panel{padding:0!important;margin:0!important}
.tz336 .taste-panel.is-arriving{animation:tzIn .4s cubic-bezier(.22,.8,.2,1) both}
@keyframes tzIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tz336 .taste-step-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 10px!important}
.tz336 .taste-step-meta span{font-size:11px!important;font-weight:800!important;letter-spacing:.2em!important;color:var(--tz-v)!important}
.tz336 .taste-step-meta small{font-size:12px!important;font-weight:600!important;color:var(--tz-mute)!important}
.tz336 .taste-panel h2{margin:0!important;font-size:27px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.045em!important;color:var(--tz-ink)!important;outline:none}
.tz336 .taste-hint{margin:8px 0 24px!important;font-size:14px!important;line-height:1.55!important;color:var(--tz-mute)!important}

/* 선택 카드 */
.tz336 .taste-choices{display:grid!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important;min-width:0}
.tz336 .taste-option{position:relative;display:block!important;margin:0!important;cursor:pointer}
.tz336 .taste-option input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
.tz336 .taste-option>span{position:relative;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;height:100%;min-height:68px!important;padding:18px 56px 18px 20px!important;border:1.5px solid var(--tz-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 1px 2px rgba(31,26,38,.04)!important;transition:border-color .18s,background-color .18s,box-shadow .2s,transform .15s}
.tz336 .taste-option:hover>span{border-color:#d6c9e8!important;box-shadow:0 10px 24px -18px rgba(75,47,134,.55)!important}
.tz336 .taste-option:active>span{transform:scale(.985)}
.tz336 .taste-option b{font-size:16px!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--tz-ink)!important}
.tz336 .taste-option small{font-size:12.5px!important;line-height:1.5!important;color:var(--tz-mute)!important}
.tz336 .taste-option i{position:absolute!important;right:18px!important;top:50%!important;width:24px!important;height:24px!important;margin:-12px 0 0!important;border:1.5px solid #d6cde3!important;border-radius:50%!important;background:#fff!important;transition:all .18s}
.tz336 .taste-option input:checked+span{border-color:var(--tz-v)!important;background:var(--tz-soft)!important;box-shadow:0 12px 26px -18px rgba(75,47,134,.7)!important}
.tz336 .taste-option input:checked+span i{border-color:var(--tz-v)!important;background:var(--tz-v) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8.5'/%3E%3C/svg%3E") center/14px no-repeat!important}
.tz336 .taste-option input:focus-visible+span{outline:2px solid var(--tz-v);outline-offset:2px}

/* 1단계: 사진 카드 (사진·글·체크 모두 같은 안쪽 여백) */
.tz336 .taste-gender-choices{grid-template-columns:1fr 1fr!important}
.tz336 .taste-option.tz-photo>span{justify-content:flex-start!important;gap:0!important;padding:12px 12px 18px!important}
.tz336 .tz-pic{display:block;aspect-ratio:4/5;margin:0 0 14px;border-radius:12px;overflow:hidden;background:var(--tz-soft)}
.tz336 .tz-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.7,.12,1)}
.tz336 .taste-option.tz-photo:hover .tz-pic img{transform:scale(1.03)}
.tz336 .taste-option.tz-photo b{display:block;padding:0 6px;text-align:center}
.tz336 .taste-option.tz-photo small{display:block;margin-top:5px;padding:0 6px;text-align:center}
.tz336 .taste-option.tz-photo i{top:24px!important;right:24px!important;margin:0!important;border-color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.2)}

/* 2단계: 연령대 */
.tz336 .taste-age-choices{grid-template-columns:repeat(3,1fr)!important}
.tz336 .taste-age-choices .taste-option>span{align-items:center!important;justify-content:center!important;min-height:64px!important;padding:14px 10px!important;text-align:center}
.tz336 .taste-age-choices .taste-option i{display:none!important}
.tz336 .taste-age-choices .taste-option input:checked+span{background:var(--tz-v)!important}
.tz336 .taste-age-choices .taste-option input:checked+span b{color:#fff!important}

/* 3단계: 옷장 (좌우 여백 대칭) */
.tz336 .wardrobe-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:-8px 0 16px!important}
.tz336 .wardrobe-toolbar [data-wardrobe-count]{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--tz-soft);font-size:12.5px;font-weight:700;color:var(--tz-v)}
.tz336 .wardrobe-toolbar .link{border:0;background:none;padding:6px 0;font:inherit;font-size:13px!important;font-weight:600;color:var(--tz-ink)!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tz336 .wardrobe-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 12px!important;margin:0!important;padding:0!important}
.tz336 .wardrobe-choice{position:relative;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0!important;min-width:0;cursor:pointer}
.tz336 .wardrobe-choice input{position:absolute!important;opacity:0!important;pointer-events:none}
.tz336 .wardrobe-visual{position:relative;display:block!important;width:100%!important;aspect-ratio:3/4!important;height:auto!important;margin:0!important;border:0!important;border-radius:14px!important;overflow:hidden!important;background:var(--tz-soft)!important;box-shadow:inset 0 0 0 1px var(--tz-line)!important;transition:box-shadow .18s}
.tz336 .wardrobe-visual .wardrobe-image{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s cubic-bezier(.22,.7,.12,1)}
.tz336 .wardrobe-choice:hover .wardrobe-image{transform:scale(1.035)}
.tz336 .wardrobe-visual i{position:absolute!important;right:8px!important;top:8px!important;left:auto!important;display:grid!important;place-items:center!important;width:24px!important;height:24px!important;margin:0!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;box-shadow:0 1px 6px rgba(0,0,0,.18)!important;color:transparent!important;font-size:12px!important;font-style:normal!important;font-weight:800!important;line-height:1!important;transition:all .18s}
.tz336 .wardrobe-choice input:checked+.wardrobe-visual{box-shadow:inset 0 0 0 2.5px var(--tz-v),0 12px 24px -18px rgba(75,47,134,.8)!important}
.tz336 .wardrobe-choice input:checked+.wardrobe-visual i{background:var(--tz-v)!important;color:#fff!important}
.tz336 .wardrobe-choice input:focus-visible+.wardrobe-visual{outline:2px solid var(--tz-v);outline-offset:2px}
.tz336 .wardrobe-name{display:block!important;margin:0!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important;color:var(--tz-ink)!important;text-align:center!important;letter-spacing:-.02em}
.tz336 .wardrobe-name small{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--tz-mute)}
.tz336 .onboard-photo-note{display:block;margin:20px 0 0!important;font-size:11.5px!important;color:#a39cae!important;text-align:center!important}

/* 4단계 */
.tz336 .taste-realm-choices .taste-option>span{min-height:92px!important;padding:20px 60px 20px 22px!important}
.tz336 .taste-privacy{margin:18px 0 0!important;font-size:12px!important;color:#a39cae!important;text-align:center!important}

/* 버튼 */
.tz336 .taste-footer{display:flex!important;flex-direction:column!important;gap:8px;margin:0!important;padding:16px 40px 22px!important;border-top:1px solid var(--tz-line)!important;background:#fff!important;position:static!important}
.tz336 .taste-footer[hidden]{display:none!important}
.tz336 .taste-footer .err{margin:0!important;font-size:12.5px!important;text-align:right}
.tz336 .taste-footer .err:empty{display:none}
.tz336 .taste-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.tz336 .taste-back{display:inline-flex!important;align-items:center;height:48px;border:0!important;background:none!important;padding:0 6px!important;font:inherit!important;font-size:14px!important;font-weight:600!important;color:var(--tz-mute)!important;cursor:pointer}
.tz336 .taste-back[hidden]{display:none!important}
.tz336 .taste-next{display:inline-flex!important;align-items:center;justify-content:center;min-width:200px!important;height:54px!important;margin:0 0 0 auto!important;padding:0 28px!important;border:0!important;border-radius:16px!important;background:var(--tz-v)!important;color:#fff!important;font:inherit!important;font-size:15.5px!important;font-weight:700!important;letter-spacing:-.02em!important;box-shadow:0 14px 26px -16px rgba(75,47,134,.9)!important;cursor:pointer;transition:transform .15s,background-color .2s}
.tz336 .taste-next:hover{background:#3d2570!important}
.tz336 .taste-next:active{transform:scale(.98)}
.tz336 .taste-next[hidden]{display:none!important}
.tz336-scrim.taste-saved .taste-next{letter-spacing:.2em!important}

/* ── 모바일: 아래에서 올라오는 시트 ── */
@media (max-width:760px){
 .tz336-scrim{align-items:flex-end!important;padding:0!important}
 .tz336-scrim .sheet.tz336{width:100%!important;height:94%!important;border-radius:24px 24px 0 0!important;animation:tzUp .42s cubic-bezier(.22,.8,.2,1) both}
 @keyframes tzUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
 .tz336 .taste-layout{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}
 .tz336 .taste-brand{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;padding:16px 20px!important;border-right:0!important;border-bottom:1px solid var(--tz-line)!important;text-align:left!important}
 .tz336 .taste-lockup,.tz336 .taste-brand-note{display:none!important}
 .tz336 .taste-signature{flex-direction:row!important;align-items:center!important;gap:12px!important}
 .tz336 .taste-progress{width:40px!important;margin:0!important;flex:none}
 .tz336 .taste-brand-copy{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex:1;gap:10px!important;min-width:0}
 .tz336 .taste-brand-copy p{display:block!important;flex:1;min-width:0;font-size:15px!important;line-height:1.3!important;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .tz336 .taste-brand-copy p br{display:none}
 .tz336 .taste-form{grid-template-rows:56px minmax(0,1fr) auto!important}
 .tz336 .taste-top{height:56px!important;padding:0 16px 0 20px!important}
 .tz336 .tz-steps{flex:1;width:auto;max-width:none}
 .tz336 .taste-close{width:34px!important;height:34px!important}
 .tz336 .taste-panel-scroll{padding:20px 20px 24px!important;scrollbar-gutter:auto}
 .tz336 .taste-panel h2{font-size:22px!important}
 .tz336 .taste-hint{margin:6px 0 20px!important;font-size:13.5px!important}
 .tz336 .taste-gender-choices{gap:10px!important}
 .tz336 .taste-option.tz-photo>span{padding:10px 10px 16px!important}
 .tz336 .taste-option.tz-photo i{top:20px!important;right:20px!important}
 .tz336 .taste-age-choices{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
 .tz336 .wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 10px!important}
 .tz336 .taste-footer{padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px))!important}
 .tz336 .taste-next{flex:1;min-width:0!important}
}
@media (max-width:359px){.tz336 .taste-option.tz-photo small{display:none!important}.tz336 .wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (prefers-reduced-motion:reduce){.tz336 .taste-panel.is-arriving,.tz336-scrim .sheet.tz336{animation:none}}
.tz336 .taste-option small{word-break:keep-all;text-wrap:balance}
.tz336 .taste-option.tz-photo small{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important}
/* v346 창 높이를 내용에 맞춤 — 하단 빈 공간 제거 */
.tz336-scrim .sheet.tz336{display:flex!important;flex-direction:column!important;height:auto!important;min-height:min(540px,100%)!important;max-height:min(680px,100%)!important}
.tz336 .taste-layout{flex:1 1 auto!important;height:auto!important;min-height:0!important}
.tz336 .taste-form{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
.tz336 .taste-top{flex:none!important}
.tz336 .taste-panel-scroll{flex:1 1 auto!important;min-height:0!important}
.tz336 .taste-footer{flex:none!important}
@media (max-width:760px){
 .tz336-scrim .sheet.tz336{height:auto!important;min-height:0!important;max-height:94%!important}
}

/* ===== rd350.css ===== */
/* ==========================================================================
   NAEIP v365 — product templates only.
   Everything else (header layout, hero banner, category circles, tab bar,
   listing filters, product detail, lucky store) is back to the pre-redesign
   (v349) styles. Kept from the redesign: product cards (NEW/BEST badges,
   heart), section heads, BEST ranking, story blocks, header heart colour,
   number-only cart badge.
   ========================================================================== */
:root{
  --z:1.1111;
  --r-ink:#111111; --r-ink2:#3d3d3d; --r-ink3:#8a8a8a; --r-ink4:#b8b8b8;
  --r-line:#e8e8e8; --r-line2:#f1f1f1; --r-surface:#f4f4f4; --r-white:#fff;
  --r-red:#eb3d14; --r-brand:#5b2f97;
  --r-g:calc(16px*var(--z));
}
@media (max-width:860px){:root{--z:1.2346}}
:root{--r-vw:calc(100vw / .9)}
@media (max-width:860px){:root{--r-vw:calc(100vw / .81)}}
html.ios-fit{--r-vw:100vw}

/* ---------- header: black heart icon + number-only cart badge (positions untouched) ---------- */
#hdr .hdr-icons>a svg.i,#hdr .hdr-icons>.header-menu>summary svg.i{stroke-width:1.6}
@media (max-width:860px){#hdr .hdr-icons>a,#hdr .hdr-icons>.header-menu>summary{color:var(--r-ink)!important}}
#hdr .hdr-icons>a .badge{background:none!important;color:var(--r-ink)!important;font-weight:800!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;min-width:0!important;width:auto!important;height:auto!important;line-height:1!important}
@media (max-width:860px){#hdr .hdr-icons>a .badge{font-size:calc(12px*var(--z))!important;top:0!important;right:calc(2px*var(--z))!important}}

/* ---------- section heads (TRENDING NOW, BEST, NEW IN …) ---------- */
.sec-head h2,.benefits-title{font-family:var(--font-body)!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--r-ink)!important}
.sec-head p{color:var(--r-ink3)!important;font-weight:400!important}
@media (max-width:860px){
  .sec-head{margin-bottom:calc(14px*var(--z))!important;align-items:flex-end!important}
  .sec-head h2,.benefits-title{font-size:calc(20px*var(--z))!important;line-height:1.3!important}
  .sec-head p{font-size:calc(13px*var(--z))!important;margin-top:calc(4px*var(--z))!important}
}
.taste-edit{background:none!important;border:0!important;box-shadow:none!important;color:var(--r-ink2)!important;font-weight:600!important;padding:0!important;height:auto!important;gap:4px!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--r-ink4)}
.taste-edit svg{color:var(--r-ink2)!important}
@media (max-width:860px){.taste-edit{font-size:calc(13px*var(--z))!important}.taste-edit svg{width:calc(15px*var(--z))!important;height:calc(15px*var(--z))!important}}
.sec-head .more{display:inline-flex;align-items:center;gap:2px;color:var(--r-ink3)!important;font-weight:500!important;text-decoration:none}
.sec-head .more svg{width:1em;height:1em}
@media (max-width:860px){.sec-head .more{font-size:calc(13px*var(--z))!important}}

/* product sections keep the redesign rhythm (side gutter + spacing); hero/circles untouched */
@media (max-width:860px){
  main .wrap.sec,main .sec{padding-top:calc(44px*var(--z))!important}
  main .wrap.sec{padding-left:0!important;padding-right:0!important}
  #homeRecommendations{padding-top:6px!important}
  #homeAllProducts .wrap{padding-left:calc(15px*var(--z))!important;padding-right:calc(15px*var(--z))!important;margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important}
  /* v366: product grids run to the same 15px line as the banner — smaller side gutters, bigger cards */
  main .grid:not(.recommendation-rail){margin-left:0!important;margin-right:0!important;width:auto!important}
}

/* ---------- product card ---------- */
.pc330{border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.pc330 .c330-img{border-radius:0!important;background:var(--r-surface)!important;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.06)!important;overflow:hidden}
.pc330 .c330-img img{border-radius:0!important}
.pc330 .c330-tags{gap:2px!important;left:0!important;top:0!important}
.pc330 .c330-tags i{background:var(--r-ink)!important;color:#fff!important;border-radius:0!important;font-style:normal;font-weight:700!important;letter-spacing:.06em!important;box-shadow:none!important;border:0!important}
.pc330 .c330-tags i.is-muted{background:#fff!important;color:var(--r-ink3)!important}
.pc330 .c330-tags i.is-deal{background:var(--r-red)!important}
.pc330 .c330-like{background:none!important;box-shadow:none!important;border:0!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.pc330 .c330-like svg{fill:none;stroke:currentColor;stroke-width:1.7}
.pc330 .c330-like[aria-pressed=true]{color:var(--r-red)!important}
.pc330 .c330-like[aria-pressed=true] svg{fill:currentColor}
.pc.pc330 .c330-img .c330-like,.pc.pc330 .c330-img .c330-like:hover{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.pc330 .pc-cat{color:var(--r-ink)!important;font-weight:700!important;letter-spacing:-.01em}
.pc330 .pc-name{color:var(--r-ink2)!important;font-weight:400!important;letter-spacing:-.02em;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc330 .price em{color:var(--r-red)!important;font-weight:700!important;font-style:normal}
.pc330 .price b{color:var(--r-ink)!important;font-weight:700!important}
.pc330 .pc-rating{color:var(--r-ink3)!important}
.pc330 .pc-rating span{color:var(--r-ink)!important}
.pc330 .chips .chip{background:var(--r-line2)!important;color:var(--r-ink2)!important;border:0!important;border-radius:2px!important;font-weight:500!important}
.pc330 .recommendation{color:var(--r-ink3)!important}
.pc330 .c330-swatch i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important}
.pc330 .stock.is-ok{display:none!important}
.pc330 .stock.is-low{background:none!important;color:var(--r-red)!important;padding:0!important;font-weight:600!important}
.pc330 .stock.is-low i{display:none!important}
@media (max-width:860px){
  .pc330 .c330-tags i{font-size:calc(9.5px*var(--z))!important;padding:calc(4px*var(--z)) calc(6px*var(--z))!important;line-height:1!important}
  .pc330 .c330-like{width:calc(32px*var(--z))!important;height:calc(32px*var(--z))!important;right:calc(2px*var(--z))!important;bottom:calc(2px*var(--z))!important}
  .pc330 .c330-like svg{width:calc(22px*var(--z))!important;height:calc(22px*var(--z))!important}
  .pc330 .pc-body{padding:calc(10px*var(--z)) 0 0!important}
  .pc330 .pc-cat{font-size:calc(11px*var(--z))!important;margin-bottom:calc(3px*var(--z))!important;line-height:1.3!important}
  .pc330 .pc-name{font-size:calc(13px*var(--z))!important;line-height:1.4!important;min-height:0!important}
  .pc330 .price{margin-top:calc(6px*var(--z))!important;gap:calc(4px*var(--z))!important;align-items:baseline!important}
  .pc330 .price em,.pc330 .price b{font-size:calc(14px*var(--z))!important;line-height:1.2!important}
  .pc330 .c330-swatch{margin-top:calc(7px*var(--z))!important;gap:calc(3px*var(--z))!important}
  .pc330 .c330-swatch i{width:calc(7px*var(--z))!important;height:calc(7px*var(--z))!important}
  .pc330 .pc-rating{font-size:calc(11px*var(--z))!important;margin-top:calc(5px*var(--z))!important}
  .pc330 .chips{margin-top:calc(6px*var(--z))!important;gap:calc(3px*var(--z))!important}
  .pc330 .chips .chip{font-size:calc(10px*var(--z))!important;padding:calc(2px*var(--z)) calc(5px*var(--z))!important;height:auto!important;line-height:1.4!important}
  .pc330 .recommendation{font-size:calc(11.5px*var(--z))!important}
  .grid,.grid.cols-4,.grid.cols-3,.grid.trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:calc(8px*var(--z))!important;row-gap:calc(30px*var(--z))!important}
  #homeAllProducts .grid,.catalog-products .grid{column-gap:calc(8px*var(--z))!important}
  .grid.recommendation-rail{grid-template-columns:none!important;grid-auto-columns:calc((100% - 2*8px*var(--z))/2.35)!important;column-gap:calc(8px*var(--z))!important;row-gap:calc(26px*var(--z))!important}
}
.c330-more,.trending-more{border-radius:0!important;border:1px solid var(--r-line)!important;background:#fff!important;color:var(--r-ink)!important;font-weight:600!important;box-shadow:none!important}
@media (max-width:860px){.c330-more,.trending-more{height:calc(48px*var(--z))!important;font-size:calc(14px*var(--z))!important;width:100%!important;margin-top:calc(28px*var(--z))!important}}

/* v366: 분류 → 상품명(한 줄) → 가격 → 색상 → 리뷰, price always on the same line */
.pc330 .pc-name{display:block!important;-webkit-line-clamp:unset!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:0!important;height:auto!important}
.pc330 .pc-body>.recommendation,.pc330 .pc-body>small.recommendation{display:none!important}
.pc330 .pc-cat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:860px){
  .grid,.grid.cols-4,.grid.cols-3,.grid.trending-grid{row-gap:calc(24px*var(--z))!important}
}

/* ---------- BEST ranking ---------- */
.pc330 .c330-rank{position:absolute!important;left:0!important;top:0!important;z-index:3;display:grid!important;place-items:center;background:var(--r-ink)!important;color:#fff!important;border-radius:0!important;font-weight:700!important;box-shadow:none!important}
.pc330 .c330-rank~.c330-tags{left:auto!important;right:0!important}
@media (max-width:860px){.pc330 .c330-rank{width:calc(26px*var(--z))!important;height:calc(26px*var(--z))!important;font-size:calc(13px*var(--z))!important}}
@media (min-width:861px){.rd-best .grid>.pc:nth-child(n+6){display:none!important}}

/* ---------- story blocks (남성의류 · 실내복 · 여성의류) ---------- */
.rd-story-photo{display:block;margin:0 calc(-1*var(--r-g));aspect-ratio:4/3;overflow:hidden;background:var(--r-surface)}
.rd-story-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rd-story-photo:hover img{transform:scale(1.02)}
.rd-story-head{display:block;color:var(--r-ink);text-decoration:none}
.rd-story-head h2{margin:0;font-family:var(--font-body);font-weight:700;letter-spacing:-.035em;color:var(--r-ink)}
.rd-story-head p{margin:0;color:var(--r-ink2);font-weight:400;letter-spacing:-.02em;word-break:keep-all}
.rd-story-list{border-top:1px solid var(--r-line);margin-top:calc(16px*var(--z))}
.rd-row{display:grid;grid-template-columns:calc(72px*var(--z)) 1fr auto;gap:calc(12px*var(--z));align-items:center;padding:calc(12px*var(--z)) 0;border-bottom:1px solid var(--r-line2);color:var(--r-ink);text-decoration:none}
.rd-row-img{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--r-surface)}
.rd-row-img>*{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.rd-row-img img{object-fit:cover!important;display:block}
.rd-row-body{min-width:0;display:flex;flex-direction:column;gap:calc(2px*var(--z))}
.rd-row-body b{font-weight:700;color:var(--r-ink);font-size:calc(11px*var(--z))}
.rd-row-name{color:var(--r-ink2);font-size:calc(13px*var(--z));line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-row .price{display:flex;gap:calc(4px*var(--z));align-items:baseline;margin-top:calc(3px*var(--z))}
.rd-row .price em{color:var(--r-red);font-style:normal;font-weight:700;font-size:calc(14px*var(--z))}
.rd-row .price b{color:var(--r-ink);font-weight:700;font-size:calc(14px*var(--z))}
.rd-row .price s{display:none}
.rd-row-like{background:none;border:0;padding:calc(6px*var(--z));color:var(--r-ink4);cursor:pointer}
.rd-row-like svg{width:calc(20px*var(--z));height:calc(20px*var(--z));fill:none;stroke:currentColor;stroke-width:1.6}
.rd-row-like[aria-pressed=true]{color:var(--r-red)}
.rd-row-like[aria-pressed=true] svg{fill:currentColor}
.rd-story-more{display:flex;justify-content:center;align-items:center;gap:2px;height:calc(46px*var(--z));margin-top:calc(14px*var(--z));border:1px solid var(--r-line);color:var(--r-ink);font-weight:600;font-size:calc(13px*var(--z));text-decoration:none}
.rd-story-more svg{width:1em;height:1em}
@media (max-width:860px){
  .rd-story .rd-story-head{padding-top:calc(18px*var(--z))}
  .rd-story-head h2{font-size:calc(22px*var(--z))}
  .rd-story-head p{font-size:calc(15px*var(--z));line-height:1.5;margin-top:calc(6px*var(--z))}
  .rd-story-photo{width:calc(var(--r-vw));max-width:none;margin:0 0 0 calc((100% - var(--r-vw))/2)!important}
}
@media (min-width:861px){
  .rd-story{display:grid;grid-template-columns:1.1fr 1fr;column-gap:40px;align-items:start}
  .rd-story-photo{margin:0;grid-row:1/span 3;aspect-ratio:4/5}
  .rd-story-head h2{font-size:28px}.rd-story-head p{font-size:15px;margin-top:8px}
  .rd-row{grid-template-columns:80px 1fr auto}
}
/* v372 렉 줄이기: 화면 밖 상품 블록은 보일 때 그린다(모양 변화 없음) */
main .rd-best,main .rd-story,#homeAllProducts{content-visibility:auto;contain-intrinsic-size:auto 1200px}
/* v379: 할인 중이면 가격 옆에 원래 정가를 회색 작은 글씨 + 취소선으로 (모바일 포함, 컴퓨터와 같게) */
.pc330 .price,.grid .pc330 .price,.rd-row .price{flex-wrap:nowrap!important;white-space:nowrap;overflow:hidden}
.pc330 .price s,.grid .pc .price s,.grid .pc330 .price s,.rd-row .price s{display:inline!important;color:#a39ca9!important;font-weight:400!important;font-size:calc(11.5px*var(--z,1))!important;text-decoration:line-through;line-height:1.2;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:374px){.pc .price s,.pc330 .price s{display:inline!important}}
/* v379: 상품 상세 — 후기 요약(상단)과 컬러·사이즈·소재 항목 */
.rv-peek{display:block;margin:calc(14px*var(--z,1)) 0 calc(4px*var(--z,1));padding:calc(12px*var(--z,1)) calc(14px*var(--z,1));border:calc(1px*var(--z,1)) solid var(--r-line,#e7e3ea);border-radius:calc(10px*var(--z,1));background:#fff;color:var(--r-ink,#1f1a26);text-decoration:none}
.rv-peek-top{display:flex;align-items:center;gap:calc(6px*var(--z,1));font-size:calc(13px*var(--z,1));white-space:nowrap}
.rv-peek-top>b{font-size:calc(14px*var(--z,1))}
.rv-peek-top>span{color:#6a6275}
.rv-peek-top>i{margin-left:auto;font-style:normal;display:inline-flex;align-items:center;gap:calc(2px*var(--z,1));color:#6a6275;font-size:calc(12.5px*var(--z,1))}
.rv-peek-top>i svg{width:calc(14px*var(--z,1));height:calc(14px*var(--z,1))}
.rv-peek-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:calc(6px*var(--z,1));font-size:calc(13px*var(--z,1));line-height:1.55;color:#4b4452}
.pd-rows.pd-spec{margin-top:calc(14px*var(--z,1))}
.pd-rows.pd-spec dd{word-break:keep-all;overflow-wrap:anywhere}
/* v380: 모바일 터치 즉시 반응 — 두 번 탭 확대 대기(약 0.3초) 제거 + 누르는 순간 부드러운 눌림 모션 */
html{touch-action:manipulation}
a,button,summary,label,[role=button],input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (hover:none){
  #tabbar a,#hdr .hdr-icons>a,#hdr .header-menu>summary,.category-circle,.trending-more,.c330-more,.rd-story-more,.page-return button,.pd-actions .btn,.buybar button,.buybar a{transition:transform .14s cubic-bezier(.2,.8,.2,1),opacity .14s ease}
  #tabbar a:active,#hdr .hdr-icons>a:active,#hdr .header-menu>summary:active,.page-return button:active{transform:scale(.88);opacity:.6;transition-duration:.06s}
  .category-circle:active,.trending-more:active,.c330-more:active,.rd-story-more:active,.pd-actions .btn:active,.buybar button:active,.buybar a:active{transform:scale(.95);opacity:.8;transition-duration:.06s}
  .pc330>a:active .pc-img img,.pc330 .pc-img:active img,.rd-row:active{opacity:.82;transition:opacity .06s}
}
/* v380 상품 상단 스펙: 컬러는 색 점만, 사이즈는 글자만, 소재 한 줄 */
.pd-spec2{margin:calc(14px*var(--z,1)) 0 0;padding-top:calc(12px*var(--z,1));border-top:1px solid var(--line);display:grid;gap:calc(9px*var(--z,1))}
.pd-spec2 .sp-row{display:grid;grid-template-columns:calc(44px*var(--z,1)) 1fr;align-items:center;gap:calc(8px*var(--z,1));min-height:calc(20px*var(--z,1))}
.pd-spec2 .sp-k{font-size:calc(12.5px*var(--z,1));color:var(--muted);font-weight:500}
.pd-spec2 .sp-v{font-size:calc(13px*var(--z,1));color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-spec2 .sp-colors{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px*var(--z,1))}
.pd-spec2 .sw{display:block;width:calc(16px*var(--z,1));height:calc(16px*var(--z,1));border-radius:50%;background:var(--c,var(--surface));box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.pd-spec2 .sw-light{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.pd-spec2 .sw-none{background:linear-gradient(135deg,var(--surface) 50%,var(--line) 50%)}
.pd-spec2 .sw-more{font-size:calc(12px*var(--z,1));color:var(--muted)}
.pd-spec2 .sp-sizes{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(4px*var(--z,1)) calc(14px*var(--z,1))}
.pd-spec2 .sp-sizes b{font-size:calc(13px*var(--z,1));font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:0}
.pd-spec2 .sp-sizes b small{font-size:calc(11px*var(--z,1));font-weight:400;color:var(--muted);margin-left:2px}
@media (max-width:760px){.pd-spec2{margin-top:calc(10px*var(--z,1));gap:calc(8px*var(--z,1))}.pd-info .rv-peek{margin-top:calc(10px*var(--z,1))}}
@media (max-width:760px){#app .pd{padding-bottom:calc(10px*var(--z,1))}#app .pd~.tabs{margin-top:calc(14px*var(--z,1))}#app .pd-note{margin-top:calc(10px*var(--z,1));margin-bottom:0}}
/* v381 상품 정보 아래 구매 영역: 흰 바탕 + 얇은 테두리 옵션, 장바구니 담기(흰색)·바로 구매하기(검정) */
.pd-info .pd-note{display:none}
.pd-buy{margin-top:calc(16px*var(--z,1))}
.pd-buy .pd-opts{display:grid;gap:calc(8px*var(--z,1));margin-bottom:calc(14px*var(--z,1))}
.pd-buy .pd-opt{-webkit-appearance:none;appearance:none;width:100%;height:calc(44px*var(--z,1));padding:0 calc(40px*var(--z,1)) 0 calc(14px*var(--z,1));border:1px solid #e3e3e3;border-radius:calc(4px*var(--z,1));background:#fff 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='%23999' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E") no-repeat right calc(14px*var(--z,1)) center;font-size:calc(14px*var(--z,1))!important;color:#9a9a9a;font-weight:400;outline:0;transition:border-color .15s}
.pd-buy .pd-opt.is-set{color:var(--ink)}
.pd-buy .pd-opt:focus-visible{border-color:var(--ink)}
.pd-buy .pd-opt.is-missing{border-color:var(--sale)}
.pd-buy .pd-opt-err{margin:0;font-size:calc(12px*var(--z,1));color:var(--sale)}
.pd-buy .pd-opt-err:empty{display:none}
.pd-info .pd-buy .pd-actions{display:grid;grid-template-columns:calc(44px*var(--z,1)) 1fr 1fr;gap:calc(6px*var(--z,1));margin-top:0}
.pd-buy .pd-actions .like{height:calc(44px*var(--z,1));border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
.pd-buy .pd-actions .btn{height:calc(44px*var(--z,1));border-radius:calc(4px*var(--z,1));font-size:calc(14px*var(--z,1));font-weight:700}
.pd-buy .pd-actions .btn:not(.dark){background:#fff;border:1px solid #e3e3e3;color:var(--ink)}
.pd-buy .pd-actions .btn.dark{background:#000;border:1px solid #000;color:#fff}
@media (max-width:760px){#app .pd-info .pd-buy .pd-actions{display:grid}}
/* v381 모바일: TRENDING NOW·BEST·전체상품 카드 사이 간격과 화면 양끝 여백을 조금 줄인다 */
@media (max-width:760px){
 main#app #trendingGrid,main#app .rd-best .grid,main#app #homeAllProducts .grid,#app #trendingGrid,#app .rd-best .grid,#app #homeAllProducts .grid{margin-left:-9px!important;margin-right:-9px!important;width:auto!important}
 #app #trendingGrid,#app .rd-best .grid,#app #homeAllProducts .grid,#app .catalog-products .grid{column-gap:calc(5px*var(--z,1))!important}
}
/* v381: 세잎이는 손가락으로 끌어 옮기는 요소라 브라우저 스크롤이 터치를 가져가지 않게 한다 */
.sq,.sq *{touch-action:none!important}
.pd-buy button.pd-opt{display:block;text-align:left;cursor:pointer;color:var(--ink)}

/* 상단배너 상품 슬라이드: 상품명 대신 작은 분류 표시 */
.slide.product-hero .slide-copy .hero-cat{display:block;font-size:11.5px;line-height:1.4;font-weight:500;letter-spacing:.01em;color:rgba(255,255,255,.86);text-shadow:0 1px 6px rgba(0,0,0,.28)}
.slide.product-hero .slide-copy .hero-cat+p{margin-top:6px}
/* 상품 상세페이지 접기 — 아랫부분 흐림 + '상품 상세보기' */
.detail-html.detail-folded{position:relative;overflow:hidden}
.detail-fold-cover{position:absolute;left:0;right:0;bottom:0;height:260px;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 24px;pointer-events:none}
.detail-fold-cover::before{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%);mask-image:linear-gradient(180deg,transparent 0%,#000 55%)}
.detail-fold-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 45%,#fff 92%)}
.detail-fold-btn{position:relative;z-index:1;pointer-events:auto;width:100%;max-width:400px;height:50px;padding:0 16px;background:#fff;color:#111;border:1px solid #111;border-radius:4px;font:600 15px/1 var(--font-body,inherit);letter-spacing:-.01em;cursor:pointer;touch-action:manipulation;transition:transform .12s ease}
.detail-fold-btn:active{transform:scale(.98)}
.detail-fold-btn:focus-visible{outline:2px solid #111;outline-offset:3px}
/* MY 주문: 반품·교환 신청 */
.cancel-actions{display:flex;gap:8px;flex-wrap:wrap}
.claim-list{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px}
.claim-list small{display:block;color:#888;font-size:11.5px;margin-top:2px}
.claim-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #eee;font-size:14px}
.claim-item small{display:block;color:#888;font-size:12px}
.claim-item select.in{width:auto;min-width:110px}
/* v386 색 이름을 모르는 옵션 색상: 흰 동그라미 + 얇은 테두리 */
.c330-swatch i.sw-unknown{box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)!important}
/* ===== v386 ===== */
/* 하단 탭: 현재 위치 회색 배경 없애기 (글자색·위쪽 막대만) */
#tabbar a[aria-current=page]{background:transparent!important}
/* 분류 칩: 흰 바탕 · 얇은 테두리 · 한 줄 가로 스크롤 */
.fl-tabs,.listing-style-grid{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:none!important}
.fl-tabs::-webkit-scrollbar,.listing-style-grid::-webkit-scrollbar{display:none}
.fl-tabs a,.listing-style-grid button{flex:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:34px!important;height:34px!important;padding:0 14px!important;border:1px solid #e2e0e5!important;border-radius:999px!important;background:#fff!important;color:#222!important;font-size:13px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;text-align:center!important;box-shadow:none!important;overflow-wrap:normal!important}
.fl-tabs a span{font-size:11px!important;color:#9a96a0!important;font-weight:600!important}
.fl-tabs a[aria-current=page],.listing-style-grid button[aria-pressed=true]{background:#111!important;border-color:#111!important;color:#fff!important}
.fl-tabs a[aria-current=page] span{color:rgba(255,255,255,.7)!important}
/* 상품 카드: 별점·후기 수·찜 수 */
.pc-meta{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:11.5px;line-height:1;color:#8a8590}
.pc-meta .pc-rating{display:inline-flex!important;align-items:center;gap:2px;margin:0!important;padding:0!important;font-size:11.5px!important}
.pc-meta .pc-rating span,.pc-meta .pc-rating b{color:#111;font-weight:700}
.pc-meta em{font-style:normal;color:#8a8590;margin-left:1px}
/* 상세: 출발일 */
.pd-stock{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pd-eta{font-size:13px;font-weight:700;color:#111}
/* 상세: 세잎이 사이즈 추천 */
.size-rec{display:flex;align-items:center;gap:10px;width:100%;margin:12px 0 0;padding:10px 0;border:0;background:none;text-align:left;font:inherit;font-size:13.5px;color:#222}
.size-rec img{flex:none;width:22px;height:22px}
.size-rec>span{flex:1;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.size-rec b{font-size:15px;font-weight:800;color:#111}
.size-rec small{font-size:12px;color:#8a8590}
.size-rec button,.size-rec em{flex:none;border:0;background:none;padding:4px 0;font:inherit;font-style:normal;font-size:12.5px;font-weight:700;color:#111;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.size-rec.ask{cursor:pointer}
.body-sheet .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.body-form{padding-top:4px}
.body-form .field{display:block;margin:0 0 16px}
.body-form .lbl{display:block;font-size:12.5px;font-weight:700;margin:0 0 7px;color:#333}
.unit-in{position:relative;display:block}
.unit-in .in{width:100%;padding-right:40px}
.unit-in i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:13px;color:#8a8590;pointer-events:none}
.seg{display:flex;gap:6px}
.seg label{flex:1;position:relative}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid #e2e0e5;border-radius:999px;font-size:13.5px;font-weight:600;background:#fff;cursor:pointer}
.seg input:checked+span{background:#111;color:#fff;border-color:#111}
.seg input:focus-visible+span{outline:2px solid #111;outline-offset:2px}
/* 필터 */
.toolbar,.fl-bar{flex-wrap:wrap}
.toolbar .flt-wrap{display:contents}
.toolbar .flt-btn,.fl-bar .flt-btn{margin-left:auto;margin-right:8px}
.flt-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1px solid #e2e0e5;border-radius:999px;background:#fff;color:#222;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.flt-btn .i{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.flt-btn.on{border-color:#111}
.flt-btn b{font-size:11.5px}
.flt-active{display:flex;gap:6px;flex-basis:100%;order:10;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.flt-active::-webkit-scrollbar{display:none}
.flt-active button{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border:1px solid #111;border-radius:999px;background:#fff;color:#111;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.flt-active button span[aria-hidden]{font-size:14px;line-height:1;color:#666}
.flt-sheet .flt-sec{padding:4px 0 16px}
.flt-sec h3{font-size:13px;font-weight:800;margin:0 0 10px;color:#111}
.flt-chips{display:flex;flex-wrap:wrap;gap:6px}
.flt-chips button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid #e2e0e5;border-radius:999px;background:#fff;color:#222;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.flt-chips button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}
.flt-chips i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
/* MY: 최근 본 상품 */
.my-recent .recent-rail{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.my-recent .recent-rail::-webkit-scrollbar{display:none}
.recent-item{flex:none;width:104px;display:flex;flex-direction:column;gap:5px;color:inherit;text-decoration:none}
.recent-img{display:block;aspect-ratio:3/4;border-radius:6px;overflow:hidden;background:#f4f3f1}
.recent-img img{width:100%;height:100%;object-fit:cover;display:block}
.recent-name{font-size:12px;line-height:1.35;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recent-item b{font-size:12.5px;font-weight:800;color:#111}
/* 홈: HOME(감성템) 한 블록 — 옷 섹션과 톤 구분 */
.home-living{background:#f5f2ec;padding:34px 0 28px;margin:28px 0}
.home-living .sec-head{margin-bottom:16px}
.home-living .hl-sub{margin:5px 0 0;font-size:12.5px;color:#7d776e}
/* 홈: 사진 후기 모음 */
.prv-rail{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.prv-rail::-webkit-scrollbar{display:none}
.prv{flex:none;width:148px;display:flex;flex-direction:column;gap:5px;color:inherit;text-decoration:none}
.prv-img{display:block;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#f4f3f1}
.prv-img img{width:100%;height:100%;object-fit:cover;display:block}
.prv-star{font-size:12px;font-weight:700;color:#111}
.prv-txt{font-size:12.5px;line-height:1.4;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prv-name{font-size:11.5px;color:#8a8590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 후기 사진 */
.rv-photos{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.rv-photos img{width:84px;height:84px;object-fit:cover;border-radius:6px;display:block}
.rv-photo-in{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 0}
.rv-photo-add{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid #e2e0e5;border-radius:999px;background:#fff;font-size:13px;font-weight:600;cursor:pointer}
.rv-photo-add span{color:#8a8590;font-weight:500;font-size:12px}
.rv-photo-prev{display:flex;gap:8px}
.rv-photo-prev span{position:relative;display:block}
.rv-photo-prev img{width:56px;height:56px;object-fit:cover;border-radius:6px;display:block}
.rv-photo-prev button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:#111;color:#fff;font-size:12px;line-height:20px;padding:0;cursor:pointer}
/* 상위 메뉴 WOMEN · MEN · HOME */
.menu-tri,.category-tri{display:flex;gap:24px;padding:4px 0 14px}
.menu-tri a,.category-tri a{font-family:var(--font-display,inherit);font-size:17px;font-weight:800;letter-spacing:.02em;color:#111;padding:6px 0;border-bottom:2px solid transparent;text-decoration:none}
.menu-tri a[aria-current=page],.category-tri a[aria-current=page]{border-bottom-color:#111}
/* v388 홈: 가격대별 추천 (PRICE PICK) */
.price-pick .sec-head{margin-bottom:12px}
.price-pick .hl-sub{margin:5px 0 0;font-size:12.5px;color:#7d776e}
.pp-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding:1px 0 2px}
.pp-tabs::-webkit-scrollbar{display:none}
.pp-tab{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid #e6e3ea;border-radius:999px;background:#fff;font:inherit;font-size:13px;color:#56515c;cursor:pointer;transition:border-color .2s,color .2s}
.pp-tab small{font-size:11px;color:#a29da8;font-weight:500}
.pp-tab[aria-selected="true"]{border-color:#111;color:#111;font-weight:700}
.pp-tab[aria-selected="true"] small{color:#111}
.pp-tab:focus-visible{outline:2px solid #7b5cc4;outline-offset:2px}
.pp-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7b5cc4;flex:none}
.pp-hint{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:11.5px;color:#8a8590}
.pp-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 12px;font-size:12px;color:#8a8590}
.pp-meta b{color:#111;font-weight:700}
.pp-meta .pp-mine-note{color:#7b5cc4}
.pp-swap .pc{animation:ppIn .42s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(min(var(--pp-i,0),6) * 45ms)}
@keyframes ppIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pp-swap .pc{animation:none}}
@media (min-width:761px){.price-pick .pp-rail>.pc:nth-child(n+11){display:none}}
/* v49 MY 홈: 네잎이 집 접기 버튼 */
#naeip-home-slot .nh-entry{display:flex;align-items:center;gap:14px;width:100%;margin:0 0 4px;padding:12px 16px 12px 12px;border:1px solid var(--line,#ececf0);border-radius:20px;background:var(--card,#fff);color:var(--ink,#1c1c1c);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,transform .15s ease}
#naeip-home-slot .nh-entry:active{transform:scale(.99)}
#naeip-home-slot .nh-entry img{flex:none;width:96px;height:64px;object-fit:contain;border-radius:14px;background:#f7f4fb}
#naeip-home-slot .nh-entry-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#naeip-home-slot .nh-entry-t small{font-size:10.5px;font-weight:700;letter-spacing:.14em;color:#8b7fa3}
#naeip-home-slot .nh-entry-t b{font-size:16px;font-weight:700;letter-spacing:-.02em}
#naeip-home-slot .nh-entry-t em{font-style:normal;font-size:12.5px;color:var(--muted,#7d7886)}
#naeip-home-slot .nh-entry-arrow{flex:none;width:9px;height:9px;border-right:1.6px solid #9a94a3;border-bottom:1.6px solid #9a94a3;transform:rotate(-45deg);transition:transform .2s ease}
#naeip-home-slot.nh-open .nh-entry{border-color:#d9cfea;margin-bottom:12px}
#naeip-home-slot.nh-open .nh-entry-arrow{transform:rotate(45deg)}

/* ===== type-unify.css ===== */
/* v47 글꼴 통일 — 사이트 전체를 'NAEIP Round'(v50부터 LINE Seed Sans KR) 한 가족으로.
   굵기: 보통(본문) / 굵게(550 이상: 제목·버튼·가격). 상품 상세 원본 HTML(별도 영역)·관리자·코드 글자는 제외. */
:root{--naeip-font:"NAEIP Round","Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
html,body{font-family:var(--naeip-font);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body *:not(code):not(pre):not(kbd):not(samp):not(.keep-font){font-family:var(--naeip-font)!important}
/* 화면마다 따로 정해 둔 글꼴 변수도 전부 같은 글꼴로 */
html body,html body *{--font-body:var(--naeip-font)!important;--font-display:var(--naeip-font)!important;--display:var(--naeip-font)!important;--story:var(--naeip-font)!important;--round:var(--naeip-font)!important;--ui:var(--naeip-font)!important;--f-en:var(--naeip-font)!important;--f-story:var(--naeip-font)!important;--f-ui:var(--naeip-font)!important;--ai-font:var(--naeip-font)!important;--naeip-ai-font:var(--naeip-font)!important;--look-sans:var(--naeip-font)!important;--look-serif:var(--naeip-font)!important;--a-serif:var(--naeip-font)!important;--font:var(--naeip-font)!important}
#naeip-ai *:not(code):not(pre):not(.keep-font),#app *:not(code):not(pre):not(.keep-font){font-family:var(--naeip-font)!important}
body *{font-synthesis:none}