.hdr{z-index:50;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);transition:transform var(--dur) var(--ease);will-change:transform;position:sticky;top:0}.hdr.is-hidden{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.hdr{transition:none}}.hdr-bar{max-width:var(--page-max);padding:0 var(--page-pad);height:var(--header-h);align-items:center;gap:var(--gap-6);grid-template-columns:auto minmax(0,1fr) auto;margin:0 auto;display:grid}.hdr-left{align-items:center;gap:4px;min-width:0;display:flex}.hdr-logo{letter-spacing:-.045em;height:44px;color:var(--ink);white-space:nowrap;align-items:baseline;gap:7px;padding:0 2px;font-size:21px;font-weight:800;display:inline-flex}.hdr-logo-mark{border-radius:var(--r-full);background:var(--gold);text-indent:-9999px;flex:none;align-self:center;width:5px;height:5px;font-size:0;overflow:hidden}.hdr-logo-sub{font-size:var(--fs-tiny);color:var(--ink-3);letter-spacing:.06em;align-self:center;font-weight:500}.hdr-icon{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 6px;transition:background .12s,color .12s;display:inline-flex;position:relative}.hdr-icon:hover{background:var(--surface-2);color:var(--ink)}.hdr-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hdr-icon-label{font-size:var(--fs-xs);color:var(--ink-3);line-height:1}.hdr-badge{background:var(--primary);min-width:18px;height:18px;color:var(--primary-ink);font-size:var(--fs-xs);text-align:center;border-radius:999px;padding:0 5px;font-weight:700;line-height:18px;position:absolute;top:2px;right:2px}.hdr-burger{display:none}.hdr-actions{align-items:center;gap:2px;display:flex}.hdr-actions .cs-wrap{gap:0}.hdr-actions .cs-btn{min-width:44px;min-height:44px;color:var(--ink-2);font-size:var(--fs-xs);background:0 0;border:0;padding:0 6px;font-weight:500;position:relative}.hdr-actions .cs-btn>span:first-child{flex-direction:column;align-items:center;gap:2px;display:flex}.hdr-actions .cs-btn:hover{background:var(--surface-2);color:var(--ink)}.hdr-actions .cs-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hdr-actions .cs-btn .cs-tag{padding:1px 4px;font-size:10px;position:absolute;top:0;right:-2px}.hdr-actions .cs-note{white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:0;box-shadow:var(--shadow);pointer-events:none;padding:4px 8px;position:absolute;top:calc(100% + 2px);right:0}.hdr-actions .cs-note:empty{display:none}.sbox{justify-self:center;width:100%;min-width:0;max-width:560px;position:relative}.sbox-form{border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface-2);height:44px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);align-items:center;padding:0 6px 0 16px;display:flex}.sbox-form:hover{border-color:var(--line-strong)}.sbox-form:focus-within{border-color:var(--ink);background:var(--surface);box-shadow:none}.sbox-input{min-width:0;height:100%;font:inherit;font-size:var(--fs-md);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0}.sbox-input::placeholder{color:var(--ink-3)}.sbox-input::-webkit-search-cancel-button{display:none}.sbox-btn{border-radius:var(--r-sm);width:36px;height:36px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.sbox-btn:hover{background:var(--surface-3);color:var(--ink)}.sbox-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sbox-submit{color:var(--ink)}.sbox-pop{z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.sbox-list{margin:0;padding:6px;list-style:none}.sbox-item{border-radius:var(--radius-sm);cursor:pointer;min-height:44px;color:var(--ink);align-items:center;gap:10px;padding:6px 10px;display:flex}.sbox-item[aria-selected=true],.sbox-item:hover{background:var(--surface-2)}.sbox-item-thumb{background:var(--surface-3);object-fit:cover;border-radius:6px;flex:none;width:36px;height:36px}.sbox-item-thumb-empty{background:var(--surface-3);border-radius:6px;flex:none;width:36px;height:36px}.sbox-item-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sbox-item-name{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbox-item-name mark{color:var(--ink);background:0 0;font-weight:700}.sbox-item-brand{font-size:var(--fs-xs);color:var(--ink-3)}.sbox-item-price{font-size:var(--fs-sm);color:var(--price);white-space:nowrap;font-weight:700}.sbox-item-price .num{font-variant-numeric:tabular-nums}.sbox-item-off{color:var(--discount);margin-right:4px}.sbox-foot{border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--ink-2);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.sbox-foot strong{color:var(--primary)}.sbox-foot kbd{font-family:var(--mono);font-size:var(--fs-xs);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-3);border-radius:4px;padding:1px 5px}.sbox-empty{text-align:center;color:var(--ink-3);font-size:var(--fs-sm);padding:20px 14px}.sbox-empty strong{color:var(--ink-2)}.gnb{border-top:1px solid var(--line);background:var(--surface)}.gnb-in{max-width:var(--page-max);padding:0 var(--page-pad);align-items:stretch;margin:0 auto;display:flex}.gnb-list{height:var(--gnb-h);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:stretch;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.gnb-list::-webkit-scrollbar{display:none}.gnb-list>li{scroll-snap-align:start;flex:none;display:flex}.gnb-item{height:100%;font-size:var(--fs-md);color:var(--ink-2);white-space:nowrap;letter-spacing:-.012em;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);border-bottom:1.5px solid #0000;border-radius:0;align-items:center;gap:5px;padding:0 12px;font-weight:500;display:inline-flex}.gnb-item:hover{color:var(--ink)}.gnb-item[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink);font-weight:650}.gnb-item.is-strong{color:var(--ink);font-weight:650}.gnb-sep{background:var(--line);width:1px;margin:12px 6px}.gnb .cs-wrap{gap:0;height:100%}.gnb .cs-btn{height:100%;min-height:0;font-size:var(--fs-md);color:var(--ink-3);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 10px;font-weight:600}.gnb .cs-btn:hover{color:var(--ink-2);background:0 0}.gnb .cs-btn .cs-tag{padding:1px 5px;font-size:10px}.gnb .cs-note{white-space:nowrap;z-index:61;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:0;box-shadow:var(--shadow);pointer-events:none;padding:4px 8px;position:absolute;top:calc(100% + 4px);left:0}.gnb .cs-note:empty{display:none}.drawer-root{z-index:80;position:fixed;inset:0}.drawer-backdrop{cursor:pointer;background:#151a2280;border:0;margin:0;padding:0;position:absolute;inset:0}.drawer{background:var(--surface);width:min(84vw,320px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.22s drawer-in;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.drawer{animation:none}}.drawer-head{height:var(--header-h);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:0 8px 0 16px;display:flex}.drawer-title{font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:900}.drawer-title small{font-size:var(--fs-xs);color:var(--ink-3);margin-left:6px;font-weight:600}.drawer-body{flex:1;padding:8px 0 24px;overflow-y:auto}.drawer-sec{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;padding:12px 16px 4px;font-weight:700}.drawer-list{margin:0;padding:0 8px;list-style:none}.drawer-link{border-radius:var(--radius-sm);min-height:48px;font-size:var(--fs-lg);color:var(--ink);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:flex}.drawer-link:hover{background:var(--surface-2)}.drawer-link[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.drawer-link .chev{color:var(--ink-3);font-size:var(--fs-sm)}.drawer-list .cs-wrap{gap:0;width:100%}.drawer-list .cs-btn{border-radius:var(--radius-sm);min-height:48px;font-size:var(--fs-lg);color:var(--ink-3);background:0 0;border:0;justify-content:space-between;padding:0 12px;font-weight:600}.drawer-list .cs-note{padding:0 12px 6px}.drawer-list .cs-note:empty{display:none}.drawer-list-sub .drawer-link{min-height:44px;font-size:var(--fs-base);font-weight:500}.drawer-list-sub .drawer-link .chev{opacity:.6}.drawer-sub-t{font-size:var(--fs-xs);color:var(--ink-4);padding:8px 20px 2px;font-weight:600}.drawer-link-desc{font-size:var(--fs-xs);color:var(--ink-3);margin-top:1px;font-weight:400;display:block}.drawer-list-sub .drawer-link>span:first-child{flex-direction:column;min-width:0;display:flex}.drawer-empty{font-size:var(--fs-sm);color:var(--ink-4);padding:6px 20px 8px}.drawer-foot{border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-3);padding:12px 16px;line-height:1.6}@media (max-width:960px){.hdr-burger{display:inline-flex}}@media (max-width:760px){.hdr-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding:0 8px}.hdr-logo{padding:0 2px;font-size:18px}.hdr-logo-sub{display:none}.hdr-icon-label{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hdr-actions .cs-btn .cs-tag{right:0}.sbox{grid-area:2/1/auto/-1;max-width:none;padding:0 0 8px}.hdr-bar{grid-template-rows:var(--header-h) auto;height:auto}.sbox-form{height:44px}.sbox-btn{width:44px;height:100%;min-height:0}.gnb-list{scroll-snap-type:x mandatory}.gnb-item{padding:0 10px}}.gnb{position:relative}.gnb-all{height:var(--gnb-h);font-size:var(--fs-md);letter-spacing:-.01em;color:var(--ink);border-right:1px solid var(--line);transition:color var(--dur) var(--ease);border-radius:0;flex:none;align-items:center;gap:8px;margin-right:6px;padding:0 16px 0 2px;font-weight:650;display:inline-flex}.gnb-all:hover,.gnb-all.is-on{color:var(--ink)}.gnb-all-ico{gap:3px;width:16px;display:inline-grid}.gnb-all-ico i{height:1.5px;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease);background:currentColor;border-radius:1px;display:block}.gnb-all-ico i:nth-child(2){width:72%}.gnb-all.is-on .gnb-all-ico i:nth-child(2){opacity:.35}.mega-wrap{z-index:60;pointer-events:none;position:absolute;top:100%;left:0;right:0}.mega{pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur);visibility:hidden;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:var(--shadow-card);transform:translateY(-6px)}.mega.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.mega-in{max-width:var(--page-max);padding:var(--gap-10) var(--page-pad) var(--gap-12);gap:var(--gap-10);grid-template-columns:1.6fr 1fr 1fr 1.1fr;margin:0 auto;display:grid}.mega-col{min-width:0}.mega .eyebrow{margin-bottom:var(--gap-4)}.mega-cats{columns:2;column-gap:var(--gap-8);margin:0;padding:0;list-style:none}.mega-cats>li{break-inside:avoid;margin-bottom:var(--gap-4)}.mega-cats>li>a{font-size:var(--fs-base);color:var(--ink);letter-spacing:-.015em;transition:border-color var(--dur) var(--ease);border-bottom:1px solid #0000;padding-bottom:2px;font-weight:650;display:inline-block}.mega-cats>li>a:hover{border-color:var(--ink)}.mega-subs{gap:3px;margin:6px 0 0;padding:0;list-style:none;display:grid}.mega-subs a{font-size:var(--fs-sm);color:var(--ink-3);transition:color var(--dur) var(--ease)}.mega-subs a:hover{color:var(--ink-2)}.mega-sub-t{font-size:var(--fs-xs);color:var(--ink-4);margin:0 0 6px;font-weight:600}.mega-sub-t+.mega-brands{margin-bottom:var(--gap-5)}.mega-brands{gap:5px;margin:0;padding:0;list-style:none;display:grid}.mega-brands a{font-size:var(--fs-md);color:var(--ink-2);transition:color var(--dur) var(--ease)}.mega-brands a:hover{color:var(--ink)}.mega-empty{font-size:var(--fs-sm);color:var(--ink-4)}.mega-shortcuts{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mega-shortcuts a{border-radius:var(--r);transition:background var(--dur) var(--ease);margin:0 -12px;padding:10px 12px;display:block}.mega-shortcuts a:hover{background:var(--surface-2)}.mega-shortcuts strong{font-size:var(--fs-md);color:var(--ink);letter-spacing:-.012em;font-weight:650;display:block}.mega-shortcuts span{font-size:var(--fs-xs);color:var(--ink-3);margin-top:2px;display:block}.mega-aside{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--gap-6);align-self:start}.mega-aside-t{font-size:var(--fs-lg);letter-spacing:-.018em;margin:0 0 6px;font-weight:700;line-height:1.35}.mega-aside-d{margin:0 0 var(--gap-5);font-size:var(--fs-sm);color:var(--ink-3);line-height:1.55}.mega-aside-links{flex-wrap:wrap;gap:8px;display:flex}.mega-aside-links .btn{flex:auto}.mega-scrim{z-index:40;opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),visibility var(--dur);background:#14161a38;position:fixed;inset:0}.mega-scrim.is-on{opacity:1;visibility:visible}@media (max-width:960px){.gnb-all,.mega-wrap,.mega-scrim{display:none}}@media (max-width:1200px){.mega-in{gap:var(--gap-8);grid-template-columns:1.4fr 1fr 1fr}.mega-aside{display:none}}