.product-detail-link,.portal-detail-link{display:inline-flex;align-items:center;min-height:44px;margin-inline-start:.65rem;text-underline-offset:.22em;color:inherit}
:root:has(.product) {font-family:Arial,Helvetica,sans-serif;color:#222821;background:#f8f5ee}
:root:has(.product) * {box-sizing:border-box}
:root:has(.product) body {margin:0}
:root:has(.product) a {color:inherit;text-underline-offset:.22em}
:root:has(.product) a:focus-visible {outline:3px solid #667f70;outline-offset:4px}
:root:has(.product) .skip {position:absolute;transform:translateY(-200%);padding:1rem;background:white;z-index:2}
:root:has(.product) .skip:focus {transform:none}
:root:has(.product) .top,:root:has(.product) footer {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.1rem max(5vw,1rem);border-bottom:1px solid #c8c6bc}
:root:has(.product) .brand {font-size:clamp(1.75rem,4vw,2.4rem);text-decoration:none;letter-spacing:-.06em}
:root:has(.product) nav {display:flex;flex-wrap:wrap;gap:.5rem 1rem}
:root:has(.product) main {max-width:84rem;margin:auto;padding:clamp(1.5rem,5vw,5rem) max(4vw,1rem)}
:root:has(.product) .product,:root:has(.product) .details {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);align-items:center}
:root:has(.product) .crumb {font-size:.85rem;gap:.35rem}
:root:has(.product) h1 {font-size:clamp(2.8rem,6vw,5.6rem);letter-spacing:-.065em;line-height:.99;margin:.45em 0 .25em;font-weight:500}
:root:has(.product) .headline {font-size:clamp(1.25rem,2.6vw,1.8rem);line-height:1.25;margin:.5em 0}
:root:has(.product) p,:root:has(.product) li {line-height:1.55}
:root:has(.product) .price {font-size:1.55rem;margin:.8em 0 0}
:root:has(.product) .price small,:root:has(.product) .note,:root:has(.product) figcaption {font-size:.85rem;color:#50564c}
:root:has(.product) .note {margin:.3em 0 1rem}
:root:has(.product) .actions {display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
:root:has(.product) .primary {display:inline-flex;gap:.65rem;align-items:center;min-height:48px;padding:.75rem 1rem;background:#26312a;color:white;text-decoration:none}
:root:has(.product) figure {margin:0}
:root:has(.product) figure img {display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e9e3d8}
:root:has(.product) figcaption {margin-top:.5rem}
:root:has(.product) .details,:root:has(.product) .related {border-top:1px solid #c8c6bc;margin-top:clamp(2rem,6vw,5rem);padding-top:1.2rem;align-items:start}
:root:has(.product) h2 {font-weight:500;font-size:1.5rem}
:root:has(.product) footer {border-top:1px solid #c8c6bc;border-bottom:0}
@media(max-width:750px) {
 :root:has(.product) .product,:root:has(.product) .details {grid-template-columns:1fr}
 :root:has(.product) .top {gap:.5rem}
}