/* AGGRO v31.2 — mobile refresh, richer hero, aligned menu icon, square blocks */

/* 1) More vivid hero block */
.page-home .hero-photo img{
  filter:saturate(1.12) contrast(1.05) brightness(1.02)!important;
  transform:scale(1.035)!important;
}
.page-home .hero-overlay{
  background:
    linear-gradient(90deg,#FFE5C2 0%,rgba(255,229,194,.96) 17%,rgba(255,229,194,.84) 31%,rgba(255,229,194,.42) 49%,rgba(255,229,194,.08) 72%),
    linear-gradient(0deg,rgba(255,229,194,.46) 0%,rgba(255,229,194,.10) 20%,transparent 46%)!important;
}

/* 2) Burger / close icon alignment */
.header-actions .burger{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.header-actions .burger span{
  position:absolute!important;
  left:50%!important;
  width:22px!important;
  height:2px!important;
  margin:0!important;
  transform:translateX(-50%);
}
.header-actions .burger span:nth-child(1){top:17px!important}
.header-actions .burger span:nth-child(2){top:25px!important}
.header-actions .burger span:nth-child(3){top:33px!important}
.header-actions .burger[aria-expanded="true"] span:nth-child(1){transform:translate(-50%,8px) rotate(45deg)!important}
.header-actions .burger[aria-expanded="true"] span:nth-child(2){opacity:0!important;transform:translateX(-50%) scaleX(.2)!important}
.header-actions .burger[aria-expanded="true"] span:nth-child(3){transform:translate(-50%,-8px) rotate(-45deg)!important}

/* 3) Distinct store icons */
.page-home .store-point{
  align-items:flex-start!important;
  gap:14px!important;
}
.page-home .store-point__icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 48px!important;
  background:rgba(88,184,174,.14)!important;
  border:1px solid rgba(88,184,174,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),0 10px 20px rgba(88,184,174,.10)!important;
}
.page-home .store-point__icon img{
  display:block!important;
  width:32px!important;
  height:32px!important;
}

/* 4) Square block system */
:root{
  --radius:8px!important;
  --radius-lg:10px!important;
  --radius-xl:12px!important;
}
.header__inner,.nav,.mega,.hero.hero--immersive,.feature-grid,.feature,
.product-card,.catalog-card,.business-card,.info-card,.contact-item,.rfq-panel,.faq-item,
.picker-btn,.filter-btn,.footer-badge,.modal-panel,.page-hero-image,.audience-card,
.freshness-banner,.store-section,.store-media,.store-point__icon,.process-icon,.business-icon,
.quality-mosaic img,.product-card__image,.catalog-card img,.photo-tile,.premium-rail article,
.contact-route article,.btn,.btn-outline,.btn-ghost,.field input,.field select,.field textarea,
.footer-badge--logo-fill,.footer-badge__logo-fill,.cta-premium .shell,.header-actions .btn-outline,
.burger,.nav a,.mobile-nav-head{
  border-radius:8px!important;
}
.hero.hero--immersive{border-radius:0 0 8px 8px!important}
.hero-actions .btn,.hero-actions .btn-outline{border-radius:8px!important}
.badge-323,.badge-323--official,.footer-badge--official img{border-radius:50%!important}

/* 5) Mobile-first hero improvements */
@media(max-width:900px){
  .page-home .hero.hero--immersive{
    min-height:760px!important;
    padding-top:88px!important;
    margin-top:-88px!important;
  }
  .page-home .hero-stage{
    min-height:700px!important;
    align-items:flex-start!important;
  }
  .page-home .hero-copy{
    width:100%!important;
    max-width:100%!important;
    padding:68px 0 160px!important;
  }
  .page-home .hero-photo img{
    object-position:68% center!important;
    transform:scale(1.09)!important;
    filter:saturate(1.18) contrast(1.08) brightness(1.02)!important;
  }
  .page-home .hero-overlay{
    background:
      linear-gradient(180deg,rgba(255,229,194,.76) 0%,rgba(255,229,194,.62) 24%,rgba(255,229,194,.22) 50%,rgba(255,229,194,.04) 82%),
      linear-gradient(90deg,rgba(255,229,194,.94) 0%,rgba(255,229,194,.82) 34%,rgba(255,229,194,.34) 60%,rgba(255,229,194,.06) 84%)!important;
  }
  .page-home .hero-copy p{
    max-width:520px!important;
    margin:24px 0 30px!important;
    color:rgba(0,0,0,.80)!important;
  }
  .page-home .hero--immersive .badge-323--official{
    right:14px!important;
    bottom:26px!important;
    width:164px!important;
    height:164px!important;
  }
}
@media(max-width:560px){
  .page-home .hero.hero--immersive{
    min-height:710px!important;
    padding-top:82px!important;
    margin-top:-82px!important;
  }
  .page-home .hero-stage{min-height:650px!important}
  .page-home .hero-copy{
    padding:54px 0 150px!important;
  }
  .page-home .hero-photo img{
    object-position:72% center!important;
    transform:scale(1.12)!important;
    filter:saturate(1.2) contrast(1.1) brightness(1.01)!important;
  }
  .page-home .hero-overlay{
    background:
      linear-gradient(180deg,rgba(255,229,194,.80) 0%,rgba(255,229,194,.66) 25%,rgba(255,229,194,.28) 52%,rgba(255,229,194,.05) 86%),
      linear-gradient(90deg,rgba(255,229,194,.96) 0%,rgba(255,229,194,.86) 42%,rgba(255,229,194,.38) 69%,rgba(255,229,194,.06) 90%)!important;
  }
  .page-home .hero-copy h1{max-width:94%!important}
  .page-home .hero-actions .btn,.page-home .hero-actions .btn-outline{min-height:46px!important}
  .page-home .feature-grid{padding:16px!important}
  .page-home .store-copy{padding:34px 20px!important}
  .page-home .store-point__icon{width:44px!important;height:44px!important;flex-basis:44px!important}
  .page-home .store-point__icon img{width:28px!important;height:28px!important}
}