/* Design system v7, scope sous .cdl-marque-v7 pour cohabiter avec le theme.
   Genere par scripts/marques/scoper_css_v7.py, ne pas editer a la main.
   Source : templates/design-system-v7/ (colors_and_type.css, components.css) */
/* colors_and_type.css */
.cdl-marque-v7{--color-brand-primary: #194955;
  --color-brand-link: #2C7A8E;
  --color-brand-accent: #F2AB13;
  --color-action-cta: #EC6034;
  --color-status-sale: #B52332;
  --color-text-primary: #0F2E37;
  --color-text-secondary: #494D52;
  --color-text-tertiary: #A5A49F;
  --color-bg-cream: #F7F4EE;
  --color-bg-page: #FFFFFF;
  --color-edito-green: #547453;
  --color-success: #547453;
  --color-warning: #F2AB13;
  --color-info: #2C7A8E;
  --color-error: #B52332;
  --color-disabled: rgba(161, 164, 159, 0.3);
  --color-primary-50: #F0F4F5; --color-primary-100: #D4E1E6; --color-primary-200: #A8C3D1;
  --color-primary-300: #7CA5BC; --color-primary-400: #5087A7; --color-primary-500: #2C7A8E;
  --color-primary-600: #194955; --color-primary-700: #0F3138; --color-primary-800: #0A1F24; --color-primary-900: #051518;
  --color-accent-50: #FEF8E8; --color-accent-100: #FDF0CE; --color-accent-200: #FBE19E;
  --color-accent-300: #F8D15E; --color-accent-400: #F5C13D; --color-accent-500: #F2AB13;
  --color-accent-600: #D99600; --color-accent-700: #AF7A00; --color-accent-800: #855D00; --color-accent-900: #5B4000;
  --color-cta-50: #FEF4F0; --color-cta-100: #FBE0D8; --color-cta-200: #F7C7B8;
  --color-cta-300: #F3A890; --color-cta-400: #EF8968; --color-cta-500: #EC6034;
  --color-cta-600: #D14A24; --color-cta-700: #B63719; --color-cta-800: #8A2810; --color-cta-900: #5E1A0A;
  --color-status-50: #FBF1F3; --color-status-100: #F5D8DF; --color-status-200: #EAB0C0;
  --color-status-300: #DF88A0; --color-status-400: #D46080; --color-status-500: #B52332;
  --color-status-600: #A01C2A; --color-status-700: #7A1620; --color-status-800: #541016; --color-status-900: #2D080A;
  --color-green-50: #F3F6F2; --color-green-100: #DDE5DB; --color-green-200: #C5D3BD;
  --color-green-300: #ADC19F; --color-green-400: #95AF81; --color-green-500: #7D9D63;
  --color-green-600: #547453; --color-green-700: #425A42; --color-green-800: #304032; --color-green-900: #1E2620;
  --color-neutral-50: #FAF9F7; --color-neutral-100: #F7F4EE; --color-neutral-200: #E8E6E1;
  --color-neutral-300: #D9D7CF; --color-neutral-400: #C9C5BA; --color-neutral-500: #A5A49F;
  --color-neutral-600: #7A7870; --color-neutral-700: #494D52; --color-neutral-800: #242620; --color-neutral-900: #0F2E37;
  --font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700;
  --font-size-display: 56px; --line-height-display: 1.2; --letter-spacing-display: -0.5px; --font-weight-display: 700;
  --font-size-h1: 48px; --line-height-h1: 1.25; --letter-spacing-h1: -0.25px; --font-weight-h1: 700;
  --font-size-h2: 36px; --line-height-h2: 1.28; --letter-spacing-h2: -0.15px;
  --font-size-h3: 24px; --line-height-h3: 1.33; --letter-spacing-h3: 0px;
  --font-size-h4: 18px; --line-height-h4: 1.4; --letter-spacing-h4: 0px;
  --font-size-body: 16px; --line-height-body: 1.6; --letter-spacing-body: 0.3px;
  --font-size-small: 14px; --line-height-small: 1.43; --letter-spacing-small: 0px;
  --font-size-caption: 12px; --line-height-caption: 1.5; --letter-spacing-caption: 0.4px;
  --font-family-mono: 'Courier New', monospace; --font-size-code: 13px; --line-height-code: 1.54; --letter-spacing-code: 0px;
  --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px;
  --spacing-2xl: 40px; --spacing-3xl: 48px; --spacing-4xl: 56px; --spacing-5xl: 64px; --spacing-6xl: 72px; --spacing-7xl: 80px;
  --max-width-content: 1280px; --max-width-reading: 672px; --max-width-card: 320px;
  --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 8px;
  --border-width-thin: 1px; --border-width-default: 2px;
  --shadow-none: none; --shadow-subtle: 0 1px 3px rgba(15, 46, 55, 0.08);
  --shadow-soft: 0 2px 8px rgba(15, 46, 55, 0.12); --shadow-medium: 0 4px 12px rgba(15, 46, 55, 0.16);
  --duration-fast: 100ms; --duration-base: 200ms; --duration-slow: 300ms;
  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1); --easing-ease-in: cubic-bezier(0.4, 0, 1, 1); --easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --z-dropdown: 100; --z-sticky: 20; --z-modal-backdrop: 1000; --z-modal: 1001; --z-tooltip: 1010; --z-notification: 1020;}
