.pdp-hero{--pdp-gutter:clamp(16px, 3.4vw, 56px);grid-template-columns:minmax(0,1fr);grid-template-areas:"gallery""label""below";display:grid}.pdp-gallery{grid-area:gallery;min-width:0}.pdp-label{min-width:0;padding:20px var(--pdp-gutter) 0;grid-area:label}.pdp-below{min-width:0;padding:0 var(--pdp-gutter);grid-area:below}.pdp-pad{padding-inline:var(--pdp-gutter)}.pdp-frame{aspect-ratio:var(--pdp-fa,1);background:var(--color-fog-50);position:relative;overflow:hidden}.pdp-frame,.pdp-lightbox{--pdp-mat:clamp(6px, 1.4cqw, 12px);--pdp-mount:0 0 0 var(--pdp-mat) #fff, 0 0 0 calc(var(--pdp-mat) + 1px) var(--color-line)}@media (min-width:640px) and (max-width:1023.98px){.pdp-frame{width:100%;max-height:78svh}}@media (min-width:1024px){.pdp-hero{--pdp-strip:112px;--pdp-fh:clamp(460px, calc(100svh - var(--header-h) - var(--pdp-strip)), 1000px);grid-template-columns:min(58vw, calc(var(--pdp-fh) * var(--pdp-fa,1))) minmax(0, 1fr);grid-template-rows:auto 1fr;grid-template-areas:"gallery label""below label"}.pdp-label{padding:28px max(var(--pdp-gutter), calc((100vw - 1600px) / 2 + 56px)) 96px clamp(36px, 4.4vw, 84px)}.pdp-below{padding:0 0 0 var(--pdp-gutter)}}.pdp-tab{position:relative}.pdp-tab:after{content:"";background:var(--color-bordo-700);transform-origin:0;height:2px;transition:transform .22s var(--ease-out-strong);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.pdp-tab[aria-selected=true]:after{transform:scaleX(1)}.pdp-dim .t-label{text-transform:none}.pdp-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:pdp-draw .7s var(--ease-drop) forwards}.pdp-plumb{opacity:.6;transform-box:fill-box;transform-origin:50% 0;animation:pdp-grow .64s var(--ease-drop) forwards;transform:scaleY(0)}.pdp-fade{opacity:0;animation:pdp-fade .38s var(--ease-out-strong) .52s forwards}@keyframes pdp-draw{to{stroke-dashoffset:0}}@keyframes pdp-grow{to{transform:scaleY(1)}}@keyframes pdp-fade{to{opacity:1}}.pdp-drop{transform-origin:50% 0;animation:pdp-drop .36s var(--ease-drop) both}@keyframes pdp-drop{0%{transform:scaleY(0)}}.pdp-tick{animation:pdp-tick .26s var(--ease-out-strong) both}@keyframes pdp-tick{0%{opacity:.2;transform:translateY(.12em)}}@media (prefers-reduced-motion:reduce){.pdp-drop,.pdp-tick,.pdp-draw,.pdp-plumb,.pdp-fade{stroke-dashoffset:0;opacity:1;animation:none;transform:none}.pdp-tab:after{transition:none}}.pdp-hint-coarse{display:none}@media (pointer:coarse){.pdp-hint-fine{display:none}.pdp-hint-coarse{display:inline}}
