/* =========================================================================
   Pawwillow — design system (archétype C : SOFT-ORGANIC)
   Corail + crème + turquoise · Fredoka (display) + Nunito Sans (body)
   Classes préfixées .pw- · liens/assets root-relative
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;0,6..12,800;1,6..12,400&display=swap');

:root{
  --coral:#FF6B5E; --coral-d:#ef5446; --coral-soft:#FFD9D2;
  --turq:#2DC6B8; --turq-d:#1ba99c; --turq-soft:#C7F0EA;
  --accent:#FFC15E; --accent-soft:#FFE7BE;
  --cream:#FFF3E6; --cream-2:#FFF8F0; --paper:#fffdf9;
  --ink:#3B2F2A; --ink-soft:#7c6e64; --line:#f0e2d2;
  --shadow:0 18px 50px -22px rgba(216,108,86,.45);
  --shadow-sm:0 10px 28px -16px rgba(90,60,40,.4);
  --r-lg:34px; --r-md:24px; --r-sm:16px; --r-pill:999px;
  --maxw:1200px;
  --ease:cubic-bezier(.34,1.56,.64,1); /* élastique */
  --paw-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Cellipse cx='12' cy='16' rx='5' ry='4.2'/%3E%3Ccircle cx='6.5' cy='11' r='2.1'/%3E%3Ccircle cx='17.5' cy='11' r='2.1'/%3E%3Ccircle cx='9.2' cy='6.8' r='1.9'/%3E%3Ccircle cx='14.8' cy='6.8' r='1.9'/%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:"Nunito Sans",system-ui,sans-serif; color:var(--ink);
  background:var(--cream); font-size:17px; line-height:1.6; overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Fredoka",sans-serif; font-weight:600; line-height:1.08; margin:0 0 .4em; color:var(--ink); letter-spacing:-.01em}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
.pw-wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px}
.pw-section{padding:74px 0; position:relative}
.pw-eyebrow{font-family:"Fredoka",sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.14em;
  font-size:.78rem; color:var(--coral); display:inline-flex; align-items:center; gap:8px}
.pw-eyebrow::before{content:""; width:26px; height:3px; border-radius:3px; background:var(--turq)}
.pw-h2{font-size:clamp(1.9rem,4.4vw,3rem)}
.pw-lead{color:var(--ink-soft); font-size:1.06rem; max-width:56ch; margin:.2em 0 0}
.pw-center{text-align:center}
.pw-center .pw-eyebrow::before{display:none}
.pw-center .pw-eyebrow{justify-content:center}

/* ---- Boutons ---- */
.pw-btn{font-family:"Fredoka",sans-serif; font-weight:600; font-size:1rem; cursor:pointer;
  border:none; border-radius:var(--r-pill); padding:15px 30px; background:var(--coral); color:#fff;
  display:inline-flex; align-items:center; gap:10px; transition:transform .25s var(--ease), box-shadow .25s, background .2s;
  box-shadow:0 12px 26px -12px rgba(255,107,94,.8)}
