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