/* Square editorial artwork, using original photographs and live localized text. */
.promo-frame{container-type:inline-size;width:100%;color:#252421;direction:ltr}
.promo-card{box-sizing:border-box;aspect-ratio:1;display:flex;flex-direction:column;gap:2cqw;padding:5cqw 4cqw 0;background:radial-gradient(ellipse at 85% 20%,#d5c5b2,transparent 65%),#f7eee3;border:1px solid #dfd3c3;border-radius:4px;text-align:start;font-family:Arial,sans-serif;line-height:1.25;overflow-wrap:anywhere}
.promo-card *{box-sizing:border-box;min-width:0}.promo-card header{flex:none}.promo-card .promo-kicker{display:block;color:#946e43;font-size:2.5cqw;letter-spacing:.12em;font-weight:700;margin-bottom:2cqw}.promo-card h3{font-size:5.4cqw!important;letter-spacing:-.025em!important;line-height:1.08!important;margin:0 0 1.5cqw!important;color:inherit}.promo-card p{color:inherit!important;font-size:2.7cqw!important;line-height:1.3!important;margin:0!important}.promo-body{display:grid;grid-template-columns:45% 55%;flex:1;min-height:0;gap:1cqw;direction:ltr}.promo-copy{display:flex;flex-direction:column;justify-content:center;gap:3cqw;min-height:0}.promo-card .promo-media{display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.promo-card .promo-media img{width:100%;height:100%;object-fit:contain!important;border-radius:2px;max-height:100%}.promo-card .promo-item{display:flex;align-items:center;gap:2cqw;font-size:3cqw;line-height:1.25}.promo-card svg{width:5cqw;height:5cqw;color:#ad8354;margin:0!important;flex-shrink:0}.promo-card .promo-feature{display:flex;align-items:center;gap:2cqw;border-inline-start:1px solid #ad8354;padding-inline-start:1.5cqw}.promo-card .promo-feature strong{font-size:3cqw;line-height:1.12;display:block;margin-bottom:1cqw}.promo-card .promo-feature p{font-size:2.5cqw!important}.promo-card .promo-feature img.promo-detail{width:10cqw;height:10cqw;object-fit:contain!important;border-radius:50%;flex-shrink:0}.promo-card .promo-note{font-size:2.6cqw;line-height:1.25;display:block}.promo-card .promo-model,.promo-card .promo-color{font-size:2.8cqw;font-weight:700}.promo-card footer{font-size:2.2cqw;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:1cqw;background:#292824;color:#f9efdf;margin:1cqw -4cqw 0;padding:2cqw 3cqw;min-height:6cqw}.promo-card .promo-colors{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;text-align:center;align-items:center;direction:ltr}.promo-card .promo-colors img{height:auto;aspect-ratio:1;object-fit:contain!important}.promo-card .promo-colors span{font-size:2.7cqw;display:block;margin-top:1cqw}.promo-overview:has(.promo-colors) .promo-body{display:flex;flex-direction:column}.promo-overview:has(.promo-colors) .promo-copy{flex-direction:row;gap:2cqw;padding:1cqw 0}.promo-overview:has(.promo-colors) .promo-item{font-size:2.7cqw;flex:1}.promo-overview:has(.promo-colors) .promo-media{flex:1}.promo-oem{background:radial-gradient(ellipse at 75% 60%,#65594a,transparent 70%),#272725;color:#faf0df;border-color:#715d46}.promo-oem header h3{font-size:5cqw!important}.promo-oem .promo-kicker{color:#d6b487}.promo-oem footer{background:#b68d61;color:#1e201d}.promo-oem.promo-scene .promo-body{display:flex;flex-direction:column}.promo-oem.promo-scene .promo-copy{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw}.promo-oem.promo-scene .promo-item{flex-direction:column;text-align:center;font-size:2.8cqw}.promo-oem.promo-scene .promo-media{flex:1}.promo-applications.promo-scene .promo-body{display:flex;flex-direction:column}.promo-applications.promo-scene .promo-copy{display:flex;flex-direction:row;gap:3cqw}.promo-applications.promo-scene .promo-item{font-size:2.8cqw}.promo-applications.promo-scene .promo-media{flex:1}.promo-card footer:empty,.promo-copy:empty{display:none}.promo-card header>span:not(.promo-kicker){font-size:2cqw}
html[dir=rtl] .promo-card :is(header,.promo-copy,.promo-note,.promo-model,footer){direction:rtl}html[dir=rtl] .promo-card .promo-media,html[dir=rtl] .promo-card img{direction:ltr;transform:none!important}html[dir=rtl] .promo-card .promo-kicker{letter-spacing:0}
.pdp .pdp-app-image .promo-card img{aspect-ratio:auto}.pdp .pdp-app-image .promo-card .promo-colors img{aspect-ratio:1}.pdp #gallery-artwork{width:100%;height:100%;max-width:480px;margin:auto}.pdp #gallery-artwork .promo-frame{max-width:100%;max-height:100%;margin:auto}.pdp .pdp-main-image:has(#gallery-artwork:not([hidden])){height:auto;aspect-ratio:1;display:block}.pdp #gallery-artwork[hidden]{display:none}.pdp #thumbs{grid-template-columns:repeat(auto-fit,minmax(55px,1fr));max-width:100%}
/* Keep supporting copy legible in the narrow application cards and gallery. */
.promo-card .promo-feature p{font-size:max(10px,2.8cqw)!important}.promo-card .promo-feature strong{font-size:max(11px,3cqw)}.promo-card .promo-item,.promo-card .promo-oem.promo-scene .promo-item{font-size:max(10px,3cqw)}.promo-card .promo-note{font-size:max(10px,2.6cqw)}.promo-card footer{font-size:max(9px,2.2cqw)}.promo-card .promo-kicker{font-size:max(9px,2.5cqw)}
@container(max-width:360px){.promo-features .promo-body{grid-template-columns:60% 40%}.promo-features .promo-copy{gap:2cqw}.promo-card .promo-feature img.promo-detail{width:8cqw;height:8cqw}.promo-card .promo-feature{gap:1cqw;padding-inline-start:1cqw}.promo-features header h3{font-size:5cqw!important}}

/* Gallery interaction only: preserve vertical scroll and pinch zoom. */
.pdp #gallery-view{touch-action:pan-y pinch-zoom}