/* Original KonTour theme. Zero-specificity guards exclude only AquaPrint main content. */
:root:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color-scheme: dark; --bg: #061522; --panel: #0b2030; --panel-light: #102b3e; --text: #f6f8fc; --muted: #b3bed1; --cyan: #67ddf5; --violet: #b184e0; --line: #284454; --error: #ffb5b5; --radius: 10px; font-family: "Segoe UI", Arial, sans-serif; font-synthesis: none; }
*:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { box-sizing: border-box; }
html:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { scroll-behavior: smooth; }
body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 0px; background: radial-gradient(ellipse at 60% 10%,#0b2637 0,transparent 48%),var(--bg); color: var(--text); font-size: 16px; line-height: 1.5; }
button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
select:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
textarea:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font: inherit; }
button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
select:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
textarea:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { -webkit-tap-highlight-color: transparent; }
a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: inherit; text-decoration: none; }
button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { cursor: pointer; color: inherit; }
button:disabled:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { cursor: not-allowed; opacity: 0.5; }
a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
select:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { touch-action: manipulation; }
img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; max-width: 100%; height: auto; }
h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 0px; }
h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { line-height: 1.1; letter-spacing: -0.035em; }
h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: clamp(40px, 4.5vw, 68px); font-weight: 700; }
h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: clamp(28px, 2.6vw, 42px); font-weight: 650; }
h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 28px; font-weight: 600; }
p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--muted); }
button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 0px; background: none; }
a:hover:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--cyan); }
a:focus-visible:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
button:focus-visible:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
summary:focus-visible:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { outline: 2px solid var(--cyan); outline-offset: 5px; }
input:focus:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
textarea:focus:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
select:focus:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { outline: 2px solid var(--cyan); outline-offset: 2px; }
button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { transition: background 0.18s, color 0.18s, border-color 0.18s, box-shadow 0.18s; }
button:hover:not(:disabled):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--cyan); }
[hidden]:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none !important; }
.sr-only:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
.skip-link:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: fixed; top: -70px; left: 20px; z-index: 100; background: var(--cyan); color: rgb(6, 21, 34); padding: 12px; }
.skip-link:focus:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { top: 8px; }
.container:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: calc(100% - 88px); max-width: 1448px; margin: 0px auto; }
.page:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: calc(-276px + 100vh); padding-bottom: 68px; }
.icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 24px; height: 24px; flex-shrink: 0; }
.icon-button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; }
.icon-button:hover:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: rgb(24, 51, 71); }
.icon-button .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 25px; height: 25px; }
.button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: inline-flex; gap: 16px; align-items: center; justify-content: center; min-height: 50px; padding: 12px 24px; border-radius: 8px; font-weight: 500; border: 1px solid transparent; line-height: 1.3; text-align: center; }
.button .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 25px; }
.primary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: linear-gradient(110deg, rgb(113, 228, 247), rgb(69, 212, 238)); color: rgb(3, 22, 33); font-weight: 650; }
.primary:hover:not(:disabled):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: rgb(149, 237, 255); color: rgb(3, 22, 33); box-shadow: rgba(103, 221, 245, 0.1) 0px 0px 24px; }
.outline:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-color: var(--cyan); background: rgba(8, 33, 50, 0.333); }
.outline:hover:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: rgb(23, 56, 75); }
.full:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; }
.text-link:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--cyan); display: inline-flex; align-items: center; gap: 18px; }
.text-link:hover:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { text-decoration: underline; }
.eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 11px; line-height: 1.9; letter-spacing: 0.28em; font-weight: 500; color: rgb(202, 209, 227); }
.muted:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--muted); font-weight: 400 !important; }
.loading:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 120px 30px; text-align: center; color: var(--muted); }
#header:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-bottom: 1px solid var(--line); position: relative; z-index: 20; background: rgba(5, 21, 33, 0.85); }
.header-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { height: 86px; max-width: 1536px; padding: 0px 44px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.logo:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: inline-flex; flex-direction: column; white-space: nowrap; flex-shrink: 0; }
.wordmark:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 32px; letter-spacing: 0.23em; font-weight: 450; line-height: 1.2; }
.logo-caption:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 8px; letter-spacing: 0.36em; margin-top: 5px; }
.desktop-nav:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 42px; margin-left: auto; margin-right: auto; align-self: stretch; align-items: center; }
.desktop-nav a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { height: 100%; display: flex; align-items: center; position: relative; }
.desktop-nav a[aria-current]:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { content: ""; position: absolute; bottom: 20px; left: 0px; right: 0px; height: 3px; background: var(--cyan); }
.header-actions:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; gap: 12px; }
.header-motto:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.footer-motto:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 9px; letter-spacing: 0.26em; line-height: 2.2; max-width: 200px; padding-left: 30px; border-left: 1px solid rgb(88, 112, 134); }
.cart-link:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: relative; }
.cart-badge:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: absolute; top: 0px; right: 0px; background: var(--cyan); color: rgb(7, 24, 36); border-radius: 40px; min-width: 19px; height: 19px; font-size: 11px; display: grid; place-items: center; }
.menu-toggle:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.mobile-nav:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 10px 24px 20px; border-top: 1px solid var(--line); display: grid; gap: 12px; }
.mobile-nav a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 7px 0px; }
.mobile-nav[hidden] { display: none !important; }
@media (min-width: 761px) { .mobile-nav { display: none !important; } }
.route-focus:focus-visible { outline: 2px solid var(--cyan); outline-offset: 5px; }
.footer-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 40px 44px; max-width: 1536px; margin: auto; }
.footer-inner .wordmark:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 28px; }
.footer-inner nav:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 30px; flex-wrap: wrap; font-size: 14px; }
.footer-motto:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 8px; }
.footer-bottom:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 1448px; margin: auto; padding: 14px 0px 20px; border-top: 1px solid rgba(35, 61, 75, 0.5); display: flex; justify-content: space-between; gap: 16px; font-size: 11px; color: rgb(144, 162, 182); }
#footer:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-top: 1px solid var(--line); background: rgba(4, 19, 29, 0.7); }
.breadcrumbs:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 13px; align-items: center; flex-wrap: wrap; font-size: 13px; color: var(--muted); padding: 22px 0px; }
.breadcrumbs a:first-child:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--cyan); }
.page-heading:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 4px 0px 26px; }
.page-heading p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 20px; margin-top: 4px; }
.page-heading .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 11px; margin-top: 12px; }
.page-heading .brand-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-bottom: 6px; display: inline-block; }
.hero:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { overflow: hidden; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, rgb(3, 19, 30), rgb(11, 37, 53) 75%, rgb(6, 21, 34)); }
.hero-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 1536px; margin: auto; position: relative; padding: 72px 44px 42px; min-height: 690px; display: grid; grid-template-columns: 38% 62%; grid-template-rows: auto auto auto; align-content: center; }
.hero-copy:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: relative; z-index: 2; grid-area: 1 / 1; }
.hero h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: clamp(64px, 7.2vw, 108px); letter-spacing: -0.055em; line-height: 0.99; margin: 22px 0px 26px; white-space: nowrap; }
.hero h1 span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--cyan); }
.hero-tags:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 9px; letter-spacing: 0.19em; white-space: nowrap; }
.hero-tags b:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--cyan); padding: 0px 10px; }
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: absolute; top: 0px; right: 0px; width: 63%; height: 100%; background: linear-gradient(90deg, transparent, rgba(6, 21, 34, 0.2)); }
.hero-visual > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; height: 100%; object-fit: contain; object-position: 65% 50%; mix-blend-mode: lighten; }
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgb(9, 33, 49) 0px, transparent 17%, transparent 95%); pointer-events: none; }
.engineering-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: absolute; z-index: 1; font-size: 9px; line-height: 1.9; letter-spacing: 0.22em; }
.engineering-label span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; color: var(--muted); font-size: 8px; margin-top: 12px; }
.label-top:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { right: 4%; top: 12%; }
.label-bottom:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { left: 4%; top: 51%; color: var(--muted); }
.engineering-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::before { content: ""; display: block; background: var(--violet); width: 35px; height: 1px; margin-bottom: 8px; }
.hero-entries:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-area: 2 / 1; position: relative; z-index: 2; display: grid; gap: 12px; margin-top: 28px; max-width: 470px; }
.entry-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 15px; align-items: center; min-height: 100px; border: 1px solid var(--cyan); border-radius: 8px; background: linear-gradient(110deg, rgba(11, 57, 79, 0.533), rgba(17, 54, 75, 0.8)); overflow: hidden; padding: 0px 25px 0px 0px; }
.entry-card:hover:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: rgb(20, 70, 91); color: white; }
.entry-card > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 132px; height: 98px; object-fit: cover; mix-blend-mode: screen; }
.entry-card strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 28px; line-height: 1.25; }
.entry-card small:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; font-size: 9px; letter-spacing: 0.22em; line-height: 1.8; }
.entry-card > .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-left: auto; }
.entry-card.violet:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-color: var(--violet); background: linear-gradient(110deg, rgba(40, 41, 64, 0.533), rgba(57, 46, 88, 0.533)); }
.entry-card.violet:hover:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: rgb(68, 55, 103); }
.hero-caption:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-area: 3 / 1; margin-top: 32px; font-size: 9px; display: flex; align-items: center; gap: 24px; }
.hero-caption span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 32px; height: 1px; background: var(--cyan); }
.textures:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); }
.texture:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { height: clamp(140px, 14vw, 205px); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent 70%), url("/assets/textures.png"); background-size: 100% 100%, 400% 100%; display: flex; align-items: flex-end; padding: 24px 30px; }
.texture-0:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background-position: 0px 0px, 0px 50%; }
.texture-1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background-position: 0px 0px, 33.333% 50%; }
.texture-2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background-position: 0px 0px, 66.666% 50%; }
.texture-3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background-position: 0px 0px, 100% 50%; }
.texture span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { content: ""; display: block; width: 30px; height: 2px; background: white; margin-top: 10px; }
.home-sections:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 48px; padding-bottom: 50px; }
.home-sections section + section:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 65px; }
.section-heading:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 22px; }
.section-heading p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.section-subtitle:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; letter-spacing: 0.06em; margin-top: 6px; }
.section-heading .text-link:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; }
.category-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.category-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: rgb(10, 29, 41); position: relative; }
.category-card img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; aspect-ratio: 1.12 / 1; object-fit: cover; transition: transform 0.3s; }
.category-card:hover img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { transform: scale(1.035); }
.category-card span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: absolute; inset: auto 0px 0px; padding: 30px 18px 18px; background: linear-gradient(0deg, rgb(16, 38, 54), transparent); display: flex; align-items: center; justify-content: space-between; font-size: 18px; }
.brand-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-width: 0px; min-height: 270px; position: relative; overflow: hidden; border: 1px solid var(--cyan); border-radius: 10px; background: linear-gradient(110deg, rgb(10, 34, 51), rgb(25, 55, 72)); }
.brand-card > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: absolute; width: 68%; height: 100%; right: 0px; object-fit: cover; mix-blend-mode: lighten; opacity: 0.9; }
.brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgb(8, 33, 50), transparent 80%); pointer-events: none; }
.brand-card-content:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: relative; z-index: 1; padding: 30px; max-width: 67%; }
.brand-card .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 9px; }
.brand-card h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 36px; margin: 9px 0px 16px; }
.brand-card-content p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; letter-spacing: 0.08em; max-width: 200px; }
.brand-card .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 32px; min-height: 43px; font-size: 13px; padding: 9px 20px; }
.future-brand:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-color: var(--violet); background: linear-gradient(100deg, rgb(22, 27, 51), rgb(52, 36, 62)); }
.future-brand:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { background: linear-gradient(90deg, rgb(24, 32, 55), transparent 90%); }
.future-brand h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 31px; }
.coming-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; display: inline-block; color: rgb(197, 180, 218); border: 1px solid rgb(134, 97, 172); padding: 10px 14px; border-radius: 7px; margin-top: 24px; }
.featured-products:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.product-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; min-width: 0px; background: linear-gradient(110deg, rgb(10, 32, 48), rgb(7, 29, 43)); display: flex; flex-direction: column; }
.product-card:hover:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-color: rgb(82, 126, 146); }
.product-photo:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { overflow: hidden; display: block; }
.product-photo img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; aspect-ratio: 1.35 / 1; object-fit: cover; transition: transform 0.3s; }
.product-card:hover .product-photo img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { transform: scale(1.025); }
.product-card-body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 17px 18px 16px; display: flex; flex-direction: column; flex: 1 1 0%; }
.product-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; line-height: 1.3; font-weight: 500; }
.product-brand:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--muted); font-size: 14px; margin: 5px 0px 8px; }
.product-bottom:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; }
.product-bottom strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 25px; white-space: nowrap; font-weight: 650; }
.add-small:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 1px solid var(--cyan); border-radius: 50%; flex-shrink: 0; }
.horizontal:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 52% 48%; }
.horizontal .product-photo img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { height: 100%; aspect-ratio: 1.5 / 1; }
.horizontal .product-card-body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 24px; }
.horizontal .product-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; }
.horizontal .product-brand:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 6px; margin-bottom: 24px; }
.demo-note:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; line-height: 1.6; color: rgb(143, 166, 185); margin-top: 14px; }
.about-home:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 36% 64%; gap: 38px; overflow: hidden; }
.about-home h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 28px; margin: 26px 0px 16px; }
.about-home p:not(.section-subtitle):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 390px; font-size: 15px; line-height: 1.75; letter-spacing: 0.025em; }
.about-home .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 22px; font-size: 14px; }
.about-texture:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: linear-gradient(90deg, rgba(6, 21, 34, 0), rgba(6, 21, 34, 0.733)), url("/assets/textures.png") left center / 400% 100%; min-height: 360px; padding: 35px 42px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; }
.about-texture span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 10px; letter-spacing: 0.2em; color: rgb(210, 214, 225); }
.about-texture strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { align-self: center; transform: rotate(-15deg); letter-spacing: 0.3em; font-size: 26px; color: rgb(16, 38, 53); text-shadow: rgba(194, 206, 208, 0.37) 0px 1px; }
.catalog-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 245px minmax(0px, 1fr); gap: 35px; }
.catalog-toolbar:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 28px; margin-bottom: 10px; }
.search-field:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; gap: 15px; border: 1px solid rgb(82, 111, 132); border-radius: 8px; padding: 0px 18px; flex: 1 1 0%; min-width: 0px; }
.search-field input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-width: 0px; border: 0px !important; padding-left: 0px !important; background: transparent !important; outline: none !important; }
.search-field:focus-within:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { outline: 2px solid var(--cyan); }
input:not([type="checkbox"]):not([type="radio"]):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
select:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
textarea:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--text); background: rgb(6, 27, 42); border: 1px solid rgb(83, 110, 133); border-radius: 7px; padding: 13px 16px; min-height: 48px; max-width: 100%; width: 100%; font-size: 15px; }
input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::placeholder,
textarea:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::placeholder { color: rgb(153, 171, 192); opacity: 1; }
select:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { cursor: pointer; appearance: auto; }
select option:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: rgb(16, 37, 54); color: white; }
.sort-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 238px; flex-shrink: 0; }
.filters:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 0px; }
.filters details:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-top: 1px solid rgb(69, 96, 110); padding: 22px 0px; }
.filters details:first-child:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-top: 0px; padding-top: 8px; }
.filters summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 19px; font-weight: 600; margin-bottom: 14px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; }
.filters summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { content: "⌃"; font-weight: 400; }
.filters details:not([open]) summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { content: "⌄"; }
.radio:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; gap: 14px; font-size: 16px; color: var(--muted); padding: 7px 0px; cursor: pointer; }
.radio:has(input:checked):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--cyan); }
input[type="radio"]:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
input[type="checkbox"]:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { accent-color: var(--cyan); width: 21px; height: 21px; flex-shrink: 0; cursor: pointer; margin: 0px; }
input[type="radio"]:disabled:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { cursor: default; }
.price-fields:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 12px; align-items: center; }
.price-fields label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; color: var(--muted); width: 50%; min-width: 0px; }
.price-fields input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 5px; padding: 10px 12px !important; }
.filters .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; font-size: 14px; }
.results-count:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; color: var(--muted); padding: 5px 0px 14px; }
.product-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; }
.mobile-filter-toggle:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.brand-hero:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; position: relative; min-height: 330px; overflow: hidden; margin: 0px -44px; padding: 30px 44px; background: rgb(6, 23, 35); }
.brand-hero > div:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: relative; z-index: 2; width: 53%; }
.brand-hero h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: clamp(64px, 7vw, 110px); margin: 10px 0px 20px; letter-spacing: -0.055em; }
.brand-hero h1 span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--cyan); }
.brand-hero h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 28px; margin-bottom: 22px; }
.brand-hero > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: absolute; right: 15%; bottom: -16%; width: 52%; height: 115%; object-fit: contain; mix-blend-mode: lighten; }
.brand-hero .brand-lamp:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { right: -3%; width: 34%; height: 100%; bottom: 0px; }
.category-tabs:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 38px; align-items: center; flex-wrap: wrap; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 17px 0px; margin-bottom: 20px; }
.category-tabs a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 5px 0px; }
.category-tabs [aria-current]:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-bottom: 2px solid var(--cyan); color: var(--cyan); }
.brand-page:not(.category-page) .catalog-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; }
.brand-page:not(.category-page) .catalog-layout > aside:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.brand-page:not(.category-page) .product-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.category-page .product-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.category-page .filters:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 20px; border: 1px solid var(--line); border-radius: 8px; }
.storefront-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 32px; }
.storefront-grid .brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 510px; }
.storefront-grid .brand-card > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; height: 83%; bottom: 0px; object-position: center center; }
.storefront-grid .brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { background: linear-gradient(rgb(6, 25, 39) 0px, transparent 66%); }
.storefront-grid .brand-card-content:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 90%; padding: 34px; }
.storefront-grid .brand-card h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 56px; margin: 10px 0px 22px; }
.storefront-grid .brand-card h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 42px; margin-top: 14px; }
.storefront-grid .brand-card .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.storefront-grid .coming-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 255px; }
.storefront-grid .brand-card p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 380px; }
.storefront-grid .future-brand .coming-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 212px; }
.product-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: minmax(0px, 59fr) minmax(0px, 38fr); gap: 45px; margin-top: 2px; }
.gallery:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-width: 0px; }
.gallery-main:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: rgb(16, 36, 49); }
.gallery-main img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; aspect-ratio: 1.67 / 1; object-fit: cover; }
.gallery-main:has(img[src$="hero.png"]) img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { object-fit: contain; background: rgb(8, 28, 41); }
.detail-crop:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { transform: scale(2.8); transform-origin: 75% 66%; }
.thumbnails:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 12px; margin-top: 12px; }
.thumbnail:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { flex: 1 1 0%; min-width: 0px; border: 1px solid rgb(73, 101, 118); border-radius: 9px; overflow: hidden; padding: 0px; background: rgb(16, 36, 49); height: clamp(90px, 12vw, 180px); }
.thumbnail img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; height: 100%; object-fit: cover; }
.thumbnail img[src$="hero.png"]:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { object-fit: contain; }
.thumbnail.selected:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 2px solid var(--cyan); }
.brand-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 24px; font-weight: 500; color: var(--cyan); }
.product-info:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 6px; }
.product-info h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: clamp(30px, 3.2vw, 49px); margin: 12px 0px 20px; line-height: 1.08; }
.product-price:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 48px; font-weight: 650; letter-spacing: -0.025em; color: white; margin-bottom: 26px; }
.variant-fieldset:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 0px; padding: 0px; margin: 0px 0px 28px; }
.variant-fieldset legend:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; margin-bottom: 13px; }
.swatches:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 15px; }
.swatch:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 58px; height: 58px; border: 1px solid rgb(106, 123, 135); border-radius: 100%; padding: 4px; }
.swatch span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; width: 100%; height: 100%; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.067) 0px 0px 10px inset; }
.swatch.selected:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 2px solid var(--cyan); }
.buy-controls:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; }
.buy-controls .primary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { flex: 1 1 0%; font-size: 18px; white-space: nowrap; padding: 15px; }
.quantity-control:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; border: 1px solid rgb(70, 97, 118); border-radius: 9px; min-height: 52px; overflow: hidden; max-width: 174px; }
.quantity-control button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 44px; height: 48px; flex-shrink: 0; font-size: 25px; line-height: 1; }
.quantity-control input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { text-align: center; appearance: textfield; min-width: 40px; border: 0px !important; border-radius: 0px !important; width: 52px !important; padding: 8px 3px !important; background: transparent !important; font-size: 19px !important; }
.quantity-control input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::-webkit-inner-spin-button { appearance: none; }
.product-detail:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-top: 1px solid rgb(52, 83, 99); padding: 21px 0px; }
.product-detail summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-size: 24px; font-weight: 600; letter-spacing: -0.02em; }
.product-detail summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { content: "+"; font-weight: 300; font-size: 25px; }
.product-detail[open] summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { content: "−"; }
.product-detail p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 14px; line-height: 1.7; }
.product-detail a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 12px; }
.product-info .demo-note:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-bottom: 24px; }
.mobile-buy-bar:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.cart-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: minmax(0px, 1.85fr) minmax(0px, 1fr); gap: 30px; align-items: start; padding-top: 8px; }
.cart-layout h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-bottom: 28px; }
.cart-items:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; gap: 18px; }
.cart-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 34% 66%; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; position: relative; background: linear-gradient(110deg, rgb(14, 38, 53), rgb(8, 29, 42)); }
.cart-item > a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; background: rgb(13, 34, 48); }
.cart-item > a img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; height: 100%; object-fit: cover; min-height: 185px; }
.cart-item-info:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 28px 22px; }
.cart-item h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 25px; padding-right: 26px; }
.cart-item .brand-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; display: inline-block; margin-top: 10px; }
.cart-item p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; margin-top: 7px; }
.cart-item-controls:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 15px; }
.cart-item-controls strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 26px; white-space: nowrap; }
.cart-item .quantity-control:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 44px; }
.cart-item .quantity-control button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 38px; height: 42px; font-size: 23px; }
.cart-item .quantity-control input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 40px !important; width: 36px !important; }
.remove-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: absolute; top: 8px; right: 8px; }
.continue-link:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 36px; }
.order-summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 1px solid rgb(44, 82, 104); background: linear-gradient(130deg, rgb(17, 44, 64), rgb(10, 32, 48)); padding: 32px; border-radius: 12px; align-self: start; }
.order-summary h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 36px; margin-bottom: 30px; }
.order-summary dl:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 0px 0px 30px; }
.order-summary dl > div:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; margin-bottom: 22px; }
.order-summary dt:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--muted); }
.order-summary dd:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 0px; font-size: 19px; font-weight: 600; text-align: right; }
.order-summary .total:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-top: 1px solid rgb(54, 89, 107); padding-top: 28px; margin-top: 28px; }
.order-summary .total dt:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--text); font-size: 22px; }
.order-summary .total dd:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 30px; white-space: nowrap; }
.order-summary .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 62px; font-size: 19px; }
.empty-state:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: 1 / -1; text-align: center; padding: 70px 24px; }
.empty-state > .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 56px; height: 56px; color: var(--cyan); margin-bottom: 25px; }
.empty-state h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.empty-state h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-bottom: 18px; }
.empty-state p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 15px auto 25px; max-width: 500px; }
.empty-state .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 6px; }
.stale-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 18px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.notice:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 15px 18px; background: rgba(18, 48, 70, 0.533); border: 1px solid rgb(52, 85, 108); border-radius: 8px; color: rgb(197, 211, 224); font-size: 14px; line-height: 1.6; margin: 24px 0px; }
.notice.error:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-color: rgb(165, 92, 101); color: var(--error); }
.checkout-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); gap: 40px; padding-top: 34px; }
.checkout-layout h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: clamp(36px, 4.2vw, 64px); }
.checkout-section:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 26px 0px; border-bottom: 1px solid rgb(49, 83, 100); }
.checkout-section:last-child:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 0px; }
.step-heading:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 21px; align-items: center; margin-bottom: 25px; }
.step-heading > span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 2px solid var(--cyan); color: var(--cyan); font-size: 25px; line-height: 1; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; flex-shrink: 0; }
.step-heading h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 27px; }
.step-heading p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; letter-spacing: 0.04em; margin-top: 4px; }
.contact-fields:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 0.9fr 1fr 1.35fr; gap: 14px; }
label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; }
label > input:not([type="radio"]):not([type="checkbox"]):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
label > select:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
label > textarea:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; margin-top: 8px; }
.delivery-options:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 22px; }
.delivery-choice:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; gap: 17px; padding: 15px 20px; border: 1px solid rgb(66, 103, 124); border-radius: 7px; cursor: pointer; }
.delivery-choice:has(input:checked):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-color: var(--cyan); background: rgb(11, 49, 67); }
.delivery-choice span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; flex-direction: column; gap: 5px; }
.delivery-choice strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; }
.delivery-choice small:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; color: var(--muted); }
.delivery-fields:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 16px; }
.form-message:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; margin: 15px 0px; }
.error-text:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { color: var(--error); }
.payment-placeholder:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 1px solid rgb(71, 101, 119); border-radius: 8px; padding: 18px; color: var(--muted); font-size: 15px; }
.checkout-summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: linear-gradient(130deg, rgb(11, 35, 52), rgb(7, 27, 41)); padding: 30px; }
.checkout-items:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-bottom: 25px; }
.checkout-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 100px 1fr auto; gap: 16px; align-items: center; border-bottom: 1px solid rgb(36, 72, 89); padding: 18px 0px; }
.checkout-item:first-child:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 0px; }
.checkout-item img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100px; height: 86px; object-fit: cover; border-radius: 5px; }
.checkout-item div strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-weight: 500; font-size: 15px; }
.checkout-item div span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; font-size: 12px; color: var(--muted); margin-top: 6px; }
.checkout-item > strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 17px; white-space: nowrap; }
.consent:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: flex-start; gap: 14px; line-height: 1.5; font-size: 14px; }
.consent input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 3px; }
.checkout-summary .text-link:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 20px; font-size: 14px; }
.confirmation:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 55px; max-width: 760px; text-align: center; }
.confirmation-icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid var(--cyan); color: var(--cyan); border-radius: 50%; margin: 0px auto 25px; }
.confirmation-icon .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 35px; height: 35px; }
.confirmation .confirmation-icon.neutral { color: var(--muted); border-color: var(--line); }
.confirmation .order-status { margin: 0 0 22px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); line-height: 1.5; overflow-wrap: anywhere; }
.confirmation .order-status strong { display: block; font-size: 18px; }
.confirmation .order-status p { margin-top: 8px; font-size: 15px; }
.contact-fields .contact-field-hint { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5; color: var(--muted); font-weight: 400; }
.contact-fields .contact-field-error { display: block; margin-top: 8px; font-size: 14px; line-height: 1.45; color: var(--error); overflow-wrap: anywhere; }
.contact-fields .contact-field-error[hidden] { display: none; }
.contact-fields input[aria-invalid="true"] { border-color: var(--error); }
.confirmation h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 48px; margin: 16px 0px 22px; }
.confirmation .order-number:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 25px; color: var(--cyan); margin-bottom: 16px; }
.confirmation .order-summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 30px 0px; text-align: left; }
.confirmation-line:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 15px 0px; border-bottom: 1px solid var(--line); }
.confirmation-line small:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; color: var(--muted); margin-top: 5px; }
.confirmation dl:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 25px; margin-bottom: 0px; }
.info-page > .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 25px; display: block; }
.info-page h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 10px; }
.lead:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 25px; margin-top: 15px; }
.info-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; margin-top: 40px; align-items: start; }
.info-layout > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; max-height: 660px; object-fit: cover; border-radius: 10px; border: 1px solid var(--line); }
.prose:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; line-height: 1.85; }
.prose p + p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 24px; }
.prose h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 29px; margin: 35px 0px 15px; }
.prose h2:first-child:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 0px; }
.prose .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 30px; }
.toast:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: fixed; bottom: 26px; left: 50%; transform: translate(-50%, 20px); max-width: calc(100% - 32px); width: max-content; border: 1px solid var(--cyan); border-radius: 9px; padding: 15px 23px; background: rgb(19, 50, 71); box-shadow: rgba(0, 0, 0, 0.467) 0px 8px 35px; opacity: 0; pointer-events: none; z-index: 90; transition: 0.2s; color: white; }
.toast.visible:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { opacity: 1; transform: translate(-50%, 0px); }
.admin-page:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 30px; }
.admin-top:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.admin-top h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 42px; }
.admin-tabs:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 30px; border-bottom: 1px solid var(--line); padding-bottom: 18px; }
.admin-tabs .active:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: var(--cyan); color: rgb(6, 32, 49); }
.admin-login:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 460px; margin: 50px auto; padding: 32px; border: 1px solid var(--line); background: var(--panel); border-radius: 10px; }
.admin-login h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 32px; }
.admin-login p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 18px 0px; }
.admin-login label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; margin: 18px 0px; }
.admin-toolbar:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 18px 0px; }
.admin-list:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; gap: 12px; }
.admin-record:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; gap: 22px; padding: 17px 20px; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; }
.admin-record > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 90px; height: 70px; object-fit: cover; border-radius: 6px; }
.admin-record > div:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { flex: 1 1 0%; min-width: 0px; }
.admin-record h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 22px; overflow-wrap: anywhere; }
.admin-record p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; margin-top: 7px; }
.admin-editor:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 1px solid var(--line); border-radius: 10px; padding: 25px; margin-top: 22px; background: var(--panel); }
.admin-form-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.admin-form-grid label.wide:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: 1 / -1; }
.admin-editor textarea:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 100px; resize: vertical; }
.admin-editor h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 29px; margin-bottom: 22px; }
.admin-editor h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 22px; margin: 25px 0px 15px; }
.checkbox-field:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; align-items: center; gap: 12px; min-height: 48px; }
.variant-row:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 1fr 100px 1fr 130px; gap: 14px; padding: 15px 0px; border-bottom: 1px solid var(--line); align-items: end; }
.variant-row input[type="color"]:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 48px; padding: 4px; }
.admin-form-actions:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.admin-order:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border: 1px solid var(--line); border-radius: 10px; background: var(--panel); padding: 22px; margin-bottom: 18px; }
.admin-order > summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 21px; cursor: pointer; }
.admin-order-content:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.admin-order p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 10px 0px; overflow-wrap: anywhere; }
.admin-order select:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 12px 0px; }
.admin-order .order-lines:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; line-height: 1.8; }
.admin-preview:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 280px; margin: 20px 0px; border-radius: 8px; }
@media (min-width: 1500px) {
.hero-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 728px; }
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 65%; }
.catalog-page:not(.brand-page) .page-heading:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: absolute; width: 245px; }
.catalog-page:not(.brand-page) .catalog-layout aside:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 100px; }
}
@media (max-width: 1250px) {
.header-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 22px; }
.desktop-nav:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 25px; }
.header-motto:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.hero-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 640px; }
.hero h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 82px; }
.hero-tags:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 8px; white-space: normal; }
.hero-tags b:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 0px 6px; }
.entry-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 86px; }
.entry-card > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 105px; height: 84px; }
.entry-card strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 24px; }
.engineering-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 8px; }
.label-top:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { right: 2%; top: 8%; }
.catalog-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 215px minmax(0px, 1fr); gap: 25px; }
.product-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 14px; }
.product-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; }
.product-card-body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 14px; }
.product-bottom strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 23px; }
.product-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 28px; }
.buy-controls:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 10px; }
.buy-controls .primary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; }
.order-summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 24px; }
.cart-item-info:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 25px 18px; }
.cart-item h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 22px; }
.cart-item-controls strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 22px; }
.order-summary h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 30px; }
.order-summary .total dt:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; }
.order-summary .total dd:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 26px; }
.checkout-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 26px; grid-template-columns: 1.35fr 1fr; }
.contact-fields:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr 1fr; }
.contact-fields label:last-child:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: 1 / -1; }
.checkout-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 76px 1fr; gap: 12px; }
.checkout-item img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 76px; height: 72px; }
.checkout-item > strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: 2; margin-top: -3px; }
.footer-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 25px; }
.footer-inner nav:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 20px; }
.footer-motto:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.horizontal:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 47% 53%; }
.horizontal .product-card-body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 20px; }
}
@media (max-width: 1000px) {
.container:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: calc(100% - 48px); }
.header-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 0px 24px; height: 76px; }
.wordmark:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 27px; }
.logo-caption:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 7px; }
.desktop-nav:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 20px; font-size: 14px; }
.header-actions:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 5px; }
.hero-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 55px 24px 35px; min-height: 585px; grid-template-columns: 43% 57%; }
.hero h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 70px; }
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 58%; }
.hero-visual > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { object-position: right center; }
.hero-entries:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 25px; }
.entry-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 79px; padding-right: 15px; gap: 8px; }
.entry-card > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 90px; height: 78px; }
.entry-card strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 22px; }
.hero-caption:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 8px; }
.engineering-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.hero-tags:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 350px; line-height: 2; }
.hero-copy .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 9px; }
.hero h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 16px 0px 20px; }
.texture:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 18px 22px; }
.category-card span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 15px; padding: 24px 12px 13px; }
.brand-card-content:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 24px; max-width: 74%; }
.brand-card h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 30px; }
.brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 260px; }
.brand-card-content p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; }
.brand-card .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; padding: 10px 12px; }
.horizontal:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; }
.horizontal .product-photo img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { aspect-ratio: 1.7 / 1; height: auto; }
.horizontal .product-card-body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 18px; }
.horizontal .product-brand:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 5px 0px 8px; }
.about-home:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 25px; grid-template-columns: 45% 55%; }
.footer-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 32px 24px; align-items: flex-start; }
.footer-inner nav:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 480px; }
.footer-bottom:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 0px 24px; }
.catalog-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 180px minmax(0px, 1fr); gap: 22px; }
.product-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.sort-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 195px; }
.catalog-toolbar:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 12px; }
.radio:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; }
.filters summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; }
.brand-page:not(.category-page) .product-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.brand-hero:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 0px -24px; padding: 25px 24px; min-height: 300px; }
.brand-hero h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 75px; }
.brand-hero .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 9px; }
.category-tabs:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 22px; font-size: 14px; }
.storefront-grid .brand-card-content:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 24px; }
.storefront-grid .brand-card h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 43px; }
.storefront-grid .brand-card h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 34px; }
.storefront-grid .brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 470px; }
.storefront-grid .brand-card .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 236px; }
.storefront-grid .future-brand .coming-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 192px; }
.product-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1.1fr 1fr; gap: 24px; }
.gallery-main img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { aspect-ratio: 1.1 / 1; }
.product-info h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 31px; }
.product-price:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 39px; margin-bottom: 22px; }
.brand-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 21px; }
.product-detail summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 21px; }
.product-detail p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 15px; }
.buy-controls .primary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-width: 100%; }
.variant-fieldset:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-bottom: 23px; }
.cart-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1.55fr 1fr; gap: 22px; }
.cart-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 31% 69%; }
.cart-item-info:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 25px 15px; }
.cart-item h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 19px; }
.cart-item .brand-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 17px; }
.cart-item-controls:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { flex-wrap: wrap; }
.order-summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 22px; }
.order-summary dd:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; }
.order-summary .total:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { flex-wrap: wrap; }
.order-summary .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; padding: 14px; }
.checkout-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr 1fr; gap: 25px; }
.checkout-layout h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 38px; }
.contact-fields:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; }
.contact-fields label:last-child:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: auto; }
.delivery-options:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; }
.delivery-fields:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; }
.checkout-summary h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 28px; }
.info-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 30px; }
.prose:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; }
.variant-row:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr 80px; }
.admin-record h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 20px; }
}
@media (max-width: 760px) {
.container:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: calc(100% - 40px); }
.header-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 0px 20px; gap: 12px; height: 72px; }
.wordmark:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 25px; letter-spacing: 0.2em; }
.logo-caption:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 6px; letter-spacing: 0.3em; }
.desktop-nav:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.admin-link:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.menu-toggle:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: inline-flex; }
.header-actions:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 3px; }
.icon-button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 42px; height: 44px; }
.header-actions .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 23px; height: 23px; }
.hero-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 26px 20px 25px; min-height: 0px; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; }
.hero-copy:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 310px; z-index: 3; padding-top: 5px; pointer-events: none; }
.hero-copy .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 8px; letter-spacing: 0.2em; max-width: 185px; line-height: 2.1; }
.hero h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: clamp(43px, 8.5vw, 66px); margin: 18px 0px 23px; white-space: nowrap; letter-spacing: -0.05em; }
.hero-tags:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 140px; font-size: 8px; letter-spacing: 0.2em; line-height: 2.6; display: flex; flex-direction: column; }
.hero-tags b:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 70%; height: 334px; right: -6px; top: 5px; }
.hero-visual > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { object-position: right center; }
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { background: linear-gradient(90deg, rgba(9, 32, 49, 0.4), transparent 30%); }
.hero-entries:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-row: 2; max-width: none; width: 100%; margin-top: 12px; gap: 12px; }
.entry-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 83px; gap: 18px; padding-right: 23px; border-radius: 9px; }
.entry-card > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { height: 82px; width: 109px; }
.entry-card strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 25px; }
.entry-card small:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; font-size: 8px; letter-spacing: 0.17em; margin-top: 6px; color: rgb(178, 212, 233); }
.entry-card .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 25px; }
.hero-caption:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.textures:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 8px; padding: 0px 20px 22px; background: rgb(6, 21, 34); border: 0px; }
.texture:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { height: 120px; padding: 12px 10px; border-radius: 8px; font-size: 12px; }
.texture span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { width: 20px; margin-top: 7px; }
.home-sections:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 23px; padding-bottom: 36px; }
.home-sections section + section:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 36px; }
.section-heading:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 12px; margin-bottom: 17px; }
.section-heading h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 29px; }
.section-heading p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; letter-spacing: 0.02em; margin-top: 6px; }
.section-heading .text-link:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 10px; gap: 8px; white-space: nowrap; }
.section-heading .text-link .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 20px; }
.category-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 11px; }
.category-card img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { aspect-ratio: 1.2 / 1; }
.category-card span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; padding: 30px 12px 12px; }
.category-card .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 18px; }
.brand-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; gap: 14px; }
.brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 180px; }
.brand-card > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { left: 0px; right: auto; width: 49%; mix-blend-mode: lighten; object-fit: cover; }
.brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { background: linear-gradient(90deg, transparent, rgb(9, 35, 53) 65%); }
.brand-card-content:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-left: 41%; padding: 22px 17px; max-width: none; }
.brand-card-content .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.brand-card h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 28px; margin: 6px 0px 10px; }
.brand-card p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 11px; line-height: 1.8; letter-spacing: 0.1em; }
.brand-card .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 43px; margin-top: 13px; padding: 8px 13px; font-size: 12px; gap: 12px; }
.brand-card .button .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 18px; }
.future-brand:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { background: linear-gradient(90deg, transparent, rgb(27, 32, 56) 67%); }
.future-brand h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 24px; }
.coming-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 14px; font-size: 10px; padding: 8px 11px; }
.featured-products:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 12px; }
.product-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.horizontal .product-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; }
.product-card-body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.horizontal .product-card-body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 13px 12px; }
.product-photo img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.horizontal .product-photo img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { aspect-ratio: 1.08 / 1; }
.product-brand:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; }
.product-bottom:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 5px; margin-top: 8px; }
.product-bottom strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 23px; }
.product-bottom .icon-button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 40px; height: 42px; border-radius: 8px; }
.product-bottom .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 23px; height: 23px; }
.horizontal .product-brand:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; }
.demo-note:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 11px; }
.about-home:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 1fr; gap: 25px; }
.about-home h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 30px; }
.about-home h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 26px; margin-top: 22px; }
.about-home p:not(.section-subtitle):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: none; font-size: 14px; }
.about-texture:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 240px; padding: 25px; }
.about-home .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 44px; }
.footer-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 27px 20px; gap: 27px; flex-wrap: wrap; }
.footer-inner .wordmark:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 25px; }
.footer-inner nav:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 25px; font-size: 13px; }
.footer-bottom:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 0px 20px; font-size: 10px; padding-top: 18px; flex-wrap: wrap; }
.breadcrumbs:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 17px 0px; gap: 8px; font-size: 11px; }
.product-page .breadcrumbs:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 7px; }
.product-page .breadcrumbs [aria-current]:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.product-page .breadcrumbs span:last-of-type:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
.page:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-bottom: 38px; min-height: calc(-330px + 100vh); }
.page-heading:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 12px 0px 22px; }
.page-heading h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 43px; }
.page-heading p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; }
.catalog-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; gap: 14px; }
.mobile-filter-toggle:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: inline-flex; min-height: 44px; font-size: 14px; padding: 10px 20px; }
.filters:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; padding: 15px 18px; border: 1px solid var(--line); border-radius: 9px; margin-top: 12px; }
.filters.expanded:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; }
.filters details:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 18px 0px; }
.filters .radio:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; min-height: 42px; }
.catalog-toolbar:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: grid; grid-template-columns: 1fr; gap: 12px; }
.sort-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; }
.search-field input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 48px; }
.product-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 12px; }
.product-grid .product-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; }
.category-page .product-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.brand-hero:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin: 0px -20px; padding: 25px 20px; min-height: 250px; }
.brand-hero > div:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 65%; }
.brand-hero h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 54px; margin: 12px 0px; }
.brand-hero h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 21px; max-width: 150px; margin-bottom: 17px; }
.brand-hero .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 8px; max-width: 200px; }
.brand-hero > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { right: -11%; width: 82%; height: 80%; bottom: -12%; opacity: 0.85; }
.brand-hero .brand-lamp:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { right: -8%; height: 63%; width: 52%; bottom: 32%; }
.category-tabs:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 6px 16px; font-size: 13px; padding: 12px 0px; }
.category-tabs a:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 36px; display: flex; align-items: center; }
.brand-page:not(.category-page) .catalog-toolbar:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: flex; gap: 12px; }
.brand-page:not(.category-page) .sort-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 45%; max-width: 200px; }
.brand-page:not(.category-page) .sort-label select:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; padding: 12px 6px; }
.brand-page:not(.category-page) .search-field:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 0px 10px; gap: 7px; }
.brand-page:not(.category-page) #search:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; }
.category-page .filters:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 17px; }
.storefront-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 22px; }
.storefront-grid .brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 365px; }
.storefront-grid .brand-card > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; height: 83%; left: 0px; bottom: 0px; object-position: center center; }
.storefront-grid .brand-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { background: linear-gradient(rgb(7, 28, 45), transparent 66%); }
.storefront-grid .brand-card-content:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-left: 0px; padding: 24px; max-width: 100%; }
.storefront-grid .brand-card-content .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; }
.storefront-grid .brand-card h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 43px; margin: 10px 0px 12px; }
.storefront-grid .brand-card h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 32px; margin: 8px 0px 12px; }
.storefront-grid .brand-card .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 163px; min-height: 47px; font-size: 14px; }
.storefront-grid .future-brand .coming-label:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 140px; }
.product-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; gap: 28px; }
.gallery-main:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-color: transparent; margin: 0px -20px; border-radius: 0px; }
.gallery-main img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { aspect-ratio: 1.18 / 1; object-fit: cover; }
.thumbnails:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 9px; margin-top: 9px; }
.thumbnail:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { height: clamp(80px, 24vw, 140px); }
.product-info:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 0px; }
.product-info .brand-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 22px; }
.product-info h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 33px; margin: 12px 0px; }
.product-price:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 40px; color: var(--cyan); margin-bottom: 23px; }
.variant-fieldset legend:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 17px; }
.swatch:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 54px; height: 54px; }
.buy-controls:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 16px; margin-top: 5px; }
.buy-controls .primary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 20px; min-height: 57px; }
.buy-controls .quantity-control:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 48px; max-width: 155px; }
.quantity-control button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 45px; }
.product-detail:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 20px 0px; }
.product-detail summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 23px; }
.product-detail p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; }
.mobile-buy-bar:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: rgba(6, 26, 40, 0.96); backdrop-filter: blur(12px); border-top: 1px solid var(--line); padding: 13px 20px max(13px,env(safe-area-inset-bottom)); }
.mobile-buy-bar strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 27px; white-space: nowrap; }
.mobile-buy-bar .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 48px; flex: 1 1 0%; max-width: 270px; font-size: 18px; padding: 10px 18px; }
.has-mobile-buy:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-bottom: 90px; }
.has-mobile-buy .toast:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { bottom: 98px; }
.cart-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; padding-top: 10px; gap: 28px; }
.cart-layout h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 43px; margin-bottom: 22px; }
.cart-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 30% 70%; }
.cart-item > a img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 175px; }
.cart-item h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; padding-right: 24px; }
.cart-item-info:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 20px 14px; }
.cart-item p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 12px; }
.cart-item .brand-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 15px; margin-top: 7px; }
.cart-item-controls:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-top: 11px; gap: 10px; }
.cart-item-controls strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 22px; }
.cart-item .quantity-control button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 33px; }
.cart-item .quantity-control input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 33px !important; }
.remove-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 34px; height: 34px; top: 5px; right: 5px; }
.remove-item .icon:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 20px; }
.order-summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 25px; }
.order-summary h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 31px; }
.order-summary .total:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { flex-wrap: nowrap; }
.order-summary .total dt:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 20px; }
.order-summary .total dd:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 29px; }
.order-summary .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; min-height: 57px; }
.order-summary .demo-note:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { text-align: center; }
.checkout-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; padding-top: 25px; gap: 20px; }
.checkout-layout h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 40px; }
.checkout-section:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 24px 0px; }
.contact-fields:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; }
.contact-fields label:last-child:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: auto; }
.step-heading:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 15px; }
.step-heading h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 25px; }
.delivery-options:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr 1fr; gap: 10px; }
.delivery-choice:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 13px 12px; gap: 10px; }
.delivery-choice strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; }
.delivery-choice small:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 10px; }
.delivery-fields:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; }
.checkout-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 78px 1fr auto; gap: 12px; }
.checkout-item > strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: auto; align-self: center; font-size: 16px; }
.checkout-item div strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; }
.checkout-item div span:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 11px; }
.confirmation:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 35px; }
.confirmation h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 38px; }
.confirmation .order-summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 22px; }
.confirmation .order-summary h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 28px; }
.confirmation-line:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; }
.confirmation-line strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { white-space: nowrap; }
.confirmation > p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 15px; }
.info-page h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 43px; }
.info-page .lead:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 21px; }
.info-layout:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; gap: 28px; margin-top: 30px; }
.info-layout > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-height: 430px; object-fit: cover; }
.prose:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; }
.prose h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 27px; }
.toast:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; padding: 12px 17px; }
.admin-top:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { align-items: flex-start; }
.admin-top h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 31px; }
.admin-top .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; padding: 10px; }
.admin-tabs:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 8px; }
.admin-tabs .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; padding: 10px 12px; min-height: 44px; }
.admin-login:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 24px; margin: 25px auto; }
.admin-record:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 14px; padding: 14px; flex-wrap: wrap; }
.admin-record > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 65px; height: 55px; }
.admin-record h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 19px; }
.admin-record .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; min-height: 42px; }
.admin-form-grid:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; }
.admin-form-grid label.wide:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: auto; }
.admin-editor:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 20px 16px; }
.admin-toolbar:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { align-items: flex-start; }
.admin-toolbar h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 26px; }
.admin-toolbar .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; }
.variant-row:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr 75px; gap: 12px; }
.variant-row label:nth-child(3):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: 1 / -1; }
.admin-order-content:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 1fr; }
.admin-order:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 18px; }
.admin-order > summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; }
.admin-order p:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 14px; }
}
@media (max-width: 380px) {
.container:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: calc(100% - 32px); }
.header-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 0px 16px; gap: 7px; }
.wordmark:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 22px; }
.logo-caption:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 5.5px; }
.header-actions:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 0px; }
.header-actions .icon-button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 36px; }
.hero-inner:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-left: 16px; padding-right: 16px; }
.hero-copy:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { min-height: 290px; }
.hero h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 43px; }
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { height: 304px; width: 70%; right: -9px; }
.hero-tags:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 7px; }
.entry-card:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 12px; padding-right: 15px; }
.entry-card strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 24px; }
.entry-card small:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 7px; }
.entry-card > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 89px; }
.textures:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-left: 16px; padding-right: 16px; gap: 6px; }
.texture:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 12px 7px; height: 105px; font-size: 11px; }
.section-heading h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 26px; }
.section-heading .text-link:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 9px; }
.brand-card-content:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-right: 12px; }
.brand-card h3:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 25px; }
.brand-card .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 11px; padding: 9px 10px; }
.product-card-body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.horizontal .product-card-body:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 11px 9px; }
.product-bottom strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 21px; }
.product-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
.horizontal .product-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; }
.product-bottom .icon-button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 36px; height: 39px; }
.mobile-buy-bar:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-left: 16px; padding-right: 16px; gap: 16px; }
.mobile-buy-bar strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 24px; }
.mobile-buy-bar .button:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 16px; }
.product-info h1:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 30px; }
.cart-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 28% 72%; }
.cart-item-info:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 18px 11px; }
.cart-item h2:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 17px; }
.cart-item-controls strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 20px; }
.checkout-item:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-template-columns: 62px 1fr; }
.checkout-item img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 62px; }
.checkout-item > strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { grid-column: 2; }
.delivery-choice:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 12px 10px; }
.delivery-choice strong:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 13px; }
.delivery-choice input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 19px; height: 19px; }
.order-summary:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 21px; }
.order-summary .total dd:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 27px; }
.order-summary .total dt:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 18px; }
.product-info .brand-name:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 20px; }
}
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { background: none; }
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { background: none; }
.hero-visual > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { mask-image: linear-gradient(90deg, transparent 3%, rgb(0, 0, 0) 24%, rgb(0, 0, 0) 90%, transparent 100%); }
.hero-visual picture:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: block; width: 100%; height: 100%; }
.hero-visual picture img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 100%; height: 100%; object-fit: contain; object-position: 65% 50%; mix-blend-mode: lighten; mask-image: linear-gradient(90deg, transparent 2%, rgb(0, 0, 0) 16%, rgb(0, 0, 0) 90%, transparent 100%); }
@media (max-width: 760px) {
.hero-visual:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: 58%; right: 8px; }
.hero-visual > img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 20%); }
.hero-copy .eyebrow:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 145px; }
.hero-tags:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { max-width: 116px; }
}
@media (min-width: 1500px) {
.catalog-page:not(.brand-page) .catalog-layout aside:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding-top: 112px; }
.catalog-page:not(.brand-page) .filters details:first-child:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { border-top: 1px solid var(--line); padding-top: 20px; }
}
.price-fields input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { appearance: textfield; }
.price-fields input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::-webkit-inner-spin-button { appearance: none; }
.category-page .price-fields:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { gap: 8px; }
.category-page .price-fields input:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { padding: 10px !important; }
@media (max-width: 760px) {
.gallery-main img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { object-fit: contain; }
.product-page .breadcrumbs:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { font-size: 11px; }
.product-page .breadcrumbs > span:nth-last-child(2):not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { display: none; }
}
@media (max-width: 380px) {
.gallery-main:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-left: -16px; margin-right: -16px; }
.brand-hero:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 760px) {
.hero-visual picture img:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { object-position: right center; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 20%); }
}
@media (prefers-reduced-motion: reduce) {
html:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { scroll-behavior: auto; }
*:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)),
:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::before,
:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *))::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}

