/* Recce NI Storefront 0.7.5 — clean campaign artwork and deterministic grids. */
body .rni-storefront-homepage { overflow-x: clip; }

/* Hero: clean crop, no blur panels, no oversized controls. */
body .rni-storefront-homepage .rni-flagship-hero,
body .rni-storefront-homepage .rni-hero-track,
body .rni-storefront-homepage .rni-hero-slide { min-height: clamp(500px,42vw,680px) !important; }
body .rni-storefront-homepage .rni-hero-slide picture { position:absolute!important; inset:0!important; overflow:hidden!important; }
body .rni-storefront-homepage .rni-hero-slide picture img { width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; object-position:center!important; filter:none!important; transform:none!important; }
body .rni-storefront-homepage .rni-hero-slide::before { content:""!important; position:absolute!important; inset:0!important; z-index:1!important; background:linear-gradient(90deg,rgba(6,14,9,.94) 0%,rgba(6,14,9,.78) 31%,rgba(6,14,9,.30) 58%,rgba(6,14,9,.04) 82%)!important; pointer-events:none!important; }
body .rni-storefront-homepage .rni-hero-overlay { display:none!important; }
body .rni-storefront-homepage .rni-hero-content { position:relative!important; z-index:2!important; width:min(100% - 48px,1440px)!important; min-height:inherit!important; padding:4.5rem 0 6rem!important; justify-content:center!important; }
body .rni-storefront-homepage .rni-hero-content h1 { max-width:11ch!important; }
body .rni-storefront-homepage .rni-hero-controls { z-index:5!important; left:50%!important; right:auto!important; bottom:20px!important; transform:translateX(-50%)!important; width:auto!important; display:flex!important; align-items:center!important; gap:12px!important; }
body .rni-storefront-homepage .rni-hero-controls>button { width:42px!important; height:42px!important; min-width:42px!important; padding:0!important; }
body .rni-storefront-homepage .rni-hero-dots { display:flex!important; gap:9px!important; }
body .rni-storefront-homepage .rni-hero-dots button { width:9px!important; height:9px!important; min-width:9px!important; padding:0!important; border-radius:50%!important; }

/* Departments: exact 4/4/2 desktop and 2x5 mobile. */
body .rni-storefront-homepage .rni-department-grid.rni-department-grid-flagship { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:18px!important; }
body .rni-storefront-homepage .rni-department-grid-flagship>.rni-department-card { grid-column:auto!important; grid-row:auto!important; width:100%!important; min-width:0!important; min-height:0!important; aspect-ratio:16/10!important; }
body .rni-storefront-homepage .rni-department-grid-flagship>.rni-department-card-8 { grid-column:2!important; }
body .rni-storefront-homepage .rni-department-grid-flagship>.rni-department-card-9 { grid-column:3!important; }
body .rni-storefront-homepage .rni-department-card .rni-department-image { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:contain!important; object-position:center!important; background:#101813!important; transform:none!important; }
body .rni-storefront-homepage .rni-department-card:hover .rni-department-image { transform:none!important; }

@media (max-width:700px) {
  body .rni-storefront-homepage .rni-flagship-hero,
  body .rni-storefront-homepage .rni-hero-track,
  body .rni-storefront-homepage .rni-hero-slide { min-height:720px!important; height:720px!important; }
  body .rni-storefront-homepage .rni-hero-slide { background:#07120c!important; }
  body .rni-storefront-homepage .rni-hero-slide picture { top:0!important; bottom:auto!important; height:42%!important; }
  body .rni-storefront-homepage .rni-hero-slide picture img { object-position:center center!important; }
  body .rni-storefront-homepage .rni-hero-slide::before { background:linear-gradient(180deg,rgba(7,18,12,0) 0%,rgba(7,18,12,.25) 62%,#07120c 100%)!important; height:47%!important; bottom:auto!important; }
  body .rni-storefront-homepage .rni-hero-content { width:calc(100% - 36px)!important; min-height:720px!important; padding:20.5rem 0 6.5rem!important; justify-content:flex-start!important; }
  body .rni-storefront-homepage .rni-hero-content .rni-eyebrow { margin-bottom:1.25rem!important; }
  body .rni-storefront-homepage .rni-hero-content h1 { font-size:clamp(2.55rem,12vw,4rem)!important; line-height:.92!important; max-width:100%!important; margin-bottom:1.25rem!important; }
  body .rni-storefront-homepage .rni-hero-content>p:not(.rni-eyebrow) { font-size:1.05rem!important; line-height:1.55!important; margin-bottom:1.5rem!important; }
  body .rni-storefront-homepage .rni-home-actions { display:grid!important; grid-template-columns:1fr!important; gap:10px!important; width:100%!important; }
  body .rni-storefront-homepage .rni-home-actions .rni-button { width:100%!important; min-height:52px!important; justify-content:center!important; }
  body .rni-storefront-homepage .rni-hero-controls { bottom:18px!important; }
  body .rni-storefront-homepage .rni-hero-controls>button { display:none!important; }
  body .rni-storefront-homepage .rni-department-grid.rni-department-grid-flagship { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  body .rni-storefront-homepage .rni-department-grid-flagship>.rni-department-card,
  body .rni-storefront-homepage .rni-department-grid-flagship>.rni-department-card-8,
  body .rni-storefront-homepage .rni-department-grid-flagship>.rni-department-card-9 { grid-column:auto!important; aspect-ratio:16/11!important; }
}