.pw-btn:hover{transform:translateY(-3px) scale(1.03); background:var(--coral-d)}
.pw-btn:active{transform:translateY(0) scale(.98)}
.pw-btn--turq{background:var(--turq); box-shadow:0 12px 26px -12px rgba(45,198,184,.8)}
.pw-btn--turq:hover{background:var(--turq-d)}
.pw-btn--ghost{background:#fff; color:var(--ink); box-shadow:var(--shadow-sm)}
.pw-btn--ghost:hover{background:#fff}
.pw-btn--block{width:100%; justify-content:center}
.pw-btn--lg{padding:17px 38px; font-size:1.08rem}
.pw-link-btn{background:none; border:none; cursor:pointer; color:var(--ink-soft); font-family:inherit;
  font-size:.95rem; padding:8px; width:100%; text-decoration:underline; text-underline-offset:3px}
.pw-link-btn:hover{color:var(--coral)}

/* ---- Marquee d'annonce ---- */
.pw-marquee{background:var(--ink); color:var(--cream); overflow:hidden; white-space:nowrap; position:relative}
.pw-marquee__track{display:inline-flex; gap:0; padding:9px 0; animation:pw-marq 34s linear infinite; will-change:transform}
.pw-marquee__item{display:inline-flex; align-items:center; gap:9px; padding:0 30px; font-size:.84rem; font-weight:600;
  font-family:"Fredoka",sans-serif; letter-spacing:.02em}
.pw-marquee__item svg{color:var(--accent); width:16px; height:16px}
@keyframes pw-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---- Header : barre pleine, logo centré, nav scindée G/D (soft-organic) ---- */
.pw-header{position:sticky; top:0; z-index:60;
  background:rgba(255,253,249,.9); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line); box-shadow:0 12px 30px -26px rgba(216,108,86,.5);
  border-radius:0 0 var(--r-lg) var(--r-lg); transition:box-shadow .3s, background .3s}
.pw-header::after{content:""; position:absolute; left:6%; right:6%; bottom:-3px; height:3px; border-radius:3px;
  background:linear-gradient(90deg,transparent,var(--coral) 30%,var(--turq) 70%,transparent); opacity:.65}
.pw-header--scrolled{box-shadow:0 16px 40px -24px rgba(216,108,86,.7); background:rgba(255,253,249,.96)}
.pw-headbar{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:14px 22px; transition:padding .3s}
.pw-header--scrolled .pw-headbar{padding-top:9px; padding-bottom:9px}
.pw-headbar__side{display:flex; align-items:center; gap:6px; min-width:0}
.pw-headbar__side--l{justify-content:flex-end}
.pw-headbar__side--r{justify-content:flex-start}
.pw-logo{justify-self:center}
.pw-logo img{height:36px; width:auto; display:block; transition:height .3s}
.pw-header--scrolled .pw-logo img{height:30px}
.pw-nav{display:flex; gap:4px; align-items:center; flex-wrap:nowrap}
.pw-nav a{font-family:"Fredoka",sans-serif; font-weight:500; font-size:.95rem; padding:8px 13px; border-radius:var(--r-pill);
  color:var(--ink); transition:background .2s,color .2s; white-space:nowrap}
.pw-nav a:hover{background:var(--coral-soft); color:var(--coral-d)}
.pw-headbar__side--r .pw-actions{margin-left:4px}
.pw-actions{display:flex; align-items:center; gap:6px}
.pw-icon{width:44px; height:44px; border-radius:50%; border:none; background:transparent; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; color:var(--ink); transition:background .2s,transform .2s var(--ease)}
.pw-icon:hover{background:var(--cream); transform:scale(1.08)}
.pw-cart-btn{position:relative; background:var(--accent-soft); color:var(--coral-d)}
.pw-cart-btn:hover{background:var(--accent)}
.pw-badge{position:absolute; top:-2px; right:-2px; min-width:20px; height:20px; padding:0 5px; border-radius:var(--r-pill);
  background:var(--coral); color:#fff; font-size:.72rem; font-weight:800; display:flex; align-items:center; justify-content:center;
  font-family:"Fredoka",sans-serif; border:2px solid var(--paper)}
.pw-burger{display:none}

/* searchbar */
.pw-searchbar{max-width:var(--maxw); margin:10px auto 0; max-height:0; overflow:hidden; transition:max-height .3s var(--ease)}
.pw-searchbar--open{max-height:340px; overflow:visible}
.pw-searchbar__in{position:relative; background:var(--paper); border-radius:var(--r-md); box-shadow:var(--shadow);
  display:flex; align-items:center; gap:10px; padding:8px 16px; border:1px solid #fff}
.pw-searchbar__in svg{color:var(--ink-soft); flex:none}
.pw-searchbar__in input{flex:1; border:none; background:none; font-family:inherit; font-size:1.02rem; padding:8px 0; outline:none; color:var(--ink)}
.pw-search-results{position:absolute; left:0; right:0; top:calc(100% + 8px); background:var(--paper); border-radius:var(--r-md);
  box-shadow:var(--shadow); padding:8px; display:none; max-height:300px; overflow:auto; border:1px solid var(--line)}
.pw-search-results--show{display:block}
.pw-search-hit{display:flex; gap:12px; align-items:center; padding:8px; border-radius:var(--r-sm)}
.pw-search-hit:hover{background:var(--cream)}
.pw-search-hit img{width:48px; height:48px; border-radius:12px; object-fit:cover}
.pw-search-hit span{display:flex; flex-direction:column}
.pw-search-hit em{font-style:normal; color:var(--coral); font-weight:700; font-size:.9rem}
.pw-search-none{padding:14px; color:var(--ink-soft)}

/* mobile menu */
.pw-mobilemenu{position:fixed; inset:0; z-index:90; background:var(--cream); transform:translateX(-100%);
  transition:transform .4s var(--ease); display:flex; flex-direction:column; padding:18px}
.pw-mobilemenu--open{transform:translateX(0)}
.pw-mobilemenu__head{display:flex; align-items:center; justify-content:space-between; margin-bottom:24px}
.pw-mobilemenu__nav{display:flex; flex-direction:column; gap:4px}
.pw-mobilemenu__nav a{font-family:"Fredoka",sans-serif; font-size:1.5rem; font-weight:500; padding:14px 16px; border-radius:var(--r-md)}
.pw-mobilemenu__nav a:hover{background:var(--coral-soft)}
.pw-mobilemenu__re{margin-top:auto; display:flex; align-items:center; gap:12px; background:var(--turq-soft); color:var(--turq-d);
  padding:16px; border-radius:var(--r-md); font-weight:700; font-size:.95rem}
.pw-logo-text{font-family:"Fredoka",sans-serif; font-weight:700; font-size:1.5rem; color:var(--coral)}
.pw-logo-text--light{color:var(--cream)}

/* ---- Séparateur ondulé ---- */
.pw-wave{display:block; width:100%; height:60px; line-height:0}
.pw-wave svg{width:100%; height:100%}

/* ---- HERO ---- */
.pw-hero{position:relative; padding:48px 0 30px; overflow:hidden}
.pw-hero__grid{display:grid; grid-template-columns:1.05fr 1fr; gap:40px; align-items:center}
.pw-hero__title{font-size:clamp(2.3rem,5.4vw,4rem); font-weight:700}
.pw-hero__title b{color:var(--coral)}
.pw-hero__sub{font-size:1.15rem; color:var(--ink-soft); max-width:48ch; margin:18px 0 28px}
.pw-hero__cta{display:flex; gap:14px; flex-wrap:wrap}
.pw-hero__trust{display:flex; align-items:center; gap:14px; margin-top:28px; flex-wrap:wrap}
.pw-hero__avatars{display:flex}
.pw-hero__avatars span{width:38px; height:38px; border-radius:50%; border:3px solid var(--cream); margin-left:-12px;
  background:var(--turq-soft); color:var(--turq-d); display:flex; align-items:center; justify-content:center}
.pw-hero__avatars span:nth-child(2){background:var(--coral-soft); color:var(--coral-d)}
.pw-hero__avatars span:nth-child(3){background:var(--accent-soft); color:#c98a1e}
.pw-hero__avatars span:first-child{margin-left:0}
.pw-hero__trust small{color:var(--ink-soft)}
.pw-hero__trust strong{color:var(--ink)}
.pw-hero__visual{position:relative; aspect-ratio:1/1}
.pw-blob{position:absolute; inset:0; overflow:hidden; box-shadow:var(--shadow);
  border-radius:42% 58% 63% 37% / 42% 42% 58% 58%; animation:pw-morph 14s ease-in-out infinite}
.pw-blob img{width:100%; height:100%; object-fit:cover}
@keyframes pw-morph{0%,100%{border-radius:42% 58% 63% 37% / 42% 42% 58% 58%}
  50%{border-radius:58% 42% 38% 62% / 55% 58% 42% 45%}}
.pw-hero__chip{position:absolute; background:var(--paper); border-radius:var(--r-pill); box-shadow:var(--shadow);
  padding:10px 16px; display:flex; align-items:center; gap:8px; font-weight:700; font-size:.9rem; font-family:"Fredoka",sans-serif;
  animation:pw-float 5s ease-in-out infinite}
.pw-hero__chip--1{top:8%; right:-2%; color:var(--coral-d)}
.pw-hero__chip--2{bottom:14%; left:-4%; color:var(--turq-d); animation-delay:1.5s}
.pw-hero__chip--3{bottom:-2%; right:18%; color:var(--accent); animation-delay:.8s; color:#c98a1e}
@keyframes pw-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.pw-hero__deco{position:absolute; border-radius:50%; filter:blur(2px); z-index:-1}

/* ---- Ticker confiance ---- */
.pw-trustticker{background:var(--turq); color:#fff; overflow:hidden; white-space:nowrap}
.pw-trustticker__track{display:inline-flex; padding:14px 0; animation:pw-marq 30s linear infinite}
.pw-trustticker__item{display:inline-flex; align-items:center; gap:10px; padding:0 32px; font-family:"Fredoka",sans-serif;
  font-weight:500; font-size:1rem}
.pw-trustticker__item::before{content:""; width:16px; height:16px; flex:none;
  background:currentColor; -webkit-mask:var(--paw-mask) center/contain no-repeat; mask:var(--paw-mask) center/contain no-repeat}

/* ---- Catégories (tuiles blob inclinées/chevauchées) ---- */
.pw-cats{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:42px}
.pw-cat{position:relative; display:block; border-radius:var(--r-lg); overflow:hidden; aspect-ratio:3/4;
  box-shadow:var(--shadow-sm); transition:transform .35s var(--ease)}
.pw-cat:nth-child(odd){transform:rotate(-1.6deg)}
.pw-cat:nth-child(even){transform:rotate(1.6deg) translateY(14px)}
.pw-cat:hover{transform:rotate(0) translateY(-6px) scale(1.03)}
.pw-cat img{width:100%; height:100%; object-fit:cover; transition:transform .5s}
.pw-cat:hover img{transform:scale(1.06)}
.pw-cat__label{position:absolute; left:14px; bottom:14px; right:14px; background:var(--paper); border-radius:var(--r-pill);
  padding:11px 18px; font-family:"Fredoka",sans-serif; font-weight:600; font-size:1.02rem; display:flex; justify-content:space-between; align-items:center}
.pw-cat__label svg{color:var(--coral)}

/* ---- Cartes produit ---- */
.pw-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px}
.pw-rail{display:flex; gap:22px; overflow-x:auto; padding:14px 4px 24px; scroll-snap-type:x mandatory; margin:0 -4px}
.pw-rail .pw-card{flex:0 0 280px; scroll-snap-align:start}
.pw-rail::-webkit-scrollbar{height:8px}
.pw-rail::-webkit-scrollbar-thumb{background:var(--coral-soft); border-radius:9px}
.pw-card{background:var(--paper); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-sm);
  display:flex; flex-direction:column; transition:transform .35s var(--ease), box-shadow .35s; position:relative}
.pw-card:hover{transform:translateY(-8px); box-shadow:var(--shadow)}
.pw-card__media{position:relative; aspect-ratio:1/1; overflow:hidden; background:var(--cream-2)}
.pw-card__media img{width:100%; height:100%; object-fit:cover; transition:transform .5s, opacity .3s}
.pw-card__media img.pw-card__img2{position:absolute; inset:0; opacity:0}
.pw-card:hover .pw-card__img1{transform:scale(1.05)}
.pw-card:hover .pw-card__img2{opacity:1}
.pw-card__badges{position:absolute; top:12px; left:12px; display:flex; flex-direction:column; gap:6px; z-index:2}
.pw-badge-pill{font-family:"Fredoka",sans-serif; font-weight:600; font-size:.72rem; padding:5px 11px; border-radius:var(--r-pill);
  background:var(--coral); color:#fff; display:inline-flex; align-items:center; gap:5px; box-shadow:var(--shadow-sm)}
.pw-badge-pill--new{background:var(--turq)}
.pw-badge-pill--sale{background:var(--ink)}
.pw-badge-pill--pack{background:var(--accent); color:var(--ink)}
.pw-card__fav{position:absolute; top:12px; right:12px; z-index:2; background:rgba(255,253,249,.9); width:38px; height:38px;
  border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--coral); box-shadow:var(--shadow-sm)}
.pw-card__quick{position:absolute; left:12px; right:12px; bottom:12px; z-index:2; opacity:0; transform:translateY(10px);
  transition:opacity .3s, transform .3s var(--ease)}
.pw-card:hover .pw-card__quick{opacity:1; transform:translateY(0)}
.pw-card__body{padding:16px 18px 20px; display:flex; flex-direction:column; gap:7px; flex:1}
.pw-card__cat{font-size:.74rem; text-transform:uppercase; letter-spacing:.1em; color:var(--turq-d); font-weight:800}
.pw-card__name{font-family:"Fredoka",sans-serif; font-weight:600; font-size:1.08rem; line-height:1.2; color:var(--ink)}
.pw-card__rating{display:flex; align-items:center; gap:6px; font-size:.82rem; color:var(--ink-soft)}
.pw-card__price{display:flex; align-items:baseline; gap:9px; margin-top:auto; padding-top:4px}
.pw-card__price b{font-family:"Fredoka",sans-serif; font-size:1.22rem; color:var(--coral-d); font-weight:700}
.pw-card__price s{color:var(--ink-soft); font-size:.92rem}
.pw-card__price .pw-off{margin-left:auto; background:var(--coral-soft); color:var(--coral-d); font-weight:800; font-size:.74rem;
  padding:3px 9px; border-radius:var(--r-pill)}
.pw-stars{display:inline-flex; gap:1px; color:var(--accent)}
.pw-stars__s--off{color:var(--cream); filter:none; opacity:1}
.pw-stars__s--off svg path{fill:#e9dcc9}

/* ---- Split éditorial ---- */
.pw-split{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center}
.pw-split__media{border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow); aspect-ratio:4/3;
  border-radius:48% 52% 55% 45% / 52% 48% 52% 48%}
.pw-split__media img{width:100%; height:100%; object-fit:cover}
.pw-split--rev .pw-split__media{order:2}

/* ---- Bénéfices ---- */
.pw-benefits{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:42px}
.pw-benefit{background:var(--paper); border-radius:var(--r-lg); padding:30px 24px; text-align:center; box-shadow:var(--shadow-sm)}
.pw-benefit__ic{width:72px; height:72px; border-radius:50%; margin:0 auto 16px; display:flex; align-items:center; justify-content:center}
.pw-benefit:nth-child(1) .pw-benefit__ic{background:var(--coral-soft); color:var(--coral-d)}
.pw-benefit:nth-child(2) .pw-benefit__ic{background:var(--turq-soft); color:var(--turq-d)}
.pw-benefit:nth-child(3) .pw-benefit__ic{background:var(--accent-soft); color:#c98a1e}
.pw-benefit:nth-child(4) .pw-benefit__ic{background:var(--coral-soft); color:var(--coral-d)}
.pw-benefit h4{font-size:1.12rem; margin-bottom:6px}
.pw-benefit p{color:var(--ink-soft); font-size:.94rem; margin:0}

/* ---- Journal ---- */
.pw-journal{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:42px}
.pw-jcard{border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-sm); background:var(--paper);
  transition:transform .35s var(--ease)}
.pw-jcard:hover{transform:translateY(-6px)}
.pw-jcard__media{aspect-ratio:4/3; overflow:hidden}
.pw-jcard__media img{width:100%; height:100%; object-fit:cover; transition:transform .5s}
.pw-jcard:hover img{transform:scale(1.05)}
.pw-jcard__body{padding:20px 22px 24px}
.pw-jcard__body h3{font-size:1.18rem; margin-bottom:8px}
.pw-jcard__more{color:var(--coral); font-weight:700; font-family:"Fredoka",sans-serif; font-size:.92rem}
.pw-jcard__arrow{display:inline-flex; align-items:center; vertical-align:middle; color:var(--coral); margin-left:5px; transition:transform .25s var(--ease)}
.pw-jcard:hover .pw-jcard__arrow{transform:translateX(4px)}

/* ---- Avis (bulles) ---- */
.pw-reviews{background:linear-gradient(180deg,var(--cream-2),var(--cream))}
.pw-bubbles{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:42px}
.pw-bubble{background:var(--paper); border-radius:28px 28px 28px 8px; padding:26px; box-shadow:var(--shadow-sm); position:relative}
.pw-bubble:nth-child(2){transform:translateY(18px)}
.pw-bubble__stars{margin-bottom:12px}
.pw-bubble p{font-size:1.02rem; margin:0 0 18px}
.pw-bubble__who{display:flex; align-items:center; gap:12px}
.pw-bubble__av{width:44px; height:44px; border-radius:50%; background:var(--turq-soft); color:var(--turq-d); display:flex; align-items:center; justify-content:center}
.pw-bubble__av svg{width:24px; height:24px}
.pw-bubble__who strong{display:block; font-family:"Fredoka",sans-serif}
.pw-bubble__who small{color:var(--ink-soft)}
.pw-ratingbig{display:flex; align-items:center; justify-content:center; gap:14px; margin-top:34px; flex-wrap:wrap}
.pw-ratingbig b{font-family:"Fredoka",sans-serif; font-size:2.4rem; color:var(--coral)}

/* ---- Story band ---- */
.pw-story{position:relative; overflow:hidden}
.pw-story__grid{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center}
.pw-story__media{border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow); aspect-ratio:4/3}
.pw-story__media img{width:100%;height:100%;object-fit:cover}

/* ---- Section "Comment ça marche" (3 étapes) ---- */
.pw-hiw{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:46px; position:relative}
.pw-hiw__step{background:var(--paper); border-radius:var(--r-lg); padding:34px 26px 30px; box-shadow:var(--shadow-sm); position:relative}
.pw-hiw__num{position:absolute; top:-18px; left:26px; width:44px; height:44px; border-radius:50%;
  background:var(--coral); color:#fff; display:flex; align-items:center; justify-content:center;
  font-family:"Fredoka",sans-serif; font-weight:700; font-size:1.15rem; box-shadow:0 10px 22px -10px rgba(255,107,94,.8)}
.pw-hiw__step:nth-child(2) .pw-hiw__num{background:var(--turq); box-shadow:0 10px 22px -10px rgba(45,198,184,.8)}
.pw-hiw__step:nth-child(3) .pw-hiw__num{background:var(--accent); color:var(--ink)}
.pw-hiw__ic{width:60px; height:60px; border-radius:20px; margin:8px 0 16px; display:flex; align-items:center; justify-content:center;
  background:var(--turq-soft); color:var(--turq-d)}
.pw-hiw__ic svg{width:26px; height:26px}
.pw-hiw__step:nth-child(1) .pw-hiw__ic{background:var(--coral-soft); color:var(--coral-d)}
.pw-hiw__step:nth-child(3) .pw-hiw__ic{background:var(--accent-soft); color:#c98a1e}
.pw-hiw h4{font-size:1.2rem; margin-bottom:6px}
.pw-hiw p{color:var(--ink-soft); font-size:.96rem; margin:0}

/* ---- Bande de stats / compteurs ---- */
.pw-statband{background:var(--turq-soft)}
.pw-statgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center}
.pw-stat{padding:6px 8px}
.pw-stat__n{font-family:"Fredoka",sans-serif; font-weight:700; font-size:clamp(1.9rem,4vw,2.6rem); color:var(--turq-d); line-height:1}
.pw-stat__l{display:block; margin-top:8px; color:var(--ink-soft); font-size:.94rem; font-weight:600}

/* ---- Newsletter ---- */
.pw-news{background:var(--coral); color:#fff; position:relative; overflow:hidden; padding:60px 0}
.pw-news__blob{position:absolute; width:520px; height:520px; right:-160px; top:-160px; background:rgba(255,255,255,.12); border-radius:50%}
.pw-news__in{position:relative; display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap}
.pw-news__title{color:#fff; font-size:clamp(1.6rem,3.5vw,2.4rem); margin:0}
.pw-news__sub{margin:.4em 0 0; opacity:.95; max-width:46ch}
.pw-news__form{display:flex; gap:10px; background:var(--paper); padding:7px; border-radius:var(--r-pill); box-shadow:var(--shadow); flex:1; min-width:300px; max-width:480px}
.pw-news__form input{flex:1; border:none; background:none; padding:12px 18px; font-family:inherit; font-size:1rem; outline:none; color:var(--ink)}
.pw-news__form button{border:none; cursor:pointer; background:var(--turq); color:#fff; font-family:"Fredoka",sans-serif; font-weight:600;
  padding:12px 26px; border-radius:var(--r-pill); transition:background .2s, transform .2s var(--ease)}
.pw-news__form button:hover{background:var(--turq-d); transform:scale(1.04)}

/* ---- Footer CONTACT / MAP-FIRST ---- */
.pw-footer--contact{background:var(--ink); color:#e9ddd2; padding:0 0 24px}
/* bandeau carte stylisée */
.pw-footmap{position:relative; height:200px; overflow:hidden}
.pw-footmap__art{position:absolute; inset:0; width:100%; height:100%; display:block}
.pw-footmap__pin{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  display:flex; align-items:center; gap:12px; background:var(--paper); color:var(--ink);
  padding:12px 20px 12px 14px; border-radius:var(--r-pill); box-shadow:var(--shadow); max-width:92%}
.pw-footmap__pin-ic{width:40px; height:40px; flex:none; border-radius:50%; background:var(--coral-soft); color:var(--coral-d);
  display:flex; align-items:center; justify-content:center}
.pw-footmap__pin strong{display:block; font-family:"Fredoka",sans-serif; font-size:1.02rem; line-height:1.1}
.pw-footmap__pin small{color:var(--ink-soft); font-size:.84rem}
/* corps : coordonnées (gauche) + liens (droite) */
.pw-footer__main{display:grid; grid-template-columns:1.1fr 1.3fr; gap:48px; padding-top:46px; padding-bottom:36px; align-items:start}
.pw-footer__contact .pw-logo-text{font-size:1.7rem}
.pw-footer__contact h3{color:#fff; font-size:1.5rem; margin:12px 0 .3em}
.pw-footer__contact p{color:#bda89a; margin:0 0 22px; max-width:42ch}
.pw-contactlist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px}
.pw-contactlist li{display:flex; align-items:flex-start; gap:14px}
.pw-contactlist__ic{width:42px; height:42px; flex:none; border-radius:14px; background:rgba(45,198,184,.16); color:var(--turq);
  display:flex; align-items:center; justify-content:center}
.pw-contactlist strong{display:block; color:#fff; font-family:"Fredoka",sans-serif; font-size:.98rem; margin-bottom:2px}
.pw-contactlist a, .pw-contactlist span{color:#bda89a; font-size:.95rem}
.pw-contactlist a:hover{color:var(--coral)}
.pw-footer__links{display:grid; grid-template-columns:repeat(3,1fr); gap:28px}
.pw-footer__col h4{font-size:1rem; color:#fff; margin-bottom:14px}
.pw-footer__col a{display:block; color:#bda89a; padding:5px 0; font-size:.95rem; transition:color .2s}
.pw-footer__col a:hover{color:var(--coral)}
/* pied : paiement + légal */
.pw-footer__pay{display:flex; gap:8px; flex-wrap:wrap}
.pw-pay{background:#fff; border-radius:7px; padding:1px; line-height:0; display:inline-flex}
.pw-footer__bottom{display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap;
  padding-top:22px; border-top:1px solid rgba(255,255,255,.12); color:#9b8a7c; font-size:.82rem}
.pw-footer__legal{flex:1 1 320px; min-width:240px}
.pw-footer__secure{display:inline-flex; align-items:center; gap:8px; color:var(--turq); white-space:nowrap}

/* ---- Drawer panier ---- */
.pw-overlay{position:fixed; inset:0; background:rgba(59,47,42,.5); backdrop-filter:blur(3px); opacity:0; visibility:hidden;
  transition:opacity .3s; z-index:100}
.pw-overlay--show{opacity:1; visibility:visible}
.pw-drawer{position:fixed; top:0; right:0; height:100%; width:min(420px,92vw); background:var(--cream); z-index:101;
  transform:translateX(100%); transition:transform .4s var(--ease); display:flex; flex-direction:column; box-shadow:-20px 0 60px -20px rgba(0,0,0,.4)}
.pw-drawer--open{transform:translateX(0)}
.pw-drawer__head{display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border-bottom:1px solid var(--line)}
.pw-drawer__head h3{margin:0; display:flex; align-items:center; gap:10px; font-size:1.25rem}
.pw-drawer__head h3 svg{color:var(--coral)}
.pw-drawer__ship{padding:16px 22px; background:var(--turq-soft)}
.pw-drawer__ship-msg{font-weight:700; font-size:.9rem; color:var(--turq-d); margin-bottom:8px; font-family:"Fredoka",sans-serif}
.pw-drawer__ship-bar{height:8px; background:#fff; border-radius:var(--r-pill); overflow:hidden}
.pw-drawer__ship-bar span{display:block; height:100%; background:var(--turq); border-radius:var(--r-pill); transition:width .4s var(--ease); width:0}
.pw-drawer__body{flex:1; overflow-y:auto; padding:18px 22px}
.pw-drawer__empty{text-align:center; color:var(--ink-soft); padding:50px 10px}
.pw-cartline{display:grid; grid-template-columns:72px 1fr auto; gap:14px; padding:14px 0; border-bottom:1px solid var(--line)}
.pw-cartline__img{width:72px; height:72px; border-radius:16px; overflow:hidden; background:var(--cream-2)}
.pw-cartline__img img{width:100%; height:100%; object-fit:cover}
.pw-cartline__name{font-family:"Fredoka",sans-serif; font-weight:600; font-size:.98rem; line-height:1.2}
.pw-cartline__variant{font-size:.8rem; color:var(--ink-soft); margin:2px 0}
.pw-cartline__price{color:var(--coral-d); font-weight:800; font-size:.95rem; margin:4px 0}
.pw-qty{display:inline-flex; align-items:center; gap:4px; background:var(--paper); border-radius:var(--r-pill); padding:3px}
.pw-qty__btn{width:26px; height:26px; border-radius:50%; border:none; background:var(--cream); cursor:pointer; font-size:1rem; color:var(--ink); display:flex; align-items:center; justify-content:center}
.pw-qty__btn:hover{background:var(--coral-soft)}
.pw-qty__n{min-width:22px; text-align:center; font-weight:700; font-size:.9rem}
.pw-cartline__rm{border:none; background:none; cursor:pointer; color:var(--ink-soft); align-self:start; padding:4px}
.pw-cartline__rm:hover{color:var(--coral)}
.pw-drawer__foot{padding:20px 22px; border-top:1px solid var(--line); background:var(--cream-2)}
.pw-drawer__sub{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:14px; font-family:"Fredoka",sans-serif}
.pw-drawer__sub strong{font-size:1.4rem; color:var(--coral-d)}

/* ---- Sticky bar panier (bas) ---- */
.pw-stickybar{position:fixed; left:0; right:0; bottom:0; z-index:55; padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  transform:translateY(120%); transition:transform .4s var(--ease); pointer-events:none}
.pw-stickybar--show{transform:translateY(0)}
.pw-stickybar__in{pointer-events:auto; width:100%; max-width:520px; margin:0 auto; display:flex; align-items:center; gap:14px;
  background:var(--ink); color:#fff; border:none; cursor:pointer; border-radius:var(--r-pill); padding:13px 22px; box-shadow:var(--shadow);
  font-family:"Fredoka",sans-serif; font-size:1rem; font-weight:600}
.pw-stickybar__left{display:flex; align-items:center; gap:7px; color:var(--accent)}
.pw-stickybar__count{background:var(--coral); color:#fff; min-width:22px; height:22px; border-radius:var(--r-pill); display:flex; align-items:center; justify-content:center; font-size:.8rem}
.pw-stickybar__mid{flex:1; text-align:left}
.pw-stickybar__sub{font-size:1.1rem}

/* ---- Toast ---- */
.pw-toast{position:fixed; bottom:90px; left:50%; transform:translateX(-50%) translateY(20px); opacity:0;
  background:var(--ink); color:#fff; padding:13px 26px; border-radius:var(--r-pill); font-family:"Fredoka",sans-serif; font-weight:600;
  z-index:120; transition:opacity .3s, transform .3s var(--ease); pointer-events:none; box-shadow:var(--shadow)}
.pw-toast--show{opacity:1; transform:translateX(-50%) translateY(0)}

/* ---- Reveal ---- */
.pw-reveal{opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s var(--ease)}
.pw-reveal--in{opacity:1; transform:none}
@media (prefers-reduced-motion: reduce){
  *{animation:none !important; scroll-behavior:auto !important}
  .pw-reveal{opacity:1; transform:none; transition:none}
  .pw-blob{animation:none !important}
}

/* =========================================================================
   PAGE PRODUIT (PDP)
   ========================================================================= */
.pw-pdp{padding-top:30px}
.pw-breadcrumb{font-size:.86rem; color:var(--ink-soft); margin-bottom:18px; display:flex; gap:8px; flex-wrap:wrap}
.pw-breadcrumb a:hover{color:var(--coral)}
.pw-pdp__grid{display:grid; grid-template-columns:1.05fr 1fr; gap:46px; align-items:start}
.pw-pdp__gallery{position:sticky; top:110px}
.pw-pdp__main{position:relative; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow); background:var(--cream-2); aspect-ratio:1/1;
  border-radius:46% 54% 52% 48% / 50% 46% 54% 50%}
.pw-pdp__main img{width:100%; height:100%; object-fit:cover}
.pw-pdp__thumbs{display:flex; gap:12px; margin-top:16px}
.pw-pdp__thumb{width:78px; height:78px; border-radius:18px; overflow:hidden; border:3px solid transparent; cursor:pointer; background:var(--cream-2)}
.pw-pdp__thumb img{width:100%; height:100%; object-fit:cover}
.pw-pdp__thumb--active{border-color:var(--coral)}
.pw-pdp__cat{color:var(--turq-d); font-weight:800; text-transform:uppercase; letter-spacing:.1em; font-size:.8rem}
.pw-pdp__title{font-size:clamp(1.8rem,3.6vw,2.6rem); margin:8px 0 10px}
.pw-pdp__rating{display:flex; align-items:center; gap:10px; color:var(--ink-soft); font-size:.92rem; margin-bottom:18px}
.pw-pdp__price{display:flex; align-items:baseline; gap:14px; margin-bottom:8px}
.pw-pdp__price b{font-family:"Fredoka",sans-serif; font-size:2rem; color:var(--coral-d)}
.pw-pdp__price s{color:var(--ink-soft); font-size:1.1rem}
.pw-pdp__price .pw-off{background:var(--coral); color:#fff; font-weight:800; padding:4px 12px; border-radius:var(--r-pill); font-size:.84rem}
.pw-pdp__short{font-size:1.1rem; color:var(--ink-soft); margin:8px 0 22px}
.pw-pdp__stock{display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.9rem; margin-bottom:20px; font-family:"Fredoka",sans-serif}
.pw-pdp__stock--in{color:var(--turq-d)} .pw-pdp__stock--low{color:var(--coral-d)}
.pw-pdp__stock .dot{width:9px; height:9px; border-radius:50%; background:currentColor}
.pw-variant{margin-bottom:18px}
.pw-variant__label{font-weight:800; font-family:"Fredoka",sans-serif; font-size:.92rem; margin-bottom:8px; display:block; text-transform:capitalize}
.pw-pastilles{display:flex; gap:9px; flex-wrap:wrap}
.pw-pastille{border:2px solid var(--line); background:var(--paper); border-radius:var(--r-pill); padding:8px 18px; cursor:pointer;
  font-family:"Fredoka",sans-serif; font-weight:500; font-size:.92rem; transition:all .2s var(--ease)}
.pw-pastille:hover{border-color:var(--coral-soft)}
.pw-pastille--active{background:var(--coral); color:#fff; border-color:var(--coral)}
.pw-pdp__buy{display:flex; gap:14px; align-items:center; margin:24px 0 16px; flex-wrap:wrap}
.pw-qtybox{display:inline-flex; align-items:center; gap:8px; background:var(--paper); border-radius:var(--r-pill); padding:6px; box-shadow:var(--shadow-sm)}
.pw-qtybox button{width:38px; height:38px; border-radius:50%; border:none; background:var(--cream); cursor:pointer; font-size:1.2rem; color:var(--ink)}
.pw-qtybox button:hover{background:var(--coral-soft)}
.pw-qtybox span{min-width:30px; text-align:center; font-weight:700; font-family:"Fredoka",sans-serif}
.pw-pdp__reassure{display:flex; gap:18px; flex-wrap:wrap; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:6px 0 24px}
.pw-pdp__reassure span{display:inline-flex; align-items:center; gap:8px; font-size:.86rem; color:var(--ink-soft); font-weight:600}
.pw-pdp__reassure svg{color:var(--turq-d); width:20px; height:20px}
.pw-pdp__benefits{list-style:none; padding:0; margin:0 0 10px; display:grid; gap:10px}
.pw-pdp__benefits li{display:flex; gap:10px; align-items:flex-start}
.pw-pdp__benefits li::before{content:""; flex:none; width:22px; height:22px; margin-top:1px; border-radius:50%; background:var(--turq-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='%231ba99c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}

/* PDP sections bas */
.pw-pdp__sections{margin-top:64px}
.pw-panel{background:var(--paper); border-radius:var(--r-lg); padding:34px; box-shadow:var(--shadow-sm); margin-bottom:26px}
.pw-panel h2{font-size:1.5rem; margin-bottom:18px}
.pw-specs{width:100%; border-collapse:collapse}
.pw-specs td{padding:13px 4px; border-bottom:1px solid var(--line); vertical-align:top}
.pw-specs td:first-child{font-weight:800; font-family:"Fredoka",sans-serif; width:36%; color:var(--ink)}
.pw-specs td:last-child{color:var(--ink-soft)}
.pw-faq__item{border-bottom:1px solid var(--line)}
.pw-faq__q{width:100%; text-align:left; background:none; border:none; cursor:pointer; padding:18px 0; font-family:"Fredoka",sans-serif;
  font-weight:600; font-size:1.08rem; color:var(--ink); display:flex; justify-content:space-between; align-items:center; gap:14px}
.pw-faq__q::after{content:"+"; color:var(--coral); font-size:1.5rem; transition:transform .3s}
.pw-faq__item--open .pw-faq__q::after{transform:rotate(45deg)}
.pw-faq__a{max-height:0; overflow:hidden; transition:max-height .35s ease; color:var(--ink-soft)}
.pw-faq__item--open .pw-faq__a{max-height:240px}
.pw-faq__a p{padding:0 0 18px}
/* reviews on PDP */
.pw-revsum{display:grid; grid-template-columns:auto 1fr; gap:34px; align-items:center; margin-bottom:28px}
.pw-revsum__big{text-align:center}
.pw-revsum__big b{font-family:"Fredoka",sans-serif; font-size:3rem; color:var(--coral); display:block; line-height:1}
.pw-revbars{display:grid; gap:7px; min-width:0}
.pw-revbar{display:flex; align-items:center; gap:10px; font-size:.82rem; color:var(--ink-soft)}
.pw-revbar__lab{display:inline-flex; align-items:center; gap:2px; min-width:34px; color:var(--accent)}
.pw-revbar__lab svg{width:13px; height:13px}
.pw-revbar__track{flex:1; height:8px; background:var(--cream); border-radius:var(--r-pill); overflow:hidden}
.pw-revbar__fill{height:100%; background:var(--accent); border-radius:var(--r-pill)}
.pw-revlist{display:grid; gap:18px}
.pw-rev{padding:20px; background:var(--cream-2); border-radius:var(--r-md)}
.pw-rev__head{display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; flex-wrap:wrap}
.pw-rev__who{font-family:"Fredoka",sans-serif; font-weight:600; display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap}
.pw-rev__av{display:inline-flex; align-items:center; color:var(--coral)}
.pw-rev__av svg{width:20px; height:20px}
.pw-rev__date{color:var(--ink-soft); font-size:.82rem}
.pw-rev__verified{color:var(--turq-d); font-size:.76rem; font-weight:800; display:inline-flex; align-items:center; gap:3px}
.pw-rev__verified svg{width:14px; height:14px}

/* ---- Shop / collection ---- */
.pw-shophead{background:linear-gradient(135deg,var(--coral-soft),var(--turq-soft)); border-radius:var(--r-lg); padding:42px 38px; margin-bottom:30px; position:relative; overflow:hidden}
.pw-shophead h1{font-size:clamp(2rem,4vw,2.8rem); margin-bottom:8px}
.pw-shophead p{color:var(--ink); opacity:.8; max-width:50ch; margin:0}
.pw-shopbar{display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:26px; flex-wrap:wrap}
.pw-chips{display:flex; gap:9px; flex-wrap:wrap}
.pw-chip{border:2px solid transparent; background:var(--paper); border-radius:var(--r-pill); padding:9px 18px; cursor:pointer;
  font-family:"Fredoka",sans-serif; font-weight:500; font-size:.92rem; box-shadow:var(--shadow-sm); transition:all .2s var(--ease)}
.pw-chip:hover{transform:translateY(-2px)}
.pw-chip--active{background:var(--coral); color:#fff}
.pw-select{border:2px solid var(--line); border-radius:var(--r-pill); padding:11px 18px; font-family:"Fredoka",sans-serif; font-weight:500;
  background:var(--paper); color:var(--ink); cursor:pointer; font-size:.92rem}
.pw-shopcount{color:var(--ink-soft); font-size:.9rem; margin-bottom:18px}

/* ---- About / Contact / Legal ---- */
.pw-page{padding:30px 0 20px}
.pw-page__hero{text-align:center; max-width:720px; margin:0 auto 50px}
.pw-page__hero h1{font-size:clamp(2.2rem,5vw,3.4rem)}
.pw-prose{max-width:760px; margin:0 auto; font-size:1.05rem}
.pw-prose h2{font-size:1.5rem; margin:34px 0 12px}
.pw-prose p{color:var(--ink-soft); margin:0 0 16px}
.pw-prose ul{color:var(--ink-soft)}
.pw-contact{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start}
.pw-form{display:grid; gap:14px}
.pw-form input,.pw-form textarea{border:2px solid var(--line); border-radius:var(--r-md); padding:14px 18px; font-family:inherit; font-size:1rem; background:var(--paper); color:var(--ink); outline:none; transition:border-color .2s}
.pw-form input:focus,.pw-form textarea:focus{border-color:var(--coral)}
.pw-form textarea{min-height:140px; resize:vertical}
.pw-aboutimg{border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow); aspect-ratio:4/3}
.pw-aboutimg img{width:100%;height:100%;object-fit:cover}
.pw-statgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:40px 0}
.pw-stat{background:var(--paper); border-radius:var(--r-lg); padding:28px; text-align:center; box-shadow:var(--shadow-sm)}
.pw-stat b{font-family:"Fredoka",sans-serif; font-size:2.4rem; color:var(--coral); display:block}

/* ---- Sticky ATC mobile (PDP) ---- */
.pw-atcbar{position:fixed; left:0; right:0; bottom:0; z-index:54; background:rgba(255,253,249,.96); backdrop-filter:blur(10px);
  border-top:1px solid var(--line); padding:10px 14px calc(10px + env(safe-area-inset-bottom)); display:none; gap:14px; align-items:center;
  box-shadow:0 -10px 30px -18px rgba(0,0,0,.3)}
.pw-atcbar__info{flex:1; min-width:0}
.pw-atcbar__name{font-family:"Fredoka",sans-serif; font-weight:600; font-size:.92rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pw-atcbar__price{color:var(--coral-d); font-weight:800}
.pw-atcbar__price s{color:var(--ink-soft); font-weight:400; font-size:.85em; margin-left:6px}
.pw-on-pdp #pw-stickybar{display:none}

/* ---- Bundle / cross-sell ---- */
.pw-bundle{display:flex; gap:14px; flex-wrap:wrap; align-items:stretch}
.pw-bundle__item{flex:1; min-width:160px; background:var(--cream-2); border-radius:var(--r-md); padding:14px; display:flex; gap:12px; align-items:center}
.pw-bundle__item img{width:64px; height:64px; border-radius:14px; object-fit:cover; flex:none}
.pw-bundle__item strong{font-family:"Fredoka",sans-serif; font-size:.95rem; display:block}
.pw-bundle__item .pw-card__price{margin:4px 0 0}
.pw-bundle__add{margin-left:auto; border:none; background:var(--turq); color:#fff; width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:1.3rem; flex:none}
.pw-bundle__add:hover{background:var(--turq-d)}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width:1000px){
  .pw-grid,.pw-cats,.pw-benefits{grid-template-columns:repeat(2,1fr)}
  .pw-journal,.pw-bubbles,.pw-statgrid{grid-template-columns:1fr}
  .pw-hero__grid,.pw-split,.pw-story__grid,.pw-pdp__grid,.pw-contact{grid-template-columns:1fr}
  .pw-split--rev .pw-split__media{order:0}
  .pw-pdp__gallery{position:static}
  .pw-nav{display:none}
  .pw-burger{display:inline-flex}
  .pw-hero__visual{max-width:440px; margin:0 auto}
  .pw-footer__main{grid-template-columns:1fr; gap:34px}
  .pw-footer__links{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:560px){
  body{font-size:16px}
  .pw-section{padding:50px 0}
  .pw-grid,.pw-cats,.pw-benefits{grid-template-columns:repeat(2,1fr); gap:14px}
  .pw-card__body{padding:13px 14px 16px}
  .pw-revsum{grid-template-columns:1fr}
  .pw-headbar{padding:9px 14px; gap:8px}
  .pw-news__in{flex-direction:column; align-items:stretch; text-align:center}
  .pw-news__form{max-width:none}
  .pw-footer__links{grid-template-columns:1fr 1fr}
  .pw-hiw{grid-template-columns:1fr}
  .pw-statgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .pw-on-pdp .pw-atcbar{display:flex}
}