/* Activities: one continuous scene, native product cards, no rotating product rail. */
.activities.activities--immersive{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(280px,30%) minmax(0,1fr);min-height:740px;gap:0;padding:0;background:#151815;overflow:hidden;color:#fff}
.activities--immersive:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.56) 32%,rgba(0,0,0,.08) 75%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 78%)}
.activities--immersive .activities__nav{position:relative;z-index:2;grid-column:1;grid-row:1;background:transparent;padding:48px var(--gutter);min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end}
.activities--immersive .activities__nav h2{font-size:clamp(2rem,3.3vw,3.25rem);line-height:1.06;letter-spacing:-.03em;max-width:10ch;color:#fff}
.activities--immersive .activity-tabs{display:grid;grid-template-columns:1fr;margin:44px 0 0;gap:0;overflow:visible}
.activities--immersive .activity-tabs button{color:#fff;position:relative;opacity:.78;border-bottom:1px solid #ffffff40;padding:16px 0;min-height:52px;white-space:normal;font-size:clamp(1rem,1.35vw,1.25rem);gap:8px}
.activities--immersive .activity-tabs button[aria-selected=true]{color:#fff;opacity:1;border-bottom-color:#ffffff40}
.activities--immersive .activity-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(var(--activity-progress,0));transform-origin:left;pointer-events:none}
.activities--immersive .activity-tabs button:hover{opacity:1}
.activities--immersive .activity-tabs .icon{width:20px;flex:none}
.activities--immersive .activity-panel{position:static;grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;min-width:0;padding:48px 40px 48px 0;background:transparent}
.activities--immersive .activity-panel[hidden]{display:none!important}
.activities--immersive .activity-backgrounds{position:absolute;inset:0;z-index:0;pointer-events:none}
.activities--immersive .activity-scene[hidden]{display:none!important}
.activities--immersive .activity-scene{position:absolute;inset:0;min-height:0;z-index:0;pointer-events:none;overflow:hidden}
.activities--immersive .activity-scene__image,.activities--immersive .activity-scene>img,.activities--immersive .activity-film,.activities--immersive .activity-film__poster,.activities--immersive .activity-film__video,.activities--immersive .activity-video-slot{position:absolute;inset:0;width:100%;height:100%;margin:0;max-height:none;object-fit:cover;object-position:center;transform:none!important}
.activities--immersive .activity-film__video{opacity:0}
.activities--immersive .activity-film__video.is-ready{opacity:1}
.activities--immersive .activity-products{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;min-width:0}
.activities--immersive .product-card{min-width:0;display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto;gap:0 12px;padding:12px;align-content:center;border-radius:12px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;border:1px solid rgba(255,255,255,.15)}
.activities--immersive .product-card__media{grid-column:1;grid-row:1/3;align-self:center;width:100%;height:auto;aspect-ratio:1/1;background:transparent;isolation:auto;border-radius:6px}
.activities--immersive .product-card__media img{mix-blend-mode:normal;object-fit:contain;padding:8px}
.activities--immersive .product-card__media img.duke-footwear-photo{padding:4px;mix-blend-mode:normal}
.activities--immersive .product-card__media:has(img:not(.duke-footwear-photo)){background:#f4f4f2}
.activities--immersive .product-card__media img:not(.duke-footwear-photo){mix-blend-mode:multiply}
.activities--immersive .product-card h3{grid-column:2;align-self:end;margin:0;font-size:16px;line-height:1.28;letter-spacing:-.015em;color:#fff;font-weight:500;overflow-wrap:anywhere}
.activities--immersive .product-card h3 a{color:inherit}
.activities--immersive .product-card__price{grid-column:2;align-self:start;margin:6px 0 0;font-size:14px;line-height:1.4;color:#fff}
.activities--immersive .product-card__price del{opacity:.85}
.activities--immersive .duke-installments{color:#fff;font-size:12px;line-height:1.5}
.activities--immersive .product-card__save{width:44px;height:44px;top:0;right:0;background:transparent;color:#fff;border:0}
.activities--immersive .product-card__media:has(img:not(.duke-footwear-photo)) .product-card__save{color:#111}
.activities--immersive .product-card__save[aria-pressed=true] .icon{fill:currentColor}
.activities--immersive :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:4px}
.activities--immersive ::selection{background:#fff;color:#111}
@media(min-width:1151px) and (max-width:1399px){
 .activities--immersive .product-card{grid-template-columns:76px minmax(0,1fr);gap:0 10px;padding:10px}
 .activities--immersive .product-card h3{font-size:15px}
}
@media(min-width:801px) and (max-width:1150px){
 .activities.activities--immersive{grid-template-columns:1fr;min-height:850px}
 .activities--immersive:after{background:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.62) 28%,transparent 55%),linear-gradient(90deg,#0009,transparent),linear-gradient(0deg,#000c,transparent 68%)}
 .activities--immersive .activities__nav{grid-row:1;padding:40px var(--gutter) 20px;display:grid;grid-template-columns:1fr 1.5fr;column-gap:40px}
 .activities--immersive .activity-tabs{margin:0;grid-template-columns:1fr 1fr;gap:0 24px}
 .activities--immersive .activity-panel{grid-column:1;grid-row:2;padding:40px var(--gutter)}
 .activities--immersive .product-card{grid-template-columns:80px minmax(0,1fr);gap:0 10px;padding:10px}
}
@media(max-width:800px){
 .activities.activities--immersive{grid-template-columns:minmax(0,1fr);min-height:0;padding:0;gap:0}
 .activities--immersive:after{background:linear-gradient(90deg,#000b,#0006),linear-gradient(0deg,#000c,#0003 90%)}
 .activities--immersive .activities__nav{grid-column:1;grid-row:1;padding:32px 20px 0;display:flex}
 .activities--immersive .activities__nav h2{font-size:32px;max-width:12ch;line-height:1.08}
 .activities--immersive .activities__nav h2 br{display:none}
 .activities--immersive .activity-tabs{grid-template-columns:1fr 1fr;gap:0 20px;margin:24px 0 0}
 .activities--immersive .activity-tabs button{font-size:15px;min-height:48px;padding:12px 0}
 .activities--immersive .activity-tabs .icon{display:block;width:16px}
 .activities--immersive .activity-panel{grid-column:1;grid-row:2;padding:24px 20px 32px}
 .activities--immersive .activity-products{grid-template-columns:minmax(0,1fr);gap:10px}
 .activities--immersive .product-card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto;gap:0 12px;padding:12px;min-height:132px;align-content:center;border-radius:12px}
 .activities--immersive .product-card__media{grid-row:1/3;grid-column:1;align-self:center;aspect-ratio:1/1}
 .activities--immersive .product-card h3{grid-column:2;align-self:end;font-size:16px;margin:0;line-height:1.3}
 .activities--immersive .product-card__price{grid-column:2;align-self:start;font-size:14px;margin:6px 0 0;line-height:1.35}
 .activities--immersive .duke-installments{font-size:11px}
 .activities--immersive .product-card__save{right:0;top:0;width:44px;height:44px}
}
@media(max-width:359px){
 .activities--immersive .activities__nav{padding-inline:16px}
 .activities--immersive .activity-panel{padding-inline:16px}
 .activities--immersive .product-card{grid-template-columns:88px minmax(0,1fr);gap:0 10px;padding:10px}
 .activities--immersive .product-card h3{font-size:15px}
}
@media(prefers-reduced-transparency:reduce){.activities--immersive .product-card{background:#222;backdrop-filter:none}}