/* Shared customer navigation and footer; isolated from page-specific layouts. */
.shop [data-store-review-summary][hidden]{display:none}
.shop [data-store-review-summary] .shop-stars{--star-size:24px;color:#dec28b;gap:4px}
.shop .site-notice{display:flex;justify-content:center;align-items:center;min-height:32px;padding:8px 20px;background:#272124;color:#c9c1c5;font:400 9px/1.5 Manrope,sans-serif;letter-spacing:.1em;text-align:center}
.shop .site-notice #environment-label{font:inherit;white-space:normal}
.site-notice .studio-tools{display:none}
.shop .site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;max-width:1600px;min-height:104px;margin:0 auto;padding:22px 5%;border-bottom:1px solid #352d32;background:#100e10;color:#f3eeeb;font:400 13px/1.5 Manrope,sans-serif}
.shop .site-header .site-wordmark{display:block;justify-self:start;font:500 30px/1 Outfit,Manrope,sans-serif;letter-spacing:-.055em;min-width:0}
.shop .site-header .logo-sub{display:block;font:400 8px/1.5 Manrope,sans-serif;letter-spacing:.5em;margin-top:12px}
.site-header #site-navigation{display:flex;align-items:center;gap:30px}
.site-header #site-navigation a{padding:12px 0;white-space:nowrap}
.site-header a:hover{color:#fff}
.site-header #site-navigation a:hover{text-decoration:underline;text-underline-offset:7px}
.site-header .site-actions{display:flex;justify-self:end;align-items:center;gap:24px}
.site-header .site-actions a{display:flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap;font-size:12px}
.site-header .site-actions .shop-icon{width:21px;height:21px;border:0;padding:0}
.site-header .site-actions .site-cart-label{display:inline;width:auto;height:auto;min-width:0;padding:0;border:0;border-radius:0;font-size:12px}
.site-header #cart-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border:1px solid #63545e;border-radius:50%;font-size:10px}
.site-header .site-menu-toggle{display:none}
.shop .site-footer{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin:0;padding:0 6% 30px;border:0;background:linear-gradient(180deg,#100e10 0,#0b0c0d 300px);color:#e1dcde;font:400 14px/1.5 Manrope,sans-serif;letter-spacing:normal;text-transform:none}
.site-footer-scene{height:clamp(240px,44vw,760px);margin:0 -7%;background:linear-gradient(180deg,#100e10 0%,#100e10e8 12%,#100e1066 44%,#0b0c0d88 66%,#0b0c0d 100%),linear-gradient(90deg,#0b0c0d99,transparent 40%,transparent 60%,#0b0c0d99),url('/assets/footer/mclaren-p1-after-dark.webp') center 64%/100% auto no-repeat;mask-image:linear-gradient(180deg,transparent 0%,#000 32%,#000 62%,transparent 100%)}
.site-footer-main{display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:40px;max-width:1400px;margin:-15px auto 0;padding-bottom:80px}
.site-footer-main>*{min-width:0}
.shop .site-footer .site-footer-wordmark{display:inline-block;font:500 48px/1 Outfit,Manrope,sans-serif;letter-spacing:-.055em;color:#f4f2ef}
.shop .site-footer .site-footer-wordmark>span{display:block;font:400 10px/1.5 Manrope,sans-serif;letter-spacing:.5em;color:#c0b4b8;margin-top:15px}
.shop .site-footer-brand p{font-size:18px;line-height:1.7;color:#bfb9bb;margin:26px 0 38px;max-width:none}
.site-footer-signature{font-size:9px;letter-spacing:.18em;color:#aaa1a5}
.site-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:5px}
.shop .site-footer-column h2{font:500 10px/1.5 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a69ca0;margin:0 0 12px}
.site-footer-column a{font-size:14px;line-height:1.5;color:#e1dcde}
.site-footer-column a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}
.site-footer-bottom{display:flex;justify-content:space-between;gap:20px;max-width:1400px;margin:auto;padding-top:24px;border-top:1px solid #302c2e;font-size:11px;line-height:1.7;color:#a69fa2}
@media(max-width:1100px){.shop .site-header{gap:20px;padding-inline:4%}.site-header #site-navigation{gap:18px}.site-header .site-actions{gap:14px}.site-header .site-actions a>span:not(#cart-count){display:none}.site-footer-main{grid-template-columns:1.6fr 1fr 1fr;gap:36px}.site-footer-brand{grid-column:1/-1}.shop .site-footer-brand p{margin:20px 0}.site-footer-signature{display:none}}
@media(max-width:1300px){
 .shop .site-header{grid-template-columns:1fr auto auto;min-height:90px;padding:18px 20px;gap:16px}
 .shop .site-header .site-wordmark{font-size:25px}
 .site-header .site-actions{gap:12px}.site-header .site-actions a{gap:6px}
 .site-header .site-menu-toggle{display:flex;align-items:center;gap:6px;background:none;padding:0;min-height:44px;font-size:12px;grid-column:2;grid-row:1}
 .site-menu-toggle svg{width:22px;height:22px}
 .site-header #site-navigation{display:none;grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #352d32;padding-top:10px}
 .site-header.menu-open #site-navigation{display:flex}
 .site-header #site-navigation a{padding:14px 0}
 .shop .site-footer{padding:0 24px 26px;background:linear-gradient(180deg,#100e10 0,#0b0c0d 210px)}
 .site-footer-scene{height:48vw;min-height:180px;margin:0 -24px;background-position:center,center,center 64%}
 .site-footer-main{grid-template-columns:1fr 1fr;gap:38px 22px;padding-bottom:44px;margin-top:0}
 .site-footer-column{gap:17px}.site-footer-column:last-child{grid-column:1/-1}
 .shop .site-footer-column h2{margin-bottom:4px}.shop .site-footer .site-footer-wordmark{font-size:40px}
 .shop .site-footer-brand p{font-size:17px}.site-footer-bottom{flex-direction:column;gap:10px}
}
@media(max-width:360px){.shop .site-header{padding-inline:14px;gap:10px}.site-menu-toggle>span{display:none}}
/* Shared navigation controls: quiet pills and a clear custom action. */
.site-header #site-navigation{gap:6px}
.site-header #site-navigation a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 17px;border:1px solid transparent;border-radius:999px;color:#c7bdc2;font-size:12px;transition:background .2s,border-color .2s,color .2s}
.site-header #site-navigation a:hover,.site-header #site-navigation a[aria-current]{background:#ffffff08;color:#f4efea;border-color:#4e4449;text-decoration:none}
.site-header #site-navigation .site-create{margin-left:9px;border-color:#a99d91;color:#eee7de;background:#b6a28b0b}
.site-header #site-navigation .site-create:hover{border-color:#e0d4c5;background:#d1bfa51a}
.site-create svg{width:17px;height:17px}
.site-header .site-actions{gap:8px}
.site-header .site-actions>a{padding:9px 12px;border:1px solid transparent;border-radius:999px;transition:background .2s,border-color .2s}
.site-header .site-actions>a:hover{background:#ffffff08;border-color:#4e4449}
.site-header .site-actions #cart-count{background:#eee7df;color:#211c20;border:0;width:23px;height:23px;min-width:23px;font-weight:600}
@media(max-width:1100px){.site-header #site-navigation a{padding-inline:13px}.site-header .site-actions>a{padding-inline:8px}.site-header .site-actions{gap:2px}}
@media(max-width:1300px){
 .site-header #site-navigation{gap:8px;padding-top:15px}
 .site-header #site-navigation a{justify-content:space-between;padding:12px 16px;border-radius:9px}
 .site-header #site-navigation .site-create{margin:0}
 .site-header .site-actions>a{padding:8px 4px;border:0}
 .site-header .site-menu-toggle{border:1px solid #51464c;border-radius:999px;padding:0 12px}
}
@media(max-width:360px){.site-header .site-menu-toggle{padding:0 9px}}
@media(prefers-reduced-motion:reduce){.site-header #site-navigation a,.site-header .site-actions>a{transition:none}}

/* Owner preview: Art Day & Night. Outlined SVG stays sharp at every size. */
.shop .art-day-night-logo{shape-rendering:geometricPrecision;overflow:visible;flex-shrink:0;max-height:none;filter:none;transform:none}
.shop .site-header .art-day-night-logo{display:block;width:278px;max-width:100%;height:auto}
.shop .site-footer .art-day-night-logo{display:block;width:330px;max-width:100%;height:auto}
.shop .site-header{grid-template-columns:minmax(210px,1fr) auto 1fr}
@media(max-width:1100px) and (min-width:1001px){.shop .site-header .art-day-night-logo{width:230px}.shop .site-header{gap:12px}}
@media(max-width:1300px){.shop .site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.shop .site-header .art-day-night-logo{width:225px}.site-header .site-menu-toggle>span{display:none}.site-header .site-menu-toggle{padding-inline:9px}}

html{scroll-padding-top:112px}
@media(max-width:1300px){
 .shop .site-header{min-height:76px;padding:12px 16px;gap:8px;box-shadow:0 8px 24px #0002}
 .shop .site-header .art-day-night-logo{width:210px}
 .site-header #site-navigation{max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain}
 .site-header .site-actions{gap:4px}
 .site-header .site-actions a{min-width:36px;justify-content:center}
 .site-header .site-actions #cart-count{min-width:20px;width:20px;height:20px}
 html{scroll-padding-top:88px}
}

.site-header #site-navigation .mobile-account{display:none}
@media(max-width:420px){.site-header .site-actions>a[href="/account.html"]{display:none}.site-header #site-navigation .mobile-account{display:flex}}

/* The same sticky chrome carries the banner on every customer page. */
.shop .site-chrome{position:sticky;top:0;z-index:50;display:flex;flex-direction:column;background:#100e10;width:100%}
.shop .site-chrome .site-header{position:relative;top:auto;width:100%;order:2}
.announcement{order:1;width:100%;min-height:34px;overflow:hidden;background:var(--announcement-bg,#000);color:var(--announcement-fg,#fff);font:500 11px/1.3 Manrope,Arial,sans-serif;letter-spacing:1.2px;outline-offset:-3px}
.announcement-track{display:flex;width:max-content;animation:announcement-scroll var(--announcement-duration,22s) linear infinite}
.announcement-group{display:flex;flex-shrink:0;width:max-content}
.announcement-message{display:flex;flex:none;align-items:center;gap:13px;white-space:nowrap;padding:9px 32px}
.announcement-message svg{width:16px;height:16px;flex:none}
.announcement:hover .announcement-track,.announcement:focus .announcement-track{animation-play-state:paused}
@keyframes announcement-scroll{to{transform:translateX(-50%)}}
html{scroll-padding-top:148px}
@media(max-width:1300px){.shop .site-chrome .site-header{order:1}.announcement{order:2;font-size:10px;letter-spacing:1px;min-height:32px}.announcement-message{padding:8px 24px}.announcement-message svg{width:15px;height:15px}html{scroll-padding-top:122px}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none;width:100%;justify-content:center}.announcement-group{width:100%;justify-content:center}.announcement-group+.announcement-group,.announcement-message+.announcement-message{display:none}.announcement-message{white-space:normal;text-align:center;justify-content:center}}

/* Mobile actions stay together; the menu is always the rightmost control. */
@media(max-width:1300px){
 .site-header .site-wordmark{grid-column:1;grid-row:1}
 .site-header .site-actions{grid-column:2;grid-row:1}
 .site-header .site-menu-toggle{grid-column:3;grid-row:1;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #4e4449;border-radius:12px;color:#f3eeeb;background:#ffffff04;transition:background .2s,border-color .2s}
 .site-header .site-menu-toggle:hover,.site-header .site-menu-toggle[aria-expanded="true"]{background:#ffffff0d;border-color:#a99d91}
 .site-header .site-menu-toggle:focus-visible{outline:2px solid #d8e8de;outline-offset:3px}
 .site-menu-toggle path{transform-origin:12px 12px;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s}
 .site-menu-toggle[aria-expanded="true"] .menu-line-top{transform:rotate(45deg) translateY(6px)}
 .site-menu-toggle[aria-expanded="true"] .menu-line-middle{opacity:0;transform:scaleX(.4)}
 .site-menu-toggle[aria-expanded="true"] .menu-line-bottom{transform:rotate(-45deg) translateY(-6px)}
 .site-header #site-navigation{position:absolute;top:100%;left:0;right:0;display:flex;gap:8px;padding:16px;max-height:calc(100dvh - 120px);background:#100e10;border:1px solid #352d32;border-top:0;box-shadow:0 20px 32px #0004;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s}
 .site-header.menu-open #site-navigation{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
 .site-header #site-navigation a{transition:background .2s,border-color .2s,color .2s,transform .28s;transform:translateY(-4px)}
 .site-header.menu-open #site-navigation a{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){.site-header .site-menu-toggle,.site-menu-toggle path,.site-header #site-navigation,.site-header #site-navigation a{transition:none}}
.shop .site-footer-column [data-cookie-settings]{display:block;padding:0;margin:0;border:0;border-radius:0;min-height:0;background:none;box-shadow:none;color:#e1dcde;font:inherit;font-size:14px;line-height:1.5;letter-spacing:normal;text-transform:none;text-align:start;text-decoration:none;cursor:pointer}
.shop .site-footer-column [data-cookie-settings]:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}
.shop .site-footer-column [data-cookie-settings]:focus-visible{outline:2px solid #a8d8b8;outline-offset:5px}

@media(max-width:1300px){.site-header .site-actions a>span:not(#cart-count){display:none}}