:root{--paper:#fff;--ink:#3430b8;--ink-d:#26238f;--text:#17153a;--soft:#45426b;--lilac:#eeeaff;--pink:#ffd4e2;--mint:#daf0df;--sun:#ffdc69;--rose:#e2557f;--line:#dcd6fb;
--head:"Bricolage Grotesque",ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;--body:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--r:26px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:var(--body);font-size:17px;line-height:1.55;color:var(--text);background:var(--paper)}
img{display:block;max-width:100%;height:auto}
a{color:var(--ink);text-underline-offset:4px}
h1,h2,h3{font-family:var(--head);font-weight:800;margin:0;letter-spacing:-.025em;line-height:1.02;color:var(--text)}
p{margin:0}
ul{list-style:none;margin:0;padding:0}
.wrap{max-width:1328px;margin:0 auto;padding:0 24px}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:12px;top:-80px;z-index:90;background:var(--text);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700}
.skip:focus{top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-family:var(--head);font-weight:800;font-size:18px;text-decoration:none;border:2.5px solid var(--text);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.btn-ink{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--text)}
.btn-ink:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--text)}
.btn-line{background:#fff;color:var(--text)}
.btn-line:hover{background:var(--lilac)}
.kicker{font-family:var(--head);font-weight:700;font-size:15px;color:var(--ink);letter-spacing:.01em}
/* Bandeau maquette */
.proto{background:var(--sun);font-size:14px;font-weight:700}
.proto .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px}
.proto p{padding:8px 0}
.proto a{display:inline-flex;align-items:center;min-height:44px;color:var(--text)}
/* En-tête */
.head{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:2px solid var(--text)}
.head-in{position:relative;display:flex;align-items:center;gap:20px;min-height:72px}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--text);flex-shrink:0}
.logo svg{width:40px;height:40px}
.logo b{font-family:var(--head);font-weight:800;font-size:25px;letter-spacing:-.03em}
.logo b span{color:var(--ink)}
.nav{flex:1}
.nav>ul{display:flex;align-items:center;gap:2px}
.nav-l,.nav-b{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:none;font:inherit;font-weight:700;font-size:16px;color:var(--text);cursor:pointer;text-decoration:none}
.nav-l:hover,.nav-b:hover,.nav-b[aria-expanded="true"]{background:var(--lilac)}
.nav-b svg{width:12px;height:12px;transition:transform .25s}
.nav-b[aria-expanded="true"] svg{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;top:100%;margin-top:2px;background:#fff;border:2.5px solid var(--text);border-radius:0 0 var(--r) var(--r);box-shadow:0 18px 0 -6px var(--lilac);padding:28px;display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;gap:28px}
.mega:not([hidden]){animation:drop .28s ease-out}
.mega[hidden]{display:none}
@keyframes drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.mega h3{font-size:14px;font-family:var(--body);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin-bottom:8px}
.mega li a{display:flex;align-items:center;min-height:44px;font-family:var(--head);font-weight:700;font-size:20px;color:var(--text);text-decoration:none}
.mega li a:hover{color:var(--ink);text-decoration:underline}
.feat{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;background:var(--lilac);border-radius:20px;padding:16px;text-decoration:none;color:var(--text)}
.feat img{width:120px;height:120px;object-fit:contain;background:#fff;border-radius:16px;transform:rotate(-4deg)}
.feat strong{display:block;font-family:var(--head);font-size:20px;line-height:1.15}
.feat span{font-size:15px;color:var(--soft)}
.feat:hover strong{text-decoration:underline}
form.search{display:flex;align-items:center;width:340px;flex-shrink:0;border:2.5px solid var(--text);border-radius:999px;background:#fff;padding:3px 3px 3px 18px}
form.search input{flex:1;min-width:0;height:40px;border:0;background:none;font:inherit;font-size:16px;color:var(--text)}
form.search input::placeholder{color:#5f5b85}
form.search input:focus{outline:none}
form.search:focus-within{outline:3px solid var(--ink);outline-offset:2px}
form.search button{width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:#fff;cursor:pointer;display:grid;place-items:center}
.burger{display:none;margin-left:auto;min-height:44px;min-width:44px;padding:0 16px;border:2.5px solid var(--text);border-radius:999px;background:var(--sun);font:inherit;font-weight:700;color:var(--text);cursor:pointer}
/* Héros */
.hero{padding:56px 0 72px}
.hero-g{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(46px,6.3vw,90px);line-height:.94;margin:14px 0 26px}
.hero h1 span{display:block}
.hero h1 em{font-style:normal;color:var(--ink);position:relative;white-space:nowrap}
.hero h1 em svg{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.3em;overflow:visible}
.lead{font-size:19px;color:var(--soft);max-width:31em;margin-bottom:28px}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.ctas .btn-ink{min-width:300px;min-height:60px;font-size:20px}
.trust{display:flex;gap:12px;align-items:flex-start;margin-top:30px;max-width:34em;font-size:15px;color:var(--soft)}
.trust svg{flex-shrink:0;width:28px;height:28px}
.note{position:relative;aspect-ratio:1/1.02;border-radius:30px;border:2.5px solid var(--text);background:#fff repeating-linear-gradient(transparent 0 37px,#d9d4fb 37px 39px);overflow:hidden}
.note::before{content:"";position:absolute;top:0;bottom:0;left:13%;width:2px;background:var(--rose)}
.note::after{content:"";position:absolute;left:3.5%;top:6%;bottom:6%;width:16px;background:radial-gradient(circle,var(--text) 5px,transparent 6px) 0 0/16px 46px}
.cut{position:absolute;display:block;background:#fff;border:2.5px solid var(--text);border-radius:24px;padding:10px;box-shadow:7px 7px 0 var(--ink);text-decoration:none;color:var(--text);transition:transform .3s}
.cut img{width:100%;aspect-ratio:1/1;object-fit:contain}
.cut span{display:block;padding:4px 6px 2px;font-family:var(--head);font-weight:700;font-size:15px;line-height:1.2}
.cut:hover{transform:rotate(0) scale(1.03)!important}
.c1{width:50%;left:19%;top:7%;transform:rotate(-5deg);z-index:2}
.c2{width:37%;right:5%;top:15%;transform:rotate(6deg);box-shadow:7px 7px 0 var(--rose)}
.c3{width:38%;right:12%;bottom:5%;transform:rotate(-2deg);box-shadow:7px 7px 0 #49a86a;z-index:3}
.blob{position:absolute;border-radius:50%}
.b1{width:34%;aspect-ratio:1;left:10%;bottom:-8%;background:var(--sun)}
.b2{width:18%;aspect-ratio:1;right:-4%;top:-4%;background:var(--pink)}
.doodle{position:absolute;left:21%;bottom:30%;width:22%;z-index:1}
.in{opacity:0;animation:rise .7s cubic-bezier(.2,.8,.2,1) forwards}
.d1{animation-delay:.08s}.d2{animation-delay:.18s}.d3{animation-delay:.3s}.d4{animation-delay:.42s}
@keyframes rise{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
/* Sections */
.sec{padding:72px 0}
.sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-bottom:36px}
.sec-h h2{font-size:clamp(34px,4.4vw,60px)}
.sec-h p{max-width:30em;color:var(--soft)}
/* Univers */
.uni{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.uni a{display:flex;flex-direction:column;text-decoration:none;color:var(--text);min-height:44px}
.uni figure{margin:0 0 14px;aspect-ratio:1/1.1;display:grid;place-items:center;padding:14%;transition:transform .3s}
.uni img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:50%;background:#fff;padding:10%}
.uni li:nth-child(1) figure{background:var(--lilac);border-radius:50% 50% 24px 24px}
.uni li:nth-child(2) figure{background:var(--mint);border-radius:24px}
.uni li:nth-child(3) figure{background:var(--sun);border-radius:50%}
.uni li:nth-child(4) figure{background:var(--pink);border-radius:24px 24px 50% 50%}
.uni li:nth-child(5) figure{background:var(--lilac);border-radius:50% 24px 50% 24px}
.uni li:nth-child(6) figure{background:var(--mint);border-radius:24px 50% 24px 50%}
.uni a:hover figure{transform:rotate(-3deg) scale(1.03)}
.uni strong{font-family:var(--head);font-size:23px;line-height:1.1}
.uni small{font-size:15px;color:var(--soft)}
.uni a:hover strong{text-decoration:underline}
/* Nouveautés */
.news{background:var(--lilac);border-radius:40px;padding:56px 44px;position:relative}
.filters{display:flex;flex-wrap:wrap;gap:10px}
.filters button{min-height:48px;padding:0 20px;border:2.5px solid var(--text);border-radius:999px;background:#fff;font:inherit;font-weight:700;color:var(--text);cursor:pointer;transition:background .2s,color .2s}
.filters button[aria-pressed="true"]{background:var(--text);color:#fff}
.meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-bottom:24px;font-size:15px;color:var(--soft)}
.meta #count{font-weight:700;color:var(--text)}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:18px}
.p{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:14px 14px 18px;border:2px solid transparent;transition:border-color .2s}
.p[hidden]{display:none}
.p:hover,.p:focus-within{border-color:var(--text)}
.p.enter{animation:pop .35s ease-out}
@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.p .im{border-radius:18px;background:#fff;aspect-ratio:4/3;display:grid;place-items:center;padding:8px;overflow:hidden}
.p[data-brand="legami"] .im{box-shadow:inset 0 0 0 999px #fff8dc}
.p[data-brand="mr-wonderful"] .im{box-shadow:inset 0 0 0 999px #ecf7ee}
.p .im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.p:hover .im img{transform:rotate(-3deg) scale(1.06)}
.p .br{margin:14px 0 4px;font-size:14px;font-weight:700;color:var(--ink)}
.p h3{font-family:var(--body);font-weight:700;font-size:16px;line-height:1.35;letter-spacing:0}
.p h3 a{color:var(--text);text-decoration:none}
.p h3 a::after{content:"";position:absolute;inset:0;border-radius:24px}
.p h3 a:focus-visible{outline:0}
.p:has(a:focus-visible){outline:3px solid var(--ink);outline-offset:3px}
.p .pr{margin-top:auto;padding-top:12px;font-family:var(--head);font-weight:800;font-size:24px}
.p .pr small{font-family:var(--body);font-weight:500;font-size:13px;color:var(--soft);margin-left:6px}
.p.tall{grid-row:span 2}
.p.tall .im{aspect-ratio:3/4}
.p.wide{grid-column:span 2;flex-direction:row;gap:18px;align-items:center}
.p.wide .im{flex:0 0 46%;aspect-ratio:1/1}
.p.wide .tx{display:flex;flex-direction:column;align-self:stretch;padding:8px 6px 0 0}
.p.wide h3{font-size:19px}
.p.xl{grid-column:span 2;grid-row:span 2;background:var(--ink);color:#fff;padding:22px}
.p.xl .im{aspect-ratio:16/11;transform:rotate(-1.5deg)}
.p.xl .br,.p.xl h3 a,.p.xl .pr,.p.xl .pr small{color:#fff}
.p.xl h3{font-family:var(--head);font-weight:800;font-size:clamp(24px,2.3vw,32px);letter-spacing:-.02em;line-height:1.08}
.p.xl .cap{margin-top:12px;font-size:16px;color:#e9e6ff;max-width:32em}
.season{position:absolute;right:28px;top:28px;z-index:2;background:var(--sun);color:var(--text);font-family:var(--head);font-weight:800;font-size:15px;padding:8px 14px;border-radius:999px;transform:rotate(4deg)}
/* Façons d'écrire */
.ways{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}
.big{position:relative;display:block;background:var(--pink);border-radius:var(--r);padding:40px;text-decoration:none;color:var(--text);overflow:hidden;min-height:100%}
.big img{width:72%;aspect-ratio:1/1;object-fit:contain;margin:20px auto 0;background:#fff;border-radius:50%;padding:7%;transition:transform .35s}
.big:hover img{transform:rotate(-4deg) scale(1.03)}
.big h3{font-size:40px}
.big p{margin-top:10px;max-width:24em;color:var(--soft)}
.big .go{display:inline-block;margin-top:14px;font-weight:700;color:var(--ink);text-decoration:underline}
.rows{display:flex;flex-direction:column;gap:18px}
.row{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;padding:18px;border-radius:var(--r);text-decoration:none;color:var(--text);min-height:44px}
.row:nth-child(1){background:var(--mint)}.row:nth-child(2){background:var(--sun)}.row:nth-child(3){background:var(--lilac)}
.row img{width:150px;height:150px;object-fit:contain;background:#fff;border-radius:22px;transition:transform .3s}
.row:hover img{transform:rotate(4deg) scale(1.04)}
.row h3{font-size:28px}
.row p{margin-top:6px;color:var(--soft);font-size:16px}
.row:hover h3{text-decoration:underline}
/* Conseils */
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.tip .n{font-family:var(--head);font-weight:800;font-size:72px;line-height:1;color:var(--ink)}
.tip h3{font-size:28px;margin:6px 0 12px}
.tip svg{width:120px;height:14px;display:block;margin-bottom:14px}
.tip p{color:var(--soft);font-size:16px}
.tip ul{margin-top:14px;display:flex;flex-wrap:wrap;gap:0 18px}
.tip li a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
/* Marques */
.marks{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 28px;border-top:2.5px solid var(--text);border-bottom:2.5px solid var(--text);padding:22px 0}
.marks a{display:inline-flex;align-items:center;min-height:56px;padding:0 6px;color:var(--text);text-decoration:none;font-size:36px;transition:color .2s,transform .2s}
.marks a:hover{color:var(--ink);transform:rotate(-2deg)}
.m1{font-family:var(--head);font-weight:800;letter-spacing:-.04em}
.m2{font-family:var(--body);font-style:italic;font-weight:500}
.m3{font-family:var(--head);font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:28px!important}
.m4{font-family:var(--head);font-weight:800;text-transform:uppercase}
.m5{font-family:var(--body);font-weight:400;letter-spacing:.04em}
.m6{font-family:var(--head);font-weight:700;font-style:italic}
/* Avis */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.rv{border:2.5px dashed var(--text);border-radius:var(--r);padding:28px;background:#fff}
.rv:nth-child(1){background:var(--pink);transform:rotate(-1.2deg)}
.rv:nth-child(2){background:var(--mint);margin-top:36px}
.rv:nth-child(3){background:var(--lilac);transform:rotate(1.2deg)}
.demo{display:inline-block;background:var(--text);color:#fff;font-weight:700;font-size:14px;padding:7px 12px;border-radius:999px}
.stars{display:flex;gap:4px;margin:22px 0 16px}
.stars svg{width:34px;height:34px}
.rv .ph{font-family:var(--head);font-weight:700;font-size:23px;line-height:1.25}
.rv .src{margin-top:18px;font-size:15px;color:var(--soft)}
.protonote{margin-top:30px;display:flex;gap:10px;align-items:center;font-weight:700;background:var(--sun);border-radius:16px;padding:14px 18px;width:fit-content;max-width:100%}
/* Pied de page */
.foot{background:var(--ink);color:#f1efff;margin-top:72px;padding:80px 0 32px}
.foot a{color:#fff;display:inline-flex;align-items:center;min-height:44px;text-decoration-color:rgba(255,255,255,.5)}
.foot a:hover{color:var(--sun)}
.foot .statement{font-family:var(--head);font-weight:800;font-size:clamp(38px,5.6vw,80px);line-height:.98;letter-spacing:-.035em;color:#fff;max-width:14em}
.statement span{color:var(--sun)}
.fcols{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;gap:32px;margin-top:64px;padding-top:40px;border-top:2px solid rgba(255,255,255,.3)}
.foot h2{color:#fff;font-size:20px;margin-bottom:10px;letter-spacing:-.01em}
.foot p{font-size:15px;line-height:1.6;margin-bottom:12px}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:48px;padding-top:24px;border-top:2px solid rgba(255,255,255,.3);font-size:15px}
.badge{background:var(--sun);color:var(--text);font-weight:700;padding:8px 14px;border-radius:999px}
.top{border:2px solid #fff;border-radius:999px;padding:0 20px;font-weight:700;text-decoration:none}
/* Annexe */
.annex{background:#f5f4fa;padding:36px 0 56px;font-size:15px}
.annex summary{display:flex;align-items:center;min-height:52px;cursor:pointer;font-family:var(--head);font-weight:800;font-size:22px;color:var(--text)}
.annex h2{font-size:24px;margin:20px 0 10px}
.annex h3{font-size:18px;margin:22px 0 8px}
.annex ul{list-style:disc;padding-left:20px}
.annex li{margin-bottom:6px;max-width:64em}
.annex .warn{border-left:6px solid #c2410c;background:#fff;padding:14px 18px;border-radius:8px;margin-top:18px;max-width:64em}
/* Responsive */
@media (max-width:1180px){form.search{width:260px}.nav-l,.nav-b{padding:0 10px}}
@media (max-width:1023px){
 html{scroll-padding-top:136px}
 .head-in{flex-wrap:wrap;gap:10px 14px;padding:10px 0}
 .burger{display:inline-flex;align-items:center}
 form.search{order:3;width:100%}
 .nav{order:4;flex-basis:100%;max-height:calc(100vh - 150px);overflow-y:auto;border-top:2px solid var(--text);padding:8px 0 16px}
 .nav[hidden]{display:none}
 .nav>ul{flex-direction:column;align-items:stretch}
 .nav-l,.nav-b{width:100%;justify-content:space-between;min-height:52px;font-size:19px;border-radius:14px}
 .mega{position:static;border:0;box-shadow:none;border-radius:0;padding:8px 14px 16px;grid-template-columns:1fr 1fr;gap:12px 20px;background:var(--lilac);border-radius:16px;margin:4px 0 8px}
 .feat{grid-column:1/-1;background:#fff}
 .hero-g{grid-template-columns:1fr}
 .note{max-width:560px;width:100%;margin:0 auto}
 .uni{grid-template-columns:repeat(3,1fr)}
 .mosaic{grid-template-columns:repeat(2,1fr)}
 .ways,.reviews{grid-template-columns:1fr}
 .rv{transform:none!important;margin-top:0!important}
 .tips{grid-template-columns:1fr;gap:36px}
 .fcols{grid-template-columns:1fr 1fr}
 .fcols>div:last-child{grid-column:1/-1}
}
@media (max-width:600px){
 body{font-size:16px}
 .wrap{padding:0 16px}
 .proto p{padding:6px 0}
 .hero{padding:32px 0 48px}
 .lead{font-size:17px}
 .ctas .btn{width:100%;min-width:0}
 .sec{padding:52px 0}
 .uni{grid-template-columns:repeat(2,1fr);gap:14px}
 .uni strong{font-size:20px}
 .news{border-radius:28px;padding:32px 12px;margin:0 -4px}
 .mosaic{gap:10px}
 .p{padding:10px 10px 14px}
 .p h3{font-size:15px}
 .p .pr{font-size:21px}
 .p .pr small{display:block;margin:0}
 .p.wide{flex-direction:column;align-items:stretch;gap:0}
 .p.wide .im{flex:none;aspect-ratio:4/3}
 .p.wide .tx{padding:0}
 .p.wide h3{font-size:16px}
 .p.xl{padding:14px}
 .season{right:16px;top:16px;font-size:13px}
 .mega{grid-template-columns:1fr}
 .big{padding:24px}.big h3{font-size:32px}
 .row{grid-template-columns:96px 1fr;gap:14px;padding:14px}
 .row img{width:96px;height:96px}
 .row h3{font-size:23px}
 .marks{justify-content:flex-start}
 .marks a{font-size:28px}
 .rv{padding:22px}
 .fcols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.in{opacity:1}}

.preview-nav{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.preview-nav a{border:1px solid var(--line);border-radius:99px;padding:7px 13px;font-size:13px;text-decoration:none;background:white;color:var(--ink)}.preview-nav a[aria-current=page]{background:var(--ink);color:white}.bread{font-size:14px;padding:22px 0;color:var(--soft)}.pagehero{padding:35px 0 55px}.pagehero h1,.product-info h1{font:800 clamp(36px,5vw,68px)/1.05 var(--head);letter-spacing:-.04em;max-width:1000px;color:var(--ink);margin:15px 0 24px}.pagehero .lead{max-width:740px}.pastel{background:var(--lilac)}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.editorial-card{border:2px solid var(--ink);border-radius:26px;padding:25px;background:var(--pink);text-decoration:none;transition:transform .2s}.editorial-card:nth-child(2){background:var(--mint)}.editorial-card:nth-child(3){background:var(--sun)}.editorial-card:hover{transform:translateY(-5px)}.editorial-card img{width:100%;height:210px;object-fit:contain;background:white;border-radius:18px;margin-bottom:22px}.editorial-card h2,.editorial-card h3{font:700 28px/1.15 var(--head)}.editorial-card p{margin:16px 0}.catalogue .mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}.catalogue .p{grid-column:auto;grid-row:auto}.catalogue .p .im{aspect-ratio:1}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0}.toolbar select{padding:12px;border:1px solid var(--ink);border-radius:12px;background:white;font:inherit}.product-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start;padding-bottom:70px}.gallery{padding:28px;background:var(--lilac);border-radius:30px}.gallery>img{width:100%;height:480px;object-fit:contain;border-radius:24px;background:white}.thumbs{display:flex;gap:12px;margin-top:18px}.thumbs button{width:85px;height:85px;border:2px solid transparent;border-radius:16px;background:white;cursor:pointer;padding:6px}.thumbs button[aria-pressed=true]{border-color:var(--ink)}.thumbs img{width:100%;height:100%;object-fit:contain}.product-info h1{font-size:clamp(34px,4vw,52px)}.price-large{font:800 38px var(--head);margin:26px 0 0;color:var(--ink)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.facts div{padding:16px;background:var(--mint);border-radius:16px}.facts dt{font-size:13px}.facts dd{font-weight:700;margin:4px 0 0}.small{font-size:14px;color:var(--soft)}.purchase{display:flex;flex-direction:column;gap:12px;margin:25px 0}.reading{display:grid;grid-template-columns:250px minmax(0,760px);gap:70px;align-items:start;max-width:1150px;margin:auto}.toc{position:sticky;top:110px;border:2px solid var(--ink);padding:24px;border-radius:22px;background:var(--sun)}.toc a{display:block;margin:16px 0}.prose{font-size:18px;line-height:1.8}.prose h2{font:700 34px/1.15 var(--head);color:var(--ink);margin:10px 0 24px}.prose section{margin-bottom:50px;scroll-margin-top:120px}.prose p{margin-bottom:18px}.prose ul{padding-left:22px}.callout{padding:26px;background:var(--mint);border-radius:22px;margin:25px 0}.details-list details{border-bottom:1px solid var(--line);padding:20px 0}.details-list summary{cursor:pointer;font-weight:700}.details-list p{margin:15px 0}.review-empty{border:2px dashed var(--line);padding:26px;border-radius:24px}.preview-nav a:focus-visible,.thumbs button:focus-visible{outline:3px solid var(--rose);outline-offset:4px}
@media(max-width:1023px){.product-layout{gap:30px}.catalogue .mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.reading{grid-template-columns:200px minmax(0,1fr);gap:30px}.editorial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.product-layout,.reading,.editorial-grid{grid-template-columns:1fr}.gallery>img{height:330px}.product-layout{gap:25px}.catalogue .mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.toc{position:static}.pagehero{padding:20px 0 35px}.prose{font-size:17px}.preview-nav{gap:5px}.preview-nav a{font-size:12px;padding:6px 10px}.product-info h1{font-size:36px}.facts{gap:8px}}
.catalog-form input[type=search]{display:block;width:100%;max-width:400px;padding:12px;border:1px solid var(--ink);border-radius:12px;font:inherit}.catalog-form label{display:flex;flex-direction:column;gap:8px}.pagination{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:40px 0}.pagination a{display:block;padding:10px 15px;border:1px solid var(--ink);border-radius:12px;text-decoration:none}.pagination a[aria-current=page]{background:var(--ink);color:white}.archive-description{max-width:900px;margin:64px auto 0}.prose{min-width:0;overflow-wrap:anywhere}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{padding:12px;border:1px solid var(--line);text-align:left}.prose img{max-width:100%;height:auto}.prose iframe{max-width:100%}.prose h2[id]{scroll-margin-top:120px}.thumbs{flex-wrap:wrap}.category-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.category-links a{border-radius:99px;padding:8px 13px;background:var(--lilac);font-size:14px}.catalogue .im{display:block}.product-info{min-width:0}.product-info h1{overflow-wrap:anywhere}.facts dd{overflow-wrap:anywhere}.product-info .lead p{margin-bottom:16px}@media(max-width:700px){.catalog-form{align-items:stretch}.catalog-form label{width:100%}.catalog-form button{width:100%}.pagination{gap:6px}.pagination a{padding:8px 11px}.prose h2[id]{scroll-margin-top:150px}.facts{grid-template-columns:1fr}.thumbs button{width:64px;height:64px}}

.stylos-v2-native .nav-b,.stylos-v2-native form.search button{box-shadow:none}
@media(max-width:1023px){.head .burger[aria-expanded="false"] + .nav{display:none}}

/* Keep V2 navigation readable when Astra styles focused/hovered buttons. */
.stylos-v2-native .nav-b,.stylos-v2-native .nav-b:hover,.stylos-v2-native .nav-b:focus{color:var(--text)}

.stylos-v2-native .article-cover{display:block;max-height:480px;width:100%;object-fit:contain;border-radius:24px;margin-bottom:32px}