/* Une hiérarchie commune : fond, surface, zone photo, sélection. */
:root{--ui-accent:#6555a4;--ui-border:#dce0ea;--ui-surface:#fff;--ui-raised:#f0f2f8;--ui-muted:#59647a}
html[data-theme=dark]{--ui-accent:#bea8fa;--ui-border:#ffffff1c;--ui-surface:#20232d;--ui-raised:#2a2e3b;--ui-muted:#adb7ca;--store-ink:#f0f3fa;--store-muted:#adb7ca;--store-line:#ffffff20}
html[data-theme=dark] body:has(main[data-server-rendered]){background:radial-gradient(ellipse at 5% 0,#6555a420,transparent 42%),radial-gradient(ellipse at 100% 60%,#286b7d15,transparent 50%),#111319!important;background-image:radial-gradient(ellipse at 5% 0,#6555a420,transparent 42%),radial-gradient(ellipse at 100% 60%,#286b7d15,transparent 50%)!important}
html[data-theme=dark] .server-page{color:#f0f3fa}
html[data-theme=dark] .server-page.qnl{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme=dark] .server-page :is(.qnl-card,.ux-card,.server-offer-card,.cat-sub,.mac-tile){background:linear-gradient(145deg,#292c39,#1b1e27)!important;color:#f0f3fa!important;border-color:var(--ui-border)!important;box-shadow:inset 0 1px 0 #ffffff0c,0 14px 32px -22px #0009!important}
html[data-theme=dark] .server-page :is(.cat-hero,.cat-feature-band,.qnl-star,.qnl-hero){background:radial-gradient(ellipse at 0 0,#62508b66,transparent 75%),linear-gradient(130deg,#292d40,#1c2532)!important;color:#f0f3fa!important;border-color:var(--ui-border)!important}
html[data-theme=dark] .server-page :is(.qnl-body,.ux-body,.qnl-config,.qnl-detail,.qf-details,.cat-guide,.cat-faq,.pdp-options){background:transparent!important;color:#f0f3fa!important;border-color:var(--ui-border)!important}
html[data-theme=dark] .server-page :is(.qf-chip,.qf-fam,.qnl-opt,.qf-expand,.qn-tile-all,.cat-subs a,.server-pagination a){background:#ffffff08!important;color:#cbd3e2!important;border-color:#ffffff24!important;box-shadow:none!important}
html[data-theme=dark] .server-page :is(.qf-chip.is-on,.qf-fam.is-on,.qnl-opt[aria-pressed=true],.mac-tile.is-on,.server-pagination a[aria-current=page]){background:#bea8fa!important;color:#211a35!important;border-color:#bea8fa!important;box-shadow:0 4px 18px #9c75e62b!important}
html[data-theme=dark] .server-page :is(.qf-chip,.qf-fam,.qnl-opt,.mac-tile):hover{border-color:#bea8fa99!important}
html[data-theme=dark] .server-page :is(.server-filters,.server-toolbar){background:#20232dbd!important;border-color:var(--ui-border)!important;box-shadow:inset 0 1px 0 #ffffff09!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html[data-theme=dark] .server-page :is(.qnl-body small,.ux-spec,.ux-meta,.cat-lead,.server-intro,.server-count,.breadcrumbs,.qf-h small){color:var(--ui-muted)!important}
html[data-theme=dark] .server-page :is(.qnl-price,.ux-price,.server-offer-price,.price){color:#f6f1ff!important}
html[data-theme=dark] .server-page .dark-button{background:#d3dffc!important;color:#1a2944!important;border-color:transparent!important}
html[data-theme=dark] .server-page :is(.qnl-ph,.ux-ph,.mac-tile-img,.cat-sub-img){background:linear-gradient(145deg,#f2f3f7,#dbe0e9)!important;border-color:transparent!important}
/* Les photos gardent leurs couleurs ; le cadre quasi neuf empilé et le zoom sont inchangés. */
.hs-box .hs-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body .hs-box .hs-chip{display:flex;align-items:flex-end;box-sizing:border-box;min-height:66px;padding:13px;border:1px solid #ffffff30!important;border-radius:14px;background:linear-gradient(125deg,#355a94,#557db7)!important;color:#fff!important;font-size:12px;font-weight:750;line-height:1.3;text-decoration:none;transition:transform .2s}
html body .hs-box .hs-chip:nth-child(3n+2){background:linear-gradient(125deg,#72529d,#9670bc)!important}
html body .hs-box .hs-chip:nth-child(3n){background:linear-gradient(125deg,#247c80,#379d9a)!important}
html[data-theme=dark] body .hs-box{background:#20232df2!important;border-color:#ffffff28!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
html[data-theme=dark] body .hs-box .hs-t small{color:#adb7ca!important}
@media(max-width:650px){
 .mobile-essential-home .me-categories a:nth-child(n){background:linear-gradient(145deg,#3b629a,#284979);border-color:#ffffff30;color:#fff;box-shadow:inset 0 1px 0 #ffffff30}
 .mobile-essential-home .me-categories a:nth-child(2){background:linear-gradient(145deg,#8867ae,#62488a)}
 .mobile-essential-home .me-categories a:nth-child(3){background:linear-gradient(145deg,#319c9e,#24737e)}
 .mobile-essential-home .me-categories a:nth-child(4){background:linear-gradient(145deg,#c0735c,#994f4b)}
 .mobile-essential-home .me-categories a:nth-child(5){background:linear-gradient(145deg,#6184b5,#45638b)}
 .mobile-essential-home .me-categories a:nth-child(6){background:linear-gradient(145deg,#b86081,#8e486b)}
 .mobile-essential-home .me-categories a:nth-child(7){background:linear-gradient(145deg,#68865a,#4c6948)}
 .mobile-essential-home .me-categories a:nth-child(8){background:linear-gradient(145deg,#667387,#47546b)}
 .mobile-essential-home .me-categories span{color:#fff!important;font-weight:700}
 .mobile-essential-home .me-categories img{filter:drop-shadow(0 6px 5px #0002)}
 html[data-theme=dark] .mobile-essential-home .me-categories a:nth-child(n){background:linear-gradient(145deg,#3b629a,#284979);border-color:#ffffff30}
 html[data-theme=dark] .mobile-essential-home .me-categories a:nth-child(2){background:linear-gradient(145deg,#8867ae,#62488a)}
 html[data-theme=dark] .mobile-essential-home .me-categories a:nth-child(3){background:linear-gradient(145deg,#319c9e,#24737e)}
 html[data-theme=dark] .mobile-essential-home .me-categories a:nth-child(4){background:linear-gradient(145deg,#c0735c,#994f4b)}
 html[data-theme=dark] .mobile-essential-home .me-categories a:nth-child(5){background:linear-gradient(145deg,#6184b5,#45638b)}
 html[data-theme=dark] .mobile-essential-home .me-categories a:nth-child(6){background:linear-gradient(145deg,#b86081,#8e486b)}
 html[data-theme=dark] .mobile-essential-home .me-categories a:nth-child(7){background:linear-gradient(145deg,#68865a,#4c6948)}
 html[data-theme=dark] .mobile-essential-home .me-categories a:nth-child(8){background:linear-gradient(145deg,#667387,#47546b)}
}
@media(hover:hover){.hs-box .hs-chip:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.hs-box .hs-chip{transition:none!important;transform:none!important}}

html[data-theme=dark] .server-page .qn-universe-art{background:linear-gradient(140deg,#e3e7f0,#c9d1e1)!important;border:1px solid #ffffff30}
html[data-theme=dark] .server-page .qn-universe-art figcaption{color:#25324b!important}
html[data-theme=dark] .server-page :is(.qn-universe-note,.qnl-hero-lead){color:#c4cddd!important}
html[data-theme=dark] .server-page .qf{background:linear-gradient(145deg,#282b3c,#1c2330)!important;border-color:#ffffff20!important;box-shadow:inset 0 1px 0 #ffffff0c}
html[data-theme=dark] .server-page .mac-tile em{color:#e2c5ff!important;font-style:normal}
html[data-theme=dark] .server-page .qf :is(legend,label,small){color:#c2cbe0!important}
html[data-theme=dark] .server-page :is(.qnl-price,.ux-price,.server-offer-price) :is(b,strong){color:inherit!important}
html[data-theme=dark] .server-page .breadcrumbs a{color:#aebee7!important}
/* En-tête ouvert : logo et commandes sans capsule décorative. */
html body header.header.hdr2[class],html[data-theme=dark] body header.header.hdr2[class]{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body header.header.hdr2::before,html body header.header.hdr2::after{content:none!important;display:none!important}
html body header.header.hdr2>.brand{justify-content:flex-start!important;justify-self:start;min-width:0!important}
html body header.header.hdr2>.brand .official-logo{object-position:left center!important}
@media(max-width:650px){
 html body header.header.hdr2[class]{box-sizing:border-box;width:calc(100% - 36px)!important;margin:10px 18px 0!important;padding:0!important;min-height:46px;align-items:center}
 html body header.header.hdr2>.brand{width:120px!important;height:auto!important}
 html body header.header.hdr2>.brand .logo-picture,html body header.header.hdr2>.brand .official-logo{display:block;width:120px!important;height:auto!important;max-width:100%!important}
}