.catalog-page .active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; margin: 10px 0 14px; }
.catalog-page .active-filters[hidden] { display: none; }
.catalog-page .active-filters-title { flex: 0 0 100%; color: var(--muted); font-size: 13px; font-weight: 600; }
.catalog-page .filter-chip { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; max-width: 100%; padding: 8px 12px; border-radius: 9px; font: inherit; font-size: 13px; line-height: 1.35; text-align: left; white-space: normal; cursor: pointer; }
.catalog-page .filter-chip span:first-child { min-width: 0; overflow-wrap: anywhere; }
.catalog-page .filter-chip span:last-child { flex: 0 0 auto; font-size: 19px; line-height: 1; }
.catalog-page .filter-chip:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.catalog-page .filter-count { display: inline-flex; align-items: center; justify-content: center; min-width: 27px; min-height: 27px; padding: 2px 5px; border-radius: 99px; font-weight: 700; }
.catalog-page .filter-count[hidden] { display: none; }
.catalog-page .price-error { margin-top: 10px; font-size: 13px; line-height: 1.45; }
/* Keep the quantity focus ring inside its rounded control, including on desktop. */
body:not(.about-view):not(.aquaprint-view) .quantity-control :is(button,input):focus-visible { outline-offset: -3px; }
body:not(.about-view):not(.aquaprint-view) .quantity-control { overflow: visible; }
body:not(.about-view):not(.aquaprint-view) .quantity-control button:first-child { border-radius: 7px 0 0 7px; }
body:not(.about-view):not(.aquaprint-view) .quantity-control button:last-child { border-radius: 0 7px 7px 0; }
body:not(.about-view) .skip-link { top: 0; transform: translateY(calc(-100% - 8px)); }
body:not(.about-view) .skip-link:focus { top: 8px; transform: none; }

