.pdp-accessories{--acc-surface:rgb(var(--color-border) / .075)}.pdp-accessories__layout{grid-template-columns:minmax(0,.9fr) minmax(32rem,1.1fr);align-items:start;gap:clamp(3rem,7vw,7.5rem);display:grid}.pdp-accessories__detail{min-width:0;position:sticky;top:6rem}.pdp-accessories__detail-media{aspect-ratio:5/4;background:var(--acc-surface);overflow:hidden}.pdp-accessories__detail-media>img,.pdp-accessories__card-media>img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.pdp-accessories__detail h3{letter-spacing:-.02em;margin-top:1.65rem;font-size:clamp(1rem,1.4vw,1.125rem);font-weight:800;line-height:1.3}.pdp-accessories__description{max-width:36rem;color:rgb(var(--color-muted));margin-top:.7rem;font-size:.95rem;line-height:1.55}.pdp-accessories__rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.pdp-accessories__card{background:var(--acc-surface);min-height:14.5rem;color:rgb(var(--color-text));text-align:left;transition:border-color var(--dur-2) var(--ease-standard), background var(--dur-2) var(--ease-standard), transform var(--dur-2) var(--ease-standard);border:1px solid #0000;border-radius:0;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.pdp-accessories__skeleton-card{background:var(--acc-surface);min-height:14.5rem;display:grid;overflow:hidden}.pdp-accessories__card:hover,.pdp-accessories__card:focus-visible,.pdp-accessories__card.is-active{border-color:rgb(var(--color-text) / .32);background:rgb(var(--color-border) / .11)}.pdp-accessories__card:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.pdp-accessories__card-name{padding:1.15rem 1rem 0;font-size:.82rem;font-weight:750;line-height:1.35}.pdp-accessories__card-media{min-height:0;padding:1.25rem 1rem 1rem;display:block}.pdp-accessories__placeholder{width:100%;height:100%;min-height:16rem;color:rgb(var(--color-dim));text-align:center;place-content:center;justify-items:center;gap:.8rem;display:grid}.pdp-accessories__placeholder svg{width:2rem;height:2rem}.pdp-accessories__placeholder span{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:750}.pdp-accessories__placeholder.is-compact{min-height:8rem}.pdp-accessories__placeholder.is-compact svg{width:1.5rem;height:1.5rem}.pdp-accessories__placeholder.is-compact span{max-width:12rem;padding-inline:.5rem;font-size:.62rem}@media (width>=1100px){.pdp-accessories__rail{grid-template-columns:repeat(3,minmax(0,1fr))}.pdp-accessories__rail.is-empty{grid-template-rows:repeat(6,minmax(0,1fr));height:44rem}.pdp-accessories__rail.is-empty .pdp-accessories__skeleton-card{min-height:0}.pdp-accessories__rail.is-empty .pdp-accessories__skeleton-card:first-child{grid-area:1/1/span 2}.pdp-accessories__rail.is-empty .pdp-accessories__skeleton-card:nth-child(2){grid-area:1/2/span 2}.pdp-accessories__rail.is-empty .pdp-accessories__skeleton-card:nth-child(3){grid-area:1/3/span 3}.pdp-accessories__rail.is-empty .pdp-accessories__skeleton-card:nth-child(4){grid-area:3/1/span 2}.pdp-accessories__rail.is-empty .pdp-accessories__skeleton-card:nth-child(5){grid-area:3/2/span 2}.pdp-accessories__rail.is-empty .pdp-accessories__skeleton-card:nth-child(6){grid-area:4/3/span 3}.pdp-accessories__rail.is-empty .pdp-accessories__skeleton-card:nth-child(7){grid-area:5/1/span 2}.pdp-accessories__rail.is-empty .pdp-accessories__skeleton-card:nth-child(8){grid-area:5/2/span 2}}@media (width<=980px){.pdp-accessories__layout{display:block}.pdp-accessories__detail{position:static}.pdp-accessories__rail{margin-top:1.5rem;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;display:flex;overflow-x:auto}.pdp-accessories__card,.pdp-accessories__skeleton-card{scroll-snap-align:start;flex:0 0 min(72vw,15rem)}}@media (prefers-reduced-motion:reduce){.pdp-accessories__card{transition:none}}.pdp-flow [data-pdp-section]{position:relative}.pdp-flow.is-pdp-motion [data-pdp-section]:before{content:"";z-index:5;top:-1px;right:var(--gutter);left:var(--gutter);pointer-events:none;height:1px;opacity:var(--pdp-seam-opacity,0);background:linear-gradient(90deg, transparent, rgb(var(--color-accent) / .72), transparent);box-shadow:0 0 20px rgb(var(--color-accent) / .24);transform:scaleX(var(--pdp-seam-scale,0));transform-origin:0;position:absolute}.pdp-flow.is-pdp-motion [data-pdp-section]:nth-child(2n):before{transform-origin:100%}.pdp-flow.is-pdp-motion [data-pdp-hero-media],.pdp-flow.is-pdp-motion [data-pdp-feature-media]{will-change:transform}.pdp-flow :is(.pdp-cap,.pdp-bento__cine,.pdp-bento__cell,.pdp-bento__note,#order,.pdp-mtile),.pdp-flow .pdp-hero__chips span{transition:var(--t-hover), box-shadow var(--dur-3) var(--ease-standard)}.pdp-flow.is-pdp-motion [data-pdp-section]:not(.is-pdp-active) .pdp-bento__scan{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.pdp-flow :is(.pdp-cap,.pdp-bento__cine,.pdp-bento__cell,.pdp-bento__note,#order):hover,.pdp-flow .pdp-mrow:hover .pdp-mtile{border-color:rgb(var(--color-accent) / .42);box-shadow:0 18px 44px rgb(var(--color-accent) / .1)}.pdp-flow .pdp-hero__chips span:hover{border-color:rgb(var(--color-accent-media) / .5);box-shadow:0 0 22px rgb(var(--color-accent-media) / .16)}}@media (width<=768px){.pdp-flow.is-pdp-motion [data-pdp-section]:before{right:var(--space-4);left:var(--space-4)}}@media (prefers-reduced-motion:reduce){.pdp-flow [data-pdp-section]{opacity:1!important}.pdp-flow :is(.pdp-cap,.pdp-bento__cine,.pdp-bento__cell,.pdp-bento__note,#order,.pdp-mtile,.pdp-hero__chips span){transition:none}}