/* Existing PROTON look: Inter 12px, #fafafc, #f5f5f7, #1d1d1f. */
body:has(#proton-shop-header) #header{display:none!important}
#proton-shop-header{--ph-bg:#fafafc;--ph-soft:#f5f5f7;--ph-line:#d2d2d7;--ph-ink:#1d1d1f;--ph-muted:#6e6e73;--ph-accent:#0066cc;position:relative;z-index:90;width:100%;background:var(--ph-bg);color:var(--ph-ink);font:400 12px/1.3 Inter,sans-serif;letter-spacing:normal;text-transform:none;border-bottom:1px solid var(--ph-line)}
#proton-shop-header *,#proton-shop-header *::before,#proton-shop-header *::after{box-sizing:border-box}
#proton-shop-header [hidden]{display:none!important}
#proton-shop-header a{color:inherit;text-decoration:none}
#proton-shop-header a:hover{color:var(--ph-accent)}
#proton-shop-header button{font:inherit;color:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;min-height:0;box-shadow:none;transform:none}
#proton-shop-header :focus-visible{outline:2px solid var(--ph-accent);outline-offset:3px}
#proton-shop-header .ph-wrap{width:calc(100% - 48px);max-width:980px;margin-inline:auto}
#proton-shop-header .ph-top{background:var(--ph-soft);font:400 12px/18px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
#proton-shop-header .ph-top .ph-wrap{min-height:32px;display:flex;justify-content:space-between;gap:16px;align-items:center;padding-block:7px}
#proton-shop-header .ph-contact{white-space:nowrap;color:var(--ph-muted)}
#proton-shop-header .ph-main{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:28px;align-items:center;min-height:76px;padding-block:12px}
#proton-shop-header .ph-logo{display:flex;align-items:center}
#proton-shop-header .ph-logo img{height:31px;width:auto;max-width:none;object-fit:contain}
#proton-shop-header .ph-search{position:relative;margin:0;min-width:0}
#proton-shop-header .ph-search input[type=search]{height:44px;width:100%;border:1px solid var(--ph-line);border-radius:9px;background:var(--ph-soft);padding:0 112px 0 14px;font:400 12px/1.3 Inter,sans-serif;color:var(--ph-ink);box-shadow:none}
#proton-shop-header .ph-search input:focus{border-color:var(--ph-accent);outline:2px solid #0066cc18}
#proton-shop-header .ph-search>button{position:absolute;right:4px;top:4px;height:36px;padding:0 10px;border:0;border-radius:7px;background:transparent;display:flex;align-items:center;gap:6px}
#proton-shop-header .ph-search>button:hover{background:#e8e8ed}
#proton-shop-header .ph-search>kbd{position:absolute;right:94px;top:13px;border:1px solid var(--ph-line);border-radius:3px;padding:0 4px;font:11px/16px monospace;color:var(--ph-muted)}
.ph-icon{flex:none;display:block}
#proton-shop-header .ph-actions{display:flex;align-items:center;gap:8px}
#proton-shop-header .ph-action{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:48px;min-height:44px;border:0;background:transparent;border-radius:7px;padding:3px 6px}
#proton-shop-header .ph-action:hover{color:var(--ph-accent)}
#proton-shop-header .ph-count,#proton-shop-header .ph-badge{position:absolute;top:-3px;right:3px;font:500 10px/16px Inter,sans-serif;min-width:16px;height:16px;border-radius:20px;background:var(--ph-ink);color:white;text-align:center;padding:0 3px}
#proton-shop-header .ph-cart-amount{font:400 11px/1.2 Inter,sans-serif;white-space:nowrap}
#proton-shop-header .ph-cart{position:relative}
#proton-shop-header .ph-mini{position:absolute;right:0;top:100%;width:340px;max-width:calc(100vw - 32px);padding:20px;background:var(--ph-bg);border:1px solid var(--ph-line);border-radius:12px;box-shadow:0 16px 40px #0002;z-index:105;font-size:13px}
#proton-shop-header .ph-mini>small{display:block;color:var(--ph-muted);margin-top:12px}
#proton-shop-header .ph-cart-body{max-height:55vh;overflow:auto;margin-block:12px}
#proton-shop-header .ph-cart-body img{max-width:48px}
#proton-shop-header .ph-mini .buttons{display:flex;gap:8px}
#proton-shop-header .ph-mini .button{background:var(--ph-ink);color:#fff;min-height:34px;padding:8px;border-radius:5px;font-size:12px}
#proton-shop-header .ph-nav{border-top:1px solid #e8e8ed}
#proton-shop-header .ph-nav-inner{display:flex;align-items:center;justify-content:space-between;position:relative;gap:14px}
#proton-shop-header ul{list-style:none;margin:0;padding:0}
#proton-shop-header .ph-cats{display:flex;align-items:stretch;gap:10px;flex:1;justify-content:space-between}
#proton-shop-header .ph-cat-head{display:flex;align-items:center;min-height:46px}
#proton-shop-header .ph-cat-head>a{padding-block:15px;white-space:nowrap}
#proton-shop-header .ph-cat-head>button{border:0;padding:8px 3px;background:transparent}
#proton-shop-header .ph-cat-head .ph-icon{width:12px;height:12px}
#proton-shop-header .ph-cat-head>button[aria-expanded=true] .ph-icon{transform:rotate(180deg)}
#proton-shop-header .ph-service{display:flex;align-items:center;gap:6px;border:1px solid var(--ph-line);border-radius:6px;padding:7px 12px;margin-left:10px}
#proton-shop-header .ph-service .ph-icon{width:16px;height:16px}
#proton-shop-header .ph-mega{position:absolute;left:0;right:0;top:100%;display:grid;grid-template-columns:1.25fr .85fr 1.4fr;gap:28px;padding:26px;background:var(--ph-bg);border:1px solid var(--ph-line);border-radius:0 0 12px 12px;box-shadow:0 20px 45px #0002;z-index:100}
#proton-shop-header .ph-mega h3{font:500 11px/1.3 Inter,sans-serif;color:var(--ph-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}
#proton-shop-header .ph-sub a{display:block;padding:7px 0}
#proton-shop-header .ph-two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
#proton-shop-header .ph-link{display:inline-block;color:var(--ph-accent);margin-top:12px}
#proton-shop-header .ph-brands{display:flex;gap:7px;flex-wrap:wrap}
#proton-shop-header .ph-brands a{padding:7px 10px;border:1px solid var(--ph-line);border-radius:6px}
#proton-shop-header .ph-help{padding:16px;background:var(--ph-soft);border-radius:10px}
#proton-shop-header .ph-help strong{font-weight:500}
#proton-shop-header .ph-help p{margin:8px 0;color:var(--ph-muted)}
#proton-shop-header .ph-featured{display:flex;align-items:center;gap:12px;margin-bottom:10px}
#proton-shop-header .ph-featured img{width:48px;height:48px;object-fit:contain}
#proton-shop-header .ph-featured b{display:block;margin-top:5px}
#proton-shop-header .ph-burger,#proton-shop-header .ph-mobile-links{display:none}
#proton-shop-header .ph-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--ph-bg);border:1px solid var(--ph-line);border-radius:10px;padding:14px;box-shadow:0 15px 40px #0002;z-index:110;max-height:65vh;overflow:auto}
#proton-shop-header .ph-results h3{font:500 11px/1.3 Inter,sans-serif;margin:8px 0;color:var(--ph-muted)}
#proton-shop-header .ph-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
#proton-shop-header .ph-chip{background:var(--ph-soft);border:1px solid var(--ph-line);border-radius:16px;padding:7px 10px}
#proton-shop-header .ph-result{padding:10px 0;border-bottom:1px solid #e8e8ed}
#proton-shop-header .ph-result>a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}
#proton-shop-header .ph-result img{width:40px;height:40px;object-fit:contain}
#proton-shop-header .ph-result-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:7px}
#proton-shop-header .ph-result-actions button,#proton-shop-header .ph-result-actions a{padding:4px;border:0;background:transparent;font-size:11px;color:var(--ph-accent)}
#proton-shop-header .ph-dialog-content{overflow:auto;max-height:70vh}
#proton-shop-header dialog{width:min(1000px,calc(100vw - 32px));max-height:85vh;border:1px solid var(--ph-line);border-radius:14px;background:var(--ph-bg);color:var(--ph-ink);padding:24px;font:400 13px/1.5 Inter,sans-serif}
#proton-shop-header dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}
#proton-shop-header .ph-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
#proton-shop-header .ph-dialog-head h2{font:500 20px/1.3 Inter,sans-serif;margin:0}
#proton-shop-header .ph-close{border:0;background:none;font-size:28px;padding:0 8px}
#proton-shop-header .ph-dialog-content table{border-collapse:collapse;width:100%;table-layout:auto}
#proton-shop-header .ph-dialog-content td,#proton-shop-header .ph-dialog-content th{border:1px solid var(--ph-line);padding:12px;min-width:150px;vertical-align:top;text-align:left}
#proton-shop-header .ph-dialog-content img{width:70px;height:70px;object-fit:contain}
#proton-shop-header .ph-remove{display:block;border:0;background:transparent;color:var(--ph-muted);padding:8px 0}
#proton-shop-header .ph-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 18px;background:var(--ph-ink);color:white;border-radius:8px;z-index:120;pointer-events:none}
#proton-shop-header .ph-status:empty{display:none}
.ph-product-tools{display:flex;gap:10px;flex-wrap:wrap;margin-block:12px}
.ph-product-tools button{display:flex;align-items:center;gap:5px;font:400 12px/1.4 Inter,sans-serif;padding:7px 9px;border:1px solid #d2d2d7;border-radius:6px;background:transparent;color:#1d1d1f;cursor:pointer;min-height:0}
.ph-product-tools .ph-icon{width:15px;height:15px}
@media(max-width:860px){
 #proton-shop-header .ph-wrap{width:calc(100% - 32px)}
 #proton-shop-header .ph-top .ph-wrap{justify-content:center;text-align:center;gap:0}
 #proton-shop-header .ph-contact{display:none}
 #proton-shop-header .ph-main{grid-template-columns:40px 1fr auto;gap:10px;min-height:0;padding-block:10px}
 #proton-shop-header .ph-burger{display:flex;min-width:40px;grid-column:1;grid-row:1}
 #proton-shop-header .ph-logo{grid-column:2;grid-row:1}
 #proton-shop-header .ph-actions{grid-column:3;grid-row:1}
 #proton-shop-header .ph-secondary{display:none}
 #proton-shop-header .ph-search{grid-column:1/-1;grid-row:2}
 #proton-shop-header .ph-search input[type=search]{font-size:16px;padding-right:50px}
 #proton-shop-header .ph-search>kbd,#proton-shop-header .ph-search>button>span{display:none}
 #proton-shop-header .ph-nav{display:none}
 #proton-shop-header.ph-drawer .ph-nav{display:block}
 #proton-shop-header .ph-nav-inner{display:block}
 #proton-shop-header .ph-cats{display:block}
 #proton-shop-header .ph-category{border-bottom:1px solid #e8e8ed}
 #proton-shop-header .ph-cat-head{justify-content:space-between;min-height:46px}
 #proton-shop-header .ph-cat-head>a{flex:1;padding:14px 0}
 #proton-shop-header .ph-cat-head>button{padding:14px}
 #proton-shop-header .ph-cat-head .ph-icon{width:16px;height:16px}
 #proton-shop-header .ph-mega{position:static;border:0;box-shadow:none;grid-template-columns:1fr;gap:18px;padding:14px 8px 20px}
 #proton-shop-header .ph-service{justify-content:center;margin:12px 0}
 #proton-shop-header .ph-mobile-links{display:flex;flex-wrap:wrap;gap:18px;padding:6px 0 18px}
 #proton-shop-header .ph-mobile-links button{border:0;background:none;padding:0}
 #proton-shop-header .ph-results{padding:10px}
 #proton-shop-header .ph-results .ph-result>a{grid-template-columns:36px 1fr}
 #proton-shop-header .ph-results .ph-result>a>b{grid-column:2}
}

#proton-shop-header .ph-shipping{margin-top:15px;color:var(--ph-muted);font-size:12px}
#proton-shop-header .ph-shipping progress{display:block;width:100%;height:5px;margin-top:8px;accent-color:var(--ph-accent)}

/* Desktop arrangement: left logo/search/categories, right actions/service. */
@media(min-width:861px){
 #proton-shop-header .ph-wrap{max-width:none;}
 #proton-shop-header .ph-main{grid-template-columns:56px clamp(360px,32vw,640px) minmax(0,1fr);}
 #proton-shop-header .ph-actions{justify-self:end;}
 #proton-shop-header .ph-cats{flex:0 1 auto;justify-content:flex-start;gap:24px;}
 #proton-shop-header .ph-service{margin-left:auto;flex-shrink:0;}
}

/* Hero palette and page blur behind category navigation. */
#proton-shop-header{border-bottom:0;}
#proton-shop-header .ph-mega{background:linear-gradient(180deg,#ffffff 0%,#f4f4f5 100%);border:0;box-shadow:none;}
.ph-page-fog{position:fixed;left:0;right:0;bottom:0;z-index:89;background:rgba(244,244,245,.56);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;}
.ph-page-fog.is-open{opacity:1;visibility:visible;pointer-events:auto;}
@media(max-width:860px){#proton-shop-header.ph-drawer .ph-nav{background:linear-gradient(180deg,#ffffff 0%,#f4f4f5 100%);}#proton-shop-header .ph-mega{background:transparent;}}
@media(prefers-reduced-motion:reduce){.ph-page-fog{transition:none;}}

/* Minimal category labels and softly revealed dropdowns. */
#proton-shop-header .ph-cat-head>button .ph-icon{display:none;}
#proton-shop-header .ph-mega:not([hidden]){animation:ph-menu-flow .38s cubic-bezier(.22,1,.36,1) both;transform-origin:top center;}
@keyframes ph-menu-flow{from{opacity:0;transform:translateY(-8px);clip-path:inset(0 0 100% 0);}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0);}}
@media(prefers-reduced-motion:reduce){#proton-shop-header .ph-mega:not([hidden]){animation:none;}}

/* Center all desktop header rows. */
@media(min-width:861px){
 #proton-shop-header .ph-top .ph-wrap{justify-content:center;gap:48px;}
 #proton-shop-header .ph-main{grid-template-columns:56px clamp(360px,32vw,640px) auto;justify-content:center;}
 #proton-shop-header .ph-actions{justify-self:center;}
 #proton-shop-header .ph-nav-inner{justify-content:center;}
 #proton-shop-header .ph-cats{flex:0 1 auto;}
 #proton-shop-header .ph-service{margin-left:10px;}
}

/* Smooth rows and stable dropdown hit areas. */
#proton-shop-header,#proton-shop-header .ph-top,#proton-shop-header .ph-top .ph-wrap,#proton-shop-header .ph-main,#proton-shop-header .ph-nav{border:0;box-shadow:none;}
#proton-shop-header .ph-mega:not([hidden]){animation:ph-menu-fade .25s ease both;transform:none;clip-path:none;}
#proton-shop-header .ph-mega:not([hidden])>div{animation:ph-menu-content .38s cubic-bezier(.22,1,.36,1) both;}
@keyframes ph-menu-fade{from{opacity:0;}to{opacity:1;}}
@keyframes ph-menu-content{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
#proton-shop-header .ph-sub a:hover,#proton-shop-header .ph-sub a:focus-visible{font-weight:600;}
#proton-shop-header .ph-category:hover>.ph-cat-head>a{font-weight:600;}
@media(prefers-reduced-motion:reduce){#proton-shop-header .ph-mega:not([hidden]),#proton-shop-header .ph-mega:not([hidden])>div{animation:none;}}

/* PROTON header refinement 2026-09-30 */
#proton-shop-header[id] .ph-top .ph-wrap{justify-content:center;text-align:center;}
#proton-shop-header[id] .ph-heritage strong{color:#efc606;font-weight:600;}
#proton-shop-header[id] .ph-logo{width:144px;min-width:144px;}
#proton-shop-header[id] .ph-logo img{width:144px;height:auto;max-height:none;}
#proton-shop-header[id] .ph-service{font-weight:600;display:flex;align-items:center;gap:6px;}
#proton-shop-header[id] .ph-service>svg{display:block;width:16px;height:16px;flex:none;}
#proton-shop-header[id] .ph-search input[type=search]:focus{border-color:#b99a05;outline:2px solid #efc60640;}
@media(min-width:1280px){
#proton-shop-header[id]{grid-template-columns:minmax(20px,1fr) 144px minmax(590px,680px) minmax(260px,360px) 112px minmax(20px,1fr);column-gap:24px;}
#proton-shop-header[id] .ph-logo{grid-column:2;grid-row:2;}
#proton-shop-header[id] .ph-nav{grid-column:3;grid-row:2;}
#proton-shop-header[id] .ph-search{grid-column:4;grid-row:2;}
#proton-shop-header[id] .ph-actions{grid-column:5;grid-row:2;}
#proton-shop-header[id] .ph-search input[type=search]{height:38px;min-height:38px;}
}
@media(min-width:861px) and (max-width:1279px){
#proton-shop-header[id]{grid-template-columns:minmax(20px,1fr) 144px minmax(260px,680px) 112px minmax(20px,1fr);column-gap:28px;}
#proton-shop-header[id] .ph-logo{grid-column:2;grid-row:2;}
#proton-shop-header[id] .ph-search{grid-column:3;grid-row:2;}
#proton-shop-header[id] .ph-actions{grid-column:4;grid-row:2;}
#proton-shop-header[id] .ph-nav{grid-column:2/5;grid-row:3;}
#proton-shop-header[id] .ph-logo,#proton-shop-header[id] .ph-search,#proton-shop-header[id] .ph-actions{margin-block:8px;}
}