/* SUD OUEST V7: navigation accessible, guided packs, grouped promotions, real historical Google reviews. */
.site-header{overflow:visible}
.header-inner{position:relative}
.nav{height:90px;align-items:stretch;gap:clamp(10px,1.15vw,20px);margin-left:8px}
.nav>a,.nav-dropdown>a{height:100%;display:inline-flex;align-items:center;white-space:nowrap}
.nav-dropdown{align-self:auto;height:100%;position:relative}
.nav-dropdown>a{gap:6px}
.nav-dropdown>a svg{color:#3587bd;transition:transform .2s,color .2s}
.nav-dropdown:hover>a svg,.nav-dropdown:focus-within>a svg{transform:rotate(180deg);color:#1b65ad}
.nav-dropdown-menu{top:calc(100% + 1px);left:-25px;min-width:266px;border:1px solid #d7e8f7;border-top:3px solid #64c8ed;border-radius:0 0 20px 20px;padding:15px;box-shadow:0 22px 54px #15497323;transform:translateY(8px);z-index:140}
.nav-menu-heading{font-size:9px;font-weight:900;color:#4b9ac4;letter-spacing:.16em;padding:5px 13px 12px}
.nav-dropdown-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;font-size:12px}
.nav-dropdown-menu a svg{flex:none;opacity:.7}
.nav-dropdown-menu .nav-menu-all{background:#eaf7ff;color:#2068ab;font-weight:850;margin:5px 0}
.nav-dropdown-menu a:last-child{border-top:1px solid #e5f1f9;border-radius:0;margin-top:6px}

/* This animated WebP is built from the user's supplied paper visual; no heavy video autoplay. */
.hero-new .hero-photo{background-image:url('/assets/hero-paper-motion.webp');animation:none;transform:none;will-change:auto;background-position:center center}
.hero-stream{background:linear-gradient(117deg,transparent 25%,rgba(171,231,255,.17) 50%,transparent 73%);animation-duration:10s}
.hero-new .hero-caption{backdrop-filter:blur(14px);box-shadow:0 13px 35px #09538b1c}

/* Pack journeys. */
.filter-other{margin-top:20px;border-top:1px solid #e0edf7;padding-top:15px}
.filter-other a{font-size:11px;color:#276ab0;display:flex;gap:7px;align-items:center;justify-content:space-between;font-weight:850;line-height:1.5}
.filter-other a:hover{color:#184b85}
.pack-path-links{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:23px}
.pack-path-links a{display:inline-flex;align-items:center;gap:7px;color:#2a6daa;font-size:11px;font-weight:800;background:#f1faff;border:1px solid #d6e9f8;border-radius:100px;padding:10px 14px;transition:background .2s,transform .2s}
.pack-path-links a:hover{background:#e0f2ff;transform:translateY(-2px)}
.pack-path-links a:first-child svg{transform:rotate(180deg)}
.pack-shop-heading{max-width:725px;margin:0 0 26px}
.pack-shop-heading h2{font-family:Manrope,sans-serif;font-size:clamp(26px,3vw,37px);color:#194a72;line-height:1.18;letter-spacing:-.055em;margin:12px 0}
.pack-shop-heading p{font-size:13px;line-height:1.8;color:#60809b;margin:0}
.pack-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:12px 0 32px}
.pack-choice{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #d4eafa;border-radius:23px;padding:21px;background:linear-gradient(145deg,#f5fbff,#e5f6ff);color:#1c4b75;box-shadow:0 8px 20px #256eb00b;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border .25s}
.pack-choice:before{content:"";position:absolute;width:140px;height:140px;border:1px solid #fff;box-shadow:0 0 0 24px #ffffff50;right:-60px;top:-58px;border-radius:50%}
.pack-choice:nth-child(2){background:linear-gradient(145deg,#e9f3ff,#e7fbff)}
.pack-choice:nth-child(3){background:linear-gradient(145deg,#edfbff,#eef5ff)}
.pack-choice:hover{transform:translateY(-5px);box-shadow:0 17px 42px #246ba31c}
.pack-choice.is-current{border-color:#58b7e8;box-shadow:0 0 0 2px #caecff,0 17px 33px #2868a016}
.pack-choice-mark{color:#286caa;display:grid;place-items:center;width:40px;height:40px;background:#ffffffc7;border-radius:13px;margin-bottom:14px}
.pack-choice-index{font-size:9px;color:#4b92b8;letter-spacing:.1em;font-weight:850}
.pack-choice strong{font-size:18px;letter-spacing:-.045em;margin:7px 0 5px}
.pack-choice-description{font-size:11px;color:#617f9b;line-height:1.55;flex:1}
.pack-choice-bottom{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:850;color:#246ab3;margin-top:15px}
.pack-family-preview{margin-top:45px}
.pack-family-preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 19px}
.pack-family-preview-heading>div{max-width:550px}
.pack-family-preview-heading span{font-size:9px;color:#4a92bb;letter-spacing:.15em;font-weight:900}
.pack-family-preview-heading h3{font-size:clamp(22px,2.5vw,30px);color:#194773;letter-spacing:-.06em;margin:8px 0}
.pack-family-preview-heading p{font-size:12px;color:#7792a5;margin:0}
.pack-family-preview-heading a{display:inline-flex;gap:9px;align-items:center;color:#2875b9;font-size:11px;font-weight:850;flex:none}
.pack-family-preview-heading a:hover{text-decoration:underline}
.pack-family-detail{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 26px;padding:25px 30px;border:1px solid #cce9fa;border-radius:25px;background:linear-gradient(120deg,#e9f6ff,#f9fdff)}
.pack-family-details-title{max-width:640px}
.pack-family-details-title>span,.pack-list-heading>div>span{font-weight:900;letter-spacing:.13em;color:#3988b8;font-size:9px}
.pack-family-details-title h2{font-size:clamp(24px,2.8vw,34px);letter-spacing:-.06em;color:#19486e;margin:10px 0}
.pack-family-details-title p{font-size:12px;color:#607f95;line-height:1.75;margin:0}
.pack-family-stat{width:112px;flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fff;border-radius:18px;padding:17px 10px;color:#437998;text-align:center}
.pack-family-stat strong{color:#226bb2;font-size:33px;line-height:1}
.pack-family-stat span{font-size:10px;line-height:1.4}
.pack-list-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:35px 0 20px}
.pack-list-heading h3{color:#19486e;font-size:24px;letter-spacing:-.045em;margin:7px 0 0}
.pack-list-heading small{font-size:11px;color:#7c94a6}
.pack-bottom-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;padding:28px;border:1px solid #d7eaf8;background:#f2faff;border-radius:22px}
.pack-bottom-help h3{font-size:20px;letter-spacing:-.04em;color:#214f78;margin:0 0 7px}
.pack-bottom-help p{font-size:12px;line-height:1.65;color:#6e8ba2;max-width:455px;margin:0}
.pack-bottom-help .btn{flex:none}

/* Promotions: short category previews instead of one unstructured wall. */
.promo-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 45px}
.promo-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:169px;padding:19px;background:#fff;border:1px solid #d5e8f6;border-radius:19px;box-shadow:0 12px 30px #1e6ca511;transition:transform .25s,border .25s}
.promo-choice:hover,.promo-choice.selected{border-color:#61b6e2;transform:translateY(-4px)}
.promo-choice>span{color:#4493bf;letter-spacing:.14em;font-size:9px;font-weight:850}
.promo-choice strong{font-size:16px;color:#214d75;margin:13px 0 7px;letter-spacing:-.035em;line-height:1.3}
.promo-choice small{font-size:11px;color:#829caf;margin-top:auto}
.promo-choice b{position:absolute;right:15px;bottom:16px;color:#3179b7;background:#e9f7ff;width:31px;height:31px;border-radius:50%;display:grid;place-items:center}
.promo-group-preview{margin-top:47px}
.promo-group-preview .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.promo-group-back{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:34px 0}
.promo-group-back a{display:inline-flex;align-items:center;gap:9px;color:#2673b4;font-weight:850;font-size:12px}
.promo-group-back a:first-child svg{transform:rotate(180deg)}
.promo-current{margin-bottom:27px}
.promo-cross-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;border:1px solid #dbecf7;border-radius:22px;background:#fff;margin-top:55px}
.promo-cross-link p{font-size:12px;color:#5c7c96;margin:0}
.promo-cross-link .btn{flex:none}

/* Actual customer feedback, with historic/live source stated explicitly. */
.google-review-panel{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:23px 29px;margin-bottom:19px;background:#fff;border:1px solid #d9eaf5;border-radius:22px;box-shadow:0 10px 28px #255e9710}
.google-review-logo{display:flex;flex-direction:column;gap:2px;border-right:1px solid #e5edf6;padding-right:28px}
.google-review-logo .google-wordmark{font-size:26px}
.review-label{font-size:10px;color:#7191aa}
.google-review-score{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.google-review-score strong{font-size:27px;letter-spacing:-.045em;color:#1c4d75}
.google-review-score strong span{font-size:12px;font-weight:600;color:#8095a7;letter-spacing:0}
.google-review-score .review-stars{font-size:21px;letter-spacing:1px}
.google-review-score small{font-size:10px;color:#8096a9}
.google-review-view{margin-left:auto;display:inline-flex;gap:7px;align-items:center;font-size:11px;color:#2069b0;font-weight:850}
.reviews-google{grid-template-columns:repeat(4,minmax(0,1fr))}
.reviews-google .review-public-card{padding:22px;min-height:265px}
.reviews-google .review-public-card p{font-size:12px;line-height:1.75}
.google-archive-note{margin:14px 0 0;color:#7994a9;font-size:10px;line-height:1.65}
.review-site-subtitle{font-weight:850;color:#25567f;margin:34px 0 19px}

@media(max-width:1150px){
  .nav{height:auto;margin:0;overflow-y:auto;max-height:calc(100dvh - 100px);align-items:stretch}
  .nav>a,.nav-dropdown>a{display:flex;height:auto;width:100%;justify-content:space-between;align-items:center}
  .nav-dropdown{height:auto}
  .nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:#f1f9ff;border-radius:12px;padding:7px 12px;margin-top:4px}
  .nav-menu-heading{padding:9px 11px}
  .nav-dropdown-menu a{padding:9px 11px}
  .nav-dropdown:hover>a svg,.nav-dropdown:focus-within>a svg{transform:none}
  .pack-choice-grid{gap:11px}
  .pack-choice{padding:16px;min-height:202px}
  .pack-choice strong{font-size:16px}
  .reviews-google{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .pack-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .promo-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pack-family-preview-heading{align-items:flex-start}
  .pack-bottom-help{flex-wrap:wrap}
}
@media(max-width:600px){
  .nav{top:70px}
  .pack-choice-grid{grid-template-columns:1fr}
  .pack-choice{min-height:auto}
  .pack-family-detail{padding:22px;align-items:flex-start}
  .pack-family-stat{width:65px;flex-basis:65px;padding:12px 6px}
  .pack-family-stat strong{font-size:26px}
  .pack-family-stat span{font-size:9px}
  .pack-family-preview-heading{flex-wrap:wrap;gap:9px}
  .promo-choice-grid{gap:10px}
  .promo-choice{min-height:160px;padding:15px}
  .promo-choice strong{font-size:14px}
  .promo-group-preview .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reviews-google{grid-template-columns:1fr}
  .google-review-panel{padding:20px}
  .google-review-logo{border-right:0;padding-right:0}
  .google-review-view{margin-left:0}
  .promo-cross-link{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.hero-new .hero-photo{background-image:url('/assets/hero-hygiene.webp')}}