body:not(.agro-storefront) .fashion-hero { position: relative; padding: 0; background: #f7f3ee; }
body:not(.agro-storefront) .fashion-hero[hidden], body.agro-storefront [data-agro-hero][hidden] { display: none !important; }
body:not(.agro-storefront) .fashion-hero-carousel, body:not(.agro-storefront) .fashion-hero-carousel .carousel-inner, body:not(.agro-storefront) .fashion-hero-carousel .carousel-item { min-height: 650px; }
body:not(.agro-storefront) .fashion-hero .promo-slide { min-height: 650px; display: flex; align-items: center; padding: 38px 0 70px; background: #f7f3ee; }
body:not(.agro-storefront) .fashion-hero .promo-grid { width: 100%; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(36px, 6vw, 88px); }
body:not(.agro-storefront) .fashion-hero .promo-copy { padding: 48px 0; }
body:not(.agro-storefront) .fashion-eyebrow, body:not(.agro-storefront) .fashion-hero .promo-eyebrow { margin: 0 0 16px; color: var(--fashion-brand-color, #a46a55); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
body:not(.agro-storefront) .fashion-hero h1, body:not(.agro-storefront) .fashion-hero .promo-copy h1 { max-width: 650px; margin: 0; color: #25211f; font: 500 clamp(48px, 6.2vw, 82px)/.98 var(--serif); letter-spacing: -.045em; }
body:not(.agro-storefront) .fashion-hero h1 em, body:not(.agro-storefront) .fashion-hero .promo-copy h1 em, body:not(.agro-storefront) .fashion-story h2 em { color: var(--fashion-brand-color, #a46a55); font-style: italic; }
body:not(.agro-storefront) .fashion-hero .promo-lede { max-width: 440px; margin: 24px 0; color: #756c67; font-size: 15px; line-height: 1.8; }
body:not(.agro-storefront) .fashion-button { min-height: 50px; display: inline-flex; align-items: center; gap: 18px; padding: 0 19px; background: var(--fashion-brand-color, #292522); color: #fff; font-size: 12px; font-weight: 600; }
body:not(.agro-storefront) .fashion-button:hover { filter: brightness(.88); color: #fff; }
body:not(.agro-storefront) .fashion-hero .promo-cta { display: inline-flex; min-height: 50px; align-items: center; gap: 18px; padding: 0 19px; border: 0; border-radius: 0; background: var(--fashion-brand-color, #292522); color: #fff; font-size: 12px; font-weight: 600; }
body:not(.agro-storefront) .fashion-hero .promo-cta:hover { filter: brightness(.88); color: #fff; }
body:not(.agro-storefront) .fashion-hero .promo-media { width: 100%; height: min(530px, 42vw); min-height: 390px; display: block; flex: none; position: relative; overflow: hidden; background: #e8ded5; }
body:not(.agro-storefront) .fashion-hero .promo-media img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }
body:not(.agro-storefront) .fashion-category img, body:not(.agro-storefront) .fashion-story img { width: 100%; height: 100%; object-fit: cover; }
body:not(.agro-storefront) .fashion-hero .promo-nav { display: grid; position: absolute; z-index: 4; top: auto; right: max(calc((100vw - 1200px) / 2), 24px); bottom: 28px; left: auto; width: 42px; height: 42px; place-items: center; border: 1px solid #ded4cc; background: #fff; color: #292522; transition: background .2s ease, color .2s ease; }
body:not(.agro-storefront) .fashion-hero .promo-nav:hover { background: var(--fashion-brand-color, #292522); color: #fff; }
body:not(.agro-storefront) .fashion-hero .promo-nav-prev { right: max(calc((100vw - 1200px) / 2 + 50px), 74px); }
body:not(.agro-storefront) .fashion-hero .promo-dots { position: absolute; right: 0; bottom: 47px; left: 0; display: flex; justify-content: center; gap: 9px; }
body:not(.agro-storefront) .fashion-hero .promo-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #c4b8ae; }
body:not(.agro-storefront) .fashion-hero .promo-dots button.active { background: var(--fashion-brand-color, #a46a55); }
body:not(.agro-storefront) .fashion-categories { padding-top: 76px; }
body:not(.agro-storefront) .fashion-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 28px; }
body:not(.agro-storefront) .fashion-heading h2, body:not(.agro-storefront) .fashion-newsletter h2 { margin: 0; color: #292522; font: 500 clamp(30px, 4vw, 48px)/1.08 var(--serif); }
body:not(.agro-storefront) .fashion-heading > a { color: var(--fashion-brand-color, #a46a55); font-size: 12px; font-weight: 600; white-space: nowrap; }
body:not(.agro-storefront) .fashion-heading > a i { margin-left: 5px; }
body:not(.agro-storefront) .fashion-category-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; grid-template-rows: repeat(2, minmax(190px, 230px)); gap: 15px; }
body:not(.agro-storefront) .fashion-category { position: relative; min-height: 190px; overflow: hidden; background: #eee8e1; }
body:not(.agro-storefront) .fashion-category-large { grid-row: span 2; }
body:not(.agro-storefront) .fashion-category img { transition: transform .45s ease; }
body:not(.agro-storefront) .fashion-category:hover img { transform: scale(1.04); }
body:not(.agro-storefront) .fashion-category:after { position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(20,17,16,.54)); content: ""; }
body:not(.agro-storefront) .fashion-category > span { position: absolute; z-index: 1; right: 17px; bottom: 16px; left: 17px; display: flex; justify-content: space-between; align-items: center; color: #fff; font: 500 20px var(--serif); }
body:not(.agro-storefront) .fashion-category > span small { margin-left: auto; margin-right: 10px; color: rgba(255,255,255,.82); font: 400 10px var(--sans); }
body:not(.agro-storefront) .fashion-products { background: #f8f6f3; }
body:not(.agro-storefront) .fashion-shop { padding: 82px 0 88px; }
body:not(.agro-storefront) .fashion-shop .fashion-heading { align-items: end; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e4ded8; }
body:not(.agro-storefront) .fashion-shop .fashion-eyebrow { margin-bottom: 12px; }
body:not(.agro-storefront) .fashion-shop-tools { display: flex; align-items: center; gap: 18px; color: #746c67; font-size: 12px; white-space: nowrap; }
body:not(.agro-storefront) .fashion-shop-tools select { min-width: 145px; padding: 10px 28px 10px 12px; border: 1px solid #ded8d2; border-radius: 0; background: #fff; color: #292522; font: inherit; }
body:not(.agro-storefront) .fashion-shop .product-grid { gap: 24px 18px; }
body:not(.agro-storefront) .fashion-story { padding: 70px 0; background: #2a2522; color: #f8f4ef; }
body:not(.agro-storefront) .fashion-story-inner { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 60px; }
body:not(.agro-storefront) .fashion-story h2 { margin: 0; color: #fff; font: 500 clamp(38px, 5vw, 60px)/1.05 var(--serif); }
body:not(.agro-storefront) .fashion-story-inner > div > p:not(.fashion-eyebrow) { max-width: 430px; color: #c5bbb5; font-size: 14px; line-height: 1.8; }
body:not(.agro-storefront) .fashion-button-light { margin-top: 8px; background: #f8f4ef; color: #292522; }
body:not(.agro-storefront) .fashion-story img { max-height: 440px; }
body:not(.agro-storefront) .fashion-newsletter { padding: 60px 0; background: #f0e9e2; }
body:not(.agro-storefront) .fashion-newsletter-inner { display: flex; justify-content: space-between; align-items: center; gap: 35px; }
body:not(.agro-storefront) .fashion-newsletter-inner p:not(.fashion-eyebrow) { margin: 10px 0 0; color: #756c67; font-size: 13px; }
body:not(.agro-storefront) .fashion-newsletter form { display: flex; width: min(100%, 440px); border-bottom: 1px solid #9f9389; }
body:not(.agro-storefront) .fashion-newsletter input { flex: 1; min-width: 0; padding: 14px 4px; border: 0; outline: 0; background: transparent; color: #292522; font-size: 13px; }
body:not(.agro-storefront) .fashion-newsletter button { width: 46px; border: 0; background: transparent; color: #292522; }
body:not(.agro-storefront) .agro-empty-state { max-width: 480px; grid-column: 1 / -1; margin: 10px auto; padding: 35px; border: 1px solid #e5ddd6; background: #fff; color: #292522; text-align: center; }
body:not(.agro-storefront) .agro-empty-state i { color: #a46a55; }
body:not(.agro-storefront) .agro-empty-state strong, body:not(.agro-storefront) .agro-empty-state span { display: block; margin-top: 9px; }
body:not(.agro-storefront) .agro-empty-state span { color: #756c67; font-size: 12px; }
body:not(.agro-storefront) .agro-empty-state a { display: inline-block; margin-top: 15px; color: #a46a55; font-size: 12px; font-weight: 600; }
@media (max-width: 767.98px) {
  body:not(.agro-storefront) .fashion-hero-carousel, body:not(.agro-storefront) .fashion-hero-carousel .carousel-inner, body:not(.agro-storefront) .fashion-hero-carousel .carousel-item, body:not(.agro-storefront) .fashion-hero .promo-slide { min-height: 0; }
  body:not(.agro-storefront) .fashion-hero .promo-slide { padding: 24px 0 78px; }
  body:not(.agro-storefront) .fashion-hero .promo-grid { grid-template-columns: 1fr; gap: 22px; }
  body:not(.agro-storefront) .fashion-hero .promo-copy { padding: 26px 0 0; }
  body:not(.agro-storefront) .fashion-hero .promo-media { width: 100%; height: clamp(270px, 74vw, 430px); min-height: 0; }
  body:not(.agro-storefront) .fashion-hero .promo-nav { right: 18px; bottom: 18px; }
  body:not(.agro-storefront) .fashion-hero .promo-nav-prev { right: 68px; }
  body:not(.agro-storefront) .fashion-hero .promo-dots { bottom: 35px; }
  body:not(.agro-storefront) .fashion-category-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 240px 180px 180px; gap: 10px; }
  body:not(.agro-storefront) .fashion-category-large { grid-row: auto; grid-column: span 2; }
  body:not(.agro-storefront) .fashion-category > span { font-size: 16px; }
  body:not(.agro-storefront) .fashion-heading { align-items: start; }
  body:not(.agro-storefront) .fashion-heading > a { padding-top: 32px; }
  body:not(.agro-storefront) .fashion-shop { padding: 55px 0 64px; }
  body:not(.agro-storefront) .fashion-shop .fashion-heading { flex-direction: column; gap: 18px; margin-bottom: 20px; }
  body:not(.agro-storefront) .fashion-shop-tools { width: 100%; justify-content: space-between; }
  body:not(.agro-storefront) .fashion-story-inner { grid-template-columns: 1fr; gap: 30px; }
  body:not(.agro-storefront) .fashion-story img { max-height: 330px; }
  body:not(.agro-storefront) .fashion-newsletter-inner { align-items: stretch; flex-direction: column; }
}