.storefront {
            font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
        }
        
        :root {
            /* Theme defaults */
            --font-size-base: 16px;
            --text-color-primary: #0f172a;
            --text-color-secondary: #4b5563;
            --text-color-tertiary: #6b7280;
            --page-default-spacing: 24px;

            /* Website palette */
            --theme-color-50: #acfbff4d;
--theme-color-100: #9feeff80;
--theme-color-200: #85d4f3b3;
--theme-color-300: #6bbbd9;
--theme-color-400: #51a3c0;
--theme-color-500: #348ba8;
--theme-color-600: #0d7490;
--theme-color-700: #005e79;
--theme-color-800: #004862;
--theme-color-900: #00344d;
        }
        
/* Custom CSS */
/* Vague 3 audit, case 1 (10/10/2026) : accent chaud sur les boutons pleins des sections. Bannière cookies non concernée. */
section .storefront-customer-account-button[data-variant=theme],
section .storefront-customer-account-button[data-variant=theme]::before,
section .storefront-button-plain{background-color:#C2532B!important;border-color:#C2532B!important;color:#fff!important}
section .storefront-customer-account-button[data-variant=theme]:hover::before,
section .storefront-button-plain:hover{background-color:#A8441F!important}

/* Vague 3, case 2, palier 1 (10/10/2026) : kickers et hiérarchie des titres */
.storefront-section-header-label,.storefront-split-hero-label,.storefront-feature-highlight-label{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;color:var(--theme-color-600)}
.storefront-section-banner-title{font-size:clamp(1.75rem,3vw,2rem);letter-spacing:-.02em;line-height:1.15}
.storefront-section-header-title,.storefront-split-hero-title{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.01em;line-height:1.2;font-weight:700}
.storefront-feature-highlight-title{font-weight:700}

/* Vague 3, case 2, palier 2 (10/10/2026) : cartes et boutons */
.storefront-section-header:has(.storefront-section-header-label)>div>.storefront-section-header-title{font-size:clamp(1.6rem,3vw,2.2rem)}
.storefront-split-hero-image,.storefront-feature-highlight-image{border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,52,77,.12);transition:transform .3s ease,box-shadow .3s ease}
.storefront-split-hero:hover .storefront-split-hero-image{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,52,77,.18)}
.storefront-button,section .storefront-customer-account-button,section .storefront-customer-account-button::before{border-radius:999px}
.storefront-button,section .storefront-customer-account-button{font-weight:600;transition:transform .15s ease,box-shadow .15s ease}
.storefront-button:hover,section .storefront-customer-account-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.18)}

/* Vague 3, case 2, palier 3 (10/10/2026) : fonds alternés par groupe (chiffres, différence, dernier appel), FAQ en cartes */
.storefront-section-header:has(+ .storefront-section-basic .storefront-grid-container .storefront-heading),
.storefront-section-header:has(+ .storefront-section-basic .storefront-feature-highlight){background:var(--theme-color-50);padding-top:40px;box-shadow:0 32px 0 var(--theme-color-50)}
.storefront-section-basic:has(.storefront-grid-container .storefront-heading),
.storefront-section-basic:has(.storefront-feature-highlight),
.storefront-section-basic:has(.storefront-customer-account-button):not(:has(.storefront-faq,.storefront-grid-container)){background:var(--theme-color-50);padding-top:24px;padding-bottom:40px}
.storefront-faq-item{border:1px solid var(--theme-color-100);border-radius:12px;margin-bottom:8px;padding:16px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Vague 3, case 2, palier 4 (10/10/2026) : apparition au défilement, CSS pur (navigateurs récents ; ailleurs, pas d'animation) */
@keyframes tt-fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){.storefront-split-hero,.storefront-feature-highlight{animation:tt-fade linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}
.storefront-section-banner-container{animation:tt-fade .6s ease-out both}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}