/* GÉMO Sénégal · reproduction de la composition verticale de la référence fournie.
   Toutes les images de collection sont des illustrations, pas des articles officiels. */
:root{--ref-rose:#f35a91;--ref-yellow:#f7d367;--ref-cyan:#08b9bf;--ref-ink:#183047}
.shell{width:min(1220px,calc(100% - 64px))}
.ref-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex:none}
/* Deux bandeaux horizontaux alignés sur la maquette */
.ref-header{background:#fff;position:relative;z-index:80}
.ref-header-top{background:#f5ce61}
.ref-head-inner{height:100px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}
.ref-brand{display:flex;align-items:center;gap:13px;justify-self:start;min-width:0}
.ref-brand .logo{width:80px;height:80px;object-fit:contain}
.ref-brand span{display:flex;flex-direction:column;gap:1px}
.ref-brand strong{font-size:21px;font-weight:900;letter-spacing:-.05em;white-space:nowrap}
.ref-brand small{font-size:11px;font-weight:700;white-space:nowrap}
.ref-header-decoration{display:flex;align-items:center;justify-content:center;gap:0;user-select:none}
.ref-header-decoration span{display:grid;place-items:center;border-radius:50%;width:39px;height:39px;border:3px solid #f5ce61;color:#fff;font-size:23px;transform:rotate(-8deg)}
.ref-header-decoration span:nth-child(1){background:#fd8eb2;transform:translateX(10px) rotate(-12deg)}
.ref-header-decoration span:nth-child(2){background:#16b9c1;z-index:1;transform:rotate(12deg)}
.ref-header-decoration span:nth-child(3){background:#eaa0bc;transform:translateX(-10px) rotate(8deg)}
.ref-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-width:0}
.ref-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;position:relative;font-size:12px;font-weight:900;white-space:nowrap;min-height:42px}
.ref-action span{display:flex;flex-direction:column;font-size:12px;line-height:1.3}
.ref-action small{font-weight:700;font-size:10px}
.ref-action>b{background:#fff;color:#d02b71;padding:2px 5px;border-radius:99px;font-size:10px;line-height:1.1}
.ref-cart{background:#13b7bd;padding:9px 13px;border-radius:30px;color:#fff}
.ref-cart>b{color:#e33177}
.ref-menu-btn{display:none!important}
.ref-nav{box-shadow:0 2px 9px #34455910}
.ref-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;height:66px;position:relative}
.ref-nav-pill{display:flex;gap:8px;justify-content:center;align-items:center;border-radius:40px;padding:11px 19px;white-space:nowrap;font-weight:900;font-size:11px;line-height:1.2;min-height:38px}
.ref-nav-yellow{background:#efc85c;color:#fff}.ref-nav-pink{background:#ee7e9e;color:#fff}
.ref-nav-pill .ref-icon{height:18px;width:18px}
.ref-nav nav{display:flex;justify-content:center;gap:19px;align-items:center;flex:1;min-width:0}
.ref-nav nav a{font-weight:900;font-size:12px;white-space:nowrap;position:relative;padding:23px 0}
.ref-nav nav a.current,.ref-nav nav a:hover{color:#de2676}
.ref-nav nav a.current:after{content:"";height:2px;border-radius:10px;position:absolute;bottom:16px;left:0;right:0;background:#de2676}
.ref-nav-right{display:flex;align-items:center;gap:8px}
.ref-search-toggle{display:grid;place-items:center;border:0;background:#fff;color:#25334d;width:36px;height:36px;border-radius:50%}
.ref-search-toggle:hover{background:#f7eaf0}
.ref-expand-search{display:none;position:absolute;z-index:100;right:0;top:calc(100% + 4px);width:min(470px,100%);border-radius:15px;background:white;padding:13px;box-shadow:0 10px 32px #21364c2b;gap:10px;border:1px solid #f4e5ed}
.ref-expand-search.is-open{display:flex}
.ref-expand-search input{flex:1;border:1px solid #dfdde4;border-radius:40px;padding:10px 15px;min-width:0}
.ref-expand-search button{border-radius:40px}
/* Hero photo bord à bord. Deux groupes autour du texte comme la référence. */
.hero.ref-hero{height:clamp(380px,34vw,498px);background:#08b3bb;overflow:hidden}
.ref-hero .hero-panel,.ref-hero .hero-track{position:absolute;inset:0}
.ref-hero .hero-panel .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:none}
.ref-hero .hero-family .hero-art{object-position:center 53%!important}
.ref-hero .hero-family .hero-shade{background:linear-gradient(90deg,transparent 27%,rgba(0,99,108,.16) 36%,rgba(0,98,106,.12) 64%,transparent 73%)}
.ref-hero .hero-panel .hero-copy{position:absolute;top:48%;left:50%;width:min(460px,36%);transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:0 2px 14px #0d596349}
.ref-hero .hero-copy h1{font-size:clamp(31px,3.55vw,54px);font-weight:900;letter-spacing:-.055em;line-height:1.05;margin:0 0 15px}
.ref-hero .hero-copy p{font-size:14px;line-height:1.6;font-weight:800;max-width:390px;margin:0 auto 23px}
.ref-hero .hero-ctas{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ref-hero .hero-ctas .button{padding:12px 19px;font-size:12px;text-shadow:none;min-height:41px}
.ref-hero .hero-dots{bottom:14px;gap:8px}
.ref-hero .hero-dots button{width:11px;height:11px;border:2px solid white;background:#ffffff80;border-radius:99px}
.ref-hero .hero-dots button.selected{width:11px;background:#f75d98;border-color:#f75d98}
.ref-hero .ref-float{position:absolute;color:#ffd66c;top:8%;font-size:24px;pointer-events:none;z-index:3;line-height:1}
.ref-hero .ref-float-one{left:48%}.ref-hero .ref-float-two{left:58%;top:15%;color:#ffb3cb;transform:rotate(25deg)}
.ref-hero .ref-float-three{left:39%;top:17%;font-size:15px;color:#fff}
.ref-hero .hero-woman{background:#f5a0be}
.ref-hero .hero-woman .hero-art{width:50%;left:auto;object-position:center 20%}
.ref-hero .hero-woman .hero-shade{background:linear-gradient(90deg,#ee92b8 0 52%,transparent 88%)}
.ref-hero .hero-woman .hero-copy{left:25%;width:41%;text-align:left;color:#17304a;text-shadow:none}
.ref-hero .hero-woman .hero-ctas{justify-content:flex-start}
.ref-hero .hero-kids{background:#ffdf75}
.ref-hero .hero-kids .hero-art{width:52%;left:auto;object-position:center 31%}
.ref-hero .hero-kids .hero-shade{background:linear-gradient(90deg,#ffe08a 0 52%,transparent 85%)}
.ref-hero .hero-kids .hero-copy{left:25%;width:41%;text-align:left;color:#183047;text-shadow:none}
.ref-hero .hero-kids .hero-ctas{justify-content:flex-start}
/* Première rangée : quatre cartes quasi carrées comme sur la maquette */
.ref-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding-top:32px}
.ref-category{aspect-ratio:1/.99;position:relative;overflow:hidden;border-radius:16px;background:#f7a5bd;isolation:isolate;min-width:0;display:block;transition:transform .25s}
.ref-category:hover{transform:translateY(-3px)}
.ref-category>img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .3s;display:block}
.ref-category:hover>img{transform:scale(1.03)}
.ref-category:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#14394d6b 0,transparent 44%)}
.ref-category-overlay{position:absolute;inset:0;z-index:1;padding:19px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#fff}
.ref-category h2{font-size:clamp(17px,2.1vw,27px);font-weight:900;margin:0;line-height:1.07;letter-spacing:-.045em;max-width:75%}
.ref-category-overlay>span{background:#fff;color:#21394a;border-radius:30px;padding:6px 12px;font-weight:900;font-size:10px}
.ref-category i{position:absolute;z-index:2;top:15px;right:15px;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;color:#24354b}
.ref-category i svg{width:18px;height:18px}
.ref-cat-yellow h2{color:#183047;text-shadow:none}
.ref-cat-yellow:after{background:linear-gradient(180deg,#ffdc6260 0,transparent 43%)}
.ref-cat-blue{background:#06aeb7}.ref-cat-pink{background:#ed8daf}.ref-cat-yellow{background:#ffdf76}.ref-cat-blush{background:#f1a0b2}
.ref-cat-blush>img{object-position:center 66%}
/* Pilule jaune au centre et petits cœurs des deux côtés */
.ref-shop-band{min-height:147px;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:center;padding:23px 3px}
.ref-shop-center{display:flex;flex-direction:column;align-items:center;gap:8px}
.ref-shop-pill{min-width:min(370px,100%);background:var(--ref-yellow);border-radius:99px;color:#fff;padding:11px 32px;font-size:24px;font-weight:900;letter-spacing:-.04em;box-shadow:inset 0 -2px 0 #dfb94e15}
.ref-shop-pill:hover{background:#efc551}
.ref-shop-center p{margin:0;font-size:12px;font-weight:700;color:#5d6571}
.ref-hearts{display:flex;gap:11px;align-items:center;min-width:175px;justify-content:space-between}
.ref-hearts span{font-size:31px;color:#f2ce59;line-height:1}
.ref-hearts span:nth-child(2){color:#0fb2b7;font-size:18px;transform:rotate(-18deg)}
.ref-hearts span:nth-child(3){color:#ef75a0;font-size:21px;transform:translateY(-18px) rotate(20deg)}
.ref-hearts span:nth-child(4){color:#64b9e0;font-size:40px;transform:rotate(12deg)}
.ref-right{transform:scaleX(-1)}
/* Les trois blocs publicitaires horizontaux » */
.ref-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-bottom:32px}
.ref-promo{height:235px;position:relative;display:block;border-radius:15px;overflow:hidden;background:#0ab3bd;isolation:isolate}
.ref-promo-copy{position:absolute;z-index:3;left:5%;top:50%;transform:translateY(-50%);max-width:56%;color:white}
.ref-promo h2{font-size:clamp(20px,2.15vw,30px);margin:0 0 9px;font-weight:900;line-height:1.07;letter-spacing:-.045em}
.ref-promo p{font-size:12px;line-height:1.45;margin:0 0 14px;max-width:190px}
.ref-small-button{background:#fff;border-radius:99px;padding:10px 16px;font-size:11px;font-weight:900;color:#243546;display:inline-block}
.ref-promo:hover .ref-small-button{background:#ffe8a2}
.ref-promo img{position:absolute;right:0;top:0;height:100%;width:55%;object-fit:cover;object-position:center 24%;display:block;mask-image:linear-gradient(90deg,transparent,#000 23%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 23%)}
.ref-promo-teal{background:#04acb9}.ref-promo-pink{background:#ef95b3}.ref-promo-mint{background:#6dcfc3}
.ref-promo-teal .ref-promo-copy,.ref-promo-pink .ref-promo-copy{left:auto;right:4%;max-width:55%}
.ref-promo-teal img,.ref-promo-pink img{left:0;right:auto;mask-image:linear-gradient(270deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(270deg,transparent,#000 24%)}
.ref-promo-pink img{object-position:center 21%}
.ref-promo-mint img{object-position:center 50%}
/* Grand bandeau jaune/rose à hauteur généreuse, avec photo VISIBLE sur smartphone */
.ref-seasonal{background:linear-gradient(106deg,#eec65c 0%,#f7d770 46%,#f2a2b8 47%,#f2a3c0 100%);overflow:hidden;position:relative}
.ref-seasonal-inner{height:370px;display:flex;position:relative;align-items:center;isolation:isolate}
.ref-seasonal-text{z-index:4;position:relative;width:44%;padding:22px 0}
.ref-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:900}
.ref-seasonal-text h2{font-size:clamp(32px,3.3vw,46px);font-weight:900;margin:12px 0;line-height:1.06}
.ref-seasonal-text p{font-size:14px;max-width:330px;margin:0 0 22px}
.ref-seasonal-text .button{padding:12px 23px}
.ref-seasonal-image{position:absolute;inset:0 9% 0 40%;z-index:2;overflow:hidden}
.ref-seasonal-image img{width:100%;height:100%;object-fit:cover;object-position:center 35%;mask-image:linear-gradient(90deg,transparent 0,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%)}
.ref-seasonal-medal{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(5deg);z-index:4;border-radius:50%;background:#6bc9bb;color:white;font-size:18px;font-weight:900;line-height:1.1;display:grid;place-items:center;text-align:center;width:130px;height:130px;box-shadow:0 6px 24px #03444d19}
/* Démonstration catalogue conservée après la composition originale */
.ref-featured{padding:47px 0 51px}
.ref-featured .section-heading h2{font-size:32px}
.ref-featured .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ref-featured .product-photo{height:265px}
.ref-featured .product-photo img{object-position:center 30%}
.ref-featured .product-card{box-shadow:0 7px 22px #253f5310}
/* Bande de quatre informations en bas comme les avis de la maquette (sans faux avis) */
.ref-service-strip{background:white;border-top:1px solid #eef1f2;border-bottom:1px solid #e3eeee}
.ref-service-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:107px;align-items:center;gap:0}
.ref-service-inner a{display:flex;align-items:center;gap:13px;min-height:70px;padding:10px 17px;justify-content:center;border-right:1px solid #e6e9e9;font-size:13px;line-height:1.3}
.ref-service-inner a:last-child{border-right:0}
.ref-service-dot{height:45px;width:45px;display:grid;place-items:center;border-radius:50%;background:#f9d665;color:#fff;flex:none}
.ref-service-inner a:nth-child(2) .ref-service-dot{background:#04b8c3}.ref-service-inner a:nth-child(3) .ref-service-dot{background:#ee83a6}.ref-service-inner a:nth-child(4) .ref-service-dot{background:#7dcabb}
.ref-service-dot svg{width:23px;height:23px}
/* Footer turquoise multicolonnes identique dans son rythme à la référence */
.site-footer.ref-footer{background:#91d8d8;color:#173c4e;padding:41px 0 0}
.ref-footer-columns{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr 1fr;gap:27px}
.ref-footer-columns section{min-width:0}.ref-footer-columns h3{font-size:14px;font-weight:900;margin:7px 0 14px}
.ref-footer-columns section>a:not(.ref-footer-logo){display:block;font-size:12px;margin:7px 0;line-height:1.35}
.ref-footer-columns p{font-size:12px;line-height:1.65;margin:12px 0;max-width:250px}
.ref-footer-intro .ref-footer-logo{display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-size:15px;font-weight:900}
.ref-footer-logo .logo{height:71px;width:71px;object-fit:contain}
.ref-footer-icon svg{width:23px;height:23px}
.ref-smallprint{font-size:10px!important;opacity:.78}
.ref-footer-bottom{border-top:1px solid #70c0c0;margin-top:24px;padding:19px 0;text-align:center;font-size:11px;line-height:1.6}
/* Contrôle des anciens styles sans modifier le catalogue/fonctionnalités */
.ref-home .button,.ref-header .button{font-weight:900}
.ref-home .button-teal{background:#05b4bc;color:white}
.ref-home .button-pink{background:#f26b9b;color:white}
.ref-header .ref-nav nav.open{display:flex}
@media(max-width:1230px){
 .shell{width:calc(100% - 44px)}
 .ref-head-inner{height:90px}
 .ref-brand .logo{width:72px;height:72px}
 .ref-brand strong{font-size:19px}
 .ref-header-actions{gap:14px}
 .ref-nav-inner{gap:10px}
 .ref-nav nav{gap:12px}
 .ref-nav nav a{font-size:11px}
 .ref-nav-pill{padding:10px 13px;font-size:10px}
 .ref-categories{gap:12px}
 .ref-service-inner a{gap:8px;padding:10px}
}
@media(max-width:950px){
 .ref-head-inner{grid-template-columns:1fr auto}
 .ref-header-decoration{display:none}
 .ref-action span.ref-only-wide{display:none}
 .ref-nav-pill{display:none}
 .ref-nav nav{gap:17px}
 .ref-nav nav a{font-size:11px}
 .ref-nav-inner{height:57px}
 .ref-hero .hero-panel .hero-copy{width:42%}
 .ref-hero .hero-copy h1{font-size:clamp(27px,4.3vw,39px)}
 .ref-hero .hero-copy p{font-size:12px}
 .ref-hearts{min-width:95px;gap:4px}
 .ref-hearts span{font-size:22px!important}
 .ref-shop-pill{min-width:310px;font-size:20px}
 .ref-promos{gap:12px}
 .ref-promo h2{font-size:20px}
 .ref-promo{height:200px}
 .ref-promo-copy{max-width:60%}
 .ref-promo p{font-size:10px}
 .ref-small-button{padding:8px 10px;font-size:10px}
 .ref-featured .product-photo{height:225px}
 .ref-footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
}
@media(max-width:690px){
 .shell{width:calc(100% - 28px)}
 .ref-head-inner{height:76px;grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .ref-brand{gap:7px}
 .ref-brand .logo{width:57px;height:57px}
 .ref-brand strong{font-size:15px}.ref-brand small{font-size:9px}
 .ref-header-actions{gap:9px}
 .ref-header-actions .ref-action:first-child{display:none}
 .ref-action{min-height:35px;gap:0}
 .ref-action .ref-icon{height:23px;width:23px}
 .ref-action>b{position:absolute;right:-5px;top:-2px;font-size:9px;padding:1px 5px}
 .ref-cart{background:none;color:#14334b;padding:0}
 .ref-menu-btn{display:block!important;padding:4px;border:0;background:transparent;font-size:25px;line-height:1}
 .ref-nav-inner{height:48px}
 .ref-nav nav{display:none;position:absolute;left:-14px;right:-14px;top:100%;z-index:60;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 18px;background:#fff;box-shadow:0 12px 25px #001f3529}
 .ref-nav nav a{padding:10px 0;border-bottom:1px solid #f1eded;font-size:13px}
 .ref-nav nav a.current:after{bottom:7px;right:auto;width:28px}
 .ref-nav-right{margin-left:auto;width:100%}
 .ref-nav-right:before{content:'Toute la mode pour la famille';font-size:12px;font-weight:900;color:#273547;margin-right:auto}
 .ref-search-toggle{width:39px;height:39px;background:#fff2f5}
 .ref-expand-search{left:0;right:0;width:100%;box-sizing:border-box}
 .hero.ref-hero{height:485px!important}
 .ref-hero .hero-panel .hero-art{height:255px!important;top:0;bottom:auto;width:100%!important;object-fit:contain!important;object-position:center top!important}
 .ref-hero .hero-family .hero-art{object-position:center top!important}
 .ref-hero .hero-panel.hero-family .hero-shade{background:linear-gradient(0deg,#08afb8 0%,#08afb8 40%,transparent 61%)}
 .ref-hero .hero-panel .hero-copy,.ref-hero .hero-panel.hero-woman .hero-copy,.ref-hero .hero-panel.hero-kids .hero-copy{position:absolute;top:auto;bottom:43px;left:6%;right:6%;width:auto;transform:none;text-align:center;color:white;text-shadow:none}
 .ref-hero .hero-woman,.ref-hero .hero-kids{background:#0eafba}
 .ref-hero .hero-woman .hero-shade,.ref-hero .hero-kids .hero-shade{background:linear-gradient(0deg,#0eafba 0%,#0eafba 45%,transparent 67%)}
 .ref-hero .hero-copy h1{font-size:clamp(30px,8vw,39px);line-height:1.08;margin:0 0 7px}
 .ref-hero .hero-copy p{font-size:12px;margin:0 auto 13px;line-height:1.5;max-width:300px}
 .ref-hero .hero-copy .hero-ctas,.ref-hero .hero-woman .hero-copy .hero-ctas,.ref-hero .hero-kids .hero-copy .hero-ctas{justify-content:center}
 .ref-hero .hero-ctas .button{font-size:11px;padding:10px 12px}
 .ref-hero .ref-float{display:none}
 .ref-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:18px}
 .ref-category{aspect-ratio:1/.99;border-radius:13px}
 .ref-category-overlay{padding:13px}
 .ref-category h2{font-size:clamp(16px,4.1vw,23px)}
 .ref-category i{width:28px;height:28px;top:9px;right:9px}
 .ref-category i svg{width:15px;height:15px}
 .ref-category-overlay>span{font-size:9px;padding:6px 8px;max-width:100%}
 .ref-shop-band{min-height:133px;padding:19px 0}
 .ref-hearts{min-width:30px;gap:4px}
 .ref-hearts span{display:none}
 .ref-hearts span:first-child,.ref-hearts span:last-child{display:inline;font-size:18px!important}
 .ref-shop-center{flex:1}
 .ref-shop-pill{min-width:0;width:100%;padding:12px 10px;font-size:17px}
 .ref-shop-center p{font-size:10px;line-height:1.5}
 .ref-promos{grid-template-columns:1fr;gap:13px;padding-bottom:22px}
 .ref-promo{height:205px}
 .ref-promo h2{font-size:26px}
 .ref-promo p{font-size:12px}
 .ref-promo-copy{max-width:50%!important}
 .ref-promo img{width:52%}
 .ref-seasonal{background:linear-gradient(125deg,#f3cd66 0%,#f5d57c 39%,#f2a0ba 40%,#f3a5c0 100%)}
 .ref-seasonal-inner{height:auto;min-height:500px;display:flex;flex-direction:column;align-items:stretch;padding-top:30px}
 .ref-seasonal-text{width:100%;padding:0 7px;z-index:5}
 .ref-seasonal-text h2{font-size:34px;margin:11px 0}
 .ref-seasonal-text p{font-size:12px;max-width:250px;margin-bottom:14px}
 .ref-seasonal-text .button{font-size:11px;padding:10px 17px}
 .ref-seasonal-image{position:relative;inset:auto;width:100%;height:260px;margin-top:auto;z-index:2}
 .ref-seasonal-image img{width:100%;height:100%;object-fit:cover;object-position:center 27%;mask-image:linear-gradient(0deg,#000 90%,transparent);-webkit-mask-image:linear-gradient(0deg,#000 90%,transparent)}
 .ref-seasonal-medal{width:85px;height:85px;right:12px;top:30px;transform:rotate(9deg);font-size:12px}
 .ref-featured{padding:35px 0}
 .ref-featured .section-heading h2{font-size:26px}
 .ref-featured .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ref-featured .product-photo{height:220px}
 .ref-service-inner{grid-template-columns:1fr 1fr;gap:0;padding:12px 0}
 .ref-service-inner a{justify-content:flex-start;padding:12px 7px;min-height:65px;font-size:11px}
 .ref-service-inner a:nth-child(2){border:0}
 .ref-service-dot{height:37px;width:37px}
 .ref-service-dot svg{width:19px;height:19px}
 .site-footer.ref-footer{padding:31px 0 0}
 .ref-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .ref-footer-intro{grid-column:1/-1}
 .ref-footer-intro .ref-footer-logo{flex-direction:row;align-items:center}
 .ref-footer-logo .logo{width:58px;height:58px}
 .ref-footer-intro p{max-width:340px;margin:8px 0}
 .ref-footer-columns h3{font-size:13px;margin:6px 0 10px}
 .ref-footer-columns section>a:not(.ref-footer-logo){font-size:11px}
 .ref-footer-bottom{font-size:10px}
}
@media(max-width:390px){
 .ref-brand strong{font-size:13px}.ref-brand small{font-size:8px}
 .ref-hero .hero-copy h1{font-size:30px}
 .ref-hero .hero-ctas{gap:7px}
 .ref-hero .hero-ctas .button{font-size:10px;padding:10px}
 .ref-promo h2{font-size:24px}
 .ref-featured .product-photo{height:189px}
}
@media(prefers-reduced-motion:reduce){.ref-category,.ref-hero .hero-panel{transition:none!important}}

/* Derniers cadrages : les textes ne doivent jamais chevaucher les visages. */
.ref-promo-teal .ref-promo-copy,.ref-promo-pink .ref-promo-copy{max-width:47%;right:5%}
.ref-promo-teal img,.ref-promo-pink img{width:52%}
.ref-promo-teal h2,.ref-promo-pink h2{font-size:clamp(19px,2vw,27px)}
.ref-seasonal-image img{object-position:center 35%}
@media(max-width:690px){
 .ref-promo-teal .ref-promo-copy,.ref-promo-pink .ref-promo-copy{max-width:47%!important;right:5%}
 .ref-promo-teal h2,.ref-promo-pink h2{font-size:24px}
}