.cdl-marque-v7 .display,.cdl-marque-v7 .hero-title{font-family:var(--font-family);font-size:var(--font-size-display);font-weight:700;line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display);color:var(--color-text-primary);}
.cdl-marque-v7 h1,.cdl-marque-v7 .h1{font-family:var(--font-family);font-size:var(--font-size-h1);font-weight:700;line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;}
.cdl-marque-v7 h2,.cdl-marque-v7 .h2{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:700;line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2);color:var(--color-text-primary);margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;}
.cdl-marque-v7 h3,.cdl-marque-v7 .h3{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:700;line-height:var(--line-height-h3);letter-spacing:var(--letter-spacing-h3);color:var(--color-text-primary);margin:var(--spacing-xl) 0 var(--spacing-md) 0;}
.cdl-marque-v7 h4,.cdl-marque-v7 .h4{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:700;line-height:var(--line-height-h4);letter-spacing:var(--letter-spacing-h4);color:var(--color-text-primary);margin:var(--spacing-lg) 0 var(--spacing-md) 0;}
.cdl-marque-v7 p,.cdl-marque-v7 .body{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;}
.cdl-marque-v7 .p-intro{font-size:18px;font-weight:var(--font-weight-regular);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);}
.cdl-marque-v7 .small,.cdl-marque-v7 small{font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-small);color:var(--color-text-secondary);}
.cdl-marque-v7 .caption,.cdl-marque-v7 figcaption{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);color:var(--color-text-tertiary);}
.cdl-marque-v7 code,.cdl-marque-v7 pre{font-family:var(--font-family-mono);font-size:var(--font-size-code);line-height:var(--line-height-code);color:var(--color-text-primary);background-color:var(--color-bg-cream);padding:2px 6px;border-radius:var(--radius-xs);}
.cdl-marque-v7 pre{padding:var(--spacing-lg);overflow-x:auto;}
.cdl-marque-v7 .text-primary{color:var(--color-text-primary);}
.cdl-marque-v7 .text-secondary{color:var(--color-text-secondary);}
.cdl-marque-v7 .text-tertiary{color:var(--color-text-tertiary);}
.cdl-marque-v7 .text-brand{color:var(--color-brand-primary);}
.cdl-marque-v7 .text-link{color:var(--color-brand-link);text-decoration:underline;cursor:pointer;}
.cdl-marque-v7 .text-link:hover{color:#1a5a6b;}
.cdl-marque-v7 .text-success{color:var(--color-success);}
.cdl-marque-v7 .text-warning{color:var(--color-warning);}
.cdl-marque-v7 .text-error{color:var(--color-error);}
.cdl-marque-v7 .text-muted{opacity:0.6;}
.cdl-marque-v7 .text-disabled{opacity:0.4;}
.cdl-marque-v7 .bg-primary{background-color:var(--color-brand-primary);color:white;}
.cdl-marque-v7 .bg-cream{background-color:var(--color-bg-cream);color:var(--color-text-primary);}
.cdl-marque-v7 .bg-white{background-color:var(--color-bg-page);color:var(--color-text-primary);}
.cdl-marque-v7 .font-regular{font-weight:var(--font-weight-regular);}
.cdl-marque-v7 .font-medium{font-weight:var(--font-weight-medium);}
.cdl-marque-v7 .font-semibold{font-weight:var(--font-weight-semibold);}
.cdl-marque-v7 .font-bold{font-weight:var(--font-weight-bold);}
.cdl-marque-v7 .uppercase{text-transform:uppercase;letter-spacing:1px;}
.cdl-marque-v7 .italic{font-style:italic;}
.cdl-marque-v7 .underline{text-decoration:underline;}
.cdl-marque-v7 .line-through{text-decoration:line-through;}
.cdl-marque-v7 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cdl-marque-v7 a:focus,.cdl-marque-v7 button:focus,.cdl-marque-v7 input:focus,.cdl-marque-v7 textarea:focus,.cdl-marque-v7 select:focus{outline:2px solid var(--color-brand-primary);outline-offset:4px;}
.cdl-marque-v7 *{margin:0;padding:0;box-sizing:border-box;}
.cdl-marque-v7{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.cdl-marque-v7{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-bg-page);letter-spacing:var(--letter-spacing-body);}
.cdl-marque-v7 a{color:var(--color-brand-link);text-decoration:none;transition:color var(--duration-fast) var(--easing-standard);}
.cdl-marque-v7 a:hover{color:var(--color-primary-700);}
@media (max-width:768px){.cdl-marque-v7{--font-size-display:40px;--font-size-h1:32px;--font-size-h2:28px;--font-size-h3:20px;--font-size-body:15px;}
.cdl-marque-v7 .display,.cdl-marque-v7 .hero-title{font-size:40px;}
.cdl-marque-v7 h1,.cdl-marque-v7 .h1{font-size:32px;}
.cdl-marque-v7 h2,.cdl-marque-v7 .h2{font-size:28px;}
.cdl-marque-v7 h3,.cdl-marque-v7 .h3{font-size:20px;}
.cdl-marque-v7 p,.cdl-marque-v7 .body{font-size:15px;}}
@media (max-width:480px){.cdl-marque-v7{--font-size-display:32px;--font-size-h1:28px;--font-size-h2:24px;--font-size-h3:18px;}}
/* components.css */
.cdl-marque-v7 .btn,.cdl-marque-v7 .btn-cta{font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);padding:14px 20px;border:none;border-radius:0;cursor:pointer;transition:all var(--duration-base) var(--easing-standard);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;white-space:nowrap;min-height:44px;}
.cdl-marque-v7 .btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;}
.cdl-marque-v7 .btn:focus{outline:2px solid var(--color-brand-primary);outline-offset:4px;}
.cdl-marque-v7 .btn-sm{padding:8px 16px;font-size:12px;}
.cdl-marque-v7 .btn-md{padding:12px 20px;font-size:14px;}
.cdl-marque-v7 .btn-lg{padding:16px 24px;font-size:16px;}
.cdl-marque-v7 .btn-primary{background-color:var(--color-brand-primary);color:white;}
.cdl-marque-v7 .btn-primary:hover:not(:disabled){background-color:var(--color-primary-700);}
.cdl-marque-v7 .btn-primary:active:not(:disabled){background-color:var(--color-primary-800);transform:translateY(2px);}
.cdl-marque-v7 .btn-secondary{background-color:transparent;color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);}
.cdl-marque-v7 .btn-secondary:hover:not(:disabled){background-color:rgba(25,73,85,0.05);}
.cdl-marque-v7 .btn-secondary:active:not(:disabled){background-color:rgba(25,73,85,0.1);transform:translateY(2px);}
.cdl-marque-v7 .btn-text{background-color:transparent;color:var(--color-brand-primary);border:none;text-decoration:underline;padding:8px 0;}
.cdl-marque-v7 .btn-text:hover:not(:disabled){color:var(--color-primary-700);}
.cdl-marque-v7 .btn-cta{background-color:var(--color-action-cta);color:white;}
.cdl-marque-v7 .btn-cta:hover:not(:disabled){background-color:var(--color-cta-700);}
.cdl-marque-v7 .btn-cta:active:not(:disabled){background-color:var(--color-cta-800);transform:translateY(2px);}
.cdl-marque-v7 .btn-sale{background-color:var(--color-status-sale);color:white;}
.cdl-marque-v7 .btn-sale:hover:not(:disabled){background-color:var(--color-status-700);}
.cdl-marque-v7 .btn-full{width:100%;}
.cdl-marque-v7 .badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap;}
.cdl-marque-v7 .badge-top{background-color:var(--color-brand-accent);color:var(--color-text-primary);font-weight:700;}
.cdl-marque-v7 .badge-new{background-color:var(--color-brand-primary);color:white;}
.cdl-marque-v7 .badge-promo{background-color:var(--color-status-sale);color:white;}
.cdl-marque-v7 .badge-rupture{background-color:var(--color-neutral-200);color:var(--color-text-primary);}
.cdl-marque-v7 .badge-favorite{background-color:transparent;color:var(--color-brand-primary);font-size:24px;padding:0;border:none;}
.cdl-marque-v7 .card{background-color:var(--color-bg-page);border:2px solid var(--color-neutral-200);border-radius:0;padding:var(--spacing-lg);transition:box-shadow var(--duration-base) var(--easing-standard);}
.cdl-marque-v7 .card:hover{box-shadow:var(--shadow-soft);}
.cdl-marque-v7 .card-product{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:var(--max-width-card);}
.cdl-marque-v7 .card-product-image{width:100%;aspect-ratio:4/3;background-color:var(--color-neutral-100);border-radius:0;overflow:hidden;object-fit:cover;}
.cdl-marque-v7 .card-product-image img{width:100%;height:100%;object-fit:cover;}
.cdl-marque-v7 .card-product-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:10;}
.cdl-marque-v7 .card-product-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cdl-marque-v7 .card-product-rating{font-size:var(--font-size-small);font-weight:700;color:var(--color-brand-primary);margin:8px 0 12px 0;}
.cdl-marque-v7 .card-product-price{font-size:24px;font-weight:700;color:var(--color-action-cta);margin-bottom:16px;}
.cdl-marque-v7 .card-product-cta{width:100%;}
.cdl-marque-v7 .form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);}
.cdl-marque-v7 label{font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);}
.cdl-marque-v7 input[type="text"],.cdl-marque-v7 input[type="email"],.cdl-marque-v7 input[type="password"],.cdl-marque-v7 input[type="number"],.cdl-marque-v7 input[type="date"],.cdl-marque-v7 textarea,.cdl-marque-v7 select{font-family:var(--font-family);font-size:var(--font-size-body);padding:12px var(--spacing-md);background-color:var(--color-bg-cream);border:none;border-radius:0;color:var(--color-text-primary);transition:all var(--duration-base) var(--easing-standard);}
.cdl-marque-v7 input::placeholder,.cdl-marque-v7 textarea::placeholder{color:var(--color-text-tertiary);font-style:italic;}
.cdl-marque-v7 input:focus,.cdl-marque-v7 textarea:focus,.cdl-marque-v7 select:focus{outline:2px solid var(--color-brand-primary);outline-offset:0;background-color:var(--color-bg-page);}
.cdl-marque-v7 textarea{resize:vertical;min-height:120px;}
.cdl-marque-v7 input:disabled,.cdl-marque-v7 textarea:disabled,.cdl-marque-v7 select:disabled{opacity:0.5;cursor:not-allowed;}
.cdl-marque-v7 input.error,.cdl-marque-v7 textarea.error{border-color:var(--color-status-sale);background-color:rgba(181,35,50,0.02);}
.cdl-marque-v7 .form-error{font-size:var(--font-size-caption);color:var(--color-status-sale);margin-top:var(--spacing-xs);}
.cdl-marque-v7 .form-helper{font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin-top:var(--spacing-xs);}
.cdl-marque-v7 .header{background-color:var(--color-brand-primary);color:white;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-sticky);}
.cdl-marque-v7 .header-logo{height:40px;width:auto;}
.cdl-marque-v7 .nav{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0;}
.cdl-marque-v7 .nav-item a{color:white;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-decoration:none;padding:8px 0;border-bottom:2px solid transparent;transition:border-color var(--duration-base) var(--easing-standard);}
.cdl-marque-v7 .nav-item a:hover{border-bottom-color:var(--color-brand-accent);color:white;}
.cdl-marque-v7 .nav-item.active a{border-bottom-color:var(--color-brand-accent);}
.cdl-marque-v7 .nav-toggle{display:none;background:none;border:none;color:white;font-size:24px;cursor:pointer;}
@media (max-width:768px){.cdl-marque-v7 .nav-toggle{display:block;}
.cdl-marque-v7 .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:var(--color-brand-primary);padding:var(--spacing-lg);gap:var(--spacing-md);border-top:1px solid rgba(255,255,255,0.1);}
.cdl-marque-v7 .nav.open{display:flex;}}
.cdl-marque-v7 .footer{background-color:var(--color-brand-primary);color:white;padding:var(--spacing-3xl) var(--spacing-lg);margin-top:var(--spacing-5xl);}
.cdl-marque-v7 .footer-content{max-width:var(--max-width-content);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);}
.cdl-marque-v7 .footer-section h4{color:white;font-size:var(--font-size-h4);margin-bottom:var(--spacing-md);}
.cdl-marque-v7 .footer-section a{display:block;color:rgba(255,255,255,0.8);text-decoration:none;margin-bottom:var(--spacing-sm);font-size:var(--font-size-small);}
.cdl-marque-v7 .footer-section a:hover{color:white;}
.cdl-marque-v7 .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-caption);color:rgba(255,255,255,0.6);}
.cdl-marque-v7 .newsletter{background-color:var(--color-bg-cream);padding:var(--spacing-3xl) var(--spacing-lg);border-radius:0;text-align:center;max-width:600px;margin:var(--spacing-5xl) auto;}
.cdl-marque-v7 .newsletter h2{margin-top:0;}
.cdl-marque-v7 .newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);}
@media (min-width:600px){.cdl-marque-v7 .newsletter-form{flex-direction:row;gap:0;}
.cdl-marque-v7 .newsletter-form input{flex:1;border-radius:0;}
.cdl-marque-v7 .newsletter-form button{border-radius:0;}}
.cdl-marque-v7 .rating{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-brand-primary);}
.cdl-marque-v7 .rating-label{font-size:var(--font-size-caption);color:var(--color-text-secondary);}
.cdl-marque-v7 table{width:100%;border-collapse:collapse;font-size:var(--font-size-body);line-height:var(--line-height-body);}
.cdl-marque-v7 thead{background-color:var(--color-bg-cream);border-bottom:2px solid var(--color-neutral-200);}
.cdl-marque-v7 th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}
.cdl-marque-v7 td{padding:var(--spacing-md);border-bottom:1px solid var(--color-neutral-200);color:var(--color-text-secondary);}
.cdl-marque-v7 tbody tr:hover{background-color:rgba(25,73,85,0.02);}
.cdl-marque-v7 blockquote{border-left:4px solid var(--color-brand-primary);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;font-size:18px;font-style:italic;color:var(--color-text-secondary);line-height:1.6;}
.cdl-marque-v7 .author-block{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-cream);border-radius:0;margin:var(--spacing-2xl) 0;align-items:center;}
.cdl-marque-v7 .author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.cdl-marque-v7 .author-info h4{margin:0;font-size:var(--font-size-small);}
.cdl-marque-v7 .author-date{font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin:var(--spacing-xs) 0 0 0;}
.cdl-marque-v7 .accordion{border:2px solid var(--color-neutral-200);border-radius:0;overflow:hidden;}
.cdl-marque-v7 .accordion-item{border-bottom:1px solid var(--color-neutral-200);}
.cdl-marque-v7 .accordion-item:last-child{border-bottom:none;}
.cdl-marque-v7 .accordion-trigger{width:100%;padding:var(--spacing-lg);background-color:transparent;border:none;text-align:left;font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--duration-base) var(--easing-standard);}
.cdl-marque-v7 .accordion-trigger:hover{background-color:var(--color-bg-cream);}
.cdl-marque-v7 .accordion-trigger[aria-expanded="true"]{background-color:var(--color-bg-cream);}
.cdl-marque-v7 .accordion-icon{width:20px;height:20px;transition:transform var(--duration-base) var(--easing-standard);}
.cdl-marque-v7 .accordion-trigger[aria-expanded="true"] .accordion-icon{transform:rotate(180deg);}
.cdl-marque-v7 .accordion-content{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);color:var(--color-text-secondary);}
.cdl-marque-v7 .container{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-lg);}
.cdl-marque-v7 .container-reading{max-width:var(--max-width-reading);margin:0 auto;padding:0 var(--spacing-lg);}
.cdl-marque-v7 .grid{display:grid;gap:var(--spacing-lg);}
.cdl-marque-v7 .grid-cols-2{grid-template-columns:repeat(2,1fr);}
.cdl-marque-v7 .grid-cols-3{grid-template-columns:repeat(3,1fr);}
.cdl-marque-v7 .grid-cols-4{grid-template-columns:repeat(4,1fr);}
@media (max-width:768px){.cdl-marque-v7 .grid-cols-2,.cdl-marque-v7 .grid-cols-3,.cdl-marque-v7 .grid-cols-4{grid-template-columns:1fr;}}
.cdl-marque-v7 .flex{display:flex;}
.cdl-marque-v7 .flex-center{display:flex;align-items:center;justify-content:center;}
.cdl-marque-v7 .gap-sm{gap:var(--spacing-sm);}
.cdl-marque-v7 .gap-md{gap:var(--spacing-md);}
.cdl-marque-v7 .gap-lg{gap:var(--spacing-lg);}
.cdl-marque-v7 .text-center{text-align:center;}
.cdl-marque-v7 .mt-lg{margin-top:var(--spacing-lg);}
.cdl-marque-v7 .mb-lg{margin-bottom:var(--spacing-lg);}
.cdl-marque-v7 .p-lg{padding:var(--spacing-lg);}

