/* Agossa 6.4 — homepage/admin-facing frontend refinements. */
:root{
  --ag64-ink:#20201d;
  --ag64-muted:#77736d;
  --ag64-line:#e8e4de;
  --ag64-soft:#f7f5f1;
  --ag64-paper:#fff;
  --ag64-sans:Arial,Helvetica,"Helvetica Neue",sans-serif;
}

/* The homepage starts immediately after the storefront header. */
.ag-main-product-group-page{margin-top:0!important;padding-top:0!important}
.ag-main-product-group-page>.hero:first-child,
.ag-main-product-group-page .ag-home-section[data-home-section="hero"]{margin-top:0!important}

/* FAQ uses the same visual rhythm and content width as the calculator. */
.ag-home-section--faq-v6{background:#fff!important}
.agossa-v6-faq{
  padding:clamp(64px,6vw,92px) 0 clamp(68px,6.3vw,98px)!important;
  border-top:1px solid rgba(29,29,27,.07)!important;
  background:#fff!important;
}
.agossa-v6-faq__inner{
  width:min(calc(100% - 48px),1220px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(250px,360px) minmax(0,1fr)!important;
  gap:clamp(44px,5.5vw,78px)!important;
  align-items:start!important;
}
.agossa-v6-faq__head p{margin:0 0 12px!important;font:700 9px/1 var(--ag64-sans)!important;letter-spacing:.2em!important;color:#9b9790!important}
.agossa-v6-faq__head h2{margin:0!important;font:500 clamp(30px,3vw,44px)/1.08 var(--ag64-sans)!important;letter-spacing:-.035em!important;color:var(--ag64-ink)!important}
.agossa-v6-faq__list{border-top:1px solid var(--ag64-line)!important}
.agossa-v6-accordion-item{border-bottom:1px solid var(--ag64-line)!important;background:#fff!important}
.agossa-v6-accordion-trigger{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;
  width:100%!important;min-height:64px!important;padding:0 2px!important;border:0!important;background:transparent!important;
  color:#292824!important;font:600 13px/1.4 var(--ag64-sans)!important;text-align:left!important;
}
.agossa-v6-accordion-trigger i{position:relative!important;flex:0 0 22px!important;width:22px!important;height:22px!important;border:1px solid #e3dfd8!important;border-radius:50%!important}
.agossa-v6-accordion-trigger i::before,.agossa-v6-accordion-trigger i::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:1px;background:#4a4742;transform:translate(-50%,-50%);transition:transform .18s ease}
.agossa-v6-accordion-trigger i::after{transform:translate(-50%,-50%) rotate(90deg)}
.agossa-v6-accordion-trigger[aria-expanded="true"] i::after{transform:translate(-50%,-50%) rotate(0deg)}
.agossa-v6-accordion-panel>div{max-width:760px!important;padding:0 46px 22px 2px!important;color:#747069!important;font:400 13px/1.75 var(--ag64-sans)!important}

/* Mobile menu: leave breathing room at the close edge and keep quick links inside the drawer. */
@media(max-width:991.98px){
  .mobile-menu-panel{top:0!important;width:min(88vw,356px)!important;box-sizing:border-box!important}
  .mobile-menu-panel-inner{width:100%!important;box-sizing:border-box!important;padding:0 18px 28px!important;overflow-x:hidden!important}
  .mobile-menu-panel-head{height:62px!important;padding:0 4px 0 2px!important;box-sizing:border-box!important}
  .mobile-menu-close{flex:0 0 36px!important;width:36px!important;height:36px!important;margin-right:2px!important;padding:8px!important;box-sizing:border-box!important}
  .mobile-menu-close svg{display:block!important;width:20px!important;height:20px!important}
  .mobile-menu-quicklinks{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;gap:8px!important;box-sizing:border-box!important}
  .mobile-menu-quicklinks a{display:flex!important;align-items:center!important;min-width:0!important;width:100%!important;min-height:44px!important;padding:0 10px!important;overflow:hidden!important;box-sizing:border-box!important;border:1px solid #e7e3dd!important;border-radius:8px!important;background:#fff!important;color:#2e2c28!important}
  .mobile-menu-quicklinks a span{display:grid!important;place-items:center!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin-right:7px!important}
  .mobile-menu-quicklinks a span svg{display:block!important;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;overflow:visible!important}
  .mobile-menu-quicklinks a em{flex:0 0 auto!important;margin-left:auto!important;padding-left:6px!important}

  /* Footer utility area is centered on mobile; menu accordion remains left aligned for readability. */
  .agossa-mobile-footer-v6__brand,
  .agossa-mobile-footer-v6__socials,
  .agossa-mobile-footer-v6__bottom{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
  .agossa-mobile-footer-v6__brand{width:100%!important}
  .agossa-mobile-footer-v6__socials{flex-wrap:wrap!important}
  .agossa-mobile-footer-v6__bottom{flex-direction:column!important;gap:12px!important;width:100%!important}
  .agossa-mobile-footer-v6__bottom .copyright-text{max-width:320px!important;margin:0 auto!important;text-align:center!important}
  .agossa-mobile-footer-v6__bottom .payment-icons{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0 auto!important}
}

/* Mobile home-grid: first stacked column is exactly viewport-sized, so both cards fit cleanly before horizontal scrolling. */
@media(max-width:991.98px){
  .agossa-usage-grid-viewport{padding-left:14px!important}
  .agossa-usage-grid-scroller{padding-right:14px!important}
  .agossa-usage-grid-canvas,
  .agossa-usage-grid-canvas--5{
    width:max-content!important;
    height:430px!important;
    min-height:430px!important;
    aspect-ratio:auto!important;
    grid-template-columns:calc(100vw - 28px) minmax(210px,58vw) minmax(168px,44vw)!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .agossa-usage-grid-canvas .agossa-usage-card--1{grid-column:1!important;grid-row:1!important}
  .agossa-usage-grid-canvas .agossa-usage-card--2{grid-column:1!important;grid-row:2/4!important}
  .agossa-usage-grid-canvas .agossa-usage-card--3{grid-column:2!important;grid-row:1/3!important}
  .agossa-usage-grid-canvas .agossa-usage-card--4{grid-column:2!important;grid-row:3!important}
  .agossa-usage-grid-canvas .agossa-usage-card--5{grid-column:3!important;grid-row:1/4!important}
  .agossa-usage-card-title{top:16px!important;left:12px!important;right:12px!important;font-size:17px!important}
  .agossa-usage-grid-mobile-nav{padding:13px 14px 0 0!important}
}
@media(max-width:420px){
  .agossa-usage-grid-canvas,.agossa-usage-grid-canvas--5{height:402px!important;min-height:402px!important;grid-template-columns:calc(100vw - 28px) minmax(190px,58vw) minmax(154px,44vw)!important}
}
@media(max-width:991.98px){
  .mobile-menu-quicklinks a span svg *{stroke:currentColor!important;vector-effect:non-scaling-stroke}
}