.pencil-header{--header-bg:#fff;--header-border:#e2e8f0;--header-text-primary:#0f172a;--header-text-secondary:#4b5563;--header-text-muted:#64748b;--header-text-placeholder:#94a3b8;--header-logo-gradient-start:#0f172a;--header-logo-gradient-end:#1e293b;--header-logo-bar:linear-gradient(180deg, #e2e8f0, #94a3b8);--header-logo-bar-center:linear-gradient(180deg, #fff, #cbd5e1);--header-logo-shadow:#0f172a1a;--header-search-bg:#f8fafc;--header-search-bg-hover:#fff;--header-search-border:#cbd5e1;--header-search-border-hover:#94a3b8;--header-search-border-focus:#0f172a;--header-search-focus-ring:#0f172a1a;--header-cta-gradient-start:#0f172a;--header-cta-gradient-end:#1e293b;--header-cta-text:#fff;--header-cta-shadow:#0f172a1a;--header-cta-shadow-hover:#0f172a40;--header-cart-bg:#f9fafb;--header-cart-bg-hover:#f3f4f6;--header-cart-bg-active:#e5e7eb;--header-cart-border:#e5e7eb;--header-cart-border-hover:#d1d5db;--header-badge-bg:#059669;--header-badge-text:#fff;--header-badge-border:#fff;--header-badge-shadow:#0596694d;--header-location-bg:#f1f5f9;--header-location-bg-hover:#e2e8f0;--header-location-border:#e2e8f0;--header-location-border-hover:#cbd5e1;--header-location-text:#475569;--header-location-icon:#64748b;--header-location-chevron:#94a3b8;--header-login-bg-hover:#f1f5f9;--header-login-bg-active:#e2e8f0;--header-focus-color:#0f172a;--header-hover-color:#0f172a;--header-height:64px;--header-content-max:1440px;--header-padding-x:max(24px, 50% - var(--header-content-max) / 2);--header-gap-brand:16px;--header-gap-right:24px;--header-gap-nav:32px;--header-gap-user:16px;--header-logo-size:44px;--header-logo-radius:12px;--header-search-width:520px;--header-search-height:46px;--header-search-radius:10px;--header-cta-height:36px;--header-cta-radius:6px;--header-cart-size:36px;--header-cart-radius:8px;--header-font:Inter, system-ui, -apple-system, sans-serif;--header-brand-size:20px;--header-brand-weight:600;--header-nav-size:13px;--header-nav-weight:500;--header-cta-size:12px;--header-cta-weight:600;--header-search-size:13px;--header-badge-size:10px;--header-transition-fast:.15s ease;--header-transition-medium:.2s ease}@media (prefers-color-scheme:dark){.pencil-header{--header-bg:#0f172a;--header-border:#334155;--header-text-primary:#f8fafc;--header-text-secondary:#cbd5e1;--header-text-muted:#94a3b8;--header-text-placeholder:#64748b;--header-logo-gradient-start:#1e293b;--header-logo-gradient-end:#334155;--header-logo-bar:linear-gradient(180deg, #475569, #64748b);--header-logo-bar-center:linear-gradient(180deg, #e2e8f0, #94a3b8);--header-logo-shadow:#0000004d;--header-search-bg:#1e293b;--header-search-bg-hover:#334155;--header-search-border:#475569;--header-search-border-hover:#64748b;--header-search-border-focus:#0f172a;--header-search-focus-ring:#0f172a33;--header-cta-gradient-start:#0f172a;--header-cta-gradient-end:#0f172a;--header-cta-shadow:#0f172a33;--header-cta-shadow-hover:#0f172a66;--header-cart-bg:#1e293b;--header-cart-bg-hover:#334155;--header-cart-bg-active:#475569;--header-cart-border:#475569;--header-cart-border-hover:#64748b;--header-badge-border:#0f172a;--header-location-bg:#1e293b;--header-location-bg-hover:#334155;--header-location-border:#475569;--header-location-border-hover:#64748b;--header-location-text:#cbd5e1;--header-location-icon:#94a3b8;--header-location-chevron:#64748b;--header-login-bg-hover:#1e293b;--header-login-bg-active:#334155;--header-focus-color:#0f172a;--header-hover-color:#0f172a}}.pencil-header[data-theme=dark]{--header-bg:#0f172a;--header-border:#334155;--header-text-primary:#f8fafc;--header-text-secondary:#cbd5e1;--header-text-muted:#94a3b8;--header-text-placeholder:#64748b;--header-logo-gradient-start:#1e293b;--header-logo-gradient-end:#334155;--header-search-bg:#1e293b;--header-search-border:#475569;--header-cta-gradient-start:#0f172a;--header-cta-gradient-end:#0f172a;--header-cart-bg:#1e293b;--header-cart-border:#475569;--header-location-bg:#1e293b;--header-location-border:#475569;--header-focus-color:#0f172a;--header-hover-color:#0f172a}.pencil-header-sticky{z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0}html[data-header-hidden] .pencil-header-sticky{pointer-events:none;transform:translateY(-100%)}.pencil-header{height:var(--header-height);padding-inline:var(--header-padding-x);background:var(--header-bg);border-bottom:1px solid var(--header-border);z-index:100;will-change:transform;contain:layout style;justify-content:center;align-items:center;gap:24px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;transform:translateZ(0)}.pencil-header.is-scrolled{box-shadow:0 4px 20px -4px #0f172a14,0 1px 3px #0f172a0a}.pencil-header__brand{align-items:center;gap:var(--header-gap-brand);flex-shrink:0;display:flex}.pencil-header__logo-link{transition:transform var(--header-transition-fast);-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:8px;text-decoration:none;display:flex}.pencil-header__logo-link:hover{transform:scale(1.02)}.pencil-header__logo-link:focus-visible{outline:2px solid var(--header-focus-color);outline-offset:4px}.pencil-header__logo{width:var(--header-logo-size);height:var(--header-logo-size);border-radius:var(--header-logo-radius);background:linear-gradient(145deg, var(--header-logo-gradient-start), var(--header-logo-gradient-end));box-shadow:0 2px 4px var(--header-logo-shadow);flex-shrink:0;justify-content:center;align-items:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pencil-header__logo:before{content:"";background:linear-gradient(45deg,#0000 40%,#ffffff26 50%,#0000 60%);width:200%;height:200%;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:-50%;left:-50%;transform:translate(-100%)rotate(45deg)}.pencil-header__logo-link:hover .pencil-header__logo{transform:translateY(-1px);box-shadow:0 8px 24px #0f172a26}.pencil-header__logo-link:hover .pencil-header__logo:before{transform:translate(100%)rotate(45deg)}.pencil-header__logo-bar{background:var(--header-logo-bar);border-radius:2px;width:4px;height:24px;transform:translateZ(0)}.pencil-header__logo-bar--center{background:var(--header-logo-bar-center);height:16px}.pencil-header__brand-text{font-family:var(--header-font);font-size:var(--header-brand-size);font-weight:var(--header-brand-weight);color:var(--header-text-primary);letter-spacing:-.5px;-webkit-user-select:none;user-select:none;white-space:nowrap}.pencil-header__logo-img{-webkit-user-select:none;user-select:none;flex-shrink:0;width:auto;height:22px;display:block}.pencil-header__brand .location-badge,.pencil-header__location{cursor:pointer;transition:all var(--header-transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.pencil-header__brand .location-badge:hover,.pencil-header__location:hover{background:#0000000d}.pencil-header__brand .location-badge:focus-visible,.pencil-header__location:focus-visible{outline:2px solid var(--header-focus-color);outline-offset:2px}.pencil-header__brand .location-badge svg,.pencil-header__location-icon{width:14px;height:14px;color:var(--header-location-icon);flex-shrink:0}.pencil-header__brand .location-badge span,.pencil-header__location-text{font-family:var(--header-font);color:var(--header-location-text);font-size:12px;font-weight:500}.pencil-header__brand .location-badge .chevron,.pencil-header__location-chevron{width:12px;height:12px;color:var(--header-location-chevron);transition:transform var(--header-transition-fast);flex-shrink:0}.pencil-header__brand .location-badge:hover .chevron,.pencil-header__location:hover .pencil-header__location-chevron{transform:translateY(1px)}.pencil-header__location--loading{pointer-events:none}.pencil-header__location-skeleton{background:linear-gradient(90deg, var(--header-location-bg) 25%, var(--header-location-bg-hover) 50%, var(--header-location-bg) 75%);background-size:200% 100%;border-radius:4px;width:80px;height:14px;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pencil-header__search{flex:1 1 var(--header-search-width);min-width:200px;max-width:600px}.pencil-header__search .search-autocomplete,.pencil-header__search .search-autocomplete-input-wrapper{width:100%;position:relative}.pencil-header__search .search-autocomplete-input-bg{border-radius:var(--header-search-radius);pointer-events:none;z-index:0;position:absolute;inset:0}.pencil-header__search .search-autocomplete-input-bg--normal{background:var(--header-search-bg);border:1px solid var(--header-search-border);transition:border-color var(--header-transition-fast), background var(--header-transition-fast)}.pencil-header__search .search-autocomplete-input-bg--inverted{background:#fff;border:1px solid #fffc}.pencil-header__search .search-autocomplete-input-wrapper:hover .search-autocomplete-input-bg--normal{border-color:var(--header-search-border-hover);background:var(--header-search-bg-hover)}.pencil-header__search .search-autocomplete-input:focus~.search-autocomplete-input-bg--normal,.pencil-header__search .search-autocomplete-input-wrapper:focus-within .search-autocomplete-input-bg--normal{border-color:var(--header-search-border-focus);background:var(--header-search-bg-hover)}.pencil-header__search .search-autocomplete-input{z-index:1;width:100%;height:var(--header-search-height);border-radius:var(--header-search-radius);font-family:var(--header-font);font-size:var(--header-search-size);color:var(--header-text-primary);transition:color var(--header-transition-fast);-webkit-appearance:none;background:0 0;border:1px solid #0000;padding-inline:48px 20px;position:relative}.pencil-header__search .search-autocomplete-input::-moz-placeholder{color:var(--header-text-placeholder);-moz-transition:color var(--header-transition-fast);transition:color var(--header-transition-fast)}.pencil-header__search .search-autocomplete-input::placeholder{color:var(--header-text-placeholder);transition:color var(--header-transition-fast)}.pencil-header__search .search-autocomplete-input:focus{outline:none}.pencil-header__search .search-autocomplete-icon{inset-inline-start:16px;pointer-events:none;z-index:2;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pencil-header__right{align-items:center;gap:var(--header-gap-right);flex-shrink:0;display:flex}.pencil-header__nav{align-items:center;gap:var(--header-gap-nav);display:flex}.pencil-header__nav-link{font-family:var(--header-font);font-size:var(--header-nav-size);font-weight:var(--header-nav-weight);color:var(--header-text-secondary);transition:color var(--header-transition-fast);-webkit-tap-highlight-color:transparent;border-radius:4px;padding:8px 4px;text-decoration:none;position:relative}.pencil-header__nav-link:after{content:"";bottom:4px;background:var(--header-hover-color);height:2px;transition:transform var(--header-transition-fast);border-radius:1px;position:absolute;inset-inline:4px;transform:scaleX(0)}.pencil-header__nav-link:hover{color:var(--header-hover-color)}.pencil-header__nav-link:hover:after{transform:scaleX(1)}.pencil-header__nav-link:focus-visible{outline:2px solid var(--header-focus-color);outline-offset:2px}.pencil-header__nav-link[aria-current=page]{color:var(--header-hover-color)}.pencil-header__nav-link[aria-current=page]:after{transform:scaleX(1)}.pencil-header__cta{height:var(--header-cta-height);border-radius:var(--header-cta-radius);cursor:pointer;box-shadow:0 1px 2px var(--header-cta-shadow);-webkit-tap-highlight-color:transparent;isolation:isolate;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding-inline:20px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(0)}.pencil-header__cta:hover{box-shadow:0 8px 20px -4px var(--header-cta-shadow-hover), 0 4px 8px -2px #0f172a1a;transform:translateY(-2px)scale(1.02)}.pencil-header__cta:active{box-shadow:0 1px 2px var(--header-cta-shadow);transform:translateY(0)}.pencil-header__cta:focus-visible{outline:2px solid var(--header-focus-color);outline-offset:2px}.pencil-header__cta-text{font-family:var(--header-font);font-size:var(--header-cta-size);font-weight:var(--header-cta-weight);color:var(--header-cta-text);white-space:nowrap}.pencil-header__cta-bg{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.pencil-header__cta-bg--normal{background:linear-gradient(135deg, var(--header-cta-gradient-start), var(--header-cta-gradient-end));z-index:0}.pencil-header__cta-bg--inverted{z-index:1;background:linear-gradient(135deg,#fff 0%,#e2e8f0 100%)}.pencil-header[data-ai-mode=on] .pencil-header__cta-bg--inverted{opacity:1!important}.pencil-header[data-ai-mode=off]:not(.pencil-header--ripple-active) .pencil-header__cta-bg--inverted{opacity:0!important}.pencil-header__cta-content{z-index:2;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.pencil-header__cta-icon-wrapper{color:var(--header-cta-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pencil-header__cta-icon-wrapper svg{color:inherit}.pencil-header__user-area{align-items:center;gap:var(--header-gap-user);display:flex}.pencil-header__icon-btn{width:var(--header-cart-size);height:var(--header-cart-size);border-radius:var(--header-cart-radius);cursor:pointer;color:var(--header-text-secondary);transition:all var(--header-transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.pencil-header__icon-btn:hover{background:var(--header-cart-bg-hover);color:var(--header-text-primary)}.pencil-header__icon-btn:active{background:var(--header-cart-bg-active);transform:scale(.96)}.pencil-header__icon-btn:focus-visible{outline:2px solid var(--header-focus-color);outline-offset:2px}.pencil-header__icon{width:20px;height:20px}.pencil-header__cart{position:relative}.pencil-header__cart-icon{width:20px;height:20px}.pencil-header__cart-badge,.pencil-header__icon-badge{top:-6px;background:var(--header-badge-bg);min-width:18px;height:18px;color:var(--header-badge-text);font-family:var(--header-font);font-size:var(--header-badge-size);border:2px solid var(--header-badge-border);box-shadow:0 2px 4px var(--header-badge-shadow);pointer-events:none;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-weight:600;animation:.3s badge-pop;display:flex;position:absolute;inset-inline-end:-6px}.pencil-header__icon-badge--notif{background:#60a5fa;box-shadow:0 2px 4px #60a5fa59}.pencil-header__cart-badge{background:#818cf8;box-shadow:0 2px 4px #818cf859}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pencil-header__login{font-family:var(--header-font);font-size:var(--header-nav-size);font-weight:var(--header-nav-weight);color:var(--header-text-secondary);cursor:pointer;transition:all var(--header-transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;padding:8px 12px}.pencil-header__login:hover{color:var(--header-hover-color);background:var(--header-login-bg-hover)}.pencil-header__login:active{background:var(--header-login-bg-active)}.pencil-header__login:focus-visible{outline:2px solid var(--header-focus-color);outline-offset:2px}@media (max-width:1200px){.pencil-header{--header-search-width:400px}}@media (max-width:1024px){.pencil-header{--header-padding-x:20px;--header-search-width:280px;--header-gap-nav:24px;gap:16px}.pencil-header__brand-text{display:none}.pencil-header__search{min-width:180px}}@media (max-width:768px){.pencil-header{--header-padding-x:16px;--header-height:auto;flex-wrap:wrap;gap:12px;padding-block:12px}.pencil-header__brand{order:1}.pencil-header__right{order:2;gap:12px;margin-left:auto}.pencil-header__search{width:100%;min-width:unset;--header-search-width:100%;flex-basis:100%;order:3;max-width:none}.pencil-header__nav,.pencil-header__cta,.pencil-header__orders-link,.pencil-header__icon-btn{display:none}.pencil-header__cart{display:flex}}@media (max-width:480px){.pencil-header{--header-padding-x:12px;--header-logo-size:36px;--header-logo-radius:10px;--header-cart-size:32px;--header-search-height:40px;gap:10px}.pencil-header__logo-bar{width:3px;height:18px}.pencil-header__logo-bar--center{height:12px}.pencil-header__cart-icon{width:14px;height:14px}.pencil-header__cart-badge,.pencil-header__icon-badge{top:-5px;min-width:16px;height:16px;font-size:9px;inset-inline-end:-5px}.pencil-header__login{padding:6px 8px;font-size:12px}.pencil-header__search .search-autocomplete-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.pencil-header,.pencil-header *,.pencil-header :before,.pencil-header :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.pencil-header{border-bottom:2px solid canvastext}.pencil-header__cta,.pencil-header__cart{border:2px solid canvastext}.pencil-header__cart-badge,.pencil-header__icon-badge{forced-color-adjust:none;color:highlighttext;background:highlight;border:2px solid canvastext}}.pencil-header__search .search-autocomplete-input--with-ai{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;padding-inline-end:58px}.search-ai-button{inset-inline-end:0;z-index:5;border-radius:var(--header-search-radius);cursor:pointer;isolation:isolate;background:0 0;border:1px solid #0f172a;border-left:none;justify-content:center;align-items:center;padding:0 16px;transition:box-shadow .2s;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.search-ai-button__bg{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.search-ai-button__bg--normal{z-index:0;background:linear-gradient(135deg,#0f172a,#1e293b)}.search-ai-button__bg--inverted{z-index:1;background:linear-gradient(135deg,#fff,#e2e8f0)}.pencil-header[data-ai-mode=on] .search-ai-button__bg--inverted{opacity:1!important}.pencil-header[data-ai-mode=off]:not(.pencil-header--ripple-active) .search-ai-button__bg--inverted{opacity:0!important}.search-ai-button__shimmer{z-index:2;border-radius:var(--header-search-radius);pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff0f 40%,#ffffff26 50%,#ffffff0f 60%,#0000 80%) 0 0/200% 100%;animation:2.5s ease-in-out infinite ai-shimmer;position:absolute;inset:0}.search-ai-button__glow{border-radius:calc(var(--header-search-radius) + 4px);z-index:-1;pointer-events:none;background:radial-gradient(#0f172a4d 0%,#0000 70%);animation:2s ease-in-out infinite ai-glow-pulse;position:absolute;inset:-4px}.pencil-header[data-ai-mode=on] .search-ai-button__glow{background:radial-gradient(#ffffff4d 0%,#0000 70%)}.search-ai-button__text{z-index:2;font-family:var(--header-font);letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px #0000004d;font-size:13px;font-weight:700;position:relative}.pencil-header[data-ai-mode=on] .search-ai-button__text{text-shadow:none;color:#0f172a!important}.search-ai-button:hover{opacity:.9;background:#0f172a;box-shadow:0 0 16px #0f172a66}.search-ai-button:hover .search-ai-button__shimmer{animation-duration:1.5s}.search-ai-button:active{opacity:.8;background:#0f172a}.pencil-header__search .search-autocomplete:focus-within .search-ai-button{border-color:var(--header-search-border-focus)}.search-ai-button:focus{outline:none}.search-ai-button--drain{animation:.4s cubic-bezier(.36,0,.66,-.56) forwards drain-suction}@keyframes drain-suction{0%{transform:scale(1)}50%{transform:scale(.85)}75%{transform:scale(1.08)}to{transform:scale(1)}}.search-ai-button:focus-visible{outline-offset:-2px;box-shadow:0 0 0 3px var(--header-search-focus-ring);outline:2px solid #fff}@keyframes ai-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes ai-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.search-ai-button{padding:0 12px}.search-ai-button__text{font-size:11px}.pencil-header__search .search-autocomplete-input--with-ai{padding-inline-end:48px}}@media (prefers-reduced-motion:reduce){.search-ai-button__shimmer,.search-ai-button__glow{animation:none}.search-ai-button__glow{opacity:.4}}.pencil-header--ripple-active{position:relative;overflow:hidden;background:#fff!important}.pencil-header--ripple-active .pencil-header__brand,.pencil-header--ripple-active .pencil-header__search,.pencil-header--ripple-active .pencil-header__right,.pencil-header[data-ai-mode=on] .pencil-header__brand,.pencil-header[data-ai-mode=on] .pencil-header__search,.pencil-header[data-ai-mode=on] .pencil-header__right{z-index:1001;position:relative}.pencil-header[data-ai-mode=on] .pencil-header__brand-text,.pencil-header[data-ai-mode=on] .pencil-header__nav-link,.pencil-header[data-ai-mode=on] .pencil-header__login{color:#fff}.pencil-header[data-ai-mode=on] .pencil-header__nav-link:after{background:#fff}.pencil-header[data-ai-mode=on] .pencil-header__nav-link:hover{color:#fff;opacity:.8}.pencil-header[data-ai-mode=on] .pencil-header__cta-text,.pencil-header[data-ai-mode=on] .pencil-header__cta-icon-wrapper{color:#0f172a!important}.pencil-header[data-ai-mode=on] .pencil-header__cta-icon-wrapper svg{color:inherit!important}.pencil-header[data-ai-mode=on] .pencil-header__icon-btn{color:#fff;transition:color .3s}.pencil-header[data-ai-mode=on] .pencil-header__icon-btn:hover{color:#fff;opacity:.8;background:#ffffff1a}.pencil-header[data-ai-mode=on] .pencil-header__cart-badge{color:#fff;background:#059669}.pencil-header[data-ai-mode=on] .location-badge{background:0 0;border:none}.pencil-header[data-ai-mode=on] .location-badge:hover{background:#ffffff1a;border:none}.pencil-header[data-ai-mode=on] .pencil-header__user-area>div button>div.bg-primary-light{background:#ffffff1a!important}.pencil-header[data-ai-mode=on] .pencil-header__user-area>div button>div.bg-primary-light span,.pencil-header[data-ai-mode=on] .pencil-header__user-area>div button>span.text-text{color:#fff!important}.pencil-header[data-ai-mode=on] .pencil-header__user-area>div button>svg{color:#ffffffb3!important}.pencil-header[data-ai-mode=on] .pencil-header__user-area>div button:hover{background:#ffffff1a!important}.pencil-header[data-ai-mode=on] .search-autocomplete-input{color:#0f172a}.pencil-header[data-ai-mode=on] .search-autocomplete-input::placeholder{color:#64748b}.pencil-header[data-ai-mode=on] .search-autocomplete-input-bg--normal{opacity:0}.pencil-header[data-ai-mode=on] .search-autocomplete-input-bg--inverted{opacity:1}.pencil-header[data-ai-mode=on] .search-autocomplete-icon{color:#64748b}.pencil-header[data-ai-mode=on] .search-ai-button{border-color:#e2e8f0;box-shadow:0 2px 8px #0003}.pencil-header.pencil-header--ripple-active[data-ai-mode=on],.pencil-header[data-ai-mode=on]{z-index:100!important;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;position:sticky!important;top:0!important}.pencil-header--ripple-active .search-ai-button{animation:.6s ease-out ai-button-pulse}@keyframes ai-button-pulse{0%{transform:scale(1)}30%{transform:scale(1.15);box-shadow:0 0 30px #fff,0 0 60px #0f172acc}to{transform:scale(1)}}.pencil-header--ripple-active .pencil-header__logo{animation:.5s ease-out logo-pulse}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.pencil-header--ripple-active .search-autocomplete-input{animation:.4s ease-out input-glow}@keyframes input-glow{0%{box-shadow:0 0 0 3px #0f172a80}to{box-shadow:none}}@media print{.pencil-header-sticky{position:static}.pencil-header{box-shadow:none;color:#000;background:#fff;border-bottom:1px solid #000}.pencil-header__search,.pencil-header__cart,.pencil-header__cta,.pencil-header__orders-link,.pencil-header__nav{display:none}.pencil-header__brand-text{color:#000;display:block!important}}.pencil-header__skip-link{z-index:1000;background:var(--header-text-primary);color:var(--header-bg);font-family:var(--header-font);border-radius:0 0 8px 8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.pencil-header__skip-link:focus{outline:none;top:0}.pencil-header__skip-link:focus-visible{outline:2px solid var(--header-focus-color);outline-offset:2px}.pencil-header__hamburger{cursor:pointer;width:36px;height:36px;color:var(--header-text-secondary);transition:all var(--header-transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:none}.pencil-header__hamburger:hover{background:var(--header-cart-bg-hover);color:var(--header-text-primary)}.pencil-header__hamburger:focus-visible{outline:2px solid var(--header-focus-color);outline-offset:2px}.pencil-header__hamburger-icon{width:20px;height:20px}@media (max-width:768px){.pencil-header__hamburger{display:flex}}.mobile-menu{z-index:9999;flex-direction:column;display:flex;position:fixed;inset:0}.mobile-menu__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;animation:.2s mobile-menu-fade-in;position:absolute;inset:0}@keyframes mobile-menu-fade-in{0%{opacity:0}to{opacity:1}}.mobile-menu__panel{background:var(--header-bg,#fff);max-height:85vh;padding:0 0 env(safe-area-inset-bottom,16px);overscroll-behavior:contain;border-radius:24px 24px 0 0;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) mobile-menu-slide-up;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}@keyframes mobile-menu-slide-up{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-menu__swipe-indicator{justify-content:center;padding:8px 0;display:flex}.mobile-menu__swipe-bar{background:var(--header-border,#e2e8f0);border-radius:2px;width:36px;height:4px}.mobile-menu__header{border-bottom:1px solid var(--header-border,#e2e8f0);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.mobile-menu__title{font-family:var(--header-font,system-ui);color:var(--header-text-primary,#0f172a);font-size:18px;font-weight:600}.mobile-menu__close{cursor:pointer;width:40px;height:40px;color:var(--header-text-secondary,#4b5563);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.mobile-menu__close:hover{background:var(--header-cart-bg-hover,#f3f4f6);color:var(--header-text-primary,#0f172a)}.mobile-menu__close:focus-visible{outline:2px solid var(--header-focus-color,#0f172a);outline-offset:2px}.mobile-menu__nav{flex-direction:column;padding:12px 16px;display:flex}.mobile-menu__nav-item{color:var(--header-text-primary,#0f172a);font-family:var(--header-font,system-ui);-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.mobile-menu__nav-item:hover{background:var(--header-cart-bg,#f9fafb)}.mobile-menu__nav-item:focus-visible{outline:2px solid var(--header-focus-color,#0f172a);outline-offset:-2px}.mobile-menu__nav-item--active{background:var(--header-search-focus-ring,#0f172a1a);color:var(--header-focus-color,#0f172a)}.mobile-menu__nav-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mobile-menu__nav-label{flex:1}.mobile-menu__nav-item svg:last-child{color:var(--header-text-muted,#64748b);opacity:.5}.mobile-menu__divider{background:var(--header-border,#e2e8f0);height:1px;margin:8px 20px}.mobile-menu__cta{background:linear-gradient(135deg, var(--header-cta-gradient-start,#0f172a), var(--header-cta-gradient-end,#1e293b));color:var(--header-cta-text,#fff);font-family:var(--header-font,system-ui);-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:8px 16px;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.mobile-menu__cta:hover{box-shadow:0 8px 20px var(--header-cta-shadow-hover,#0f172a40);transform:scale(1.02)}.mobile-menu__cta:focus-visible{outline:2px solid var(--header-focus-color,#0f172a);outline-offset:2px}.mobile-menu__cta-icon{width:18px;height:18px}.mobile-menu__login{border:1px solid var(--header-border,#e2e8f0);color:var(--header-text-primary,#0f172a);font-family:var(--header-font,system-ui);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;justify-content:center;align-items:center;margin:8px 16px;padding:14px 24px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.mobile-menu__login:hover{background:var(--header-cart-bg,#f9fafb);border-color:var(--header-cart-border-hover,#d1d5db)}.mobile-menu__login:focus-visible{outline:2px solid var(--header-focus-color,#0f172a);outline-offset:2px}.mobile-menu__footer{justify-content:center;align-items:center;margin-top:auto;padding:16px;display:flex}.mobile-menu__footer-text{font-family:var(--header-font,system-ui);color:var(--header-text-muted,#64748b);font-size:12px}@media (prefers-reduced-motion:reduce){.mobile-menu__backdrop,.mobile-menu__panel{animation:none}}@media (prefers-color-scheme:dark){.mobile-menu__backdrop{background:#000000b3}}.pencil-header--loading{pointer-events:none}.pencil-header__skeleton{justify-content:space-between;align-items:center;width:100%;display:flex}.pencil-header__skeleton-brand{align-items:center;gap:16px;display:flex}.pencil-header__skeleton-logo{background:linear-gradient(90deg, var(--header-border) 25%, var(--header-cart-bg) 50%, var(--header-border) 75%);background-size:200% 100%;border-radius:12px;width:44px;height:44px;animation:1.5s infinite skeleton-shimmer}.pencil-header__skeleton-text{background:linear-gradient(90deg, var(--header-border) 25%, var(--header-cart-bg) 50%, var(--header-border) 75%);background-size:200% 100%;border-radius:6px;width:120px;height:20px;animation:1.5s infinite skeleton-shimmer}.pencil-header__skeleton-search{width:var(--header-search-width);height:var(--header-search-height);border-radius:var(--header-search-radius);background:linear-gradient(90deg, var(--header-border) 25%, var(--header-cart-bg) 50%, var(--header-border) 75%);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}.pencil-header__skeleton-right{align-items:center;gap:24px;display:flex}.pencil-header__skeleton-nav{gap:32px;display:flex}.pencil-header__skeleton-nav-item{background:linear-gradient(90deg, var(--header-border) 25%, var(--header-cart-bg) 50%, var(--header-border) 75%);background-size:200% 100%;border-radius:4px;width:60px;height:16px;animation:1.5s infinite skeleton-shimmer}.pencil-header__skeleton-cta{background:linear-gradient(90deg, var(--header-border) 25%, var(--header-cart-bg) 50%, var(--header-border) 75%);background-size:200% 100%;border-radius:6px;width:100px;height:36px;animation:1.5s infinite skeleton-shimmer}.pencil-header__skeleton-cart{background:linear-gradient(90deg, var(--header-border) 25%, var(--header-cart-bg) 50%, var(--header-border) 75%);background-size:200% 100%;border-radius:8px;width:36px;height:36px;animation:1.5s infinite skeleton-shimmer}@media (max-width:1024px){.pencil-header__skeleton-text{display:none}.pencil-header__skeleton-search{width:280px}}@media (max-width:768px){.pencil-header__skeleton-nav,.pencil-header__skeleton-cta{display:none}.pencil-header__skeleton-search{order:3;width:100%}}