/* Cohabitation avec le gabarit des archives marque.
   Inerte hors des pages portant .cdl-marque-v7. */
body:has(.cdl-marque-v7) ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;justify-content:start;}
.cdl-marque-v7 ul.products h2,.cdl-marque-v7 ul.products h3,
.cdl-marque-v7 ul.products .woocommerce-loop-product__title{font-size:16px;line-height:1.35;letter-spacing:0;margin:10px 0 4px;}
.cdl-marque-v7 ul.products .price,.cdl-marque-v7 ul.products p{font-size:15px;margin:0 0 6px;}
body:has(.cdl-marque-v7) .ct-products-container,
body:has(.cdl-marque-v7) .woo-listing-top,
body:has(.cdl-marque-v7) .cda-fast-desktop-toolbar,
body:has(.cdl-marque-v7) .cda-fast-mobile-trigger,
body:has(.cdl-marque-v7) .cda-fast-mobile-quick-trigger{display:none;}

/* Largeur du texte (surcharge des max-width inline de la maquette). */
body:has(.cdl-marque-v7) #main .ct-container{max-width:940px !important;}
.cdl-marque-v7 section{padding-top:22px !important;padding-bottom:22px !important;}
.cdl-marque-v7 h1,.cdl-marque-v7 h2{margin-top:0 !important;margin-bottom:0 !important;}
.cdl-marque-v7 [style*="max-width"]:not([style*="max-width: 1"]):not([style*="max-width: 2"]):not([style*="max-width:1"]):not([style*="max-width:2"]){max-width:none !important;}

/* Conteneurs de Content Blocks vides (identifiants propres au site FR). */
body:has(.cdl-marque-v7) [data-block^="hook:"]:not(:has(p, h1, h2, h3, h4, img, ul, ol, table, form, iframe, video, button, input)){display:none;}
body:has(.cdl-marque-v7) [data-block^="hook:"]:not(:has(.cdl-marque-v7)):has(form#newsletter){display:none;}

/* Responsive : lever le plancher de largeur des grilles et tableaux. */
.cdl-marque-v7 *{min-width:0;}
.cdl-marque-v7 img{max-width:100%;height:auto;}
@media (max-width:900px){
.cdl-marque-v7 > header{flex-direction:column-reverse !important;flex-wrap:nowrap !important;gap:20px !important;}
.cdl-marque-v7 > header > div{flex:0 0 auto !important;width:100% !important;}
.cdl-marque-v7 > header img{max-height:88px !important;}
}
