/* Campaign copy stays localizable; product pixels stay in native catalog images. */
.ob-home-promos{--promo-ink:#132a4a;--promo-accent:#ec6608;color:var(--promo-ink)}
.ob-home-promos *,.ob-home-promos *::before,.ob-home-promos *::after{box-sizing:border-box}
.ob-home-promos .ob-promo-surface{overflow:visible;background:#fff}
.ob-home-promos .ob-promo-track{margin:0 -8px;background:#fff}
.ob-home-promos .ob-promo-slide{padding:0 8px!important;min-width:0;vertical-align:top}
.ob-home-promos .ob-promo-card{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:2.12/1;overflow:hidden;border:1px solid #e1e6eb;border-radius:8px;background:#f3f5f7;color:var(--promo-ink);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease}
.ob-home-promos .ob-promo-card::before,.ob-home-promos .ob-promo-card::after{content:none}
.ob-home-promo-scene,.ob-home-promo-wash,.ob-home-promo-products{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.ob-home-promo-scene{z-index:0;object-fit:cover;object-position:center}
.ob-home-promo-wash{z-index:1;background:linear-gradient(90deg,#f8fafcf7 0%,#f8fafcf5 29%,#f8fafcc2 43%,#f8fafc3d 60%,transparent 77%)}
.ob-home-promo-products{z-index:2}
.ob-home-promo-product{position:absolute;display:block;max-width:none;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 6px #162a3a1c)}
.ob-home-promo-product--profiles-ud{right:2%;bottom:-8%;width:57%;height:91%;z-index:1}
.ob-home-promo-product--profiles-cd{right:-1%;top:3%;width:56%;height:91%;z-index:2}
.ob-home-promo-product--rockfon-tile{right:1%;bottom:5%;width:49%;height:83%;object-position:center bottom}
.ob-home-promo-product--kanion-indoor{right:2%;top:11%;width:53%;height:40%;object-position:center top;filter:drop-shadow(0 3px 4px #162a3a18)}
.ob-home-promo-copy{position:absolute;z-index:3;left:5.5%;top:50%;transform:translateY(-50%);width:43%;color:var(--promo-ink)}
.ob-home-promo-eyebrow{display:block;margin:0 0 8px;color:#a84608;font-size:10px;font-weight:600;line-height:1.45;letter-spacing:.045em;text-transform:uppercase}
.ob-home-promo-copy h3{margin:0;color:var(--promo-ink);font-size:clamp(21px,1.9vw,30px);font-weight:750;line-height:1.15;letter-spacing:-.55px;overflow-wrap:normal}
.ob-home-promo-detail{display:block;margin-top:5px;color:#586676;font-size:12px;line-height:1.4}
.ob-home-promo-cta{display:inline-flex;align-items:center;gap:9px;min-height:34px;margin-top:16px;padding:8px 11px;border-radius:5px;background:var(--promo-accent);color:#fff;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;transition:background .18s ease}
.ob-home-promo-cta>span{font-size:15px;line-height:1}
.ob-home-promos .ob-promo-card:hover{border-color:#e6b18d;box-shadow:0 4px 12px #172d4510;color:var(--promo-ink)}
.ob-home-promos .ob-promo-card:hover .ob-home-promo-cta{background:#c04a08}
.ob-home-promos .ob-promo-card:focus-visible{outline:2px solid #ec6608;outline-offset:-4px}
.ob-home-promos .ob-promo-track.aiz-carousel .slick-arrow{z-index:5;width:34px;height:36px;border:1px solid #e1e6eb;border-radius:6px!important;background:#fffffff5;color:var(--promo-ink);box-shadow:0 3px 10px #172d450c}
.ob-home-promos .ob-promo-track.aiz-carousel .slick-prev{left:-22px}
.ob-home-promos .ob-promo-track.aiz-carousel .slick-next{right:-22px}
.ob-home-promos .ob-promo-track.aiz-carousel .slick-arrow:focus-visible{outline:2px solid #ec6608;outline-offset:2px}
/* Reserve the correct row before Slick initializes. */
.ob-home-promos .ob-promo-track:not(.slick-initialized){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.ob-home-promos .ob-promo-track:not(.slick-initialized)>.ob-promo-slide{display:block!important;padding:0!important}
@media(min-width:768px) and (max-width:1199.98px){
    .ob-home-promos .ob-promo-track:not(.slick-initialized){grid-template-columns:repeat(2,minmax(0,1fr))}
    .ob-home-promos .ob-promo-track:not(.slick-initialized)>.ob-promo-slide:nth-child(n+3){display:none!important}
    .ob-home-promo-cta{margin-top:13px}
}
@media(max-width:767.98px){
    .ob-home-promos .ob-promo-track:not(.slick-initialized){grid-template-columns:minmax(0,1fr)}
    .ob-home-promos .ob-promo-track:not(.slick-initialized)>.ob-promo-slide:nth-child(n+2){display:none!important}
    .ob-home-promos .ob-promo-track.aiz-carousel .slick-arrow{display:none!important}
    .ob-home-promo-copy{left:5%;width:43%}
    .ob-home-promo-copy h3{font-size:24px}
    .ob-home-promo-eyebrow{margin-bottom:7px;font-size:10px}
    .ob-home-promo-detail{font-size:11px;margin-top:4px}
    .ob-home-promo-cta{margin-top:12px;min-height:32px;padding:7px 10px}
    .ob-home-promos .ob-promo-card:hover{box-shadow:none}
}
@media(max-width:359.98px){
    .ob-home-promo-copy h3{font-size:20px;letter-spacing:-.4px}
    .ob-home-promo-eyebrow{font-size:9px;margin-bottom:6px;letter-spacing:.025em}
    .ob-home-promo-cta{min-height:30px;margin-top:10px;padding:7px 9px;font-size:10px}
    .ob-home-promo-detail{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.ob-home-promos *,.ob-home-promos *::before,.ob-home-promos *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