@media (max-width: 760px) {
  /* Shared navigation stays dark on brand routes; the approved About is separate. */
  html:has(> body.has-mobile-buy:not(.about-view)) { scroll-padding-block-end: 128px; }
  body:not(.about-view) .header-inner { height: auto; min-height: 72px; padding-block: 10px; flex-wrap: wrap; }
  body:not(.about-view) .header-inner .logo { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  body:not(.about-view) .header-actions { flex-shrink: 0; }
  body:not(.about-view) .header-actions .icon-button { width: 44px; height: 44px; flex-shrink: 0; }
  body:not(.about-view) .cart-badge { font-size: 12px; height: auto; min-height: 19px; line-height: 1.4; }
  body:not(.about-view) :is(.mobile-nav a,.footer-inner nav a,.footer-bottom a) { display: flex; align-items: center; min-width: 44px; min-height: 44px; overflow-wrap: anywhere; }
  body:not(.about-view) .footer-inner nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:not(.about-view) .footer-bottom { font-size: 12px; line-height: 1.45; }
  body:not(.about-view).has-mobile-buy { padding-bottom: max(120px,8em); }
  body:not(.about-view).has-mobile-buy .toast { bottom: max(128px,8.5em); }

  body:not(.about-view):not(.aquaprint-view) #main :is(.section-heading .text-link,.brand-card p,.coming-label,.demo-note,.breadcrumbs,.entry-card small,.texture,.card-options,.card-colors small,.card-availability,.card-category,.delivery-choice small,.checkout-item div span,.mobile-buy-bar small) { font-size: 12px; line-height: 1.45; }
  body:not(.about-view):not(.aquaprint-view) #main .button { min-height: 44px; white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
  body:not(.about-view):not(.aquaprint-view) #main :is(.brand-card .button,.admin-top .button,.admin-toolbar .button,.admin-record .button,.admin-tabs button) { font-size: 14px; }
  body:not(.about-view):not(.aquaprint-view) #main :is(.text-link,.breadcrumbs a,.category-tabs a,.filters .radio,.filters summary,.product-detail summary,.product-brand,.product-name,.product-info .brand-name) { min-height: 44px; min-width: 44px; display: flex; align-items: center; }
  body:not(.about-view):not(.aquaprint-view) #main :is(.section-heading,.card-options,.card-colors,.product-bottom,.buy-controls,.cart-item-controls,.mobile-buy-bar) { flex-wrap: wrap; }
  body:not(.about-view):not(.aquaprint-view) #main .section-heading { gap: 8px 12px; }
  body:not(.about-view):not(.aquaprint-view) #main .hero-copy { min-width: 0; }
  body:not(.about-view):not(.aquaprint-view) #main .hero h1 { white-space: normal; }
  body:not(.about-view):not(.aquaprint-view) #main .entry-card { height: auto; padding-block: 8px; }
  body:not(.about-view):not(.aquaprint-view) #main .entry-card > span { flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; }
  body:not(.about-view):not(.aquaprint-view) #main .entry-card > img { flex-shrink: 0; }
  body:not(.about-view):not(.aquaprint-view) #main .category-card { display: grid; grid-template-columns: minmax(0,1fr); }
  body:not(.about-view):not(.aquaprint-view) #main .category-card > :is(img,span) { grid-area: 1 / 1; }
  body:not(.about-view):not(.aquaprint-view) #main .category-card > span { position: relative; inset: auto; align-self: end; min-width: 0; flex-wrap: wrap; gap: 8px; overflow-wrap: anywhere; }
  body:not(.about-view):not(.aquaprint-view) #main .textures { grid-template-columns: repeat(4,minmax(0,1fr)); }
  body:not(.about-view):not(.aquaprint-view) #main .texture { height: auto; min-height: 120px; min-width: 0; overflow-wrap: anywhere; }
  body:not(.about-view):not(.aquaprint-view) #main :is(.section-heading .text-link,.product-bottom strong,.cart-item-controls strong,.mobile-buy-bar strong,.confirmation-line strong,.order-summary .total dd) { white-space: normal; overflow-wrap: anywhere; }
  body:not(.about-view):not(.aquaprint-view) #main :is(.product-bottom .icon-button,.remove-item) { width: 44px; height: 44px; flex-shrink: 0; }
  body:not(.about-view):not(.aquaprint-view) #main .quantity-control { height: auto; min-height: 48px; max-width: none; flex: 0 0 auto; }
  body:not(.about-view):not(.aquaprint-view) #main .quantity-control button { width: 44px; height: auto; min-height: 44px; flex: 0 0 auto; }
  body:not(.about-view):not(.aquaprint-view) #main .quantity-control input { width: max(44px,2.5ch) !important; min-width: 44px; min-height: 44px !important; flex: 0 0 auto; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-item { grid-template-columns: 30% minmax(0,1fr); }
  body:not(.about-view):not(.aquaprint-view) #main .cart-item-info { min-width: 0; }
  body:not(.about-view):not(.aquaprint-view) #main :is(.product-card-body,.card-category) { min-width: 0; overflow-wrap: anywhere; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-item h2 { padding-right: 35px; overflow-wrap: anywhere; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-layout h1 { hyphens: auto; text-wrap: balance; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-item-controls { gap: 12px; }
  body:not(.about-view):not(.aquaprint-view) #main .checkout-item { grid-template-columns: 62px minmax(0,1fr); }
  body:not(.about-view):not(.aquaprint-view) #main .checkout-item > strong { grid-column: 2; white-space: normal; overflow-wrap: anywhere; }
  body:not(.about-view):not(.aquaprint-view) #main :is(.checkout-item > div,.delivery-choice > span,.step-heading > div) { min-width: 0; overflow-wrap: anywhere; }
  body:not(.about-view):not(.aquaprint-view) #main .delivery-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:not(.about-view):not(.aquaprint-view) #main .order-summary dl > div { flex-wrap: wrap; gap: 8px 18px; }
  body:not(.about-view):not(.aquaprint-view) #main .order-summary dd { max-width: 100%; overflow-wrap: anywhere; }
  body:not(.about-view):not(.aquaprint-view) #main .mobile-buy-bar { gap: 12px; }
  body:not(.about-view):not(.aquaprint-view) #main .mobile-buy-bar > div { flex: 1 1 130px; min-width: 0; }
  body:not(.about-view):not(.aquaprint-view) #main .mobile-buy-bar .button { flex: 1 1 max(130px,10em); min-width: 0; max-width: none; }
  body:not(.about-view):not(.aquaprint-view) #main :is(.product-info,.related-products) :is(a,button,input,summary) { scroll-margin-block: 1em 8em; }
  body:not(.about-view):not(.aquaprint-view) #main h1 { overflow-wrap: anywhere; }
}
@media (max-width: 380px) {
  body:not(.about-view):not(.aquaprint-view) #main .texture { min-height: 105px; }
}
.catalog-page .empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.catalog-page .empty-actions .button { min-height: 44px; white-space: normal; }
body:not(.aquaprint-view) #main .filter-chip { color: var(--text); background: rgb(17, 48, 66); border: 1px solid rgb(81, 118, 136); }
body:not(.aquaprint-view) #main .filter-chip:hover { background: rgb(28, 65, 82); border-color: var(--cyan); }
body:not(.aquaprint-view) #main .filter-count { color: rgb(6, 26, 40); background: var(--cyan); }
body:not(.aquaprint-view) #main .price-error { color: rgb(255, 184, 184); }
body:not(.aquaprint-view) #main .price-fields input[aria-invalid="true"] { border-color: rgb(255, 150, 150); outline: 1px solid rgb(255, 150, 150); }
/* Draft/recovery actions stay outside the locked submitted attempt. */
.checkout-draft{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:8px;min-width:0}
.draft-status,.draft-conflict p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.draft-status{color:var(--muted)}
.draft-conflict{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.draft-actions,.attempt-choices{display:flex;flex-wrap:wrap;gap:12px}
.checkout-draft .button,.checkout-recovery .button{min-height:44px;min-width:44px;white-space:normal;overflow-wrap:anywhere;height:auto}
.checkout-draft :is(button,a),.checkout-recovery :is(button,a){scroll-margin-block:max(12px,1em)}
.checkout-recovery{max-width:920px}
.checkout-recovery h1,.checkout-recovery h2,.checkout-recovery p,.recovery-items{overflow-wrap:anywhere}
.checkout-recovery>.button,.checkout-recovery>.text-link{margin:8px 12px 8px 0}
.recovery-details{margin:16px 0}
.recovery-details>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.recovery-details dt,.recovery-details dd{margin:0;min-width:0;overflow-wrap:anywhere;line-height:1.6}
.attempt-choices{margin:24px 0}
@media(max-width:760px){
  .checkout-draft{padding:12px}
  .draft-actions>.button,.attempt-choices>.button{flex:1 1 max(150px,9em)}
  .recovery-details>div{display:flex;flex-direction:column;gap:4px}
.checkout-recovery>.button,.checkout-recovery>.text-link{display:flex;width:100%;margin:12px 0;min-height:44px;align-items:center}
}

/* Functional component roles; display heroes and approved About keep their own rules. */
body:not(.about-view):not(.aquaprint-view) #main {
  --ui-caption-size: 12px; --ui-field-size: 15px; --ui-action-size: 16px; --ui-compact-size: 14px;
  --ui-control-radius: 8px; --ui-card-radius: 10px; --ui-summary-radius: 12px;
  --ui-gap-small: 8px; --ui-gap-action: 12px; --ui-panel-padding: 16px; --ui-section-gap: 24px;
}
body:not(.about-view):not(.aquaprint-view) #main :is(.catalog-page,.product-page,.cart-layout,.checkout-layout,.checkout-recovery,.info-page) .button {
  font-size: var(--ui-action-size); font-weight: 600; line-height: 1.4; min-height: 50px;
  border-radius: var(--ui-control-radius); height: auto; max-width: 100%; white-space: normal; overflow-wrap: anywhere;
}
body:not(.about-view):not(.aquaprint-view) #main :is(.filters>.button,.mobile-filter-toggle,.empty-actions .button,.checkout-draft .button,.attempt-choices .button,#choose-attempt) {
  font-size: var(--ui-compact-size); font-weight: 600; line-height: 1.4; min-height: 44px; min-width: 44px; padding: 10px 16px; gap: var(--ui-gap-action);
}
body:not(.about-view):not(.aquaprint-view) #main [data-retry-cart] { font-size: var(--ui-action-size); font-weight: 600; line-height: 1.4; min-height: 50px; }
body:not(.about-view):not(.aquaprint-view) #main :is(.cart-layout,.checkout-layout) .order-summary .button { font-size: 19px; min-height: 62px; }
body:not(.about-view):not(.aquaprint-view) #main :is(.catalog-toolbar,.price-fields,.contact-fields,.delivery-fields) :is(input:not([type=checkbox]):not([type=radio]),select) {
  font-size: var(--ui-field-size); line-height: 1.5; min-height: 48px; padding: 12px 14px; border-radius: var(--ui-control-radius); min-width: 0;
}
body:not(.about-view):not(.aquaprint-view) #main .catalog-toolbar .search-field { border-radius: var(--ui-control-radius); }
body:not(.about-view):not(.aquaprint-view) #main .catalog-toolbar .search-field:focus-within { outline: 2px solid var(--cyan); outline-offset: 2px; }
body:not(.about-view):not(.aquaprint-view) #main .catalog-toolbar .search-field input { padding-inline: 0; }
body:not(.about-view):not(.aquaprint-view) #main .catalog-toolbar .search-field input:focus { outline: none; }
body:not(.about-view):not(.aquaprint-view) #main .price-fields input[aria-invalid=true]:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
body:not(.about-view):not(.aquaprint-view) #main :is(.catalog-page,.product-page,.cart-layout,.checkout-layout) :is(.card-options,.card-colors small,.card-availability,.results-count,.variant-hint,.image-note,.variant-stock span,.demo-note,.checkout-item div span) {
  font-size: var(--ui-caption-size); line-height: 1.45; overflow-wrap: anywhere;
}
body:not(.about-view):not(.aquaprint-view) #main :is(.catalog-page,.product-page) .product-card { border-radius: var(--ui-card-radius); }
body:not(.about-view):not(.aquaprint-view) #main :is(.catalog-page,.product-page) .product-card:focus-within { border-color: var(--cyan); box-shadow: 0 0 0 1px var(--cyan); }
body:not(.about-view):not(.aquaprint-view) #main :is(.catalog-page,.product-page) .product-card-body { min-width: 0; }
body:not(.about-view):not(.aquaprint-view) #main :is(.catalog-page,.product-page) .product-name { font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
body:not(.about-view):not(.aquaprint-view) #main :is(.cart-layout,.checkout-layout) .order-summary { border-radius: var(--ui-summary-radius); }
body:not(.about-view):not(.aquaprint-view) #main .notice {
  padding: var(--ui-panel-padding); border-radius: var(--ui-control-radius); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere;
}
body:not(.about-view):not(.aquaprint-view) #main :is(.price-error,.form-message,.contact-field-error,.draft-status,.draft-conflict p) { font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
body:not(.about-view):not(.aquaprint-view) #main .contact-field-hint { font-size: var(--ui-caption-size); line-height: 1.45; }
body:not(.about-view):not(.aquaprint-view) #main .checkout-draft { padding: var(--ui-panel-padding); border-radius: var(--ui-control-radius); margin-block: var(--ui-section-gap); }
body:not(.about-view):not(.aquaprint-view) #main :is(.contact-fields,.delivery-fields) label { gap: var(--ui-gap-small); }
body:not(.about-view):not(.aquaprint-view) #main .catalog-page .empty-state { padding: 48px 16px; min-width: 0; }
body:not(.about-view):not(.aquaprint-view) #main .catalog-page .empty-state h2 { font-size: 30px; line-height: 1.2; text-wrap: balance; overflow-wrap: anywhere; }
body:not(.about-view):not(.aquaprint-view) #main .catalog-page .empty-state p { max-width: 50ch; margin-inline: auto; overflow-wrap: anywhere; }
body:not(.about-view):not(.aquaprint-view) #main .catalog-page .empty-actions { gap: var(--ui-gap-action); }
body:not(.about-view):not(.aquaprint-view) #main .catalog-page .empty-actions .button { margin: 0; }
@media (max-width: 760px) {
  body:not(.about-view):not(.aquaprint-view) #main .notice,
  body:not(.about-view):not(.aquaprint-view) #main .checkout-draft { padding: 12px; }
  body:not(.about-view):not(.aquaprint-view) #main .catalog-page .empty-state { padding-block: 32px; }
  body:not(.about-view):not(.aquaprint-view) #main .catalog-page .empty-state h2 { font-size: 28px; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-layout h1 { letter-spacing: -.05em; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-item { display: flex; flex-wrap: wrap; align-items: flex-start; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-item>a { flex: 0 0 min(30%,112px); aspect-ratio: 1; height: auto; min-height: 0; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-item>a img { height: auto; min-height: 0; aspect-ratio: 1; object-fit: contain; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-item-info { flex: 1 1 12em; min-width: 0; }
  body:not(.about-view):not(.aquaprint-view) #main .cart-item h2 { padding-right: 44px; }
}
@media (max-width: 760px) {
  /* Reserve and native focus scrolling follow the actual product bar, including larger text. */
  html:has(> body.has-mobile-buy:not(.about-view)):has(#main .product-page) { scroll-padding-block-end: calc(160px + env(safe-area-inset-bottom,0px)); }
  body.has-mobile-buy:not(.about-view):has(#main .product-page) { padding-bottom: calc(max(160px,10em) + env(safe-area-inset-bottom,0px)); }
  body.has-mobile-buy:not(.about-view):has(#main .product-page) .toast { bottom: calc(max(168px,10.5em) + env(safe-area-inset-bottom,0px)); }
  body.has-mobile-buy:not(.about-view) #main .product-page :is(.product-info,.related-products) :is(a,button,input,summary),
  body.has-mobile-buy:not(.about-view):has(#main .product-page) #footer :is(a,button) { scroll-margin-block: 1em calc(max(160px,12em) + env(safe-area-inset-bottom,0px)); }
  body.has-mobile-buy:not(.about-view):not(.aquaprint-view) #main .product-page .mobile-buy-bar>div { flex-basis: max(96px,6em); }
}

/* Shared navigation: explicit service entry lives in menu/footer. */
#header .header-inner { height: auto; min-height: 86px; padding-block: 12px; flex-wrap: wrap; }
#header .logo { min-width: 0; max-width: 100%; }
#header .logo .wordmark, #footer .logo .wordmark { overflow-wrap: anywhere; }
#header .header-actions { flex-wrap: wrap; min-width: 0; }
#header .icon-button { width: 44px; height: 44px; flex: 0 0 44px; }
#header .desktop-nav { min-height: 44px; flex-wrap: wrap; align-self: center; }
#header .desktop-nav a { min-height: 44px; height: auto; }
#header .desktop-nav a { min-width: 44px; }
#header .logo, #footer .logo { min-height: 44px; }
#header .desktop-nav a[aria-current]::after { bottom: 0; }
#header .cart-badge { min-width: 20px; width: auto; height: auto; min-height: 20px; padding: 1px 4px; font-size: 12px; line-height: 1.25; }
#header .menu-cart-count { display: inline-flex; justify-content: center; align-items: center; min-width: 24px; padding: 2px 7px; border-radius: 20px; background: var(--cyan); color: #071824; font-size: 12px; }
#header [data-cart-count][hidden] { display: none !important; }
#mobile-menu a { display: flex; align-items: center; gap: 12px; min-width: 44px; min-height: 44px; overflow-wrap: anywhere; }
#footer .footer-inner nav { min-width: 0; }
#footer .footer-inner nav a, #footer .footer-bottom a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; overflow-wrap: anywhere; }
#footer .footer-bottom { align-items: center; flex-wrap: wrap; font-size: 12px; }
@media (max-width: 760px) {
  #header .header-inner { min-height: 72px; }
  #header .header-actions { margin-left: auto; gap: 6px; }
  #footer .footer-inner nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
}


/* Keep the old view readable while a new route is loading. */
.route-loading { position: fixed; z-index: 120; inset-inline: 16px; bottom: max(20px, env(safe-area-inset-bottom)); width: fit-content; max-width: calc(100vw - 32px); margin-inline: auto; padding: 14px 22px; border: 1px solid #59d8ec; border-radius: 12px; background: #0b2637; color: #f2f7fb; box-shadow: 0 8px 30px #0004; font-size: 16px; line-height: 1.5; text-align: center; pointer-events: none; }
.route-loading[hidden] { display: none; }
.route-error { overflow-wrap: anywhere; }
#main .route-error h1 { font-size: clamp(30px, 5vw, 58px); line-height: 1.15; margin-top: 14px; }
#main .route-error p { max-width: 56ch; margin-inline: auto; }
.route-error-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
#main .route-error-actions .button { margin: 0; min-height: 48px; }
@media (max-width: 480px) { .route-error-actions { flex-direction: column; } .route-error-actions .button { width: 100%; } }

/* Temporary undo actions belong to the shared basket interface. */
.cart-undo { margin: 24px 0; padding: 20px; border: 1px solid #2a596a; border-radius: 12px; background: #102b3c; color: #f2f7fb; }
#main .cart-undo h2 { margin: 0 0 8px; font-size: 20px; line-height: 1.35; }
.cart-undo-help { color: #b9ccdb; font-size: 14px; line-height: 1.5; }
.cart-undo ul { list-style: none; margin: 16px 0 0; padding: 0; }
.cart-undo li { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; border-top: 1px solid #2a4657; }
.cart-undo li > div { min-width: 0; overflow-wrap: anywhere; }
.cart-undo p { margin: 0; }
.cart-undo-error { color: #ffbcc1; margin-top: 8px !important; font-size: 15px; }
.cart-undo .button { min-height: 48px; flex-shrink: 0; white-space: nowrap; }
@media (max-width: 480px) { .cart-undo { padding: 16px; } .cart-undo li { flex-direction: column; align-items: stretch; gap: 12px; } .cart-undo .button { width: 100%; } }

/* A card action opens selection; only the product page adds to the basket. */
#main .product-select { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; max-width: 100%; min-height: 44px; padding: 9px 12px; border: 1px solid var(--cyan); border-radius: 8px; font-size: 16px; font-weight: 600; line-height: 1.35; text-decoration: none; }
#main .product-select span { min-width: 0; overflow-wrap: anywhere; }
#main .product-select .icon { width: 18px; height: 18px; flex-shrink: 0; }
body:not(.aquaprint-view) #main .product-select { background: transparent; color: var(--cyan); }
body:not(.aquaprint-view) #main .product-select:hover { background: #173b4c; }
body:not(.aquaprint-view) #main .product-bottom { flex-wrap: wrap; }
body:not(.aquaprint-view) #main .product-bottom strong { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 480px) { #main .product-select { width: 100%; justify-content: space-between; padding-inline: 10px; } }

/* Existing product image opens a temporary native modal. */
.gallery-main.gallery-open { position: relative; display: block; width: 100%; padding: 0; cursor: zoom-in; text-align: left; }
.gallery-main.gallery-open:focus-visible { outline: 3px solid #28bcca; outline-offset: -4px; }
.gallery-main.gallery-open img { display: block; }
@media (max-width: 760px) {
  .gallery-main.gallery-open:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: calc(100% + 40px); }
}
@media (max-width: 380px) {
  .gallery-main.gallery-open:not(:where(body.aquaprint-view #main, body.aquaprint-view #main *)) { width: calc(100% + 32px); }
}
.gallery-open-hint { position: absolute; bottom: 12px; right: 12px; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 8px; background: #061522e8; color: #f6f8fc; font-size: 14px; line-height: 1.4; pointer-events: none; }
.gallery-open-hint svg { width: 18px; height: 18px; flex-shrink: 0; }
.gallery-viewer { --viewer-bg: #0b2030; --viewer-ink: #f6f8fc; --viewer-line: #284454; --viewer-accent: #67ddf5; color-scheme: dark; box-sizing: border-box; width: min(1120px, calc(100vw - 32px)); height: min(820px, calc(100dvh - 32px)); max-width: none; max-height: none; margin: auto; padding: 20px; border: 1px solid var(--viewer-line); border-radius: 16px; background: var(--viewer-bg); color: var(--viewer-ink); overflow: hidden; }
.gallery-viewer[open] { display: grid; grid-template-rows: auto minmax(0,1fr) auto; gap: 16px; }
.gallery-viewer.aqua-gallery { --viewer-bg: #f5f8f9; --viewer-ink: #102b3b; --viewer-line: #dbe5e9; --viewer-accent: #087887; color-scheme: light; }
.gallery-viewer::backdrop { background: #001018c9; }
.gallery-viewer-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
.gallery-viewer-header h2 { margin: 0; font-size: 20px; line-height: 1.3; overflow-wrap: anywhere; }
.gallery-viewer button { min-width: 44px; min-height: 44px; border: 1px solid var(--viewer-line); border-radius: 8px; padding: 8px 12px; background: var(--viewer-bg); color: var(--viewer-ink); cursor: pointer; font: inherit; font-size: 16px; line-height: 1.4; }
.gallery-viewer button:hover:not(:disabled) { border-color: var(--viewer-accent); }
.gallery-viewer button:focus-visible { outline: 3px solid var(--viewer-accent); outline-offset: 2px; }
.gallery-viewer button:disabled { opacity: .4; cursor: default; }
.gallery-viewer button svg { display: block; width: 20px; height: 20px; }
#gallery-close { flex-shrink: 0; }
#gallery-previous svg { transform: rotate(180deg); }
.gallery-stage { position: relative; overflow: auto; overscroll-behavior: contain; min-width: 0; min-height: 0; border: 1px solid var(--viewer-line); border-radius: 10px; background: #fff; }
.gallery-stage[aria-busy="true"]::after { content: 'Загружаем изображение…'; position: absolute; inset: 0; display: grid; place-items: center; padding: 16px; color: #102b3b; }
.gallery-canvas { display: flex; align-items: center; justify-content: center; min-width: 100%; min-height: 100%; }
#gallery-viewer-image { display: block; max-width: none; max-height: none; object-fit: contain; flex-shrink: 0; }
#gallery-viewer-image[hidden], .gallery-image-error[hidden] { display: none; }
.gallery-image-error { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; text-align: center; padding: 20px; background: var(--viewer-bg); color: var(--viewer-ink); }
.gallery-viewer .gallery-image-error p { margin: 0; color: var(--viewer-ink); }
.gallery-viewer-footer { display: grid; gap: 8px; }
#gallery-counter { text-align: center; margin: 0; font-size: 16px; }
.gallery-viewer-controls { display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; gap: 10px; width: min(380px,100%); margin: auto; }
.gallery-viewer-help { margin: 0; text-align: center; font-size: 13px; line-height: 1.4; }
.gallery-viewer .gallery-viewer-footer p { color: var(--viewer-ink); }
@media (max-width: 600px) {
  .gallery-viewer { width: calc(100vw - 16px); height: calc(100dvh - 16px); padding: 12px; border-radius: 12px; }
  .gallery-viewer[open] { gap: 12px; }
  .gallery-viewer-header h2 { font-size: 17px; }
  .gallery-open-hint { bottom: 10px; right: 10px; }
}

/* General informational routes intentionally use Kontour, as do cart and checkout. */
#main .service-page .service-header { max-width: 820px; margin: 16px 0 32px; }
#main .service-page .service-header .eyebrow { display: block; margin-bottom: 12px; }
#main .service-page h1 { margin: 0; font-size: clamp(36px,4.5vw,64px); line-height: 1.15; overflow-wrap: anywhere; }
#main .service-page .service-lead { margin: 14px 0 10px; font-size: clamp(22px,2.4vw,28px); line-height: 1.4; color: var(--text); }
#main .service-page .service-intro { margin: 0; font-size: 18px; line-height: 1.65; max-width: 780px; }
#main .service-page :is(h2,h3) { margin: 0; line-height: 1.3; overflow-wrap: anywhere; }
#main .service-page h2 { font-size: 26px; }
#main .service-page h3 { font-size: 22px; }
#main .service-page p { overflow-wrap: anywhere; }
#main .service-page :is(.contact-methods,.delivery-methods) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
#main .service-page .service-card { min-width: 0; padding: 26px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
#main .service-page .service-card > p { margin: 12px 0 0; font-size: 16px; line-height: 1.65; }
#main .service-page .service-card-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 16px; border-radius: 10px; background: #173848; color: var(--cyan); flex-shrink: 0; }
#main .service-page .service-card-icon svg { width: 24px; height: 24px; }
#main .service-page .contact-address { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; margin-top: 16px; padding: 8px 0; color: var(--cyan); }
#main .service-page .contact-address strong { min-width: 0; font-size: clamp(20px,2vw,26px); line-height: 1.5; overflow-wrap: anywhere; font-weight: 600; }
#main .service-page .contact-address:hover strong { text-decoration: underline; text-underline-offset: 5px; }
#main .service-page .contact-address svg { width: 22px; height: 22px; flex-shrink: 0; }
#main .service-page .contact-copy { margin-top: 16px; font-size: 16px; min-height: 44px; }
#main .service-page .contact-copy-status { min-height: 24px; margin-top: 8px; font-size: 16px; line-height: 1.5; color: var(--cyan); }
#main .service-page .contact-preparation { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; padding: 28px 0; margin-top: 24px; border-block: 1px solid var(--line); }
#main .service-page .contact-preparation p { margin-top: 10px; font-size: 16px; line-height: 1.6; }
#main .service-page .contact-preparation ul { margin: 0; padding-left: 22px; font-size: 16px; line-height: 1.65; color: var(--muted); }
#main .service-page .contact-preparation li + li { margin-top: 8px; }
#main .service-page .service-links { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 28px; }
#main .service-page .service-links :is(a,button) { min-height: 44px; max-width: 100%; overflow-wrap: anywhere; }
#main .service-page .service-links .text-link { display: inline-flex; align-items: center; gap: 12px; font-size: 16px; padding-block: 8px; }
#main .service-page .service-test-note { display: flex; align-items: flex-start; gap: 18px; padding: 22px 26px; border: 1px solid #347489; border-radius: 12px; background: #102d3c; margin-bottom: 36px; }
#main .service-page .service-test-note .service-card-icon { margin: 0; }
#main .service-page .service-test-note h2 { font-size: 22px; }
#main .service-page .service-test-note p { margin-top: 8px; font-size: 16px; line-height: 1.6; color: var(--text); }
#main .service-page .service-section-heading { margin-bottom: 20px; }
#main .service-page .service-section-heading p { margin-top: 8px; font-size: 16px; line-height: 1.6; }
#main .service-page .service-demo-amount { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; }
#main .service-page .service-demo-amount strong { font-size: 26px; color: var(--text); }
#main .service-page .service-demo-amount span { font-size: 16px; }
#main .service-page .service-disclaimer { margin-top: 18px; max-width: 980px; font-size: 16px; line-height: 1.65; }
#main .service-page .service-answer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 32px; }
#main .service-page .service-answer-grid h2 { font-size: 23px; }
#main .service-page .service-process { padding-top: 36px; margin-top: 36px; border-top: 1px solid var(--line); }
#main .service-page .delivery-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
#main .service-page .service-step-number { display: block; margin-bottom: 12px; font-size: 18px; font-weight: 600; color: var(--cyan); }
#main .service-page .delivery-steps p { font-size: 16px; line-height: 1.65; margin-top: 10px; }
@media (max-width: 1000px) {
  #main .service-page .service-answer-grid { grid-template-columns: 1fr; }
  #main .service-page .service-answer-grid .service-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); gap: 20px; align-items: start; }
  #main .service-page .service-answer-grid .service-card > p { margin: 0; }
}
@media (max-width: 760px) {
  #main .service-page .service-header { margin: 12px 0 24px; }
  #main .service-page h1 { font-size: 36px; }
  #main .service-page .service-intro { font-size: 16px; }
  #main .service-page :is(.contact-methods,.delivery-methods,.contact-preparation,.delivery-steps) { grid-template-columns: 1fr; gap: 16px; }
  #main .service-page .service-card { padding: 20px; }
  #main .service-page .contact-methods .service-card-icon { display: none; }
  #main .service-page .contact-methods h2 { font-size: 24px; }
  #main .service-page .contact-address { margin-top: 10px; }
  #main .service-page .contact-copy { margin-top: 10px; }
  #main .service-page .service-test-note { padding: 18px; gap: 12px; margin-bottom: 28px; }
  #main .service-page .service-test-note .service-card-icon { display: none; }
  #main .service-page .service-answer-grid .service-card { display: block; }
  #main .service-page .service-answer-grid .service-card > p { margin-top: 12px; }
  #main .service-page .service-links { gap: 12px; }
  #main .service-page .service-links .button { width: 100%; justify-content: space-between; text-align: left; }
  #main .service-page .delivery-steps li { padding: 18px 0; border-bottom: 1px solid var(--line); }
  #main .service-page .delivery-steps li:last-child { border-bottom: 0; }
}
/* Saved local order entry; general Kontour pages, independent of catalogue. */
#footer .footer-utility-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; }
#footer .footer-utility-links a { min-height:44px; font-size:14px; line-height:1.5; }
#main .last-order-tools { text-align:left; border:1px solid var(--line); border-radius:12px; padding:20px; margin-bottom:32px; }
#main .last-order-tools p { margin:0 0 16px; }
#main .last-order-actions { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
#main .last-order-actions .button { min-height:44px; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
#main .last-order-note { font-size:14px; line-height:1.6; color:var(--muted); }
#main .last-order-tools .last-order-note { margin:16px 0 0; }
#main .last-order-page { max-width:900px; }
#main .last-order-state { border:1px solid var(--line); border-radius:12px; padding:28px; margin:28px 0; }
#main .last-order-state h2 { margin:12px 0 20px; }
#main .last-order-state p { line-height:1.7; overflow-wrap:anywhere; }
#main .last-order-update { position:fixed; left:50%; transform:translateX(-50%); bottom:20px; width:min(560px,calc(100vw - 32px)); z-index:30; padding:20px; background:var(--bg,#071722); border:1px solid var(--cyan); border-radius:12px; box-shadow:0 12px 40px #0008; text-align:left; }
#main .last-order-update p { margin:0 0 16px; font-size:16px; line-height:1.5; }
#main .last-order-update .button { min-height:44px; max-width:100%; white-space:normal; }
#main .last-order-update[hidden], #main #last-order-action-error[hidden] { display:none; }
@media(max-width:760px) {
  #footer .footer-utility-links { width:100%; gap:8px 20px; }
  #main .last-order-tools, #main .last-order-state { padding:20px; }
  #main .last-order-actions .button { flex:1 1 240px; }
  #main .last-order-update { bottom:16px; padding:16px; }
}
/* Four links within the same mobile form; no added checkout steps. */
#checkout-navigation { display:none; }
html:has(#checkout-form) { scroll-behavior:auto; }
#checkout-form :is(.checkout-section h2,.checkout-summary h2,input,select) { scroll-margin-top:calc(var(--checkout-header-offset,0px) + var(--checkout-nav-offset,0px) + 16px); }
@media(max-width:760px) {
  #checkout-navigation { display:flex; flex-wrap:wrap; align-items:stretch; gap:4px; grid-column:1/-1; position:sticky; top:var(--checkout-header-offset,0px); align-self:start; z-index:15; padding:6px; border:1px solid var(--line); border-radius:10px; background:#071722; box-shadow:0 6px 20px #0004; }
  #checkout-navigation.is-inline { position:static; }
  #checkout-navigation button { flex:1 1 auto; min-height:44px; min-width:44px; max-width:100%; padding:8px 6px; font-size:14px; font-weight:600; line-height:1.3; color:var(--muted); border:1px solid transparent; border-radius:6px; background:transparent; white-space:normal; overflow-wrap:anywhere; cursor:pointer; }
  #checkout-navigation button[aria-current] { color:var(--cyan); border-color:var(--cyan); background:#123044; }
}

/* The native top layer keeps the decision above either storefront theme. */
.unsaved-editor-dialog { color: var(--text); background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 0; width: min(520px, calc(100vw - 32px)); max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overflow: auto; }
.unsaved-editor-dialog::backdrop { background: rgb(0 10 18 / 72%); }
.unsaved-editor-content { padding: clamp(20px, 4vw, 28px); }
.unsaved-editor-dialog h2 { margin: 12px 0 16px; font-size: clamp(24px, 5vw, 30px); line-height: 1.2; overflow-wrap: anywhere; }
.unsaved-editor-dialog p { margin: 0 0 18px; line-height: 1.6; overflow-wrap: anywhere; }
.unsaved-editor-dialog .form-message:empty { display: none; }
.unsaved-editor-actions { display: grid; gap: 12px; }
.unsaved-editor-actions .button { min-height: 44px; white-space: normal; height: auto; line-height: 1.4; overflow-wrap: anywhere; }
.unsaved-editor-dialog [aria-busy="true"] { cursor: progress; }

/* Routine mode information has its own component; errors and draft states keep their roles. */
#main .test-mode-note { display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: start; gap: 12px; margin: 18px 0; padding: 16px; border: 1px solid #36566b; border-radius: 10px; background: #102b3e; color: #f6f8fc; text-align: left; min-width: 0; }
#main .test-mode-symbol { display: flex; color: #67ddf5; padding-top: 1px; }
#main .test-mode-symbol .icon { width: 24px; height: 24px; }
#main .test-mode-content { min-width: 0; }
#main .test-mode-note .test-mode-title { display: block; margin: 0 0 6px; font-size: 16px; line-height: 1.4; font-weight: 600; color: #f6f8fc; overflow-wrap: anywhere; }
#main .test-mode-note .test-mode-body { margin: 0; font-size: 14px; line-height: 1.5; color: #c5d3e0; overflow-wrap: anywhere; }
#main .test-mode-note .test-mode-more { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; max-width: 100%; margin-top: 4px; padding: 6px 0; color: #67ddf5; font-size: 14px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
#main .test-mode-more .icon { width: 16px; height: 16px; flex-shrink: 0; }
#main .test-mode-more:focus-visible { outline: 2px solid #67ddf5; outline-offset: 3px; border-radius: 3px; }
#main .order-summary .test-mode-note { padding: 12px; margin: 16px 0 0; gap: 10px; }
#footer .footer-test-mode { display: inline-flex; align-items: flex-start; gap: 8px; min-width: 0; max-width: 100%; padding: 6px 10px; border: 1px solid #36566b; border-radius: 7px; background: #102b3e; color: #c5d3e0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
#footer .footer-test-mode > .icon { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; color: #67ddf5; }
#footer .footer-test-mode > span { min-width: 0; }
@media (max-width: 760px) {
  #main .test-mode-note { grid-template-columns: 20px minmax(0,1fr); padding: 12px; gap: 10px; }
  #main .test-mode-symbol .icon { width: 20px; height: 20px; }
}

@media (min-width: 1181px) {
  body:not(.about-view) #footer .footer-bottom { width: calc(100% - 88px); max-width: 1448px; margin-inline: auto; }
}

/* Existing company section: a quieter route to the current contact page. */
#main .about-home-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 22px; }
#main .about-home-actions .button { margin-top: 0; }
#main .about-home-actions .text-link { min-height: 48px; min-width: 44px; padding: 10px 8px; font-size: 14px; line-height: 1.5; gap: 12px; white-space: normal; overflow-wrap: anywhere; }
#main .about-home-actions .text-link .icon { width: 22px; height: 22px; }

#main .about-home-actions a:focus-visible { outline-offset: -3px; border-radius: 4px; }

/* Quantity explanation belongs only to the existing product form, in both palettes. */
#main .product-page .product-quantity-feedback { margin: 10px 0 20px; }
#main .product-page .product-quantity-feedback p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text); overflow-wrap: anywhere; }
#main .product-page #product-quantity-error { margin-top: 6px; color: var(--error); }
#main .product-page #product-quantity-error[hidden] { display: none; }
#main .product-page .buy-controls .quantity-control:has(input[aria-invalid="true"]) { border-color: var(--error); }
#main .product-page .buy-controls [data-step]:disabled { opacity: .4; cursor: not-allowed; }

/* Delivery guidance stays local to the checkout fields. */
.delivery-fields .delivery-field-hint { display: block; margin-top: 8px; font-size: 14px; line-height: 1.5; color: var(--muted); font-weight: 400; overflow-wrap: anywhere; }
.delivery-fields .delivery-field-error { display: block; margin-top: 8px; font-size: 14px; line-height: 1.5; color: var(--error); font-weight: 400; overflow-wrap: anywhere; }
.delivery-fields .delivery-field-error[hidden] { display: none; }
.delivery-fields input[aria-invalid="true"] { border-color: var(--error); }

/* Current page/section in the shared mobile disclosure navigation. */
#mobile-menu a { border-inline-start: 3px solid transparent; padding-inline: 12px; border-radius: var(--ui-control-radius, 8px); }
#mobile-menu a[aria-current] { border-inline-start-color: var(--cyan); background: var(--panel-light); color: var(--cyan); font-weight: 600; }

/* Cart-only quantity feedback; updates preserve the input and subsequent actions. */
.cart-item .cart-quantity-feedback p { font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.cart-item .cart-quantity-help { color:var(--muted); }
.cart-item .cart-quantity-error { color:var(--error); }
.cart-item input[aria-invalid="true"] { border-color:var(--error); }
.cart-item [data-step]:disabled { opacity:.45; cursor:default; }
.cart-item-controls { flex-wrap:wrap; }
.cart-item-controls [data-cart-line-total] { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.cart-total-status { font-size:14px; line-height:1.5; margin-block:16px; overflow-wrap:anywhere; }
.cart-total-status.error { color:var(--error); }
.order-summary [data-retry-cart-total] { margin-bottom:16px; }

.cart-layout [data-cart-total-status][hidden] { display:block!important; visibility:hidden; }
.cart-layout [data-cart-total-status] { min-block-size:21px; }
body:not(.about-view):not(.aquaprint-view) #main .cart-layout .cart-amount-unconfirmed { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

#main .cart-layout .quantity-control:has(input[aria-invalid="true"]) { border-color:var(--error); }

/* Explicit password visibility control, only on the existing login screen. */
#main .admin-login .admin-password-toggle { min-height:44px; max-width:100%; font-size:14px; line-height:1.5; padding:8px 12px; margin-top:-8px; white-space:normal; }

@media (max-width:400px) { #main .admin-login h1 { font-size:28px; line-height:1.2; } }

/* In-page return lives with the existing footer utilities. */
#footer .footer-page-top { display:inline-flex; align-items:center; gap:8px; max-width:100%; min-height:44px; color:var(--cyan); }
#footer .footer-page-top .icon { width:16px; height:16px; flex:none; transform:rotate(-90deg); }

/* Shared footer location; the approved About footer keeps its own marker. */
body:not(.about-view) #footer .footer-inner nav a[aria-current] {
  color: var(--cyan);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

/* Let enlarged mobile-footer text choose one or two complete-word columns. */
@media (max-width: 760px) {
  body:not(.about-view) #footer .footer-inner nav {
    width: calc(17em + 25px);
    max-width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5em), 1fr));
  }
}

/* About keeps its full-width two-column layout until enlarged words need one. */
@media (max-width: 760px) {
  body.about-view #footer .footer-inner nav {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, max(8.5em, calc((100% - 24px) / 2))), 1fr));
  }
}

/* Contextual return to the visitor's collection, using the current product palette. */
#main .product-page .product-browse-return {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  max-width: 100%;
  margin-bottom: 12px;
  color: inherit;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
  overflow-wrap: anywhere;
}
#main .product-page .product-browse-return .icon { flex: 0 0 20px; transform: rotate(180deg); }
#main .product-page .product-browse-return:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

/* Keep the active admin section legible under the shared button:hover rule. */
#main .admin-page .admin-tabs button.active { color: rgb(6, 32, 49); }

/* A failed section provides a named, accessible path to retry its loading. */
#main .admin-page .admin-load-error {
  display: grid;
  justify-items: start;
  gap: 16px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  overflow-wrap: anywhere;
}
#main .admin-page .admin-load-error > * { min-width: 0; max-width: 100%; margin: 0; }
#main .admin-page .admin-load-error h2 { font-size: clamp(24px, 4vw, 32px); line-height: 1.2; }
#main .admin-page .admin-load-error .button { min-height: 44px; white-space: normal; }

/* Let the admin title keep its word width and wrap logout into its own row when needed. */
#main .admin-page .admin-top { flex-wrap: wrap; }
#main .admin-page .admin-top > div { flex: 0 1 max-content; max-width: 100%; }
#main .admin-page .admin-top #logout {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Catalog pages share the current theme and retain native link navigation. */
#main .catalog-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 32px; }
#main .catalog-pagination[hidden] { display: none; }
#main .catalog-pagination .button { min-width: 44px; min-height: 44px; max-width: 100%; padding: 10px 14px; white-space: normal; overflow-wrap: anywhere; text-align: center; }
#main .catalog-page .catalog-pagination a.button[aria-current="page"] { background: var(--accent, var(--cyan)); color: rgb(6,32,49); border-color: var(--accent, var(--cyan)); font-weight: 700; }
#main .catalog-pagination .pagination-gap { padding: 0 4px; }

/* Stage 35: read-only order search and pages, within the existing admin identity. */
.admin-order-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) repeat(2,minmax(150px,1fr));gap:16px;margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.admin-order-filters label{display:flex;flex-direction:column;gap:8px;min-width:0}
.admin-order-filters input,.admin-order-filters select{width:100%;min-width:0;max-width:100%;min-height:44px}
.admin-order-filter-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}
.admin-order-filter-actions .button{min-height:44px}
.admin-order-filter-help{grid-column:1/-1;margin:0}
.admin-orders-count{scroll-margin-top:24px;margin:24px 0 16px;line-height:1.6;overflow-wrap:anywhere}
.admin-order-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0}
.admin-order-pagination .button{min-width:44px;min-height:44px}
#main .admin-order-pagination a.button[aria-current="page"]{background:var(--accent,var(--cyan));color:rgb(6,32,49);border-color:var(--accent,var(--cyan));font-weight:700}
@media(max-width:900px){.admin-order-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.admin-order-filters{grid-template-columns:minmax(0,1fr);padding:16px}.admin-order-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-order-filter-actions .button{padding-left:12px;padding-right:12px}}

/* Stage 37: feedback belongs to its order; empty regions do not change layout. */
.admin-order .admin-order-save-feedback:empty{display:none}
.admin-order .admin-order-save-feedback .text-link{min-height:44px;display:inline-flex;align-items:center}

/* Durable product-only add result; both existing themes retain their tokens. */
#main .product-page #product-add-status.is-complete { margin-top:12px; padding:12px 14px; border:1px solid var(--line); border-inline-start:3px solid var(--cyan); border-radius:8px; background:var(--panel-light); color:var(--text); }
#main .product-page #product-add-error { margin-top:12px; padding:12px 14px; border:1px solid var(--line); border-inline-start:3px solid var(--error); border-radius:8px; color:var(--error); }
#main .product-page #product-add-cart { display:inline-flex; align-items:center; gap:8px; min-height:44px; max-width:100%; margin-top:4px; padding-block:8px; font-size:14px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
#main .product-page #product-add-cart .icon { flex:none; }
#main .product-page :is(#product-add-status,#product-add-error,#product-add-cart)[hidden] { display:none; }

/* Favorites controls are separate from product links and use the existing theme. */
#main .product-card { position:relative; }
#main .favorite-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:44px; min-height:44px; border:1px solid var(--line); color:var(--cyan); cursor:pointer; }
#main .favorite-button .icon { flex:none; width:22px; height:22px; }
#main .favorite-button[aria-pressed="true"] .icon { fill:currentColor; }
#main .favorite-card-button { position:absolute; z-index:1; inset-block-start:12px; inset-inline-end:12px; width:44px; height:44px; padding:10px; border-radius:50%; background:var(--panel, #102b3e); box-shadow:0 2px 10px #0003; }
body.aquaprint-view #main .favorite-card-button { background:#fff; color:#087e8e; border-color:#cbdce2; }
#main .favorite-button:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
#main .favorite-detail-button { max-width:100%; padding:10px 14px; font-size:14px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
#main .product-favorite-choice { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin-block:12px; }
#main .product-favorite-copy a,#main .catalog-favorites a,[data-favorites-link] { display:inline-flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:44px; max-width:100%; overflow-wrap:anywhere; }
#main .catalog-favorites { display:flex; flex-wrap:wrap; justify-content:flex-end; margin-bottom:8px; }
#main .favorites-storage-warning { flex-basis:100%; margin:0; color:var(--muted); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
#main .favorites-storage-warning[hidden] { display:none; }
[data-favorites-link] .icon { flex:none; width:18px; height:18px; }
[data-favorites-count] { font-size:14px; }
[data-favorites-count][hidden] { display:none; }
#main .favorites-storage-notice,#main .favorite-range { color:var(--muted); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
#main .favorite-unavailable { display:flex; flex-direction:column; gap:16px; align-items:flex-start; justify-content:center; padding:24px; border:1px solid var(--line); border-radius:12px; min-width:0; }
#main .favorite-unavailable h2 { font-size:20px; line-height:1.4; }
#main .favorite-unavailable p { font-size:14px; line-height:1.6; color:var(--muted); }
#main .favorite-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:24px; }
#main .favorite-pagination .button { min-height:44px; max-width:100%; white-space:normal; font-size:14px; line-height:1.5; }

/* Order-only print request and paper layout; ordinary pages retain their print styles. */
#main .confirmation .order-print-brand { display:none; }
#main .confirmation .order-print-actions { display:grid; justify-items:center; gap:8px; margin-block:24px; }
#main .confirmation #print-order { min-height:44px; max-width:100%; padding:10px 18px; white-space:normal; font-size:14px; line-height:1.5; }
#main .confirmation :is(#order-print-help,#order-print-error) { margin:0; max-width:48ch; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
#main .confirmation #order-print-help { color:var(--muted); }
#main .confirmation #order-print-error { color:var(--error); }
#main .confirmation #order-print-error[hidden] { display:none; }
@media print {
  @page kontour-order { size:A4; margin:14mm; }
  body:has(#main .confirmation) { background:#fff!important; color:#111!important; min-height:0!important; margin:0!important; }
  body:has(#main .confirmation) :is(#header,#footer,#toast,#navigation-status,.skip-link) { display:none!important; }
  body:has(#main .confirmation) #main { padding:0!important; margin:0!important; min-height:0!important; width:auto!important; }
  #main .confirmation { page:kontour-order; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; text-align:left!important; font-size:11pt!important; line-height:1.45!important; }
  #main .confirmation, #main .confirmation * { color:#111!important; background:transparent!important; box-shadow:none!important; text-shadow:none!important; overflow-wrap:anywhere; }
  #main .confirmation :is(.confirmation-icon,.order-print-actions,#last-order-tools,.last-order-actions,#last-order-update,#last-order-action-error,.notice) { display:none!important; }
  #main .confirmation > a, #main .confirmation .test-mode-more, #main .confirmation .test-mode-symbol { display:none!important; }
  #main .confirmation .order-print-brand { display:block!important; font-size:10pt!important; font-weight:700; margin:0 0 10pt!important; letter-spacing:.06em; }
  #main .confirmation .eyebrow { font-size:9pt!important; letter-spacing:.08em!important; }
  #main .confirmation h1 { font-size:22pt!important; line-height:1.2!important; margin:8pt 0!important; }
  #main .confirmation .order-number { font-size:14pt!important; margin:0 0 10pt!important; }
  #main .confirmation .order-status { padding:8pt!important; margin:0 0 10pt!important; border:1pt solid #bbb!important; border-radius:0!important; break-inside:avoid-page; }
  #main .confirmation .order-status strong { font-size:11pt!important; }
  #main .confirmation .order-status p { margin:4pt 0 0!important; font-size:10pt!important; }
  #main .confirmation .test-mode-note { display:block!important; padding:8pt!important; margin:0 0 10pt!important; border:1pt solid #bbb!important; border-radius:0!important; break-inside:avoid-page; }
  #main .confirmation .test-mode-title { font-size:11pt!important; }
  #main .confirmation .test-mode-body { margin:4pt 0 0!important; font-size:10pt!important; line-height:1.45!important; }
  #main .confirmation .order-summary { padding:10pt!important; max-width:none!important; border:1pt solid #bbb!important; border-radius:0!important; break-inside:auto; }
  #main .confirmation .order-summary h2 { font-size:14pt!important; margin:0 0 8pt!important; break-after:avoid-page; }
  #main .confirmation .confirmation-line { display:grid!important; grid-template-columns:minmax(0,1fr) auto; gap:10pt!important; margin:0!important; padding:6pt 0!important; border-color:#bbb!important; break-inside:avoid-page; }
  #main .confirmation .confirmation-line > span { min-width:0; font-size:11pt!important; }
  #main .confirmation .confirmation-line small { font-size:9pt!important; line-height:1.45!important; margin-top:3pt!important; }
  #main .confirmation .confirmation-line > strong { white-space:nowrap; font-size:11pt!important; }
  #main .confirmation .order-summary dl { margin:10pt 0!important; break-inside:avoid-page; }
  #main .confirmation .order-summary dl > div { gap:12pt!important; margin:0 0 6pt!important; }
  #main .confirmation .order-summary :is(dt,dd) { font-size:11pt!important; line-height:1.4!important; }
  #main .confirmation .order-summary .total { padding-top:8pt!important; margin-top:8pt!important; border-color:#bbb!important; }
  #main .confirmation .order-summary .total :is(dt,dd) { font-size:14pt!important; }
  #main .confirmation .demo-note { font-size:9pt!important; line-height:1.45!important; margin:0!important; break-inside:avoid-page; }
}

/* Favorite removal undo stays local to the saved-list page. */
#main .favorites-page .favorites-removal { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px 20px; margin-block:20px; padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
#main .favorites-page .favorites-removal[hidden] { display:none; }
#main .favorites-page #favorites-removal-status { grid-column:1; margin:0; min-width:0; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
#main .favorites-page #undo-favorite-removal { grid-column:2; grid-row:1 / span 2; min-height:44px; max-width:100%; padding:10px 16px; white-space:normal; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
#main .favorites-page #favorites-removal-help { grid-column:1; margin:0; min-width:0; color:var(--muted); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
#main .favorites-page #favorites-removal-error { grid-column:1 / -1; margin:0; color:var(--error); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
#main .favorites-page #favorites-removal-error[hidden] { display:none; }
@media(max-width:600px) {
  #main .favorites-page .favorites-removal { grid-template-columns:minmax(0,1fr); }
  #main .favorites-page #undo-favorite-removal { grid-column:1; grid-row:auto; justify-self:start; }
}

/* Mobile home introduction: separate text and illustration without changing desktop. */
@media(max-width:760px) {
  body:not(.about-view):not(.aquaprint-view) #main > .hero .hero-inner { display:flex; flex-wrap:wrap; gap:24px 16px; padding:26px 16px 24px; align-content:start; align-items:center; }
  body:not(.about-view):not(.aquaprint-view) #main > .hero .hero-copy { flex:3 1 160px; min-width:min-content; max-width:100%; min-height:0; padding-top:0; }
  body:not(.about-view):not(.aquaprint-view) #main > .hero .hero-copy .eyebrow { max-width:none; margin:0; font-size:12px; line-height:1.6; letter-spacing:.08em; overflow-wrap:break-word; }
  body:not(.about-view):not(.aquaprint-view) #main > .hero h1 { font-size:clamp(36px,7vw,52px); line-height:1.05; margin:14px 0 16px; white-space:normal; overflow-wrap:break-word; }
  body:not(.about-view):not(.aquaprint-view) #main > .hero .hero-tags { min-width:0; max-width:none; margin:0; font-size:12px; line-height:1.6; letter-spacing:.06em; white-space:normal; overflow-wrap:break-word; color:var(--muted); gap:4px; }
  body:not(.about-view):not(.aquaprint-view) #main > .hero .hero-visual { flex:2 1 112px; position:relative; inset:auto; width:auto; max-width:100%; height:auto; min-width:0; min-height:0; max-height:280px; aspect-ratio:1122 / 1402; align-self:center; }
  body:not(.about-view):not(.aquaprint-view) #main > .hero .hero-visual picture img { object-fit:contain; object-position:center; mask-image:none; }
  body:not(.about-view):not(.aquaprint-view) #main > .hero .hero-entries { flex:1 0 100%; width:100%; max-width:none; margin-top:0; }
}

/* Native delivery group: keep the existing option grid inside the fieldset. */
#checkout-form .delivery-method {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
#checkout-form .delivery-method > legend {
  max-width: 100%;
  padding: 0;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
#checkout-form .delivery-method .delivery-options {
  display: flex;
  flex-wrap: wrap;
}
#checkout-form .delivery-method .delivery-choice {
  flex: 1 1 0;
  min-width: min-content;
}
#main #checkout-form .delivery-method .delivery-choice > span {
  overflow-wrap: break-word;
}

/* Optional stock filter uses the existing native checkbox component. */
#main #filters .catalog-stock-filter {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text);
  cursor: pointer;
}
#main #filters .catalog-stock-filter > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Gallery recovery remains reachable in short windows. */
.gallery-viewer .gallery-image-error {
  position: static;
  min-height: 100%;
}
.gallery-stage:has(> .gallery-image-error:not([hidden])) > .gallery-canvas {
  display: none;
}
@media (max-height: 360px) {
  .gallery-viewer[open] {
    grid-template-rows: auto minmax(160px, 1fr) auto;
    overflow: auto;
    scroll-padding-block: 96px 12px;
  }
  .gallery-viewer-header {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--viewer-bg);
  }
}

/* Light gallery hover uses its own existing accent instead of the dark theme cyan. */
.gallery-viewer.aqua-gallery button:hover:not(:disabled) {
  color: var(--viewer-accent);
}


/* Long empty-favorites headings can reflow when text is enlarged. */
#main .favorites-page .favorite-empty h2 { overflow-wrap: anywhere; }


/* Enlarged text stays inside the dark product information column. */
body:not(.about-view):not(.aquaprint-view) #main .product-page .product-info { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  body:not(.about-view):not(.aquaprint-view) #main .product-page .gallery-open-hint { max-width: calc(100% - 24px); overflow-wrap: anywhere; }
}


/* Favorites view controls reuse the existing palette and do not write product data. */
#main .favorites-page .favorites-toolbar { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,240px) auto; align-items: end; gap: 16px; margin-block: 24px 12px; }
#main .favorites-page .favorites-toolbar label { display: grid; min-width: 0; gap: 8px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
#main .favorites-page .favorites-toolbar :is(input,select) { width: 100%; min-width: 0; min-height: 48px; font-size: 16px; line-height: 1.5; }
#main .favorites-page .favorites-toolbar .button { min-height: 48px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
#main .favorites-page .favorites-search-help { margin: 0 0 16px; color: var(--muted); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
#main .favorites-page .favorites-toolbar[hidden], #main .favorites-page .favorites-search-help[hidden] { display: none; }
@media (max-width: 760px) {
  #main .favorites-page .favorites-toolbar { grid-template-columns: minmax(0,1fr); gap: 12px; }
  #main .favorites-page .favorites-toolbar .button { justify-self: start; }
}


/* Keep complete photographs visible in dark catalog and favorites cards. */
body:not(.about-view):not(.aquaprint-view) #main :is(.catalog-page, .favorites-page) .product-card:not(.horizontal) .product-photo img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  transform: none;
}


/* Local recent-view collection follows the established dark catalog components. */
#main .catalog-favorites { column-gap: 20px; row-gap: 4px; }
#main .recent-page :is(h1,h2,p) { overflow-wrap: anywhere; }
#main .recent-storage-notice { color: var(--muted); font-size: 14px; margin: 0 0 18px; }
#main .recent-tools { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; margin-bottom: 20px; }
#main .recent-tools .results-count { margin: 0; min-width: 0; max-width: 100%; }
#main .recent-tools .button, #main .recent-undo .button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
#main .recent-undo { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 18px; margin-bottom: 24px; border: 1px solid var(--line); border-radius: 10px; }
#main .recent-undo>div { flex: 1 1 240px; min-width: 0; }
#main #recent-undo-help, #main .recent-unavailable { color: var(--muted); font-size: 14px; }
#main #recent-undo-help { margin-top: 8px; }
#main .recent-unavailable { margin-bottom: 20px; }
#main .recent-empty { max-width: 760px; margin: 0 auto; }
body:not(.about-view):not(.aquaprint-view) #main .recent-page .product-card:not(.horizontal) .product-photo img { aspect-ratio: 1 / 1; object-fit: contain; transform: none; }


/* Retained cart names wrap at enlarged text sizes without changing their content. */
body:not(.about-view):not(.aquaprint-view) #main .stale-item h2 { overflow-wrap: anywhere; }


/* Selection links belong only to the existing catalog tools in either theme. */
#main .catalog-page .catalog-share-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 8px 0; border: 0; background: transparent; color: var(--cyan); font: inherit; font-size: 16px; line-height: 1.5; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
#main .catalog-page .catalog-share-button:hover:not(:disabled) { text-decoration: underline; text-underline-offset: 4px; }
#main .catalog-page .catalog-share-button:disabled { opacity: .6; cursor: not-allowed; }
#main .catalog-page .catalog-share-feedback { min-width: 0; margin-bottom: 8px; }
#main .catalog-page .catalog-share-status { margin: 0; font-size: 16px; line-height: 1.5; color: var(--text); overflow-wrap: anywhere; }
#main .catalog-page .catalog-share-status:not(:empty) { margin-bottom: 8px; }
#main .catalog-page .catalog-share-fallback { display: block; min-width: 0; font-size: 16px; line-height: 1.5; color: var(--text); }
#main .catalog-page .catalog-share-fallback[hidden] { display: none; }
#main .catalog-page .catalog-share-fallback input { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 48px; height: auto; margin-top: 6px; padding: 12px; font: inherit; line-height: 1.5; }

/* Contour: restored geometric identity, shared across every storefront. */
#header .contour-lockup, #footer .contour-lockup { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; min-width: 0; }
#header .contour-logo-image, #footer .contour-logo-image { display: block; width: 56px; height: 56px; flex: 0 0 auto; object-fit: contain; }
#header .contour-brand-copy, #footer .contour-brand-copy { display: flex; flex-direction: column; min-width: 0; }
#header .contour-brand-copy .wordmark, #footer .contour-brand-copy .wordmark { font-size: 28px; font-weight: 350; letter-spacing: .18em; line-height: 1.2; }
#header .contour-brand-copy .logo-caption, #footer .contour-brand-copy .logo-caption { font-size: 7px; letter-spacing: .24em; margin-top: 5px; line-height: 1.5; }
#main .about-texture .contour-home-emblem { display: block; width: 230px; height: 230px; max-width: 100%; object-fit: contain; align-self: center; margin-block: 10px; }
@media (max-width: 760px) {
  #header .contour-logo-image, #footer .contour-logo-image { width: 44px; height: 44px; }
  #header .contour-lockup, #footer .contour-lockup { gap: 9px; }
  #header .contour-brand-copy .wordmark, #footer .contour-brand-copy .wordmark { font-size: 22px; letter-spacing: .16em; }
  #header .contour-brand-copy .logo-caption, #footer .contour-brand-copy .logo-caption { font-size: 5.5px; letter-spacing: .22em; }
  #main .about-texture .contour-home-emblem { width: 160px; height: 160px; }
}
@media (max-width: 360px) {
  #header .contour-logo-image, #footer .contour-logo-image { width: 40px; height: 40px; }
  #header .contour-lockup, #footer .contour-lockup { gap: 8px; }
  #header .contour-brand-copy .wordmark, #footer .contour-brand-copy .wordmark { font-size: 20px; }
}


/* Main product image failures retain the real frame and URL. */
.product-page .product-image-frame { position: relative; }
.product-page .product-image-frame.image-unavailable #main-product-image { visibility: hidden; }
.product-page .product-image-placeholder { position: absolute; left: 16px; right: 16px; top: 50%; transform: translateY(-50%); text-align: center; font-size: 16px; line-height: 1.5; pointer-events: none; }
.product-page .product-image-placeholder[hidden],.product-page .product-image-recovery[hidden] { display: none !important; }
.product-page .product-image-recovery:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
.product-page .product-image-recovery p { flex: 1 1 220px; min-width: 0; margin: 0; font-size: 14px; line-height: 1.5; }
.product-page .product-image-recovery .button { max-width: 100%; }
.product-page .product-image-recovery .button[aria-disabled="true"] { cursor: wait; }


/* Error text and viewer hint occupy separate rows at large text sizes. */
.product-page .product-image-frame.image-unavailable .gallery-main { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr) auto; }
.product-page .product-image-frame.image-unavailable #main-product-image { grid-area: 1 / 1 / 3 / 2; }
.product-page .product-image-frame.image-unavailable .product-image-placeholder { position: static; grid-area: 1 / 1; align-self: center; transform: none; margin: 16px; }
.product-page .product-image-frame.image-unavailable .gallery-open-hint { position: static; grid-area: 2 / 1; justify-self: end; margin: 12px; }
@media (max-width: 900px) {
  .product-page .product-image-recovery .button { scroll-margin-block: 1em calc(max(160px,12em) + env(safe-area-inset-bottom,0px)); }
}

html:has(#main-image-recovery:not([hidden]) #main-image-retry:focus) { scroll-behavior: auto; }

/* Checkout status text can wrap without overflowing the total row. */
#main #checkout-form .checkout-summary .total { flex-wrap:wrap; }
#main #checkout-total { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; }