@import url("/world/products/product-detail-v2.css?v=1");

/* Keep the reading controls available after the visitor reaches them. */
.detail-nav{top:72px!important;z-index:35!important;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.crumb a[data-return-catalog]{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 15px;border:1px solid rgba(205,160,248,.72);background:linear-gradient(105deg,#9f58dc,#6f3dbd);box-shadow:0 0 0 1px rgba(205,160,248,.14),0 0 22px rgba(166,90,232,.38);color:#fff;font:700 9px ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.crumb a[data-return-catalog]:hover,.crumb a[data-return-catalog]:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(235,214,255,.45),0 0 32px rgba(191,113,248,.65);filter:brightness(1.14);outline:none}.crumb:has([data-return-catalog]){gap:12px}.crumb:has([data-return-catalog]) span:last-child{color:#aeb8c9}

/* Keep the product visual supportive: it must not create an empty hero column. */
@media(min-width:821px){.detail-hero{padding-top:14px}.detail-layout{grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:clamp(28px,4vw,58px)}.product-visual{align-self:start}.product-visual .product-image{height:310px!important;max-height:310px!important;object-fit:cover;object-position:center}.product-visual figcaption{padding:7px 10px;font-size:8px}.detail-nav{margin-bottom:20px}.detail-body{padding-top:25px}.section-marker{margin-bottom:12px}.at-a-glance{margin-bottom:30px}.detail-grid{padding:34px 0}}
@media(max-width:820px){.product-visual .product-image{height:270px;max-height:270px;object-fit:cover}.detail-body{padding-top:28px}.detail-nav{top:72px!important;margin-bottom:18px}.crumb a[data-return-catalog]{min-height:42px;padding-inline:13px}}
