/* Theme Name: Sanrival Jardin V3 Theme URI: https://sanrivaljardin.com/ Author: Sanrival Jardin Description: Thème e-commerce premium, performant et maintenable pour Sanrival Jardin. Version: 3.9.0 Requires at least: 6.8 Requires PHP: 7.4 Text Domain: sanrival-v3 */ .sr-icon { display: inline-block; width: 1em; height: 1em; flex: 0 0 auto; overflow: visible; vertical-align: -.125em; } @font-face { font-family: "Rodetta"; src: url("assets/fonts/rodetta.woff2") format("woff2"); font-display: swap; font-style: normal; font-weight: 400; } @font-face { font-family: "Open Sans"; src: url("assets/fonts/open-sans-regular.ttf") format("truetype"); font-display: swap; font-style: normal; font-weight: 400; } @font-face { font-family: "Open Sans"; src: url("assets/fonts/open-sans-semibold.ttf") format("truetype"); font-display: swap; font-style: normal; font-weight: 600; } :root { --sr-red: #b71932; --sr-red-dark: #8f1025; --sr-green: #376a35; --sr-green-dark: #234c2a; --sr-green-soft: #eaf1e7; --sr-beige: #f5f0e7; --sr-beige-light: #fbf8f2; --sr-gold: #d4a34b; --sr-title: #534222; --sr-ink: #20251f; --sr-muted: #696e67; --sr-line: #ded8ce; --sr-white: #fff; --sr-shadow: 0 18px 50px rgba(45, 39, 29, .1); --sr-shadow-soft: 0 8px 28px rgba(45, 39, 29, .07); --sr-radius-sm: var(--sc-r-sm); --sr-radius: var(--sc-r-md); --sr-radius-lg: var(--sc-r-lg); --sr-container: 1240px; --sr-font: "Open Sans", Arial, sans-serif; --sr-display: "Rodetta", Georgia, serif; } *, *::before, *::after { box-sizing: border-box; } /* `overflow-x: clip` (et non `hidden`) : hidden sur html/body crée un conteneur de défilement qui casse le scroll d'ancre natif quand `scroll-behavior: smooth`. */ html { max-width: 100%; overflow-x: clip; scroll-behavior: smooth; } body { max-width: 100%; margin: 0; overflow-x: clip; color: var(--sr-ink); background: var(--sr-white); font-family: var(--sr-font); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { color: var(--sr-title); font-family: var(--sr-display); font-weight: 400; } body.menu-open, body.filters-open { overflow: hidden; } img { max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; } button, input, select, textarea { font: inherit; } button, a { -webkit-tap-highlight-color: transparent; } :focus-visible { outline: 3px solid rgba(183, 25, 50, .35); outline-offset: 3px; } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-skip-link { position: fixed; z-index: 99999; top: 12px; left: 12px; padding: var(--sc-space-3) var(--sc-space-4); color: #fff; background: var(--sr-ink); border-radius: var(--sc-r-xs); transform: translateY(-150%); } .sr-skip-link:focus { transform: translateY(0); } .sr-header:focus { outline: 0; } .sr-back-to-top { position: fixed; z-index: 950; right: var(--sr-back-to-top-right, max(18px, env(safe-area-inset-right))); bottom: var(--sr-back-to-top-bottom, max(18px, env(safe-area-inset-bottom))); display: grid; place-items: center; color: var(--sr-title); background: rgba(255, 255, 255, .96); border: 1px solid rgba(83, 66, 34, .18); opacity: 0; pointer-events: none; transform: translateY(10px); transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .2s ease, transform .2s ease; } .sr-back-to-top .sr-icon { width: var(--sc-icon-md); height: var(--sc-icon-md); stroke-width: 2; } .sr-back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); } .sr-back-to-top:hover { color: #fff; background: var(--sr-red); border-color: var(--sr-red); transform: translateY(-2px); } .sr-back-to-top:active { transform: translateY(0); } body.menu-open .sr-back-to-top, body.filters-open .sr-back-to-top, body.search-open .sr-back-to-top, body.sr-cart-drawer-open .sr-back-to-top { opacity: 0; pointer-events: none; transform: translateY(10px); } .sr-container { width: min(calc(100% - 48px), var(--sr-container)); margin-inline: auto; } .sr-main { min-height: 55vh; } .sr-section { padding: var(--sc-space-10) 0; } .sr-eyebrow { display: inline-flex; align-items: center; gap: var(--sc-space-2); color: var(--sr-green); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .sr-eyebrow::before { width: 28px; height: 2px; content: ""; background: currentColor; } .sr-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .forminator-ui .forminator-button-submit { display: inline-flex !important; align-items: center; justify-content: center; gap: var(--sc-space-3); color: #fff !important; background: var(--sr-red) !important; border: 1px solid var(--sr-red) !important; transition: transform .2s ease, background .2s ease, border-color .2s ease; } .sr-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .forminator-ui .forminator-button-submit:hover { color: #fff !important; background: var(--sr-red-dark) !important; border-color: var(--sr-red-dark) !important; transform: translateY(-2px); } .sr-button svg, .sr-text-link svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-button--outline { color: var(--sr-red) !important; background: transparent !important; } .sr-button--outline:hover { color: #fff !important; } .sr-button--light { color: var(--sr-green-dark) !important; background: #fff !important; border-color: #fff !important; } .sr-button--light:hover { color: #fff !important; background: var(--sr-green-dark) !important; border-color: var(--sr-green-dark) !important; } .sr-text-link { display: inline-flex; align-items: center; gap: var(--sc-space-2); color: var(--sr-red); font-weight: 800; } .sr-text-link:hover { color: var(--sr-red-dark); } .sr-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 480px); gap: var(--sc-space-7); align-items: end; margin-bottom: var(--sc-space-7); } .sr-section-heading h2 { max-width: 720px; margin: var(--sc-space-2) 0 0; font-family: var(--sr-display); font-size: clamp(32px, 4vw, 56px); font-weight: 500; line-height: 1.08; letter-spacing: -.03em; } .sr-section-heading > p { margin: 0; color: var(--sr-muted); font-size: 18px; } .sr-section-heading--center { display: block; max-width: 760px; margin-right: auto; margin-left: auto; text-align: center; } .sr-section-heading--center .sr-eyebrow { justify-content: center; } .sr-section-heading--center > p { margin-top: var(--sc-space-4); } /* Header */ .sr-header { position: relative; z-index: 1000; background: #fff; } .sr-topbar { color: #fff; background: var(--sr-green-dark); font-size: 14px; } .sr-topbar__inner { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: var(--sc-space-5); } .sr-topbar p { margin: 0; } .sr-header-main { border-bottom: 1px solid rgba(222, 216, 206, .75); background: rgba(255, 255, 255, .98); } .sr-header-main__inner { display: grid; min-height: 92px; grid-template-columns: 170px minmax(280px, 1fr) auto; gap: var(--sc-space-6); align-items: center; } .sr-brand img, .sr-brand .custom-logo { display: block; width: auto; max-width: 145px; max-height: 68px; } .sr-brand .custom-logo-link { display: block; } .sr-header-search form{ max-width: none !important; margin: 0 !important; } .sr-header-search .search-field{ height: 52px !important; padding: 0 var(--sc-space-8) 0 var(--sc-space-5) !important; background: var(--sr-beige-light) !important; border: 1px solid var(--sr-line) !important; border-radius: var(--sc-r-pill) !important; box-shadow: none !important; font-size: 16px !important; } .sr-header-actions { display: flex; align-items: center; gap: var(--sc-space-3); } .sr-header-action { position: relative; display: inline-flex; min-height: 48px; align-items: center; gap: var(--sc-space-2); padding: var(--sc-space-2) var(--sc-space-3); border-radius: var(--sc-r-sm); font-size: 14px; font-weight: 700; white-space: nowrap; } .sr-header-action:hover { background: var(--sr-beige-light); } .sr-header-action svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); color: var(--sr-red); } .sr-header-action b { position: absolute; top: 0; left: 27px; min-width: 19px; height: 19px; padding: 0 var(--sc-space-1); color: #fff; background: var(--sr-red); border: 2px solid #fff; border-radius: var(--sc-r-md); font-size: 10px; line-height: 15px; text-align: center; } .sr-nav-wrap { color: #fff; background: var(--sr-red); } .sr-primary-menu { display: flex; min-height: 58px; align-items: center; justify-content: center; gap: 0; margin: 0; padding: 0; list-style: none; } .sr-primary-menu > li { position: static; } .sr-primary-menu > li > a { display: flex; min-height: 58px; align-items: center; padding: 0 var(--sc-space-5); border-right: 1px solid rgba(255,255,255,.08); font-size: 14px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; } .sr-primary-menu > li:first-child > a { border-left: 1px solid rgba(255,255,255,.08); } .sr-primary-menu > li:hover > a, .sr-primary-menu > .current-menu-item > a, .sr-primary-menu > .current-menu-ancestor > a { background: var(--sr-red-dark); } .sr-primary-menu .sub-menu { position: absolute; z-index: 20; top: 100%; left: 50%; display: grid; visibility: hidden; width: min(calc(100vw - 48px), var(--sr-container)); grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sc-space-1) var(--sc-space-6); margin: 0; padding: var(--sc-space-6); color: var(--sr-ink); background: #fff; border: 1px solid var(--sr-line); border-top: 0; border-radius: 0 0 var(--sc-r-md) var(--sc-r-md); box-shadow: var(--sr-shadow); list-style: none; opacity: 0; transform: translate(-50%, 8px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; } .sr-primary-menu li:hover > .sub-menu, .sr-primary-menu li:focus-within > .sub-menu { visibility: visible; opacity: 1; transform: translate(-50%, 0); } .sr-primary-menu .sub-menu li { break-inside: avoid; } .sr-primary-menu .sub-menu a { display: block; padding: var(--sc-space-2) var(--sc-space-3); border-radius: var(--sc-r-xs); color: var(--sr-ink); font-size: 14px; } .sr-primary-menu .sub-menu a:hover { color: var(--sr-red); background: var(--sr-beige-light); } .sr-primary-menu .sub-menu .sub-menu { position: static; display: block; visibility: visible; width: auto; margin: 0 0 var(--sc-space-3); padding: 0 0 0 var(--sc-space-2); border: 0; box-shadow: none; opacity: 1; transform: none; } .sr-menu-toggle, .sr-mobile-nav-head, .sr-mobile-actions, .sr-mobile-search { display: none; } /* Hero */ /* Home sections */ .sr-reviews { color: #fff; background: var(--sr-red); } .sr-reviews .sr-eyebrow { color: #f0d48d; } .sr-reviews .sr-section-heading > p { color: rgba(255,255,255,.75); } .sr-faq { background: var(--sr-beige-light); } .sr-faq h2 { margin: var(--sc-space-3) 0 var(--sc-space-4); font-family: var(--sr-display); font-size: clamp(40px, 4vw, 56px); font-weight: 500; line-height: 1.05; } /* Product archive */ .sr-woo-main { padding-bottom: var(--sc-space-9); } .sr-archive-hero { position: relative; min-height: 340px; margin: 0 calc(50% - 50vw) var(--sc-space-6); overflow: hidden; color: #fff; background: #2e271f; } .sr-archive-hero::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(24,22,18,.9), rgba(24,22,18,.45)), var(--sr-archive-image) center/cover no-repeat; } .sr-archive-hero__content { position: relative; z-index: 1; width: min(calc(100% - 48px), var(--sr-container)); margin: auto; padding: var(--sc-space-8) 0; } .sr-archive-hero .sr-eyebrow { color: #d9c485; } .sr-archive-hero h1 { max-width: 850px; margin: var(--sc-space-3) 0 var(--sc-space-3); font-family: var(--sr-display); font-size: clamp(48px, 6vw, 80px); font-weight: 500; line-height: 1; } .sr-archive-hero__description { max-width: 850px; color: rgba(255,255,255,.82); font-size: 18px; } .sr-archive-hero__description p { margin: 0; } .sr-breadcrumb { margin-bottom: var(--sc-space-5); color: rgba(255,255,255,.65); font-size: 14px; } .sr-breadcrumb a { color: #fff; } .sr-breadcrumb span { margin: 0 var(--sc-space-2); } .sr-subcategories { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sc-space-3); margin-bottom: var(--sc-space-6); } .sr-subcategories a { display: flex; min-width: 0; flex-direction: column; padding: var(--sc-space-4) var(--sc-space-4); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sc-r-sm); transition: border-color .2s ease, transform .2s ease; } .sr-subcategories a:hover { border-color: var(--sr-green); transform: translateY(-2px); } .sr-subcategories span { font-weight: 800; } .sr-subcategories small { color: var(--sr-muted); } .sr-category-directory { margin-bottom: var(--sc-space-7); } .sr-category-directory > header { max-width: 760px; margin-bottom: var(--sc-space-5); } .sr-category-directory > header h2 { margin: var(--sc-space-1) 0 var(--sc-space-2); color: var(--sr-title); font-family: var(--sr-display); font-size: clamp(32px, 3vw, 40px); line-height: 1.08; } .sr-category-directory > header p { margin: 0; color: var(--sr-muted); } .sr-category-directory > h3 { margin: var(--sc-space-5) 0 var(--sc-space-3); color: var(--sr-title); font-size: 16px; } .sr-category-directory .sr-subcategories { margin-bottom: 0; } @media (max-width: 600px) { .sr-category-directory { min-width: 0; } .sr-category-directory > header { max-width: calc(100vw - 24px); } .sr-category-directory > header h2 { font-size: clamp(32px, 9vw, 40px); } .sr-category-directory > header h2 span { display: block; } } .sr-shop-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: var(--sc-space-6); align-items: start; } .sr-filters { position: sticky; top: 16px; padding: var(--sc-space-5); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sr-radius); box-shadow: var(--sr-shadow-soft); } .admin-bar .sr-filters { top: 48px; } .sr-filters__header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: var(--sc-space-4); } .sr-filters__header h2 { margin: 3px 0 0; font-family: var(--sr-display); font-size: 24px; font-weight: 500; } .sr-filter-close { display: none; } .sr-filters input[type=checkbox] { accent-color: var(--sr-red); } .sr-shop-toolbar { display: grid; grid-template-columns: 1fr auto; gap: var(--sc-space-5); align-items: center; margin-bottom: var(--sc-space-5); padding: var(--sc-space-4) var(--sc-space-4); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sc-r-sm); } .sr-shop-toolbar .woocommerce-result-count { margin: 0 !important; color: var(--sr-muted); font-size: 14px; } .sr-shop-toolbar .woocommerce-ordering { margin: 0 !important; } .sr-shop-toolbar select { min-width: 220px; } .sr-filter-open { display: none; } .sr-badges { position: absolute; top: 23px; left: 23px; display: flex; max-width: calc(100% - 46px); flex-wrap: wrap; gap: var(--sc-space-2); } .sr-badge { color: #fff; background: var(--sr-red); } .sr-badge.is-sale { background: var(--sr-red); } .sr-badge.is-new { background: #29597a; } .sr-badge.is-bio { background: var(--sr-green); } .sr-badge.is-f1 { color: var(--sr-ink); background: #f1c85e; } .sr-badge.is-old { background: #8a643b; } .sr-badge.is-muted { background: #777; } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 48px; margin: var(--sc-space-2) 0 var(--sc-space-3) !important; padding: 0 !important; font-size: 16px !important; font-weight: 800; line-height: 1.45; } .sr-stock { color: var(--sr-muted); font-size: 12px; font-weight: 700; } .sr-stock::before { display: inline-block; width: 6px; height: 6px; margin-right: var(--sc-space-1); content: ""; background: currentColor; border-radius: 50%; } .sr-stock.is-in-stock { color: var(--sr-green); } .woocommerce nav.woocommerce-pagination { margin-top: var(--sc-space-7); } .woocommerce nav.woocommerce-pagination ul { border: 0 !important; } .woocommerce nav.woocommerce-pagination ul li { margin: 0 var(--sc-space-1) !important; border: 0 !important; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { min-width: 42px; min-height: 42px; padding: var(--sc-space-3) !important; border: 1px solid var(--sr-line); border-radius: 50%; line-height: 20px !important; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { color: #fff !important; background: var(--sr-red) !important; border-color: var(--sr-red); } /* Product page */ .single-product .sr-woo-main { padding-top: var(--sc-space-6); } .single-product .woocommerce-breadcrumb { margin: 0 0 var(--sc-space-5); color: var(--sr-muted); font-size: 14px; } .single-product div.product { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr); gap: var(--sc-space-8); } .single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { width: auto !important; float: none !important; } .single-product div.product .woocommerce-product-gallery { margin-bottom: 0 !important; } .single-product .woocommerce-product-gallery__wrapper { overflow: hidden; background: #f4f5f1; border: 1px solid var(--sr-line); border-radius: var(--sr-radius-lg); } .single-product .woocommerce-product-gallery__image a { display: block; aspect-ratio: 1 / 1; } .single-product .woocommerce-product-gallery__image img { width: 100% !important; height: 100% !important; object-fit: cover; } .single-product .flex-control-thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--sc-space-3); margin-top: var(--sc-space-3) !important; } .single-product .flex-control-thumbs li { width: auto !important; float: none !important; } .single-product .flex-control-thumbs img { border: 2px solid transparent; border-radius: var(--sc-r-sm); } .single-product .summary { align-self: start; padding-top: var(--sc-space-3); } .single-product .product_title { margin: var(--sc-space-3) 0 var(--sc-space-4); font-family: var(--sr-display); font-size: clamp(40px, 4vw, 56px); font-weight: 500; line-height: 1.04; letter-spacing: -.03em; } .single-product .woocommerce-product-rating { display: flex; align-items: center; margin: 0 0 var(--sc-space-4) !important; color: var(--sr-muted); font-size: 14px; } .single-product .star-rating { color: var(--sr-gold); } .single-product .summary > .price { display: flex; min-height: 86px; align-items: center; margin: 0 0 var(--sc-space-5) !important; padding: var(--sc-space-4) var(--sc-space-5); color: var(--sr-red) !important; background: #fff6f6; border: 1px solid #efd3d8; border-radius: var(--sc-r-md); font-family: var(--sr-display); font-size: clamp(40px, 4vw, 56px) !important; font-weight: 600; } .single-product .woocommerce-product-details__short-description { color: #51574f; font-size: 18px; } .single-product .woocommerce-product-details__short-description p { margin: 0 0 var(--sc-space-4); } .single-product form.cart { display: flex; gap: var(--sc-space-3); align-items: center; margin: var(--sc-space-5) 0 0 !important; padding-top: var(--sc-space-5); border-top: 1px solid var(--sr-line); } .single-product .quantity .qty, .woocommerce-cart .quantity .qty { width: 76px !important; height: 50px; border: 1px solid var(--sr-line); border-radius: var(--sc-r-pill); } .single-product .single_add_to_cart_button { min-width: 230px; flex: 1; } .single-product .product_meta { display: grid; gap: var(--sc-space-1); margin-top: var(--sc-space-5); color: var(--sr-muted); font-size: 14px; } .sr-product-reassurance { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sc-space-2); margin-top: var(--sc-space-5); } .sr-product-reassurance span { display: flex; min-height: 72px; flex-direction: column; align-items: center; justify-content: center; gap: var(--sc-space-1); padding: var(--sc-space-3); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sc-r-sm); color: var(--sr-muted); font-size: 12px; text-align: center; } .sr-product-reassurance svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); color: var(--sr-green); } .single-product .woocommerce-tabs, .single-product .related, .single-product .upsells, .sr-product-details { grid-column: 1 / -1; } .single-product .woocommerce-tabs { margin-top: var(--sc-space-7); } .single-product .woocommerce-tabs ul.tabs { display: flex; gap: var(--sc-space-2); margin: 0 0 var(--sc-space-5) !important; padding: 0 !important; overflow-x: auto; } .single-product .woocommerce-tabs ul.tabs::before, .single-product .woocommerce-tabs ul.tabs li::before, .single-product .woocommerce-tabs ul.tabs li::after { display: none !important; } .single-product .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; background: var(--sr-beige-light) !important; border: 1px solid var(--sr-line) !important; border-radius: var(--sc-r-pill) !important; } .single-product .woocommerce-tabs ul.tabs li.active { color: #fff !important; background: var(--sr-green) !important; border-color: var(--sr-green) !important; } .single-product .woocommerce-tabs ul.tabs li a { padding: var(--sc-space-3) var(--sc-space-4) !important; } .single-product .woocommerce-Tabs-panel { padding: var(--sc-space-6); background: var(--sr-beige-light); border-radius: var(--sr-radius); } .sr-product-details { margin-top: var(--sc-space-8); padding: var(--sc-space-8) 0 var(--sc-space-3); border-top: 1px solid var(--sr-line); } .sr-grow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sc-space-4); } .sr-grow-card { padding: var(--sc-space-5); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sr-radius); } .sr-grow-index { display: grid; width: 38px; height: 38px; place-items: center; color: #fff; background: var(--sr-green); border-radius: 50%; font-family: var(--sr-display); font-weight: 700; } .sr-grow-card h3 { margin: var(--sc-space-4) 0 var(--sc-space-2); font-family: var(--sr-display); font-size: 24px; } .sr-grow-card p { margin: 0; color: var(--sr-muted); } .sr-tech-panel { display: grid; grid-template-columns: .75fr 1.25fr; gap: var(--sc-space-7); margin-top: var(--sc-space-7); padding: var(--sc-space-7); color: #fff; background: var(--sr-green-dark); border-radius: var(--sr-radius-lg); } .sr-tech-panel .sr-eyebrow { color: #d9c485; } .sr-tech-panel h2 { margin: var(--sc-space-2) 0 var(--sc-space-3); font-family: var(--sr-display); font-size: 40px; font-weight: 500; line-height: 1.1; } .sr-tech-panel p { color: rgba(255,255,255,.7); } .sr-tech-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 var(--sc-space-5); margin: 0; } .sr-tech-list div { display: flex; justify-content: space-between; gap: var(--sc-space-4); padding: var(--sc-space-3) 0; border-bottom: 1px solid rgba(255,255,255,.15); } .sr-tech-list dt { color: rgba(255,255,255,.65); } .sr-tech-list dd { margin: 0; font-weight: 800; text-align: right; } .single-product .related, .single-product .upsells { margin-top: var(--sc-space-9); } .single-product .related > h2, .single-product .upsells > h2 { margin-bottom: var(--sc-space-6); font-family: var(--sr-display); font-size: 40px; font-weight: 500; text-align: center; } .sr-rich-description { display: grid; gap: var(--sc-space-7); } .sr-rich-description section { margin: 0; } .sr-rich-description h2, .sr-rich-description h3 { font-family: var(--sr-display); font-weight: 500; } .sr-rich-description h2 { margin-top: 0; font-size: 40px; } .sr-rich-description h3 { margin: 0 0 var(--sc-space-5); font-size: 32px; } .sr-rich-description__intro, .sr-rich-description__taste { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); gap: var(--sc-space-6); align-items: center; } .sr-rich-description__intro img, .sr-rich-description__taste img { width: 100%; max-height: 440px; object-fit: cover; border-radius: var(--sr-radius); } .sr-rich-description__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sc-space-4); } .sr-rich-description__cards article { padding: var(--sc-space-5); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-sm); } .sr-rich-description__cards p { margin-bottom: 0; color: var(--sr-muted); } .sr-rich-description__tip { padding: var(--sc-space-5) var(--sc-space-6); background: var(--sr-green-soft); border-left: 4px solid var(--sr-green); border-radius: 0 var(--sc-r-sm) var(--sc-r-sm) 0; } .sr-rich-description__tip p { margin-bottom: 0; } /* Cart, checkout, account */ .sr-page-content { padding-top: var(--sc-space-8); padding-bottom: var(--sc-space-9); } .woocommerce-cart .sr-page-content, .woocommerce-checkout .sr-page-content { width: min(calc(100% - 48px), var(--sr-container)); } .woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order { background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sr-radius); box-shadow: var(--sr-shadow-soft); } .woocommerce-cart-form { padding: var(--sc-space-2) var(--sc-space-5) var(--sc-space-5); } .woocommerce-cart table.shop_table { border: 0 !important; border-collapse: collapse !important; } .woocommerce-cart table.shop_table th { padding: var(--sc-space-4) var(--sc-space-3); color: var(--sr-muted); border-bottom: 1px solid var(--sr-line); font-size: 12px; letter-spacing: .07em; text-transform: uppercase; } .woocommerce-cart table.shop_table td { padding: var(--sc-space-4) var(--sc-space-3); border-bottom: 1px solid var(--sr-line); } .woocommerce-cart .product-thumbnail img { width: 78px !important; border-radius: var(--sc-r-sm); } .woocommerce-cart .product-name a { color: var(--sr-ink); font-weight: 800; } .woocommerce-cart .cart-collaterals { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .65fr); gap: var(--sc-space-6); margin-top: var(--sc-space-6); } .woocommerce-cart .cart_totals { width: auto !important; padding: var(--sc-space-5); float: none !important; grid-column: 2; } .woocommerce-cart .cart_totals h2 { margin-top: 0; font-family: var(--sr-display); font-size: 32px; } .sr-shipping-progress { margin-bottom: var(--sc-space-5); padding: var(--sc-space-4); background: var(--sr-green-soft); border-radius: var(--sc-r-sm); } .sr-shipping-progress__icon { display: none; } .sr-shipping-progress__body { min-width: 0; } .sr-shipping-progress__copy { display: flex; flex-direction: column; } .sr-shipping-progress__copy span { color: var(--sr-muted); font-size: 12px; } .sr-shipping-progress__track { height: 8px; margin-top: var(--sc-space-3); overflow: hidden; background: #d9e3d5; border-radius: var(--sc-r-sm); } .sr-shipping-progress__track span { display: block; height: 100%; background: var(--sr-green); border-radius: inherit; } .woocommerce-cart .wc-proceed-to-checkout a { width: 100%; } .sr-checkout-reassurance { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sc-space-3); margin-bottom: var(--sc-space-5); } .sr-checkout-reassurance span { display: flex; align-items: center; justify-content: center; gap: var(--sc-space-2); padding: var(--sc-space-4); background: var(--sr-beige-light); border-radius: var(--sc-r-sm); font-size: 14px; font-weight: 800; } .sr-checkout-reassurance svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); color: var(--sr-green); } .woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: var(--sc-space-6); } .woocommerce-checkout #customer_details { padding: var(--sc-space-6); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sr-radius); box-shadow: var(--sr-shadow-soft); } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { grid-column: 2; } .woocommerce-checkout #order_review { padding: var(--sc-space-5); } /* Pages and forms */ .sr-page-hero { padding: var(--sc-space-8) 0; color: #fff; background: var(--sr-green-dark); } .sr-page-hero h1 { margin: var(--sc-space-2) 0 0; font-family: var(--sr-display); font-size: clamp(48px, 6vw, 80px); font-weight: 500; line-height: 1; } .sr-page-hero .sr-eyebrow { color: #d9c485; } .sr-page-content > :first-child { margin-top: 0; } .sr-page-content h1, .sr-page-content h2, .sr-page-content h3 { color: var(--sr-ink); } .sr-article-card { padding: var(--sc-space-5) 0; border-bottom: 1px solid var(--sr-line); } .forminator-ui .forminator-label { color: var(--sr-ink) !important; font-family: var(--sr-font) !important; font-weight: 800 !important; } /* Contextual pre-footer */ .sr-prefooter { position: relative; overflow: hidden; padding: clamp(var(--sc-space-9), 7.5vw, 112px) 0; color: #fff; background: #315f3b; border-top: 1px solid rgba(255,255,255,.12); } .sr-prefooter::before { position: absolute; top: -170px; right: -90px; width: 480px; height: 480px; content: ""; background: radial-gradient(circle, rgba(218,194,126,.13) 0, rgba(218,194,126,0) 68%); pointer-events: none; } .sr-prefooter::after { position: absolute; right: clamp(24px, 8vw, 136px); bottom: -90px; width: 240px; height: 240px; content: ""; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; pointer-events: none; } .sr-prefooter__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 760px) auto; gap: clamp(var(--sc-space-7), 7vw, 104px); align-items: end; justify-content: space-between; } .sr-prefooter__copy { min-width: 0; } .sr-prefooter__eyebrow { display: inline-flex; align-items: center; gap: var(--sc-space-3); margin: 0 0 var(--sc-space-4); color: #ead99f; font-family: var(--sr-font); font-size: 12px; font-weight: 800; line-height: 1.35; letter-spacing: .15em; text-transform: uppercase; } .sr-prefooter__eyebrow::before { width: 28px; height: 2px; flex: 0 0 auto; background: currentColor; content: ""; } .sr-prefooter h2 { max-width: 15ch; margin: 0; color: #fff; font-family: var(--sr-display); font-size: clamp(40px, 4.8vw, 64px); font-weight: 400; letter-spacing: -.025em; line-height: .98; text-wrap: balance; } .sr-prefooter__description { max-width: 650px; margin: var(--sc-space-5) 0 0; color: rgba(255,255,255,.78); font-family: var(--sr-font); font-size: 16px; line-height: 1.7; } .sr-prefooter__cta { flex: 0 0 auto; margin-bottom: 3px; white-space: nowrap; } .sr-prefooter__cta svg { transition: transform .18s ease; } .sr-prefooter__cta:hover svg { transform: translateX(3px); } /* Global footer */ .sr-footer { color: rgba(255,255,255,.76); background: #173622; border-top: 1px solid rgba(255,255,255,.1); } .sr-footer-intro { display: flex; min-height: 190px; align-items: center; justify-content: space-between; gap: var(--sc-space-8); padding: var(--sc-space-7) 0 var(--sc-space-7); border-bottom: 1px solid rgba(255,255,255,.12); } .sr-footer-brand { display: flex; min-width: 0; align-items: center; gap: clamp(var(--sc-space-5), 3.5vw, var(--sc-space-7)); } .sr-footer-brand__logo { display: inline-flex; width: fit-content; border-radius: var(--sc-r-sm); } .sr-footer-brand__logo img { display: block; width: 142px; max-height: 86px; object-fit: contain; } .sr-footer-brand__copy { max-width: 390px; } .sr-footer-brand__copy > p { margin: var(--sc-space-2) 0 0; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.68; } .sr-footer-brand__copy .sr-footer-brand__signature { margin: 0; color: #fff; font-family: var(--sr-display); font-size: clamp(24px, 2.2vw, 32px); line-height: 1.05; } .sr-footer-intro__aside { display: grid; flex: 0 0 auto; gap: var(--sc-space-5); justify-items: end; } .sr-footer-story { display: inline-flex; min-height: 44px; align-items: center; gap: var(--sc-space-3); color: #fff; font-size: 14px; font-weight: 800; } .sr-footer-story svg { width: var(--sc-icon-md); height: var(--sc-icon-md); color: #ead99f; transition: transform .18s ease; } .sr-footer-story:hover svg { transform: translateX(3px); } .sr-footer-grid { display: grid; grid-template-columns: 1fr 1fr 1.15fr minmax(260px, 1.25fr); gap: clamp(var(--sc-space-6), 4vw, var(--sc-space-8)); padding-top: var(--sc-space-8); padding-bottom: var(--sc-space-7); } .sr-footer h3 { margin: 0 0 var(--sc-space-5); color: #fff; font-family: var(--sr-display); font-size: clamp(24px, 1.8vw, 28px); font-weight: 400; line-height: 1.05; letter-spacing: -.015em; text-transform: none; } .sr-footer ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; } .sr-footer-nav a { display: inline-flex; min-height: 36px; align-items: center; color: rgba(255,255,255,.76); font-size: 14px; line-height: 1.45; text-decoration: underline transparent; text-underline-offset: 4px; transition: color .18s ease, text-decoration-color .18s ease, transform .18s ease; } .sr-footer-nav a:hover { color: #fff; text-decoration-color: rgba(255,255,255,.7); transform: translateX(2px); } .sr-footer a:focus-visible { outline: 3px solid rgba(200,137,36,.58); outline-offset: 4px; } .sr-footer-help-card { align-self: start; padding: var(--sc-space-5) var(--sc-space-6) var(--sc-space-6); background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.12); border-radius: var(--sc-r-md); } .sr-footer-help-card__eyebrow { margin: 0 0 var(--sc-space-3); color: #ead99f; font-size: 10px; font-weight: 800; letter-spacing: .14em; line-height: 1.35; text-transform: uppercase; } .sr-footer-help-card h3 { max-width: 12ch; margin-bottom: var(--sc-space-3); font-size: clamp(24px, 2vw, 32px); } .sr-footer-help-card > p:not(.sr-footer-help-card__eyebrow) { margin: 0; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.65; } .sr-footer-help-card > a { display: inline-flex; min-height: 46px; align-items: center; gap: var(--sc-space-2); margin-top: var(--sc-space-5); padding: 0 var(--sc-space-4); color: #173622; background: #fff; border: 1px solid #fff; border-radius: var(--sc-r-pill); font-size: 14px; font-weight: 800; transition: color .18s ease, background .18s ease, transform .18s ease; } .sr-footer-help-card > a:hover { color: #fff; background: transparent; transform: translateY(-2px); } .sr-footer-help-card svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); } .sr-footer-trust { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 !important; margin: 0 !important; padding: var(--sc-space-5) 0 !important; border-top: 1px solid rgba(255,255,255,.12); } .sr-footer-trust li { position: relative; display: flex; min-width: 0; justify-content: center; padding: 0 var(--sc-space-6); } .sr-footer-trust li:not(:last-child)::after { position: absolute; top: 50%; right: 0; width: 1px; height: 30px; content: ""; background: rgba(255,255,255,.13); transform: translateY(-50%); } .sr-footer-trust a { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: var(--sc-space-3); color: rgba(255,255,255,.78); font-size: 14px; font-weight: 700; line-height: 1.45; text-align: center; } .sr-footer-trust a:hover { color: #fff; } .sr-footer-trust svg { width: var(--sc-icon-md); height: var(--sc-icon-md); color: #ead99f; } .sr-footer-payments { display: flex; min-height: 82px; align-items: center; justify-content: center; gap: var(--sc-space-5); padding: var(--sc-space-4) 0 var(--sc-space-4); border-top: 1px solid rgba(255,255,255,.12); } .sr-footer-payments > p { margin: 0; color: rgba(255,255,255,.52); font-size: 10px; font-weight: 800; letter-spacing: .13em; line-height: 1.35; text-transform: uppercase; } .sr-footer-payments ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--sc-space-2); } .sr-footer-payment { display: grid; width: 54px; height: 36px; place-items: center; overflow: hidden; background: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: var(--sc-r-xs); } .sr-footer-payment img { display: block; width: auto; max-width: 44px; height: auto; max-height: 27px; object-fit: contain; } .sr-footer-payment--apple-pay img { max-width: 42px; max-height: 28px; } .sr-footer-payment--google-pay img { max-width: 39px; max-height: 25px; } .sr-footer-payment--paypal img { max-width: 25px; max-height: 25px; } .sr-footer-social { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--sc-space-2) var(--sc-space-4); } .sr-footer-social > span { color: rgba(255,255,255,.5); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; } .sr-footer-social a { display: inline-flex; min-height: 36px; align-items: center; color: rgba(255,255,255,.72); font-size: 14px; font-weight: 700; text-decoration: underline transparent; text-underline-offset: 4px; } .sr-footer-social a:hover { color: #fff; text-decoration-color: rgba(255,255,255,.7); } .sr-footer-bottom { background: rgba(0,0,0,.12); border-top: 1px solid rgba(255,255,255,.1); } .sr-footer-bottom__inner { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: var(--sc-space-5); } .sr-footer-bottom p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; } .sr-footer-bottom nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sc-space-3) var(--sc-space-5); } .sr-footer-bottom a { display: inline-flex; min-height: 36px; align-items: center; color: rgba(255,255,255,.68); font-size: 12px; text-decoration: underline transparent; text-underline-offset: 4px; } .sr-footer-bottom a:hover { color: #fff; text-decoration-color: rgba(255,255,255,.7); } /* Responsive */ @media (max-width: 1100px) { .sr-header-main__inner { grid-template-columns: 140px minmax(240px, 1fr) auto; gap: var(--sc-space-5); } .sr-header-action > span:last-of-type { display: none; } .sr-primary-menu > li > a { padding: 0 var(--sc-space-4); font-size: 12px; } .sr-footer-intro { gap: var(--sc-space-6); } .sr-footer-brand { gap: var(--sc-space-6); } .sr-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-7) var(--sc-space-7); } .sr-footer-help-card { min-height: 100%; } .sr-footer-bottom { padding-bottom: max(var(--sc-space-9), env(safe-area-inset-bottom)); } .sr-prefooter__inner { grid-template-columns: minmax(0, 1fr) auto; gap: var(--sc-space-7); } } @media (max-width: 760px) { .sr-container { width: min(calc(100% - 32px), var(--sr-container)); } .sr-topbar__inner { min-height: 32px; justify-content: center; text-align: center; } .sr-topbar__inner p:last-child { display: none; } .sr-header-main__inner { min-height: 76px; grid-template-columns: 44px 1fr auto; gap: var(--sc-space-3); } .sr-brand { justify-self: center; } .sr-brand img, .sr-brand .custom-logo { max-width: 118px; max-height: 56px; } .sr-header-search { position: absolute; top: 108px; left: 16px; right: 16px; display: none; } .sr-header-actions .sr-header-action:first-child { display: none; } .sr-header-action { padding: var(--sc-space-2); } .sr-menu-toggle { display: grid; width: 44px; height: 44px; place-items: center; padding: 0; color: var(--sr-red); background: transparent; border: 1px solid var(--sr-line); border-radius: var(--sc-r-sm); } .sr-menu-toggle svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); } .sr-nav-wrap { position: fixed; z-index: 10000; inset: 0; visibility: hidden; color: var(--sr-ink); background: rgba(21,28,22,.45); opacity: 0; transition: opacity .2s ease, visibility .2s ease; } .sr-nav-wrap.is-open { visibility: visible; opacity: 1; } .sr-nav-inner { position: absolute; top: 0; left: 0; width: min(90vw, 390px); height: 100%; margin: 0; padding: 0 var(--sc-space-5) var(--sc-space-6); overflow-y: auto; background: #fff; transform: translateX(-100%); transition: transform .25s ease; } .sr-nav-wrap.is-open .sr-nav-inner { transform: translateX(0); } .sr-mobile-nav-head { position: sticky; z-index: 3; top: 0; display: flex; min-height: 72px; align-items: center; justify-content: space-between; background: #fff; border-bottom: 1px solid var(--sr-line); } .sr-mobile-nav-head button { display: grid; width: 44px; height: 44px; place-items: center; padding: 0; background: var(--sr-beige-light); border: 0; border-radius: 50%; } .sr-mobile-nav-head svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-mobile-search { display: block; padding: var(--sc-space-4) 0 var(--sc-space-2); } .sr-mobile-search form{ max-width: none !important; margin: 0 !important; } .sr-mobile-search .search-field{ height: 48px !important; background: var(--sr-beige-light) !important; border: 1px solid var(--sr-line) !important; border-radius: var(--sc-r-pill) !important; } .sr-primary-menu { display: block; padding: var(--sc-space-4) 0; } .sr-primary-menu > li > a { min-height: 50px; justify-content: space-between; padding: 0 var(--sc-space-2); color: var(--sr-ink); border: 0; border-bottom: 1px solid var(--sr-line); font-size: 14px; } .sr-primary-menu > li:hover > a { color: var(--sr-red); background: transparent; } .sr-primary-menu .sub-menu { position: static; display: block; visibility: visible; width: auto; padding: var(--sc-space-2) 0 var(--sc-space-4) var(--sc-space-4); border: 0; box-shadow: none; opacity: 1; transform: none; } .sr-primary-menu .sub-menu a { padding: var(--sc-space-2) 0; } .sr-mobile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sc-space-2); } .sr-mobile-actions a { padding: var(--sc-space-3); color: #fff; background: var(--sr-green); border-radius: var(--sc-r-sm); font-size: 14px; font-weight: 800; text-align: center; } .sr-section { padding: var(--sc-space-8) 0; } .sr-section-heading { display: block; } .sr-section-heading > p { margin-top: var(--sc-space-4); } .sr-shop-layout { grid-template-columns: 1fr; } .sr-subcategories { display: flex; padding-bottom: var(--sc-space-3); overflow-x: auto; scrollbar-color: rgba(45,107,54,.45) rgba(45,107,54,.1); scrollbar-width: thin; scroll-snap-type: x proximity; } .sr-subcategories::-webkit-scrollbar { height: 5px; } .sr-subcategories::-webkit-scrollbar-track { background: rgba(45,107,54,.1); border-radius: var(--sc-r-pill); } .sr-subcategories::-webkit-scrollbar-thumb { background: rgba(45,107,54,.45); border-radius: var(--sc-r-pill); } .sr-subcategories a { min-width: 165px; flex: 1 0 165px; scroll-snap-align: start; } .sr-filters { position: fixed; z-index: 10001; top: 0 !important; left: 0; visibility: hidden; width: min(92vw, 390px); height: 100%; overflow-y: auto; border: 0; border-radius: 0 var(--sc-r-md) var(--sc-r-md) 0; opacity: 0; transform: translateX(-100%); transition: transform .25s ease, opacity .25s ease, visibility .25s ease; } .sr-filters.is-open { visibility: visible; opacity: 1; transform: translateX(0); } .sr-filter-close { display: grid; place-items: center; background: var(--sr-beige-light); border: 0; } .sr-filter-close svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-shop-toolbar { grid-template-columns: auto 1fr; } .sr-filter-open { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 var(--sc-space-4); color: #fff; background: var(--sr-green); border: 0; border-radius: var(--sc-r-sm); font-weight: 800; } .sr-shop-toolbar .woocommerce-result-count { text-align: right; } .sr-shop-toolbar .woocommerce-ordering { grid-column: 1 / -1; } .sr-shop-toolbar select { width: 100%; } .single-product div.product { grid-template-columns: 1fr; gap: var(--sc-space-6); } .single-product .woocommerce-product-gallery__image a { aspect-ratio: 1 / 1; } .single-product .summary { padding-top: 0; } .sr-grow-grid { grid-template-columns: repeat(2, 1fr); } .sr-tech-panel { grid-template-columns: 1fr; gap: var(--sc-space-5); } .sr-rich-description__intro, .sr-rich-description__taste { grid-template-columns: 1fr; } .sr-rich-description__cards { grid-template-columns: repeat(2, 1fr); } .woocommerce-cart .cart-collaterals { grid-template-columns: 1fr; } .woocommerce-cart .cart_totals { grid-column: auto; } .woocommerce-checkout form.checkout { grid-template-columns: 1fr; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { grid-column: 1; } .woocommerce-account .woocommerce { grid-template-columns: 1fr; } .sr-footer-intro { align-items: flex-start; flex-direction: column; gap: var(--sc-space-6); padding: var(--sc-space-7) 0 var(--sc-space-6); } .sr-footer-intro__aside { width: 100%; grid-template-columns: auto 1fr; align-items: center; justify-items: start; } .sr-footer-social { justify-self: end; } .sr-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-7) var(--sc-space-6); padding-top: var(--sc-space-7); padding-bottom: var(--sc-space-7); } .sr-footer-brand__logo img { width: 132px; } .sr-footer-trust { padding-block: var(--sc-space-5) !important; } .sr-footer-trust li { padding-inline: var(--sc-space-4); } .sr-footer-bottom__inner { align-items: flex-start; } .sr-prefooter { padding: var(--sc-space-9) 0; } .sr-prefooter__inner { grid-template-columns: 1fr; gap: var(--sc-space-6); align-items: start; } .sr-prefooter h2 { max-width: 17ch; } .sr-prefooter__cta { justify-self: start; } } @media (max-width: 600px) { .sr-container { width: min(calc(100% - 24px), var(--sr-container)); } .sr-topbar { font-size: 12px; } .sr-section { padding: var(--sc-space-8) 0; } .sr-section-heading { margin-bottom: var(--sc-space-6); } .sr-section-heading h2 { font-size: 40px; } .woocommerce ul.products, ul.products, .sr-home-products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--sc-space-3) !important; } .sr-badges { top: 14px; left: 14px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 63px; font-size: 14px !important; } .sr-archive-hero { min-height: 300px; margin-bottom: var(--sc-space-5); } .sr-archive-hero__content { width: min(calc(100% - 24px), var(--sr-container)); padding: var(--sc-space-7) 0; } .sr-archive-hero h1 { font-size: 48px; } .sr-archive-hero__description { font-size: 16px; } .sr-subcategories a { min-width: 145px; flex-basis: 145px; } .sr-shop-toolbar { padding: var(--sc-space-3); } .single-product .sr-woo-main { padding-top: var(--sc-space-4); } .single-product div.product { gap: var(--sc-space-5); } .single-product .product_title { font-size: 40px; } .single-product .summary > .price { min-height: 70px; font-size: 40px !important; } .single-product form.cart { align-items: stretch; } .single-product .single_add_to_cart_button { min-width: 0; } .sr-product-reassurance { grid-template-columns: 1fr; } .sr-product-reassurance span { min-height: 52px; flex-direction: row; } .sr-grow-grid { grid-template-columns: 1fr; } .sr-tech-panel { padding: var(--sc-space-6) var(--sc-space-5); } .sr-tech-list { grid-template-columns: 1fr; } .sr-rich-description__cards { grid-template-columns: 1fr; } .woocommerce-cart-form { padding: var(--sc-space-1) var(--sc-space-3) var(--sc-space-4); overflow: visible; } .woocommerce-cart table.shop_table { min-width: 0; } .woocommerce-cart table.shop_table_responsive thead { display: none; } .woocommerce-cart table.shop_table_responsive tr { display: block; margin-bottom: var(--sc-space-4); padding: var(--sc-space-2) 0; border-bottom: 1px solid var(--sr-line); } .woocommerce-cart table.shop_table_responsive td { display: flex !important; width: 100% !important; align-items: center; justify-content: space-between; gap: var(--sc-space-4); padding: var(--sc-space-3) var(--sc-space-2) !important; text-align: right !important; border: 0 !important; } .woocommerce-cart table.shop_table_responsive td::before { float: none !important; flex: 0 0 auto; font-weight: 800; } .woocommerce-cart table.shop_table_responsive td.product-remove, .woocommerce-cart table.shop_table_responsive td.product-name { justify-content: flex-start; text-align: left !important; } .woocommerce-cart table.shop_table_responsive td.product-remove::before, .woocommerce-cart table.shop_table_responsive td.product-name::before, .woocommerce-cart table.shop_table_responsive td.product-thumbnail, .woocommerce-cart table.shop_table_responsive td.actions::before { display: none !important; } .woocommerce-cart table.shop_table_responsive td.actions { display: block !important; padding-top: var(--sc-space-4) !important; } .woocommerce-cart table.shop_table_responsive .coupon { display: grid !important; width: 100% !important; gap: var(--sc-space-3); } .woocommerce-cart table.shop_table_responsive .coupon input, .woocommerce-cart table.shop_table_responsive .coupon button, .woocommerce-cart table.shop_table_responsive td.actions > button { width: 100% !important; margin: 0 !important; } .sr-checkout-reassurance { grid-template-columns: 1fr; } .sr-page-content { padding-top: var(--sc-space-6); padding-bottom: var(--sc-space-8); } .sr-footer-intro { gap: var(--sc-space-6); padding: var(--sc-space-6) 0 var(--sc-space-6); } .sr-footer-brand { align-items: flex-start; flex-direction: column; gap: var(--sc-space-5); } .sr-footer-brand__logo img { width: 126px; } .sr-footer-brand__copy > p { max-width: 330px; } .sr-footer-intro__aside { display: grid; grid-template-columns: 1fr; gap: var(--sc-space-4); } .sr-footer-social { justify-self: start; justify-content: flex-start; gap: var(--sc-space-1) var(--sc-space-4); } .sr-footer-social > span { width: 100%; } .sr-footer-grid { grid-template-columns: 1fr; gap: var(--sc-space-6); padding-top: var(--sc-space-7); padding-bottom: var(--sc-space-6); } .sr-footer h3 { margin-bottom: var(--sc-space-4); font-size: 24px; } .sr-footer-help-card { padding: var(--sc-space-5); } .sr-footer-nav--universes ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--sc-space-4); } .sr-footer-nav a, .sr-footer-trust a, .sr-footer-social a, .sr-footer-bottom a { min-height: 44px; } .sr-footer-trust { grid-template-columns: 1fr; gap: 0 !important; padding: var(--sc-space-2) 0 !important; } .sr-footer-trust li, .sr-footer-trust li:first-child, .sr-footer-trust li:last-child { padding: var(--sc-space-2) 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); } .sr-footer-trust li::after { display: none; } .sr-footer-trust li:last-child { border-bottom: 0; } .sr-footer-payments { align-items: flex-start; flex-direction: column; gap: var(--sc-space-3); padding: var(--sc-space-5) 0 var(--sc-space-5); } .sr-footer-payments ul { justify-content: flex-start; } .sr-footer-bottom__inner { flex-direction: column; justify-content: center; gap: var(--sc-space-2); padding-top: var(--sc-space-4); padding-bottom: var(--sc-space-4); text-align: left; } .sr-footer-bottom nav { justify-content: flex-start; gap: 0 var(--sc-space-5); } .sr-prefooter { padding: var(--sc-space-8) 0 var(--sc-space-8); } .sr-prefooter__inner { gap: var(--sc-space-5); } .sr-prefooter__eyebrow { margin-bottom: var(--sc-space-3); font-size: 10px; } .sr-prefooter h2 { max-width: none; font-size: clamp(40px, 11vw, 48px); line-height: 1; } .sr-prefooter__description { margin-top: var(--sc-space-4); font-size: 16px; line-height: 1.65; } .sr-prefooter__cta { width: 100%; white-space: normal; } } @media print { .sr-prefooter { display: none !important; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* Passe 2: direction artistique et parcours catalogue */ .sr-topbar p { display: inline-flex; align-items: center; gap: var(--sc-space-2); } .sr-topbar svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); color: #e9d69f; } .sr-header-main__inner { min-height: 98px; grid-template-columns: 190px minmax(320px, 680px) minmax(245px, 1fr); gap: var(--sc-space-6); } .sr-brand img, .sr-brand .custom-logo { max-width: 168px; max-height: 78px; } .sr-header-search { width: 100%; max-width: 680px; justify-self: center; } .sr-header-search form{ width: 100% !important; } .sr-header-search .search-field{ height: 52px !important; background: #fff !important; } .sr-header-actions { justify-self: end; gap: var(--sc-space-4); } .sr-header-action { gap: var(--sc-space-3); padding: var(--sc-space-1); } .sr-header-action > span:last-of-type { display: flex; flex-direction: column; color: var(--sr-ink); font-size: 14px; line-height: 1.2; } .sr-header-action small { color: var(--sr-muted); font-size: 10px; font-weight: 400; } .sr-header-action__icon { display: grid; width: 43px; height: 43px; flex: 0 0 auto; place-items: center; color: var(--sr-red); background: #fff7f7; border: 1px solid #f1dadd; border-radius: 50%; } .sr-header-action__icon svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-header-action b { top: -1px; left: 34px; } .sr-nav-wrap { position: relative; } .sr-nav-inner { position: relative; } .sr-primary-menu { width: 100%; } .sr-mega-item { flex: 1 1 auto; } .sr-mega-trigger { display: flex; height: 58px; } .sr-mega-trigger > a { display: flex; width: 100%; min-height: 58px; align-items: center; justify-content: center; gap: var(--sc-space-2); padding: 0 var(--sc-space-4); border-right: 1px solid rgba(255,255,255,.1); font-size: 14px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; } .sr-mega-item:first-child .sr-mega-trigger > a { border-left: 1px solid rgba(255,255,255,.1); } .sr-mega-trigger > a svg { width: var(--sc-icon-md); height: var(--sc-icon-md); opacity: .9; } .sr-mega-trigger > button { display: none; } .sr-mega-item:hover .sr-mega-trigger > a, .sr-mega-item:focus-within .sr-mega-trigger > a { background: var(--sr-red-dark); } .sr-mega-panel { position: absolute; z-index: 40; top: 100%; left: 50%; display: grid; visibility: hidden; width: min(calc(100vw - 48px), 1240px); grid-template-columns: 255px minmax(0, 1fr); gap: var(--sc-space-6); padding: var(--sc-space-5); color: var(--sr-ink); background: #fff; border: 1px solid var(--sr-line); border-top: 0; border-radius: 0 0 var(--sc-r-lg) var(--sc-r-lg); box-shadow: 0 28px 70px rgba(32,37,31,.18); opacity: 0; transform: translate(-50%, 10px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; } .sr-mega-item:hover .sr-mega-panel, .sr-mega-item:focus-within .sr-mega-panel { visibility: visible; opacity: 1; transform: translate(-50%, 0); } .sr-mega-feature { position: relative; display: flex; min-height: 285px; flex-direction: column; justify-content: flex-end; padding: var(--sc-space-5); overflow: hidden; color: #fff; background: #243b29 var(--sr-mega-image) center/cover no-repeat; border-radius: var(--sc-r-md); isolation: isolate; } .sr-mega-feature::before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(180deg, rgba(20,30,22,.08), rgba(20,30,22,.88)); } .sr-mega-feature > span { display: grid; width: 42px; height: 42px; place-items: center; margin-bottom: var(--sc-space-3); background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.3); border-radius: 50%; backdrop-filter: blur(8px); } .sr-mega-feature svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); } .sr-mega-feature strong { font-family: var(--sr-display); font-size: 28px; line-height: 1; } .sr-mega-feature small { margin-top: var(--sc-space-1); color: rgba(255,255,255,.78); } .sr-mega-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-5) var(--sc-space-6); align-content: start; } .sr-mega-groups section h3 { margin: 0 0 var(--sc-space-3); padding-bottom: var(--sc-space-2); color: var(--sr-green); border-bottom: 1px solid var(--sr-line); font-family: var(--sr-font); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .sr-mega-groups ul { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; } .sr-mega-groups li a { display: flex; min-height: 35px; align-items: center; gap: var(--sc-space-2); padding: var(--sc-space-1) var(--sc-space-2); border-radius: var(--sc-r-xs); color: #42473f; font-size: 14px; } .sr-mega-groups li a:hover { color: var(--sr-red); background: var(--sr-beige-light); } .sr-mega-cta { display: inline-flex; grid-column: 1 / -1; align-items: center; gap: var(--sc-space-2); justify-self: start; color: var(--sr-red); } .sr-mega-cta svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); } .sr-archive-hero { min-height: 390px; border-radius: 0 0 var(--sc-r-lg) var(--sc-r-lg); } .sr-archive-hero::before { background: linear-gradient(90deg, rgba(24,30,24,.94), rgba(24,30,24,.5) 55%, rgba(24,30,24,.18)), var(--sr-archive-image) center/cover no-repeat; } .sr-archive-hero__description { max-width: 760px; } .sr-subcategories { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--sc-space-4); } .sr-subcategories a { position: relative; min-height: 112px; justify-content: flex-end; overflow: hidden; color: #fff; background: #2a382d var(--sr-subcategory-image) center/cover no-repeat; border: 0; isolation: isolate; } .sr-subcategories a::before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(180deg, rgba(20,28,22,.05), rgba(20,28,22,.9)); } .sr-subcategories a:hover { border-color: transparent; box-shadow: var(--sr-shadow-soft); } .sr-subcategories span { font-size: 14px; line-height: 1.25; } .sr-subcategories small { color: rgba(255,255,255,.72); font-size: 12px; } .sr-shop-layout { grid-template-columns: 285px minmax(0, 1fr); gap: var(--sc-space-6); } .sr-filters { padding: var(--sc-space-5); box-shadow: 0 12px 36px rgba(45,39,29,.06); } .sr-filters__header { margin-bottom: var(--sc-space-3); padding-bottom: var(--sc-space-4); border-bottom: 1px solid var(--sr-line); } .sr-filters__header h2 { font-size: 28px; } .sr-active-filters { padding: var(--sc-space-4) 0 var(--sc-space-4); border-bottom: 1px solid var(--sr-line); } .sr-active-filters > div { display: flex; align-items: center; justify-content: space-between; gap: var(--sc-space-2); font-size: 12px; } .sr-active-filters > div a { color: var(--sr-red); font-weight: 700; } .sr-active-filters ul { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); margin: var(--sc-space-3) 0 0; padding: 0; list-style: none; } .sr-active-filters li a { display: inline-flex; align-items: center; gap: var(--sc-space-2); padding: var(--sc-space-2) var(--sc-space-2); background: var(--sr-green-soft); border-radius: var(--sc-r-pill); color: var(--sr-green-dark); font-size: 12px; font-weight: 700; } .sr-native-filter { border-bottom: 1px solid var(--sr-line); } .sr-native-filter summary { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--sc-space-2); padding: var(--sc-space-4) 0; cursor: pointer; list-style: none; } .sr-native-filter summary::-webkit-details-marker { display: none; } .sr-native-filter summary span { font-size: 14px; font-weight: 800; } .sr-native-filter summary small { grid-column: 1; color: var(--sr-muted); font-size: 10px; } .sr-native-filter summary .sr-native-filter__toggle { display: inline-grid; width: 24px; height: 24px; grid-column: 2; grid-row: 1 / 3; place-items: center; color: var(--sr-green); transition: transform .2s ease; } .sr-native-filter summary .sr-native-filter__toggle svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-native-filter[open] summary .sr-native-filter__toggle { transform: rotate(45deg); } .sr-native-filter__body { padding: 0 0 var(--sc-space-4); } .sr-category-filter { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); } .sr-category-filter a { display: inline-flex; align-items: center; gap: var(--sc-space-2); padding: var(--sc-space-2) var(--sc-space-3); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sc-r-pill); font-size: 12px; font-weight: 700; } .sr-category-filter a:hover { color: var(--sr-red); border-color: #dcb2b9; } .sr-category-filter b { color: var(--sr-muted); font-size: 9px; } .sr-filter-options { display: grid; gap: var(--sc-space-1); margin: 0; padding: 0; list-style: none; } .sr-filter-options a { display: grid; min-height: 37px; grid-template-columns: 20px 1fr auto; gap: var(--sc-space-2); align-items: center; padding: var(--sc-space-1) var(--sc-space-2); border-radius: var(--sc-r-xs); color: #555b53; font-size: 12px; } .sr-filter-options a:hover { color: var(--sr-green-dark); background: var(--sr-beige-light); } .sr-filter-options a.is-active { color: var(--sr-green-dark); background: var(--sr-green-soft); font-weight: 700; } .sr-filter-options b { color: #9a9d97; font-size: 10px; font-weight: 600; } .sr-filter-check { display: grid; width: 18px; height: 18px; place-items: center; border: 1px solid #c8c9c4; border-radius: var(--sc-r-xs); } .sr-filter-options .is-active .sr-filter-check { color: #fff; background: var(--sr-green); border-color: var(--sr-green); } .sr-filter-check svg { width: 13px; height: 13px; } .sr-filter-search { position: relative; display: block; margin-bottom: var(--sc-space-2); } .sr-filter-search svg { position: absolute; top: 50%; left: 10px; width: var(--sc-icon-sm); height: var(--sc-icon-sm); color: var(--sr-muted); transform: translateY(-50%); } .sr-filter-search input { width: 100%; height: 38px; padding: 0 var(--sc-space-3) 0 var(--sc-space-6); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-sm); font-size: 12px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 57px; margin: var(--sc-space-2) 0 var(--sc-space-3) !important; font-family: var(--sr-display); font-size: 20px !important; font-weight: 400; line-height: 1.18; } .single-product div.product { gap: var(--sc-space-8); } .single-product .product_title { font-size: clamp(48px, 4.6vw, 64px); font-weight: 400; line-height: .98; letter-spacing: -.015em; } .single-product .summary > .price { min-height: 74px; padding: var(--sc-space-4) var(--sc-space-5); font-size: clamp(32px, 3.2vw, 48px) !important; font-weight: 400; } .single-product .woocommerce-product-gallery__wrapper { box-shadow: 0 18px 44px rgba(35,44,36,.09); } .woocommerce-account:not(.logged-in) .sr-page-content { width: min(calc(100% - 48px), 1180px); padding-top: var(--sc-space-7); } .woocommerce-account:not(.logged-in) .woocommerce { display: block; } .sr-account-welcome { display: grid; grid-template-columns: minmax(0, 1fr) 430px; gap: var(--sc-space-8); align-items: end; margin-bottom: var(--sc-space-6); padding: var(--sc-space-7); color: #fff; background: linear-gradient(120deg, var(--sr-green-dark), var(--sr-green)); border-radius: var(--sc-r-lg); } .sr-account-welcome .sr-eyebrow { color: #f0d89c; } .sr-account-welcome h1 { max-width: 650px; margin: var(--sc-space-3) 0 var(--sc-space-3); font-size: clamp(48px, 5vw, 64px); line-height: .98; } .sr-account-welcome p { max-width: 670px; margin: 0; color: rgba(255,255,255,.72); } .sr-account-welcome ul { display: grid; gap: var(--sc-space-3); margin: 0; padding: 0; list-style: none; } .sr-account-welcome li { display: grid; grid-template-columns: 34px 1fr; gap: var(--sc-space-3); align-items: center; padding: var(--sc-space-3) var(--sc-space-3); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: var(--sc-r-sm); } .sr-account-welcome li svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); color: #f0d89c; } .sr-account-welcome li span { display: flex; flex-direction: column; color: rgba(255,255,255,.67); font-size: 12px; } .sr-account-welcome li strong { color: #fff; font-size: 14px; } .sr-account-auth { display: grid; grid-template-columns: 1fr; gap: var(--sc-space-5); } .sr-account-auth.has-registration { grid-template-columns: 1fr 1fr; } .sr-auth-card { padding: var(--sc-space-6); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-md); box-shadow: var(--sr-shadow-soft); } .sr-auth-card--register { background: var(--sr-beige-light); } .sr-auth-card__head { display: flex; align-items: center; gap: var(--sc-space-4); margin-bottom: var(--sc-space-5); } .sr-auth-card__head > span { display: grid; width: 48px; height: 48px; place-items: center; color: var(--sr-green); background: var(--sr-green-soft); border-radius: 50%; } .sr-auth-card__head svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); } .sr-auth-card__head small { color: var(--sr-muted); font-size: 12px; } .sr-auth-card__head h2 { margin: 1px 0 0; font-size: 32px; line-height: 1; } .sr-auth-card__intro, .sr-password-note { color: var(--sr-muted); font-size: 14px; } .sr-auth-card .form-row { margin-bottom: var(--sc-space-4) !important; } .sr-auth-card label { font-size: 14px; font-weight: 700; } .sr-auth-card__actions { display: flex; align-items: center; justify-content: space-between; gap: var(--sc-space-4); margin: -2px 0 var(--sc-space-5); font-size: 12px; } .sr-auth-card__actions a { color: var(--sr-red); font-weight: 700; } .sr-auth-card .button { width: 100%; } @media (max-width: 1100px) { .sr-header-main__inner { grid-template-columns: 155px minmax(280px, 1fr) auto; } .sr-header-action > span:last-of-type { display: none; } .sr-mega-trigger > a { padding: 0 var(--sc-space-3); font-size: 12px; } .sr-mega-trigger > a svg { display: none; } .sr-mega-panel { grid-template-columns: 220px 1fr; } .sr-mega-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sr-subcategories { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sr-account-welcome { grid-template-columns: 1fr 360px; } } @media (max-width: 760px) { .sr-header-main__inner { min-height: 78px; grid-template-columns: 44px 1fr auto; } .sr-brand img, .sr-brand .custom-logo { max-width: 128px; } .sr-header-action__icon { width: 40px; height: 40px; } .sr-nav-inner { padding-right: var(--sc-space-4); padding-left: var(--sc-space-4); } .sr-primary-menu { padding: var(--sc-space-3) 0 var(--sc-space-4); } .sr-mega-item { width: 100%; } .sr-mega-trigger { display: grid; height: auto; grid-template-columns: 1fr 44px; border-bottom: 1px solid var(--sr-line); } .sr-mega-trigger > a { min-height: 54px; justify-content: flex-start; padding: 0 var(--sc-space-1); color: var(--sr-ink); border: 0; font-size: 14px; } .sr-mega-trigger > a svg { display: block; color: var(--sr-green); } .sr-mega-trigger > button { display: grid; place-items: center; padding: 0; color: var(--sr-ink); background: transparent; border: 0; } .sr-mega-trigger > button svg { width: var(--sc-icon-md); height: var(--sc-icon-md); transition: transform .2s ease; } .sr-mega-item.is-open .sr-mega-trigger > button svg { transform: rotate(90deg); } .sr-mega-panel { position: static; display: none; visibility: visible; width: auto; grid-template-columns: 1fr; gap: var(--sc-space-4); padding: var(--sc-space-4) 0 var(--sc-space-5); border: 0; border-radius: 0; box-shadow: none; opacity: 1; transform: none; } .sr-mega-item.is-open .sr-mega-panel { display: grid; } .sr-mega-feature { min-height: 155px; } .sr-mega-groups { grid-template-columns: 1fr; gap: var(--sc-space-4); } .sr-mega-groups li a { min-height: 38px; padding-left: 0; } .sr-subcategories { display: flex; } .sr-subcategories a { min-width: 190px; min-height: 112px; flex-basis: 190px; } .sr-filters { padding: var(--sc-space-5) var(--sc-space-5); } .sr-account-welcome { grid-template-columns: 1fr; gap: var(--sc-space-6); } .sr-account-auth.has-registration { grid-template-columns: 1fr; } } @media (max-width: 600px) { .sr-topbar p { gap: var(--sc-space-1); } .sr-topbar svg { display: none; } .sr-archive-hero { min-height: 320px; border-radius: 0 0 var(--sc-r-md) var(--sc-r-md); } .sr-subcategories a { min-width: 165px; flex-basis: 165px; } .woocommerce ul.products, ul.products, .sr-home-products { gap: var(--sc-space-4) !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 54px; font-size: 18px !important; } .single-product .product_title { font-size: 48px; } .woocommerce-account:not(.logged-in) .sr-page-content { width: min(calc(100% - 24px), 1180px); padding-top: var(--sc-space-5); } .sr-account-welcome { padding: var(--sc-space-5) var(--sc-space-5); border-radius: var(--sc-r-md); } .sr-account-welcome h1 { font-size: 40px; } .sr-auth-card { padding: var(--sc-space-5) var(--sc-space-5); } .sr-auth-card__actions { align-items: flex-start; flex-direction: column; } } /* Passe 2: final responsive and catalogue safeguards. */ .sr-account-welcome h1 { color: #fff; } .sr-product-placeholder { display: grid; width: 100%; height: 100%; place-content: center; gap: var(--sc-space-4); padding: var(--sc-space-5); color: var(--sr-green); background: radial-gradient(circle at 76% 20%, rgba(184, 206, 156, .58), transparent 27%), linear-gradient(145deg, #f7f0e4, #eaf0e1); text-align: center; } .sr-product-placeholder svg { width: 58px; height: 58px; margin: auto; opacity: .85; } .sr-product-placeholder small { max-width: 150px; color: var(--sr-green-dark); font-size: 12px; font-weight: 800; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; } @media (max-width: 760px) { .sr-header-main, .sr-header-main__inner { min-height: 0 !important; height: auto !important; } .sr-header-main__inner { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) 48px !important; grid-template-rows: 76px !important; align-items: center !important; gap: var(--sc-space-3) !important; padding-top: 0 !important; padding-bottom: 0 !important; } .sr-menu-toggle { grid-column: 1 !important; grid-row: 1 !important; } .sr-brand { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; } .sr-header-search { display: none !important; } .sr-header-actions { position: static !important; display: flex !important; width: 48px !important; height: 48px !important; grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .sr-header-actions .sr-header-action:not(.sr-cart-button) { display: none !important; } .sr-header-actions .sr-cart-button { position: relative !important; inset: auto !important; display: inline-flex !important; width: 48px !important; min-width: 48px !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: var(--sc-space-2) !important; transform: none !important; } .sr-nav-wrap { position: fixed !important; inset: 0 !important; } .sr-nav-inner { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; } } /* Passe 3: premium product pilot, title system and catalogue refinements. */ .sr-archive-hero h1, .sr-account-welcome h1, .sr-guide-banner h2, .sr-reviews h2, .sr-footer h3, .sr-tech-panel h2, .sr-mega-feature strong { color: #fff; } .sr-section-heading h2, .sr-story__content h2, .sr-faq h2, .sr-about-hero__content h1, .sr-about-story__content h2, .sr-about-values__grid h3, .woocommerce ul.products li.product .woocommerce-loop-product__title, .single-product .product_title, .single-product .related > h2, .single-product .upsells > h2, .sr-rich-description h2, .sr-rich-description h3 { color: var(--sr-title); } .sr-topbar__inner { justify-content: center; text-align: center; } .sr-topbar__inner p { display: inline-flex; align-items: center; justify-content: center; gap: var(--sc-space-2); } .sr-badges { top: 17px; left: 17px; gap: var(--sc-space-1); } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 46px; margin: var(--sc-space-2) 0 var(--sc-space-2) !important; font-size: 20px !important; line-height: 1.18; } .single-product div.product { gap: var(--sc-space-8); } .single-product .product_title { font-size: clamp(40px, 3.7vw, 56px) !important; line-height: 1.02; } .single-product .summary > .price { min-height: 72px; margin-bottom: var(--sc-space-4) !important; padding: var(--sc-space-3) var(--sc-space-4); background: linear-gradient(135deg, #fff8f4, #fff0f2); border-color: #ead0c2; font-size: clamp(32px, 3vw, 48px) !important; } .sr-product-summary-panel { display: grid; gap: var(--sc-space-4); margin: var(--sc-space-4) 0 var(--sc-space-5); padding: var(--sc-space-4); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-md); box-shadow: 0 10px 28px rgba(45, 39, 29, .06); } .sr-product-summary-panel__promise strong { display: block; color: var(--sr-title); font-size: 18px; font-weight: 800; line-height: 1.35; } .sr-product-summary-panel__promise p { margin: var(--sc-space-2) 0 0; color: var(--sr-muted); font-size: 14px; line-height: 1.55; } .sr-product-key-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-2); margin: 0; padding: 0; list-style: none; } .sr-product-key-facts li { display: grid; min-height: 78px; grid-template-columns: 28px 1fr; gap: 2px var(--sc-space-2); align-content: center; padding: var(--sc-space-3); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sc-r-sm); } .sr-product-key-facts svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); grid-row: 1 / 3; align-self: center; color: var(--sr-green); } .sr-product-key-facts span { color: var(--sr-muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .sr-product-key-facts strong { color: var(--sr-title); font-size: 12px; line-height: 1.25; } .sr-product-reassurance { margin-top: var(--sc-space-4); } .sr-product-reassurance span { min-height: 66px; background: #fff; box-shadow: 0 8px 22px rgba(45, 39, 29, .04); } .sr-product-details { margin-top: var(--sc-space-8); padding-top: var(--sc-space-8); } .sr-culture-timeline { margin: 0 0 var(--sc-space-6); padding: var(--sc-space-6); background: linear-gradient(135deg, #fbf8f2, #fff); border: 1px solid var(--sr-line); border-radius: var(--sc-r-lg); box-shadow: var(--sr-shadow-soft); } .sr-culture-timeline__head { display: grid; grid-template-columns: minmax(0, .9fr) minmax(260px, 1fr); gap: var(--sc-space-6); align-items: end; margin-bottom: var(--sc-space-5); } .sr-culture-timeline__head h2 { margin: var(--sc-space-2) 0 0; color: var(--sr-title); font-size: clamp(32px, 3.6vw, 56px); line-height: 1; } .sr-culture-timeline__head p { margin: 0; color: var(--sr-muted); font-size: 16px; } .sr-culture-calendar { display: grid; gap: var(--sc-space-3); } .sr-culture-calendar__months { display: grid; grid-template-columns: 170px repeat(12, minmax(0, 1fr)); gap: var(--sc-space-1); padding-left: 0; color: #8a8274; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-align: center; text-transform: uppercase; } .sr-culture-calendar__months::before { content: ""; } .sr-culture-calendar__rows { display: grid; gap: var(--sc-space-2); } .sr-culture-row { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: var(--sc-space-3); align-items: center; padding: var(--sc-space-3); background: #fff; border: 1px solid rgba(222, 216, 206, .9); border-radius: var(--sc-r-md); } .sr-culture-row__label { display: grid; grid-template-columns: 34px 1fr; gap: 0 var(--sc-space-2); align-items: center; } .sr-culture-row__label > span { display: grid; width: 34px; height: 34px; grid-row: 1 / 3; place-items: center; color: #fff; background: var(--sr-step-color); border-radius: 50%; } .sr-culture-row__label svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-culture-row__label strong { color: var(--sr-title); font-size: 14px; line-height: 1.1; } .sr-culture-row__label small { color: var(--sr-muted); font-size: 12px; font-weight: 800; } .sr-culture-row__track { display: grid; min-height: 30px; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--sc-space-1); padding: var(--sc-space-1); background: repeating-linear-gradient(90deg, #f6f0e8 0, #f6f0e8 calc(8.333% - 4px), transparent calc(8.333% - 4px), transparent 8.333%); border-radius: var(--sc-r-pill); } .sr-culture-row__track span { min-height: 22px; background: linear-gradient(90deg, var(--sr-step-color), color-mix(in srgb, var(--sr-step-color) 76%, #fff)); border-radius: var(--sc-r-pill); box-shadow: 0 7px 15px color-mix(in srgb, var(--sr-step-color) 22%, transparent); } .sr-culture-row p { grid-column: 2; margin: -2px 0 2px; color: var(--sr-muted); font-size: 14px; line-height: 1.45; } .sr-grow-grid { gap: var(--sc-space-4); } .sr-grow-card { padding: var(--sc-space-5); background: #fff; box-shadow: 0 8px 26px rgba(45, 39, 29, .05); } .sr-grow-index { color: var(--sr-green); background: var(--sr-green-soft); } .sr-grow-index svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-grow-card h3 { color: var(--sr-title); font-size: 24px; } @media (max-width: 760px) { .sr-culture-timeline { padding: var(--sc-space-5) var(--sc-space-4); border-radius: var(--sc-r-md); } .sr-culture-timeline__head { grid-template-columns: 1fr; gap: var(--sc-space-3); } .sr-culture-timeline__head h2 { font-size: 32px; } .sr-culture-timeline__head p { font-size: 14px; line-height: 1.45; } .sr-culture-calendar__months { display: none; } .sr-culture-row { grid-template-columns: 1fr; gap: var(--sc-space-2); padding: var(--sc-space-2); } .sr-culture-row__label > span { width: 30px; height: 30px; } .sr-culture-row__label svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); } .sr-culture-row__track { min-height: 24px; padding: 3px; } .sr-culture-row__track span { min-height: 18px; } .sr-culture-row p { display: none; } .sr-product-key-facts { grid-template-columns: 1fr; } } @media (max-width: 600px) { .woocommerce ul.products, ul.products, .sr-home-products { gap: var(--sc-space-3) !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 43px; font-size: 18px !important; } .single-product .product_title { font-size: 40px !important; } } /* Passe 3 finale: finitions premium, legal, recherche et responsive. */ .sr-header-main__inner { min-height: 86px; grid-template-columns: 154px minmax(320px, 720px) minmax(220px, 1fr); gap: var(--sc-space-5); } .sr-brand img, .sr-brand .custom-logo { max-width: 130px; max-height: 60px; object-fit: contain; } .sr-topbar { line-height: 1.2; } .sr-topbar__inner { min-height: 36px; align-items: center; justify-content: center; flex-wrap: wrap; row-gap: 0; } .sr-topbar__inner p { min-height: 24px; align-items: center; } .sr-topbar svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); stroke-width: 2; } .sr-header-search { max-width: 720px; } .sr-header-search .search-field{ height: 48px !important; padding-left: var(--sc-space-5) !important; background: #fff !important; border: 0 !important; border-radius: var(--sc-r-pill) !important; color: var(--sr-ink) !important; font-size: 14px !important; } .sr-header-action__icon { color: var(--sr-red); background: #fff; border-color: #efd6dc; box-shadow: 0 8px 18px rgba(183, 25, 50, .08); } .sr-header-actions .sr-cart-button { border-radius: var(--sc-r-pill); } .sr-header-actions .sr-cart-button .sr-header-action__icon svg { color: var(--sr-red); } .sr-section-heading:not(.sr-section-heading--center) { display: block; max-width: 900px; } .sr-section-heading:not(.sr-section-heading--center) > p { max-width: 760px; margin-top: var(--sc-space-4); line-height: 1.65; } .sr-footer a { text-underline-offset: 4px; } .sr-legal-hero { padding: var(--sc-space-8) 0 var(--sc-space-7); background: radial-gradient(circle at 84% 10%, rgba(217,196,133,.25), transparent 28%), linear-gradient(135deg, var(--sr-green-dark), var(--sr-green)); color: #fff; } .sr-legal-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: var(--sc-space-7); align-items: end; } .sr-legal-hero .sr-eyebrow { color: #f0d89c; } .sr-legal-hero h1 { max-width: 760px; margin: var(--sc-space-3) 0 var(--sc-space-4); color: #fff; font-size: clamp(48px, 6vw, 80px); line-height: .98; } .sr-legal-hero p { max-width: 760px; margin: 0; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.7; } .sr-legal-hero aside { display: grid; gap: var(--sc-space-2); padding: var(--sc-space-5); background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: var(--sc-r-md); backdrop-filter: blur(10px); } .sr-legal-hero aside strong { color: #fff; } .sr-legal-hero aside span { color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.45; } .sr-legal-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-4); margin-top: -22px; } .sr-legal-cards article { display: grid; grid-template-columns: 44px 1fr; gap: var(--sc-space-1) var(--sc-space-4); align-items: center; padding: var(--sc-space-5); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-md); box-shadow: var(--sr-shadow-soft); } .sr-legal-cards svg { width: 44px; height: 44px; grid-row: 1 / 3; padding: var(--sc-space-3); color: var(--sr-green); background: var(--sr-green-soft); border-radius: 50%; } .sr-legal-cards strong { color: var(--sr-title); font-size: 16px; } .sr-legal-cards p { margin: 0; color: var(--sr-muted); font-size: 14px; line-height: 1.45; } .sr-legal-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: var(--sc-space-6); padding-top: var(--sc-space-7); padding-bottom: var(--sc-space-9); } .sr-legal-toc { position: sticky; top: 18px; align-self: start; padding: var(--sc-space-5); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sc-r-md); } .sr-legal-toc strong { display: block; margin-bottom: var(--sc-space-3); color: var(--sr-title); } .sr-legal-toc ol { display: grid; gap: var(--sc-space-2); margin: 0; padding-left: var(--sc-space-4); } .sr-legal-toc a { color: var(--sr-muted); font-size: 14px; font-weight: 700; } .sr-legal-toc a:hover { color: var(--sr-red); } .sr-legal-content { display: grid; gap: var(--sc-space-4); } .sr-legal-content article { padding: var(--sc-space-6); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-md); box-shadow: 0 8px 24px rgba(45,39,29,.045); } .sr-legal-content h2 { margin: 0 0 var(--sc-space-4); color: var(--sr-title); font-size: 32px; line-height: 1.05; } .sr-legal-content p { margin: 0; color: #555b53; line-height: 1.75; } .sr-legal-content p + p { margin-top: var(--sc-space-3); } .sr-pilot-description__cards h3, .sr-pilot-description__taste h3, .sr-product-faq h3 { margin: 0 0 var(--sc-space-4); color: var(--sr-title); font-size: 32px; line-height: 1.05; } .sr-product-faq { display: grid; gap: var(--sc-space-2); padding: var(--sc-space-5); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sc-r-md); } .sr-product-faq details { background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-sm); } .sr-product-faq summary { display: flex; align-items: center; justify-content: space-between; gap: var(--sc-space-4); padding: var(--sc-space-4) var(--sc-space-4); cursor: pointer; color: var(--sr-title); font-weight: 800; } .sr-product-faq summary::-webkit-details-marker { display: none; } .sr-product-faq details[open] summary span { transform: rotate(45deg); } .sr-product-faq summary span { color: var(--sr-green); font-size: 20px; transition: transform .2s ease; } .sr-product-faq p { margin: 0; padding: 0 var(--sc-space-4) var(--sc-space-4); color: var(--sr-muted); font-size: 14px; line-height: 1.65; } @media (max-width: 1100px) { .sr-header-main__inner { grid-template-columns: 132px minmax(280px, 1fr) auto; gap: var(--sc-space-5); } .sr-brand img, .sr-brand .custom-logo { max-width: 118px; max-height: 56px; } .sr-legal-hero__grid { grid-template-columns: 1fr; gap: var(--sc-space-5); } .sr-legal-hero aside { max-width: 420px; } } @media (max-width: 760px) { .sr-header-main__inner { grid-template-rows: 72px !important; } .sr-brand img, .sr-brand .custom-logo { max-width: 108px !important; max-height: 52px !important; } .sr-header-actions .sr-cart-button { background: #fff7f7 !important; border: 1px solid #efd6dc !important; box-shadow: 0 8px 20px rgba(183,25,50,.08) !important; } .sr-header-actions .sr-cart-button svg { color: var(--sr-red) !important; } .sr-mobile-search { margin: 0 0 var(--sc-space-4); } .sr-legal-cards, .sr-legal-layout, .sr-pilot-description__intro, .sr-pilot-description__taste { grid-template-columns: 1fr; } .sr-legal-toc { position: static; } } @media (max-width: 600px) { .sr-topbar__inner { min-height: 34px; padding-right: var(--sc-space-2); padding-left: var(--sc-space-2); } .sr-topbar__inner p { min-height: 20px; font-size: 10px; letter-spacing: .01em; } .sr-legal-hero { padding: var(--sc-space-7) 0 var(--sc-space-6); } .sr-legal-hero h1 { font-size: 48px; } .sr-legal-cards { margin-top: -14px; } .sr-legal-cards article, .sr-legal-content article { padding: var(--sc-space-5); border-radius: var(--sc-r-md); } .sr-legal-content h2 { font-size: 28px; } .sr-pilot-description__intro, .sr-product-faq { padding: var(--sc-space-4); border-radius: var(--sc-r-md); } } /* Perfectionnement final: corrections de stabilité, recherche, compte et pages marque. */ .sr-header-main__inner { grid-template-columns: 142px minmax(340px, 720px) minmax(220px, 1fr); } .sr-brand img, .sr-brand .custom-logo { max-width: 118px; max-height: 54px; } .sr-header-search { width: 100%; justify-self: center; } .woocommerce-account .sr-header-search { transform: none !important; } .sr-topbar__inner { align-items: center; justify-content: center; } .sr-topbar__inner p { display: inline-flex; align-items: center; line-height: 1.2; } .sr-header-actions .sr-cart-button, .sr-header-actions .sr-cart-button .sr-header-action__icon { color: var(--sr-red) !important; background: #fff !important; } .sr-product-experience { display: grid; gap: var(--sc-space-6); } .sr-product-editorial { display: grid; grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr); gap: var(--sc-space-6); align-items: center; padding: var(--sc-space-6); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-lg); box-shadow: var(--sr-shadow-soft); } .sr-product-editorial > img { width: 100%; max-height: 410px; object-fit: cover; border-radius: var(--sc-r-md); } .sr-product-editorial h2 { margin: var(--sc-space-2) 0 var(--sc-space-4); color: var(--sr-title); font-size: clamp(40px, 4vw, 56px); line-height: 1; } .sr-product-editorial p { color: #565d55; line-height: 1.75; } .sr-product-editorial aside { display: grid; grid-template-columns: 40px 1fr; gap: var(--sc-space-3); margin-top: var(--sc-space-4); padding: var(--sc-space-4); background: var(--sr-green-soft); border: 1px solid #d6e6d0; border-radius: var(--sc-r-md); } .sr-product-editorial aside svg { width: var(--sc-icon-xl); height: var(--sc-icon-xl); color: var(--sr-green); } .sr-product-editorial aside strong { color: var(--sr-green-dark); } .sr-product-editorial aside p { margin: 3px 0 0; color: #52604f; font-size: 14px; } .sr-product-faq__head h2 { margin: var(--sc-space-2) 0 var(--sc-space-4); color: var(--sr-title); font-size: 40px; line-height: 1; } .sr-contact-page, .sr-about { background: linear-gradient(180deg, #fff 0, #fffaf5 42%, #fff 100%); } .sr-contact-hero { padding: var(--sc-space-6) 0 var(--sc-space-7); background: radial-gradient(circle at 8% 14%, rgba(55,106,53,.12), transparent 28%), linear-gradient(180deg, #fff, #fbf7ef); } .sr-contact-hero__grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr); gap: clamp(var(--sc-space-6), 5vw, var(--sc-space-8)); align-items: stretch; padding: clamp(var(--sc-space-5), 3vw, var(--sc-space-6)); background: rgba(255,255,255,.76); border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 18px 54px rgba(45,39,29,.08); } .sr-contact-hero__content { display: flex; flex-direction: column; justify-content: center; } .sr-contact-hero h1 { max-width: 720px; margin: var(--sc-space-3) 0 var(--sc-space-4); color: var(--sr-title); font-size: clamp(48px, 5.2vw, 80px); line-height: .98; letter-spacing: -.025em; } .sr-contact-hero p { max-width: 640px; color: #565d55; font-size: 18px; line-height: 1.75; } .sr-contact-methods { display: grid; gap: var(--sc-space-3); margin-top: var(--sc-space-6); } .sr-contact-methods a, .sr-contact-methods div { display: grid; grid-template-columns: 52px 1fr; gap: var(--sc-space-4); align-items: center; padding: var(--sc-space-4); background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); box-shadow: 0 10px 28px rgba(45,39,29,.045); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .sr-contact-methods a:hover { border-color: #dbcdb9; box-shadow: 0 16px 36px rgba(45,39,29,.07); transform: translateY(-2px); } .sr-contact-methods svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); justify-self: center; color: var(--sr-green); } .sr-contact-methods a > svg, .sr-contact-methods div > svg { padding: var(--sc-space-3); width: 52px; height: 52px; background: var(--sr-green-soft); border-radius: var(--sc-r-md); } .sr-contact-methods strong { display: block; color: var(--sr-title); font-size: 18px; } .sr-contact-methods small { color: var(--sr-muted); font-size: 14px; } .sr-contact-card { padding: clamp(var(--sc-space-5), 3vw, var(--sc-space-6)); background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 18px 54px rgba(45,39,29,.09); } .sr-contact-card__head { display: grid; grid-template-columns: 48px 1fr; gap: var(--sc-space-4); align-items: center; margin-bottom: var(--sc-space-5); padding: var(--sc-space-4); background: linear-gradient(135deg, #eef6eb, #fbf8f2); border: 1px solid #dbe9d6; border-radius: var(--sc-r-md); } .sr-contact-card__head > span { display: grid; width: 48px; height: 48px; place-items: center; color: #fff; background: var(--sr-green); border-radius: 50%; } .sr-contact-card__head svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); } .sr-contact-card__head strong { color: var(--sr-title); } .sr-contact-card__head p { margin: 2px 0 0; color: var(--sr-muted); font-size: 14px; line-height: 1.45; } .sr-contact-card .forminator-ui { margin: 0 !important; } .sr-contact-privacy-note { margin: var(--sc-space-4) 2px 0; color: var(--sr-muted); font-size: 12px; line-height: 1.55; } .sr-contact-privacy-note a { color: var(--sr-green); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } .sr-contact-proof { margin-top: 0; padding: var(--sc-space-4) 0 var(--sc-space-8); background: #fff; } .sr-contact-proof__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-4); } .sr-contact-proof article { display: grid; grid-template-columns: 48px 1fr; gap: var(--sc-space-1) var(--sc-space-4); padding: var(--sc-space-5); background: linear-gradient(180deg, #fff, #fffaf5); border: 1px solid #eadfd1; border-radius: var(--sc-r-md); box-shadow: 0 12px 30px rgba(45,39,29,.045); } .sr-contact-proof svg { width: 48px; height: 48px; grid-row: 1 / 3; padding: var(--sc-space-3); color: var(--sr-green); background: var(--sr-green-soft); border-radius: var(--sc-r-md); } .sr-contact-proof strong { color: var(--sr-title); } .sr-contact-proof span { color: var(--sr-muted); font-size: 14px; line-height: 1.45; } .sr-contact-brand__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--sc-space-7); align-items: center; } .sr-contact-brand img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--sc-r-lg); box-shadow: 0 18px 54px rgba(45,39,29,.08); } .sr-contact-brand h2 { margin: var(--sc-space-3) 0 var(--sc-space-4); color: var(--sr-title); font-size: clamp(40px, 4.7vw, 64px); line-height: 1; letter-spacing: -.02em; } .sr-contact-brand p { color: var(--sr-muted); font-size: 18px; line-height: 1.75; } @media (max-width: 1100px) { .sr-header-main__inner { grid-template-columns: 124px minmax(280px, 1fr) auto; } .sr-brand img, .sr-brand .custom-logo { max-width: 108px; max-height: 50px; } .sr-product-sales-block, .sr-product-editorial, .sr-contact-hero__grid, .sr-contact-brand__grid, .sr-about-expertise__grid { grid-template-columns: 1fr; } } @media (max-width: 760px) { .sr-product-sales-block__cards, .sr-product-essentials ul, .sr-about-facts__grid, .sr-contact-proof__grid, .sr-about-expertise__cards { grid-template-columns: 1fr; } .sr-contact-hero { padding: var(--sc-space-7) 0; } .sr-contact-hero__grid { padding: var(--sc-space-5); border-radius: var(--sc-r-lg); } .sr-contact-card { padding: var(--sc-space-5); border-radius: var(--sc-r-md); } .sr-header-actions .sr-cart-button .sr-header-action__icon { display: grid !important; width: var(--sc-icon-xl) !important; height: var(--sc-icon-xl) !important; place-items: center !important; background: #fff !important; border-color: #efd6dc !important; } .sr-header-actions .sr-cart-button > span:last-of-type { display: none !important; } } @media (max-width: 600px) { .sr-brand img, .sr-brand .custom-logo { max-width: 96px !important; max-height: 46px !important; } .sr-product-sales-block__intro, .sr-product-editorial, .sr-product-essentials, .sr-about-rse__inner { padding: var(--sc-space-5); border-radius: var(--sc-r-md); } .sr-contact-hero h1 { font-size: 48px; } .sr-contact-methods a, .sr-contact-methods div { grid-template-columns: 38px 1fr; } .sr-contact-methods a > svg, .sr-contact-methods div > svg { width: 38px; height: 38px; padding: var(--sc-space-2); border-radius: var(--sc-r-sm); } .sr-contact-card__head { grid-template-columns: 1fr; } } /* Finition premium: product hero, wishlist, account endpoints, search and checkout. */ .single-product div.product { display: block !important; } .single-product .sr-product-hero-shell { display: grid; grid-template-columns: minmax(0, .96fr) minmax(420px, 1.04fr); gap: var(--sc-space-6); align-items: stretch; padding: var(--sc-space-6); background: radial-gradient(circle at 0 0, rgba(55,106,53,.12), transparent 30%), linear-gradient(135deg, #fffaf5, #fff); border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 22px 60px rgba(45,39,29,.09); } .single-product .sr-product-hero-shell .woocommerce-product-gallery { min-width: 0; } .single-product .sr-product-hero-shell .summary { display: flex; flex-direction: column; min-width: 0; padding: var(--sc-space-2) 0 0; } .single-product .sr-product-hero-shell .woocommerce-product-gallery__wrapper { background: #fff; border-radius: var(--sc-r-lg); box-shadow: 0 18px 44px rgba(35,44,36,.08); } .single-product .sr-product-hero-shell .product_title { max-width: 720px; margin-top: var(--sc-space-3); margin-bottom: var(--sc-space-2); font-size: clamp(40px, 4vw, 64px) !important; line-height: .96; } .sr-product-hero-badges { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); order: -5; } .sr-product-hero-badges .sr-badge { position: static; background: #fff; border: 1px solid #e8dccd; color: var(--sr-green-dark); } .sr-product-hero-badges .sr-badge.is-hero { background: var(--sr-green-soft); border-color: #d5e5cf; } .single-product .sr-product-hero-shell .summary > .price { width: fit-content; min-height: 0; margin: var(--sc-space-3) 0 var(--sc-space-4) !important; padding: var(--sc-space-3) var(--sc-space-4); background: #fff; border: 1px solid #ead0c2; border-radius: var(--sc-r-md); box-shadow: 0 10px 26px rgba(183,25,50,.06); font-size: clamp(32px, 3.2vw, 48px) !important; line-height: 1 !important; } .sr-product-hero-copy p { display: -webkit-box; overflow: hidden; margin: 0; color: #4f564d; font-size: 16px; line-height: 1.55; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .sr-product-hero-values { display: grid; gap: var(--sc-space-3); margin: var(--sc-space-3) 0 var(--sc-space-2); } .sr-product-hero-values h2 { margin: 0; color: var(--sr-title); font-size: 24px; line-height: 1; } .sr-product-hero-values > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-2); } .sr-product-hero-values article { display: grid; gap: var(--sc-space-2); align-content: start; min-height: 86px; padding: var(--sc-space-3); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-md); box-shadow: 0 10px 24px rgba(45,39,29,.045); } .sr-product-hero-values article > span { display: grid; width: 36px; height: 36px; place-items: center; color: var(--sr-green); background: var(--sr-green-soft); border-radius: var(--sc-r-sm); } .sr-product-hero-values svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-product-hero-values strong { color: var(--sr-title); font-size: 14px; line-height: 1.25; } .sr-product-hero-values small { display: none; overflow: hidden; color: var(--sr-muted); font-size: 12px; line-height: 1.45; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .single-product .sr-product-hero-shell form.cart { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: var(--sc-space-3); align-items: stretch; margin-top: var(--sc-space-3) !important; padding-top: var(--sc-space-3); } .single-product .sr-product-hero-shell form.cart::before, .single-product .sr-product-hero-shell form.cart::after { display: none !important; content: none !important; } .single-product .sr-product-hero-shell .quantity .qty { width: 82px !important; height: 56px; border-radius: var(--sc-r-md); font-weight: 800; } .sr-product-summary-panel { margin: var(--sc-space-3) 0 0; padding: var(--sc-space-4); background: rgba(255,255,255,.72); border-radius: var(--sc-r-md); } .sr-product-summary-panel__promise strong { display: none; } .sr-product-summary-panel__taste { display: grid; grid-template-columns: 24px 1fr; gap: var(--sc-space-2); align-items: start; padding: var(--sc-space-2) var(--sc-space-3); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sc-r-sm); } .sr-product-summary-panel__taste svg { width: var(--sc-icon-md); height: var(--sc-icon-md); color: var(--sr-red); } .sr-product-key-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-2); } .sr-product-key-facts li { min-height: 58px; grid-template-columns: 22px 1fr; padding: var(--sc-space-2); } .sr-product-key-facts svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-product-key-facts span { font-size: 9px; } .sr-product-key-facts strong { font-size: 12px; } .single-product .sr-product-hero-shell .stock { margin: var(--sc-space-3) 0 0; font-size: 14px; font-weight: 800; color: var(--sr-green-dark); } .single-product .sr-product-hero-shell .product_meta { display: none; } .sr-product-reassurance { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sr-product-reassurance span { min-height: 58px; align-items: flex-start; text-align: left; } .sr-product-reassurance strong { color: var(--sr-title); font-size: 12px; line-height: 1.15; } .sr-product-reassurance small { color: var(--sr-muted); font-size: 10px; line-height: 1.25; } .sr-wishlist-toggle { display: inline-flex; align-items: center; justify-content: center; gap: var(--sc-space-2); color: var(--sr-red); background: #fff; border: 1px solid #ecd8dc; border-radius: var(--sc-r-pill); cursor: pointer; font-weight: 800; transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; } .sr-wishlist-toggle svg { width: var(--sc-icon-md); height: var(--sc-icon-md); fill: transparent; } .sr-wishlist-toggle:hover, .sr-wishlist-toggle.is-active { color: #fff; background: var(--sr-red); border-color: var(--sr-red); transform: translateY(-1px); } .sr-wishlist-toggle.is-active svg { fill: currentColor; } .sr-wishlist-toggle--card { position: absolute; z-index: 3; top: 16px; right: 16px; width: 44px; height: 44px; padding: 0; box-shadow: 0 10px 22px rgba(45,39,29,.12); } .sr-wishlist-toggle--hero { width: fit-content; min-height: 42px; margin-top: var(--sc-space-3); padding: var(--sc-space-3) var(--sc-space-4); } .sr-wishlist-header b[hidden] { display: none; } .sr-wishlist-hero { padding: var(--sc-space-9) 0 var(--sc-space-7); background: linear-gradient(135deg, #fffaf5, var(--sr-green-soft)); border-bottom: 1px solid var(--sr-line); } .sr-wishlist-hero h1 { margin: var(--sc-space-2) 0 var(--sc-space-3); font-size: clamp(48px, 6vw, 80px); line-height: .98; } .sr-wishlist-hero p { max-width: 680px; margin: 0; color: var(--sr-muted); font-size: 18px; } .sr-wishlist-content { padding: var(--sc-space-7) 0 var(--sc-space-9); } .sr-wishlist-empty { display: grid; justify-items: center; max-width: 620px; margin: 0 auto; padding: var(--sc-space-6); text-align: center; background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-lg); box-shadow: var(--sr-shadow-soft); } .sr-wishlist-empty > svg { width: 42px; height: 42px; color: var(--sr-red); } .sr-wishlist-empty h2 { margin: var(--sc-space-3) 0 var(--sc-space-2); font-size: 40px; line-height: 1; } .sr-wishlist-empty p { color: var(--sr-muted); } .sr-wishlist-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sc-space-4); } .sr-wishlist-card { display: grid; gap: var(--sc-space-3); padding: var(--sc-space-4); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-md); box-shadow: 0 10px 26px rgba(45,39,29,.055); } .sr-wishlist-card__image { display: grid; aspect-ratio: 1 / 1; place-items: center; overflow: hidden; color: var(--sr-muted); background: var(--sr-beige-light); border-radius: var(--sc-r-md); font-size: 12px; text-align: center; } .sr-wishlist-card__image img { width: 100%; height: 100%; object-fit: cover; } .sr-wishlist-card__title { color: var(--sr-title); font-weight: 900; line-height: 1.25; } .sr-wishlist-card__price { color: var(--sr-red); font-weight: 900; } .sr-wishlist-card__actions { display: grid; grid-template-columns: 1fr auto; gap: var(--sc-space-2); align-items: center; } .sr-wishlist-card__actions button { min-height: 40px; padding: var(--sc-space-2) var(--sc-space-3); color: var(--sr-muted); background: var(--sr-beige-light); border: 1px solid var(--sr-line); border-radius: var(--sc-r-pill); cursor: pointer; font-size: 12px; font-weight: 800; } .woocommerce-account .woocommerce-order-details, .woocommerce-account .woocommerce-customer-details { margin-top: var(--sc-space-4); padding: var(--sc-space-5); background: #fff; border: 1px solid var(--sr-line); border-radius: var(--sc-r-md); box-shadow: 0 8px 24px rgba(45,39,29,.05); } .woocommerce-account mark { padding: 2px var(--sc-space-2); color: var(--sr-green-dark); background: var(--sr-green-soft); border-radius: var(--sc-r-pill); } .woocommerce-message, .woocommerce-info, .woocommerce-error { /* Message WooCommerce (information, succès, erreur) : un seul composant. */ display: block; margin-top: 0; margin-bottom: var(--sc-space-4) !important; padding: var(--sc-space-3) var(--sc-space-4) !important; list-style: none; background: #fff !important; border: 1px solid var(--sc-line) !important; border-left: 4px solid var(--sc-green) !important; border-radius: var(--sc-r-sm) !important; box-shadow: none !important; font: 400 16px/1.45 var(--sc-font); color: var(--sc-ink); } .woocommerce-error { border-left-color: var(--sc-red) !important; } .woocommerce-error li { margin: 0; padding: 0; } .woocommerce-error li + li { margin-top: var(--sc-space-1); } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none !important; } .sr-mega-trigger > a { position: relative; border-right-color: rgba(255,255,255,.13); } .sr-mega-trigger > a::after { position: absolute; right: 0; top: 16px; bottom: 16px; width: 1px; content: ""; background: linear-gradient(180deg, transparent, rgba(255,255,255,.28), transparent); } .sr-mega-trigger > a svg { padding: 3px; background: rgba(255,255,255,.1); border-radius: var(--sc-r-pill); } @media (max-width: 1100px) { .single-product .sr-product-hero-shell { grid-template-columns: 1fr; } .sr-wishlist-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .single-product .sr-product-hero-shell { padding: var(--sc-space-4); border-radius: var(--sc-r-lg); } .sr-product-hero-values > div, .sr-product-key-facts, .sr-product-reassurance { grid-template-columns: 1fr; } .sr-wishlist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sr-header-actions .sr-wishlist-header { display: none !important; } } @media (max-width: 600px) { .single-product .sr-product-hero-shell { width: calc(100% + 8px); margin-left: -4px; padding: var(--sc-space-4); } .single-product .sr-product-hero-shell .product_title { font-size: 40px !important; } .single-product .sr-product-hero-shell form.cart { grid-template-columns: 1fr; } .single-product .sr-product-hero-shell .quantity .qty { width: 100% !important; } .sr-product-hero-values article { min-height: 0; } .sr-wishlist-grid { grid-template-columns: 1fr; } .sr-wishlist-empty { padding: var(--sc-space-5); border-radius: var(--sc-r-md); } } /* Passe UX produit/recherche: couche finale compacte et administrable. */ .sr-wishlist-empty[hidden], .sr-wishlist-empty.is-hidden, .sr-wishlist-grid[hidden], .sr-wishlist-grid.is-hidden { display: none !important; } .sr-header-main__inner { grid-template-columns: 132px minmax(300px, 620px) minmax(300px, auto) !important; gap: clamp(var(--sc-space-4), 2.2vw, var(--sc-space-6)) !important; } .sr-header-search { width: 100%; max-width: 620px !important; min-width: 0; justify-self: center; } .sr-header-actions { min-width: 0; justify-self: end; flex-wrap: nowrap; } .sr-header-action { min-width: 0; } .sr-badges { align-items: flex-start; gap: var(--sc-space-2); } .sr-badge { display: inline-flex; align-items: center; justify-content: center; } .sr-badge.is-custom, .sr-badge.is-easy { color: var(--sr-green-dark); background: #e9f4df; } .sr-badge.is-sun { color: #7b5515; background: #ffe8a8; } .sr-badge.is-season { color: #fff; background: #6d8f3f; } .sr-badge.is-stock { color: #fff; background: var(--sr-green); } .sr-product-experience--compact { display: grid; gap: var(--sc-space-6); padding-top: var(--sc-space-7); } .sr-product-info-panel { overflow: hidden; background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 20px 55px rgba(45,39,29,.08); } .sr-product-info-panel__head { display: grid; grid-template-columns: minmax(0, .86fr) minmax(260px, 1fr); gap: var(--sc-space-5); align-items: end; padding: var(--sc-space-6) var(--sc-space-6) var(--sc-space-5); background: linear-gradient(135deg, #fffaf5, #fff); border-bottom: 1px solid #eadfd1; } .sr-product-info-panel__head h2 { margin: var(--sc-space-2) 0 0; color: var(--sr-title); font-size: clamp(32px, 3.6vw, 56px); line-height: 1; } .sr-product-info-panel__head p { margin: 0; color: var(--sr-muted); line-height: 1.6; } .sr-product-info-panel__tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: #fbf8f2; border-bottom: 1px solid #eadfd1; } .sr-product-info-panel__tabs button { display: inline-flex; align-items: center; justify-content: center; gap: var(--sc-space-2); min-height: 58px; padding: var(--sc-space-3) var(--sc-space-4); color: var(--sr-title); background: transparent; border: 0; border-right: 1px solid #eadfd1; cursor: pointer; font-weight: 900; } .sr-product-info-panel__tabs button:last-child { border-right: 0; } .sr-product-info-panel__tabs button svg { width: var(--sc-icon-md); height: var(--sc-icon-md); color: var(--sr-green); } .sr-product-info-panel__tabs button.is-active { color: var(--sr-green-dark); background: #fff; box-shadow: inset 0 -3px 0 var(--sr-green); } .sr-product-info-panel__body { padding: var(--sc-space-6); } .sr-product-info-panel__pane[hidden] { display: none !important; } .sr-product-panel-description { display: grid; gap: var(--sc-space-4); max-width: 920px; } .sr-product-panel-description h2 { margin: 0; color: var(--sr-title); font-size: clamp(40px, 4vw, 56px); line-height: 1; } .sr-product-panel-description h3 { margin: var(--sc-space-3) 0 0; color: var(--sr-title); font-size: 32px; line-height: 1.05; } .sr-product-panel-description p { margin: 0; color: #4f564d; font-size: 16px; line-height: 1.75; } .sr-product-panel-description a { color: var(--sr-green-dark); font-weight: 900; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .sr-product-panel-description aside { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: var(--sc-space-3); margin-top: var(--sc-space-1); padding: var(--sc-space-4); background: var(--sr-green-soft); border: 1px solid #d7e8d0; border-radius: var(--sc-r-md); } .sr-product-panel-description aside > svg { width: var(--sc-icon-xl); height: var(--sc-icon-xl); color: var(--sr-green); } .sr-product-panel-description aside strong { color: var(--sr-title); } .sr-product-care-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-3); } .sr-product-care-grid article { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: var(--sc-space-3); align-items: start; min-height: 132px; padding: var(--sc-space-4); background: #fffaf5; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .sr-product-care-grid article > span { display: grid; width: 42px; height: 42px; place-items: center; color: var(--sr-green); background: var(--sr-green-soft); border-radius: var(--sc-r-sm); } .sr-product-care-grid svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); } .sr-product-care-grid strong { display: block; color: var(--sr-title); font-size: 16px; line-height: 1.2; } .sr-product-care-grid p { margin: var(--sc-space-1) 0 0; color: #4f564d; font-size: 14px; line-height: 1.55; } .sr-product-care-grid small { display: block; margin-top: var(--sc-space-2); color: var(--sr-muted); font-size: 12px; line-height: 1.35; } .sr-product-info-panel .sr-culture-timeline { margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; } .sr-product-info-panel .sr-culture-timeline__head { grid-template-columns: minmax(0, .76fr) minmax(240px, 1fr); margin-bottom: var(--sc-space-4); } .sr-product-panel-tech { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-3) var(--sc-space-4); margin: 0; } .sr-product-panel-tech div { display: grid; grid-template-columns: minmax(120px, .75fr) minmax(0, 1fr); gap: var(--sc-space-3); align-items: center; padding: var(--sc-space-4) var(--sc-space-4); background: #fffaf5; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .sr-product-panel-tech dt { color: var(--sr-muted); font-size: 12px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; } .sr-product-panel-tech dd { margin: 0; color: var(--sr-title); font-weight: 900; text-align: right; } .sr-product-info-panel .sr-product-faq { margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; } @media (max-width: 1180px) { .sr-header-main__inner { grid-template-columns: 124px minmax(260px, 1fr) auto !important; gap: var(--sc-space-4) !important; } .sr-header-action > span:last-of-type { display: none !important; } .sr-header-actions { gap: var(--sc-space-2); } .sr-product-experience--compact .sr-product-sales-block, .sr-product-info-panel__head { grid-template-columns: 1fr; } } @media (max-width: 760px) { .sr-header-main__inner { grid-template-columns: 48px minmax(0, 1fr) 48px !important; } .sr-product-info-panel__tabs { display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; } .sr-product-info-panel__tabs button { min-width: 178px; justify-content: flex-start; } .sr-product-info-panel__body, .sr-product-info-panel__head { padding: var(--sc-space-5); } .sr-product-care-grid, .sr-product-panel-tech { grid-template-columns: 1fr; } } @media (max-width: 600px) { .sr-product-experience--compact { padding-top: var(--sc-space-6); } .sr-product-care-grid article, .sr-product-panel-tech div { grid-template-columns: 1fr; } .sr-product-panel-tech dd { text-align: left; } } /* Refonte premium ciblee: fiche produit et recherche header. */ .sr-mobile-search-toggle { display: none; width: 46px; height: 46px; place-items: center; color: var(--sr-red); background: #fff; border: 1px solid #efd6dc; border-radius: 50%; box-shadow: 0 10px 22px rgba(183,25,50,.08); cursor: pointer; } .sr-mobile-search-toggle svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-search { position: relative; z-index: 20; width: 100%; margin: 0; } .sr-search__field { display: grid; grid-template-columns: 46px minmax(0, 1fr) 38px auto; align-items: center; min-height: 58px; padding: var(--sc-space-1) var(--sc-space-1) var(--sc-space-1) var(--sc-space-2); background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-pill); box-shadow: 0 16px 42px rgba(45,39,29,.08); } .sr-search__icon { display: grid; width: 42px; height: 42px; place-items: center; color: var(--sr-red); background: #fff4f5; border-radius: 50%; } .sr-search__icon svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-search input[type=search] { width: 100%; min-width: 0; height: 46px; padding: 0 var(--sc-space-3); color: var(--sr-ink); background: transparent; border: 0; outline: 0; font-size: 14px; } .sr-search input[type=search]::placeholder { color: #9a9186; } .sr-search__clear, .sr-search__submit { display: inline-flex; align-items: center; justify-content: center; border: 0; cursor: pointer; } .sr-search__clear { width: 44px; height: 44px; min-width: 44px; min-height: 44px; color: #8b8175; background: transparent; border-radius: 50%; } .sr-search__clear:hover { color: var(--sr-red); background: #fff4f5; } .sr-search__clear svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); } .sr-search__submit { min-height: 46px; padding: 0 var(--sc-space-4); color: #fff; background: var(--sr-red); border-radius: var(--sc-r-pill); box-shadow: 0 12px 24px rgba(183,25,50,.2); font-size: 14px; font-weight: 900; } .sr-search__panel { position: absolute; top: calc(100% + 10px); left: 0; right: 0; overflow: hidden; max-height: min(650px, calc(100vh - 180px)); background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 28px 80px rgba(45,39,29,.18); } .sr-search__panel[hidden] { display: none !important; } .sr-search__state { padding: var(--sc-space-5); color: var(--sr-muted); background: #fffaf5; font-size: 14px; line-height: 1.55; } .sr-search__state[hidden] { display: none !important; } .sr-search__groups { overflow: auto; max-height: min(620px, calc(100vh - 210px)); } .sr-search-results__group { padding: var(--sc-space-4); } .sr-search-results__group + .sr-search-results__group { border-top: 1px solid #f0e6db; } .sr-search-results__group h3 { margin: 0 0 var(--sc-space-3); color: var(--sr-title); font-size: 14px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } .sr-search-categories, .sr-search-products { display: grid; gap: var(--sc-space-2); } .sr-search-category, .sr-search-product { display: grid; gap: var(--sc-space-2); align-items: center; color: var(--sr-ink); background: #fffaf5; border: 1px solid #f0e6db; border-radius: var(--sc-r-md); text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .sr-search-category { grid-template-columns: minmax(0, 1fr) auto; padding: var(--sc-space-3) var(--sc-space-4); } .sr-search-product { grid-template-columns: 68px minmax(0, 1fr) auto; padding: var(--sc-space-3); } .sr-search-category:hover, .sr-search-product:hover { border-color: rgba(55,106,53,.28); box-shadow: 0 12px 28px rgba(45,39,29,.08); transform: translateY(-1px); } .sr-search-category span, .sr-search-product strong { color: var(--sr-title); font-weight: 900; line-height: 1.2; } .sr-search-category small, .sr-search-product small { color: var(--sr-muted); font-size: 12px; } .sr-search-product__image { display: grid; width: 62px; height: 62px; place-items: center; overflow: hidden; color: var(--sr-muted); background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-sm); font-size: 10px; text-align: center; } .sr-search-product__image img { width: 100%; height: 100%; object-fit: cover; } .sr-search-product__content { display: grid; gap: var(--sc-space-1); min-width: 0; } .sr-search-product__price { color: var(--sr-red); font-size: 14px; font-weight: 900; white-space: nowrap; } .sr-search-view-all { display: flex; align-items: center; justify-content: center; min-height: 52px; margin: 0; color: #fff; background: var(--sr-green); font-weight: 900; text-decoration: none; } .sr-search-overlay[hidden] { display: none !important; } .sr-search-overlay { position: fixed; z-index: 5000; inset: 0; display: grid; align-items: start; padding: var(--sc-space-4); } .sr-search-overlay__backdrop { position: absolute; inset: 0; background: rgba(35,31,25,.48); backdrop-filter: blur(8px); } .sr-search-overlay__dialog { position: relative; width: min(720px, 100%); margin: var(--sc-space-6) auto 0; padding: var(--sc-space-4); background: #fffaf5; border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 30px 90px rgba(20,20,20,.26); } .sr-search-overlay__head { display: grid; grid-template-columns: minmax(0, 1fr) 42px; gap: var(--sc-space-4); align-items: center; margin-bottom: var(--sc-space-4); } .sr-search-overlay__head strong { display: block; color: var(--sr-title); font-size: 20px; font-weight: 900; } .sr-search-overlay__head span { color: var(--sr-muted); font-size: 14px; } .sr-search-overlay__head button { display: grid; width: 42px; height: 42px; place-items: center; color: var(--sr-red); background: #fff; border: 1px solid #efd6dc; border-radius: 50%; cursor: pointer; } .sr-search-overlay__head svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } body.search-open { overflow: hidden; } .single-product .sr-product-hero-shell { grid-template-columns: minmax(0, .9fr) minmax(410px, 1.1fr); gap: clamp(var(--sc-space-5), 3vw, var(--sc-space-7)); padding: clamp(var(--sc-space-5), 2.6vw, var(--sc-space-6)); background: radial-gradient(circle at 88% 12%, rgba(55,106,53,.12), transparent 26%), linear-gradient(135deg, #fffaf5, #fff); border-color: #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 28px 80px rgba(45,39,29,.1); } .single-product .sr-product-hero-shell .woocommerce-product-gallery__wrapper { overflow: hidden; display: grid; aspect-ratio: 1 / 1; max-height: 620px; background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 18px 48px rgba(45,39,29,.08); } .single-product .sr-product-hero-shell .woocommerce-product-gallery__image, .single-product .sr-product-hero-shell .woocommerce-product-gallery__image a { display: grid !important; height: 100%; place-items: center; } .single-product .sr-product-hero-shell .woocommerce-product-gallery__image img { width: 100% !important; height: 100% !important; object-fit: contain; } .single-product .sr-product-hero-shell .summary { display: grid; align-content: start; gap: var(--sc-space-3); padding-top: var(--sc-space-1); } .single-product .sr-product-hero-shell .product_title { max-width: 680px; margin: var(--sc-space-1) 0 0; color: var(--sr-title); font-size: clamp(48px, 4.2vw, 64px) !important; line-height: .92; } .single-product .sr-product-hero-shell .woocommerce-product-rating { display: none !important; } .sr-product-hero-badges { order: -6; gap: var(--sc-space-2); } .sr-product-hero-badges .sr-badge { background: #fff; border: 1px solid #eadfd1; } .single-product .sr-product-hero-shell .summary > .price { display: inline-flex; align-items: baseline; gap: var(--sc-space-2); width: fit-content; margin: var(--sc-space-1) 0 2px !important; padding: var(--sc-space-3) var(--sc-space-4); background: #fff; border: 1px solid #efd5c6; border-radius: var(--sc-r-md); box-shadow: 0 14px 30px rgba(183,25,50,.08); color: var(--sr-red); font-size: clamp(40px, 3.4vw, 56px) !important; } .single-product .sr-product-hero-shell .summary > .price::before { content: "Prix"; color: var(--sr-muted); font-family: var(--sr-body); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } .sr-product-hero-copy p { display: block; max-width: 680px; margin: 0; color: #4f564d; font-size: 16px; line-height: 1.62; -webkit-line-clamp: unset; } .sr-product-summary-panel { display: grid; gap: var(--sc-space-3); margin: 2px 0 0; padding: 0; background: transparent; border: 0; border-radius: 0; } .sr-product-summary-panel__promise { display: none; } .sr-product-key-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-2); margin: 0; padding: 0; list-style: none; } .sr-product-key-facts li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 2px var(--sc-space-2); align-items: center; min-height: 64px; padding: var(--sc-space-3); background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .sr-product-key-facts svg { width: var(--sc-icon-md); height: var(--sc-icon-md); grid-row: 1 / 3; color: var(--sr-green); } .sr-product-key-facts span { color: var(--sr-muted); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } .sr-product-key-facts strong { color: var(--sr-title); font-size: 14px; line-height: 1.2; } .single-product .sr-product-hero-shell form.cart { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--sc-space-2) var(--sc-space-3); align-items: end; margin-top: var(--sc-space-1) !important; padding: var(--sc-space-4); background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); box-shadow: 0 14px 34px rgba(45,39,29,.055); } .sr-quantity-label { grid-column: 1 / -1; color: var(--sr-title); font-size: 12px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; } .single-product .sr-product-hero-shell .quantity .qty { width: 96px !important; height: 58px; border-radius: var(--sc-r-md); font-size: 18px; } .sr-wishlist-toggle--hero { justify-self: start; margin-top: 0; background: #fff; } .sr-product-reassurance { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-2); } .sr-product-reassurance span { min-height: 62px; padding: var(--sc-space-3); background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .sr-product-experience--compact { gap: 0; padding-top: var(--sc-space-7); } .sr-product-info-panel { background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 24px 70px rgba(45,39,29,.08); } .sr-product-info-panel__head { padding: var(--sc-space-6) var(--sc-space-6) var(--sc-space-5); background: linear-gradient(135deg, #fffaf5, #fff); border-bottom: 0; } .sr-product-info-panel__head h2 { color: var(--sr-title); font-size: clamp(40px, 4.5vw, 64px); } .sr-product-info-panel__tabs { display: flex; gap: var(--sc-space-2); padding: 0 var(--sc-space-4) var(--sc-space-4); overflow-x: auto; background: linear-gradient(135deg, #fffaf5, #fff); border-bottom: 1px solid #eadfd1; } .sr-product-info-panel__tabs button { flex: 0 0 auto; min-height: 48px; padding: var(--sc-space-3) var(--sc-space-4); color: var(--sr-title); background: rgba(255,255,255,.7); border: 1px solid #eadfd1; border-radius: var(--sc-r-pill); box-shadow: none; } .sr-product-info-panel__tabs button svg { width: var(--sc-icon-md); height: var(--sc-icon-md); color: var(--sr-green); } .sr-product-info-panel__tabs button.is-active { color: #fff; background: var(--sr-green); border-color: var(--sr-green); box-shadow: 0 12px 26px rgba(55,106,53,.18); } .sr-product-info-panel__tabs button.is-active svg { color: #fff; } .sr-product-info-panel__body { padding: clamp(var(--sc-space-5), 3vw, var(--sc-space-6)); } .sr-product-characteristics { display: grid; gap: var(--sc-space-5); } .sr-product-characteristics__intro { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(260px, .88fr); gap: var(--sc-space-5); align-items: start; } .sr-product-characteristics__promise { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: var(--sc-space-3); margin: 0; padding: var(--sc-space-4); background: var(--sr-green-soft); border: 1px solid #d7e8d0; border-radius: var(--sc-r-md); } .sr-product-characteristics__promise svg { width: var(--sc-icon-xl); height: var(--sc-icon-xl); color: var(--sr-green); } .sr-product-characteristics__promise p { margin: 0; color: #485742; font-weight: 700; line-height: 1.55; } .sr-product-characteristics__benefits h3, .sr-product-characteristics__usages h3, .sr-product-reviews-panel__head h3 { margin: 0 0 var(--sc-space-4); color: var(--sr-title); font-size: clamp(32px, 3vw, 40px); line-height: 1; } .sr-product-characteristics__benefits > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--sc-space-3); } .sr-product-characteristics__benefits article, .sr-product-characteristics__usages article { padding: var(--sc-space-4); background: #fffaf5; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .sr-product-characteristics__benefits article { display: grid; gap: var(--sc-space-3); align-content: start; } .sr-product-characteristics__benefits article > span { display: grid; width: 42px; height: 42px; place-items: center; color: var(--sr-green); background: var(--sr-green-soft); border-radius: var(--sc-r-sm); } .sr-product-characteristics__benefits svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); } .sr-product-characteristics__benefits strong, .sr-product-characteristics__usages strong { color: var(--sr-title); font-size: 16px; line-height: 1.2; } .sr-product-characteristics__benefits p, .sr-product-characteristics__usages p { margin: var(--sc-space-2) 0 0; color: var(--sr-muted); font-size: 14px; line-height: 1.55; } .sr-product-characteristics__usages > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-3); } .sr-product-info-panel .sr-culture-timeline__head p { display: none; } .sr-product-care-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sr-product-panel-tech { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sr-product-panel-tech div { grid-template-columns: 1fr; align-content: start; min-height: 88px; } .sr-product-panel-tech dd { text-align: left; } .sr-product-reviews-panel { display: grid; gap: var(--sc-space-4); } .sr-product-reviews-panel__head { display: flex; justify-content: space-between; gap: var(--sc-space-4); align-items: center; padding: var(--sc-space-4); background: #fffaf5; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .sr-product-reviews-panel__head h3 { margin-bottom: 0; } .sr-product-reviews-panel__head strong { display: inline-flex; align-items: center; justify-content: center; min-width: 74px; min-height: 48px; color: var(--sr-red); background: #fff; border-radius: var(--sc-r-pill); font-size: 20px; } .sr-product-reviews-panel #reviews, .sr-product-reviews-panel .woocommerce-Reviews { margin: 0; padding: 0; background: transparent; border: 0; } .sr-product-reviews-panel #comments, .sr-product-reviews-panel #review_form_wrapper { padding: var(--sc-space-5); background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .sr-product-reviews-panel .commentlist { display: grid; gap: var(--sc-space-3); margin: 0; padding: 0; } .sr-product-reviews-panel .commentlist li { padding: var(--sc-space-4); background: #fffaf5; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .sr-product-reviews-panel .comment_container { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: var(--sc-space-3); } .sr-product-reviews-panel img.avatar { width: 54px !important; height: 54px !important; padding: 0 !important; border: 0 !important; border-radius: 50%; } .sr-product-reviews-panel .comment-text { margin: 0 !important; padding: 0 !important; border: 0 !important; } .sr-product-reviews-panel #reply-title { display: block; margin-bottom: var(--sc-space-3); color: var(--sr-title); font-family: var(--sr-display); font-size: 32px; line-height: 1; } @media (max-width: 1180px) { .sr-product-characteristics__intro, .sr-product-characteristics__benefits > div, .sr-product-care-grid, .sr-product-panel-tech { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1020px) { .sr-header-main__inner { grid-template-columns: 48px minmax(0, 1fr) 46px 48px !important; gap: var(--sc-space-3) !important; } .sr-brand { grid-column: 2; justify-self: center; } .sr-header-search { display: none !important; } .sr-mobile-search-toggle { display: grid; grid-column: 3; justify-self: end; } .sr-header-actions { grid-column: 4 !important; width: 48px !important; justify-self: end !important; } .sr-header-actions .sr-header-action:not(.sr-cart-button) { display: none !important; } .sr-header-actions .sr-cart-button { width: 48px !important; min-width: 48px !important; height: 48px !important; padding: var(--sc-space-2) !important; } .sr-mobile-search .sr-search { margin-bottom: var(--sc-space-3); } .sr-mobile-search .sr-search__submit { display: none; } .single-product .sr-product-hero-shell { grid-template-columns: 1fr; } .single-product .sr-product-hero-shell .woocommerce-product-gallery__wrapper { width: min(100%, 520px); margin-inline: auto; } .sr-product-characteristics__intro, .sr-product-characteristics__benefits > div, .sr-product-characteristics__usages > div, .sr-product-care-grid, .sr-product-panel-tech { grid-template-columns: 1fr; } } @media (max-width: 600px) { .sr-search-overlay { padding: var(--sc-space-3); } .sr-search-overlay__dialog { height: calc(100vh - 20px); margin-top: 0; padding: var(--sc-space-4); border-radius: var(--sc-r-lg); } .sr-search--overlay .sr-search__panel { position: static; max-height: none; margin-top: var(--sc-space-3); } .sr-search--overlay .sr-search__groups { max-height: calc(100vh - 230px); } .sr-search__field { grid-template-columns: 42px minmax(0, 1fr) 34px; min-height: 54px; } .sr-search__submit { display: none; } .sr-search-product { grid-template-columns: 58px minmax(0, 1fr); } .sr-search-product__price { grid-column: 2; } .single-product .sr-product-hero-shell { width: auto; margin-left: 0; padding: var(--sc-space-4); border-radius: var(--sc-r-lg); } .single-product .sr-product-hero-shell .woocommerce-product-gallery__wrapper { max-height: 340px; border-radius: var(--sc-r-md); } .single-product .sr-product-hero-shell .summary { gap: var(--sc-space-3); } .single-product .sr-product-hero-shell .product_title { font-size: 40px !important; } .single-product .sr-product-hero-shell .summary > .price { padding: var(--sc-space-3) var(--sc-space-4); font-size: 32px !important; } .sr-product-hero-copy p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 16px; line-height: 1.5; } .single-product .sr-product-hero-shell form.cart { grid-template-columns: 84px minmax(0, 1fr); padding: var(--sc-space-3); } .single-product .sr-product-hero-shell .quantity .qty { width: 84px !important; height: 54px; } .sr-product-key-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sr-product-key-facts li { min-height: 58px; padding: var(--sc-space-2); border-radius: var(--sc-r-sm); } .sr-product-key-facts li:last-child:nth-child(odd) { grid-column: 1 / -1; } .sr-product-key-facts svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-product-key-facts span { font-size: 9px; } .sr-product-key-facts strong { font-size: 12px; } .sr-product-reassurance { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-2); } .sr-product-reassurance span { min-height: 68px; gap: var(--sc-space-1); padding: var(--sc-space-2) var(--sc-space-2); } .sr-product-reassurance svg { width: var(--sc-icon-md); height: var(--sc-icon-md); } .sr-product-reassurance strong { font-size: 10px; line-height: 1.15; text-align: center; } .sr-product-reassurance small { display: none; } .sr-product-info-panel { border-radius: var(--sc-r-lg); } .sr-product-info-panel__head { padding: var(--sc-space-5); } .sr-product-info-panel__tabs { padding: 0 var(--sc-space-4) var(--sc-space-4); } .sr-product-info-panel__tabs button { min-width: max-content; } .sr-product-info-panel__body { padding: var(--sc-space-4); } } /* Finition UX/UI premium finale: produit, menus, badges et feedback panier. */ .sr-nav-wrap { background: linear-gradient(90deg, #bd142d, #c71935); box-shadow: inset 0 1px 0 rgba(255,255,255,.09); } .sr-mega-trigger > a { position: relative; border-right: 0 !important; border-left: 0 !important; background: transparent !important; transition: color .2s ease, background-color .2s ease, transform .2s ease; } .sr-mega-trigger > a::after { position: absolute; right: 22px; bottom: 10px; left: 22px; height: 2px; content: ""; background: rgba(255,255,255,.72); border-radius: var(--sc-r-pill); opacity: 0; transform: scaleX(.35); transition: opacity .2s ease, transform .2s ease; } .sr-mega-item:hover .sr-mega-trigger > a, .sr-mega-item:focus-within .sr-mega-trigger > a { background: rgba(255,255,255,.08) !important; transform: translateY(-1px); } .sr-mega-item:hover .sr-mega-trigger > a::after, .sr-mega-item:focus-within .sr-mega-trigger > a::after { opacity: 1; transform: scaleX(1); } .sr-mega-panel { top: calc(100% + 1px); border: 1px solid #eadfd1; border-radius: 0 0 var(--sc-r-lg) var(--sc-r-lg); box-shadow: 0 26px 70px rgba(31,31,26,.16); } .sr-mega-groups section h3 { padding-bottom: var(--sc-space-2); border-bottom: 0; color: var(--sr-title); } .sr-mega-groups li a { border-radius: var(--sc-r-sm); transition: color .18s ease, background-color .18s ease, transform .18s ease; } .sr-mega-groups li a:hover { color: var(--sr-green-dark); background: #f5f0e8; transform: translateX(2px); } .sr-badge, .sr-product-hero-badges .sr-badge { border: 0 !important; color: #fff; background: var(--sr-green-dark); } .sr-badge:empty { display: none !important; } .sr-badge.is-sale { color: #fff; background: var(--sr-red); } .sr-badge.is-new { color: #fff; background: #29597a; } .sr-badge.is-bio, .sr-badge.is-stock { color: #fff; background: var(--sr-green); } .sr-badge.is-f1 { color: #3a2b10; background: #f1c85e; } .sr-badge.is-old { color: #fff; background: #7d5732; } .sr-badge.is-muted { color: #fff; background: #72756f; } .sr-badge.is-easy { color: #163c20; background: #cfe8bd; } .sr-badge.is-sun { color: #56380d; background: #ffd46e; } .sr-badge.is-season { color: #fff; background: #6d8f3f; } .sr-badge.is-harvest { color: #fff; background: #bf6b2f; } .sr-badge.is-taste { color: #fff; background: #b63f55; } .sr-product-hero-badges { align-items: center; gap: var(--sc-space-2); margin-bottom: 2px; } .single-product .sr-product-hero-shell { gap: clamp(var(--sc-space-5), 3vw, var(--sc-space-7)); padding: clamp(var(--sc-space-5), 3vw, var(--sc-space-7)); background: radial-gradient(circle at 95% 8%, rgba(55,106,53,.11), transparent 25%), linear-gradient(135deg, #fffdf8, #fffaf5 48%, #fff); border-radius: var(--sc-r-lg); box-shadow: 0 24px 74px rgba(45,39,29,.09); } .single-product .sr-product-hero-shell .product_title { font-size: clamp(40px, 3.8vw, 64px) !important; line-height: .96; } .single-product .sr-product-hero-shell .summary > .price { padding: var(--sc-space-3) var(--sc-space-4); border-radius: var(--sc-r-md); font-size: clamp(32px, 3vw, 48px) !important; } .sr-product-hero-copy p { max-width: 620px; color: #535b50; font-size: 16px; line-height: 1.58; } .sr-product-key-facts { gap: var(--sc-space-3); } .sr-product-key-facts li { min-height: 72px; padding: var(--sc-space-3); border-radius: var(--sc-r-md); } .single-product .sr-product-hero-shell form.cart { gap: var(--sc-space-3) var(--sc-space-4); padding: var(--sc-space-4); border-radius: var(--sc-r-lg); } .sr-product-reassurance { gap: var(--sc-space-3); margin-top: 2px; } .sr-product-reassurance span { min-height: 86px; padding: var(--sc-space-4) var(--sc-space-4); border-radius: var(--sc-r-md); } .sr-product-reassurance svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); margin-bottom: 3px; } .sr-product-experience--compact { padding-top: clamp(var(--sc-space-6), 4vw, var(--sc-space-8)); } .sr-product-info-panel { border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 22px 68px rgba(45,39,29,.075); } .sr-product-info-panel__head { display: block; max-width: none; padding: clamp(var(--sc-space-6), 4vw, var(--sc-space-7)) clamp(var(--sc-space-5), 4vw, var(--sc-space-7)) var(--sc-space-4); background: linear-gradient(135deg, #fffdf8, #fffaf5); } .sr-product-info-panel__head h2 { margin: var(--sc-space-2) 0 var(--sc-space-3); font-size: clamp(32px, 3.8vw, 56px); line-height: 1.02; } .sr-product-info-panel__head p { max-width: 760px; margin: 0; font-size: 16px; line-height: 1.65; } .sr-product-info-panel__tabs { justify-content: center; gap: var(--sc-space-3); padding: 0 clamp(var(--sc-space-4), 3vw, var(--sc-space-6)) var(--sc-space-5); background: linear-gradient(135deg, #fffdf8, #fffaf5); border-bottom: 1px solid #eadfd1; } .sr-product-info-panel__tabs button { min-height: 46px; padding: var(--sc-space-3) var(--sc-space-4); border: 1px solid transparent; background: rgba(255,255,255,.62); border-radius: var(--sc-r-pill); color: #4f4a40; font-size: 12px; letter-spacing: .035em; transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .sr-product-info-panel__tabs button:hover { color: var(--sr-green-dark); background: #fff; border-color: #dfd3c5; transform: translateY(-1px); } .sr-product-info-panel__tabs button.is-active { color: #fff; background: var(--sr-green-dark); border-color: var(--sr-green-dark); box-shadow: 0 12px 24px rgba(30,73,40,.18); } .sr-product-info-panel__body { padding: clamp(var(--sc-space-5), 4vw, var(--sc-space-7)); } .sr-product-characteristics { gap: var(--sc-space-6); } .sr-product-characteristics__intro { display: block; max-width: 920px; } .sr-product-characteristics__promise { margin-top: var(--sc-space-4); padding: var(--sc-space-4) var(--sc-space-5); border-radius: var(--sc-r-md); } .sr-product-panel-description { max-width: 850px; gap: var(--sc-space-4); } .sr-product-panel-description h2 { font-size: clamp(32px, 3.2vw, 48px); line-height: 1.05; } .sr-product-panel-description p { max-width: 780px; color: #535b50; font-size: 16px; line-height: 1.7; } .sr-product-characteristics__benefits h3, .sr-product-characteristics__usages h3, .sr-product-reviews-panel__head h3 { font-size: clamp(28px, 3vw, 40px); line-height: 1.05; } .sr-product-characteristics__benefits > div { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--sc-space-3); } .sr-product-characteristics__benefits article { min-height: 156px; padding: var(--sc-space-4); } .sr-product-characteristics__benefits p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; line-height: 1.45; } .sr-product-characteristics__usages { display: none; } .sr-product-care-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-4); } .sr-product-care-grid article { align-items: start; padding: var(--sc-space-4); border-radius: var(--sc-r-md); } .sr-product-care-grid article > span { width: 42px; height: 42px; border-radius: var(--sc-r-sm); } .sr-product-care-grid p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 14px; line-height: 1.5; } .sr-product-care-grid small { display: none; } .sr-product-panel-tech { display: block; overflow: hidden; max-width: 900px; background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .sr-product-panel-tech div { display: grid; grid-template-columns: minmax(180px, 32%) minmax(0, 1fr); min-height: 0; padding: 0; background: transparent; border: 0; border-bottom: 1px solid #eee4d7; border-radius: 0; } .sr-product-panel-tech div:last-child { border-bottom: 0; } .sr-product-panel-tech dt, .sr-product-panel-tech dd { padding: var(--sc-space-4) var(--sc-space-4); } .sr-product-panel-tech dt { background: #fbf7ef; color: #686157; font-size: 12px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .sr-product-panel-tech dd { margin: 0; color: var(--sr-title); font-weight: 800; } .sr-product-faq { max-width: 860px; } .sr-product-faq details { border-radius: var(--sc-r-md); box-shadow: 0 8px 22px rgba(45,39,29,.035); } .sr-product-faq summary { min-height: 58px; padding: 0 var(--sc-space-4); } .sr-product-reviews-panel { gap: var(--sc-space-4); } .sr-product-reviews-panel__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: var(--sc-space-5); background: linear-gradient(135deg, #fffaf5, #fff); border-radius: var(--sc-r-lg); } .sr-product-reviews-panel__head strong { min-width: 82px; min-height: 54px; color: #fff; background: var(--sr-green-dark); box-shadow: 0 12px 24px rgba(30,73,40,.16); } .sr-product-reviews-panel #comments, .sr-product-reviews-panel #review_form_wrapper { padding: var(--sc-space-5); border-radius: var(--sc-r-lg); box-shadow: 0 12px 30px rgba(45,39,29,.045); } .sr-product-reviews-panel .woocommerce-Reviews-title, .sr-product-reviews-panel .comment-reply-title { color: var(--sr-title); font-family: var(--sr-display); font-size: clamp(28px, 3vw, 40px); line-height: 1.05; } .sr-product-reviews-panel .commentlist li, .sr-product-reviews-panel ol.commentlist li.review { list-style: none; padding: var(--sc-space-4); background: #fffaf5 !important; border: 1px solid #eadfd1 !important; border-radius: var(--sc-r-md) !important; } .sr-product-reviews-panel .comment_container { grid-template-columns: 56px minmax(0, 1fr); gap: var(--sc-space-4); align-items: start; } .sr-product-reviews-panel .star-rating { color: #d99a12; } .sr-product-reviews-panel .meta { margin: 0 0 var(--sc-space-2) !important; color: var(--sr-muted); } .sr-product-reviews-panel .description p { margin: 0; color: #535b50; line-height: 1.6; } .sr-product-reviews-panel #review_form form { display: grid; gap: var(--sc-space-4); } .sr-product-reviews-panel #review_form p { margin: 0; } .sr-product-reviews-panel label { color: var(--sr-title); font-weight: 900; } .sr-product-reviews-panel input[type=text], .sr-product-reviews-panel input[type=email], .sr-product-reviews-panel textarea { width: 100%; } .sr-product-reviews-panel .form-submit .submit { color: #fff; background: var(--sr-red); border: 0; } .woocommerce-message:empty, .woocommerce-info:empty, .woocommerce-error:empty { display: none !important; } .sr-toast-region { position: fixed; z-index: 6000; right: 18px; bottom: 24px; display: grid; gap: var(--sc-space-3); width: min(360px, calc(100vw - 36px)); pointer-events: none; } .sr-toast { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: var(--sc-space-3); align-items: center; padding: var(--sc-space-4); color: var(--sr-title); background: rgba(255,255,255,.96); border: 1px solid #eadfd1; border-radius: var(--sc-r-md); box-shadow: 0 18px 48px rgba(35,31,25,.16); opacity: 0; transform: translateY(12px); transition: opacity .2s ease, transform .2s ease; } .sr-toast.is-visible { opacity: 1; transform: translateY(0); } .sr-toast span { display: grid; width: 34px; height: 34px; place-items: center; color: #fff; background: var(--sr-green); border-radius: 50%; font-weight: 900; } .sr-toast p { margin: 0; font-size: 14px; font-weight: 900; } *:focus-visible { outline: 3px solid rgba(55,106,53,.28); outline-offset: 3px; } @media (max-width: 1180px) { .sr-product-characteristics__benefits > div, .sr-product-care-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sr-product-info-panel__tabs { justify-content: flex-start; } } /* Menu en tiroir : mêmes seuils que le bouton burger (820 px). Entre 821 et 900 px, le menu desktop reste actif. */ @media (max-width: 760px) { .sr-nav-wrap { background: rgba(35,31,25,.42); backdrop-filter: blur(10px); } .sr-nav-inner { background: #fffdf8; border-radius: 0 var(--sc-r-lg) var(--sc-r-lg) 0; box-shadow: 0 24px 80px rgba(35,31,25,.22); } .sr-mobile-nav-head { background: #fffdf8; border-bottom: 1px solid #eee4d7; } .sr-mega-trigger { grid-template-columns: minmax(0, 1fr) 42px; margin: var(--sc-space-1) 0; border-bottom: 0 !important; border-radius: var(--sc-r-md); } .sr-mega-trigger > a { min-height: 54px; padding: 0 var(--sc-space-3) !important; color: var(--sr-title); border-radius: var(--sc-r-md); font-size: 14px; } .sr-mega-trigger > a::after { display: none; } .sr-mega-trigger > button { margin: var(--sc-space-2); color: var(--sr-green-dark); background: #f4efe6; border-radius: 50%; } .sr-mega-item.is-open .sr-mega-trigger { background: #f6f1e8; } .sr-mega-item.is-open .sr-mega-trigger > a { color: var(--sr-green-dark); background: transparent !important; transform: none; } .sr-mega-panel { position: static !important; left: auto !important; width: auto !important; gap: var(--sc-space-4); padding: var(--sc-space-3) 0 var(--sc-space-4) var(--sc-space-3); border: 0; border-radius: 0; box-shadow: none; opacity: 1; transform: none !important; } .sr-mega-feature { min-height: 132px; border-radius: var(--sc-r-md); } .sr-mega-groups { gap: var(--sc-space-4); padding-right: var(--sc-space-1); } .sr-mega-groups section { padding: var(--sc-space-3); background: #fff; border: 1px solid #eee4d7; border-radius: var(--sc-r-md); } .sr-mega-groups li a { min-height: 40px; padding: var(--sc-space-2) var(--sc-space-2); } } @media (max-width: 1020px) { .sr-product-info-panel__head { padding: var(--sc-space-6) var(--sc-space-5) var(--sc-space-4); } .sr-product-info-panel__tabs { justify-content: flex-start; padding: 0 var(--sc-space-4) var(--sc-space-4); } .sr-product-characteristics__intro, .sr-product-care-grid, .sr-product-panel-tech { grid-template-columns: 1fr; } .sr-product-characteristics__benefits > div { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .single-product .sr-product-hero-shell { padding: var(--sc-space-4); border-radius: var(--sc-r-lg); } .single-product .sr-product-hero-shell .product_title { font-size: 40px !important; line-height: 1; } .single-product .sr-product-hero-shell .summary > .price { font-size: 32px !important; } .sr-product-reassurance { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-2); } .sr-product-reassurance span { display: flex; min-height: 84px; flex-direction: column; align-items: center; justify-content: center; gap: var(--sc-space-2); padding: var(--sc-space-3) var(--sc-space-2); text-align: center; } .sr-product-reassurance svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); margin: 0; } .sr-product-reassurance strong { font-size: 10.5px; text-align: center; } .sr-product-reassurance small { display: none; } .sr-product-info-panel__head h2 { font-size: 32px; } .sr-product-info-panel__body { padding: var(--sc-space-5); } .sr-product-characteristics__benefits article, .sr-product-care-grid article { min-height: 0; padding: var(--sc-space-4); } .sr-product-characteristics__benefits > div { gap: var(--sc-space-3); } .sr-product-characteristics__benefits article { padding: var(--sc-space-4); } .sr-product-characteristics__benefits article > span { width: 36px; height: 36px; border-radius: var(--sc-r-sm); } .sr-product-characteristics__benefits strong { font-size: 14px; } .sr-product-characteristics__benefits p { -webkit-line-clamp: 2; font-size: 12px; } .sr-product-panel-tech div { grid-template-columns: 1fr; } .sr-product-panel-tech dt, .sr-product-panel-tech dd { padding: var(--sc-space-3) var(--sc-space-4); } .sr-product-panel-tech dd { padding-top: 0; } .sr-product-reviews-panel__head { grid-template-columns: 1fr; } .sr-toast-region { right: 12px; bottom: 14px; width: calc(100vw - 24px); } } /* Corrections finales: ajout panier unifie, menus plus doux, rythme mobile et cartes alignees. */ .woocommerce-message:has(.wc-forward), .woocommerce-message:has(a.button), .woocommerce-info:has(.wc-forward), .woocommerce-info:has(a.button), a.added_to_cart.wc-forward { display: none !important; } .sr-is-adding { opacity: .82; pointer-events: none; } @media (min-width: 1021px) { .sr-nav-wrap { border-bottom: 0 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(143,16,37,.08); } .sr-primary-menu { gap: var(--sc-space-2); padding: var(--sc-space-2) 0; } .sr-mega-trigger { height: 46px; align-items: center; padding: 0; } .sr-mega-trigger > a { min-height: 46px !important; padding: 0 var(--sc-space-4) !important; border-radius: var(--sc-r-pill); transition: color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .2s ease; } .sr-mega-trigger > a::after { display: none !important; content: none !important; } .sr-mega-item:hover .sr-mega-trigger > a, .sr-mega-item:focus-within .sr-mega-trigger > a { background: rgba(255,255,255,.14) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); transform: translateY(0); } .sr-mega-panel { top: 100%; } } .sr-product-characteristics__benefits article { position: relative; overflow: hidden; background: linear-gradient(145deg, #fff, #fff8ee); border: 0; box-shadow: 0 16px 34px rgba(45,39,29,.07); } .sr-product-characteristics__benefits article::after { position: absolute; right: -22px; bottom: -22px; width: 72px; height: 72px; content: ""; background: var(--sr-benefit-accent, var(--sr-green)); border-radius: 50%; opacity: .1; } .sr-product-characteristics__benefits article:nth-child(1) { --sr-benefit-accent: #d99a12; } .sr-product-characteristics__benefits article:nth-child(2) { --sr-benefit-accent: #bf6b2f; } .sr-product-characteristics__benefits article:nth-child(3) { --sr-benefit-accent: #376a35; } .sr-product-characteristics__benefits article:nth-child(4) { --sr-benefit-accent: #b71932; } .sr-product-characteristics__benefits article:nth-child(5) { --sr-benefit-accent: #29597a; } .sr-product-characteristics__benefits article > span { color: #fff; background: var(--sr-benefit-accent, var(--sr-green)); box-shadow: 0 10px 22px rgba(45,39,29,.14); } .sr-product-characteristics__promise { background: linear-gradient(135deg, #f0f7ec, #fffaf5); box-shadow: 0 14px 30px rgba(45,39,29,.05); } @media (max-width: 1020px) { .sr-mobile-nav-head strong { color: var(--sr-title); font-size: 18px; letter-spacing: -.01em; } .sr-mega-trigger { grid-template-columns: minmax(0, 1fr) 52px !important; align-items: center; } .sr-mega-trigger > button { display: flex !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; align-items: center !important; justify-content: center !important; align-self: center; justify-self: center; margin: 0 !important; padding: 0 !important; aspect-ratio: 1 / 1; color: var(--sr-green-dark); background: #f4efe6; border: 1px solid #e9ddcf; border-radius: 50% !important; box-shadow: none; } .sr-mega-trigger > button svg { display: block; width: var(--sc-icon-sm) !important; height: var(--sc-icon-sm) !important; flex: 0 0 16px; transform-origin: center; } .sr-mega-item.is-open .sr-mega-trigger > button { background: #eaf3e5; border-color: #d7e6d0; } .sr-container { width: min(calc(100% - 28px), var(--sr-container)); } .sr-section { padding: var(--sc-space-7) 0; } } @media (max-width: 600px) { .sr-container { width: min(calc(100% - 20px), var(--sr-container)); } .sr-main { overflow: hidden; } .sr-product-characteristics__benefits > div { grid-template-columns: 1fr; } } /* Passe 1 finale: largeur responsive, hero home integre et bande de reassurance. */ @media (max-width: 1020px) { main.sr-main > .sr-container, main.sr-main .sr-section > .sr-container, .sr-archive-hero__content { width: min(calc(100% - 28px), var(--sr-container)); } .sr-archive-hero { width: 100vw; max-width: 100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } .single-product .sr-product-hero-shell, .sr-product-info-panel, .sr-product-experience--compact { max-width: 100%; } } @media (max-width: 600px) { main.sr-main > .sr-container, main.sr-main .sr-section > .sr-container, .sr-archive-hero__content { width: min(calc(100% - 18px), var(--sr-container)); } } /* Passe finale: catalogue responsive stable, home sans fond parasite et panier coherent. */ @media (max-width: 760px) { .sr-shop-layout { display: block !important; width: 100% !important; max-width: none !important; } .sr-shop-content, .sr-shop-layout > .products, .sr-shop-layout > .woocommerce { width: 100% !important; max-width: none !important; min-width: 0 !important; } .sr-shop-toolbar { width: 100%; margin-bottom: var(--sc-space-5); } .woocommerce .sr-shop-layout ul.products, .sr-shop-layout ul.products, .sr-home-products, .single-product .related ul.products, .single-product .upsells ul.products { width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--sc-space-5) !important; } } @media (max-width: 600px) { /* clip et non hidden sur html/body : voir la note en tête de feuille (ancres). */ html, body { max-width: 100%; overflow-x: clip; } .sr-page, .sr-main { max-width: 100%; overflow-x: hidden; } main.sr-main > .sr-container, main.sr-main .sr-section > .sr-container, .sr-archive-hero__content, .sr-shop-layout, .sr-shop-content { width: min(calc(100% - 16px), var(--sr-container)) !important; max-width: none !important; margin-right: auto; margin-left: auto; } .sr-archive-hero { width: 100vw; max-width: 100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); border-radius: 0 0 var(--sc-r-md) var(--sc-r-md); } .sr-shop-toolbar { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--sc-space-3) var(--sc-space-4); align-items: center; padding: var(--sc-space-4); } .sr-shop-toolbar .woocommerce-result-count { text-align: right; } .sr-shop-toolbar .woocommerce-ordering { grid-column: 1 / -1; width: 100%; } .sr-shop-toolbar select { width: 100%; min-width: 0; } .woocommerce .sr-shop-layout ul.products, .sr-shop-layout ul.products, .sr-home-products, .single-product .related ul.products, .single-product .upsells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--sc-space-4) !important; } } @media (max-width: 600px) { main.sr-main > .sr-container, main.sr-main .sr-section > .sr-container, .sr-archive-hero__content, .sr-shop-layout, .sr-shop-content { width: min(calc(100% - 18px), var(--sr-container)) !important; } .woocommerce .sr-shop-layout ul.products, .sr-shop-layout ul.products, .sr-home-products, .single-product .related ul.products, .single-product .upsells ul.products { grid-template-columns: 1fr !important; gap: var(--sc-space-4) !important; } } /* Fiche produit V4: hero conversion, tabs premium et contenus scannables. */ .single-product .sr-product-hero-shell--v4 { position: relative; display: grid !important; grid-template-columns: minmax(0, 1.06fr) minmax(430px, .94fr); gap: clamp(var(--sc-space-6), 4vw, var(--sc-space-8)); align-items: stretch; margin-top: var(--sc-space-3); padding: clamp(var(--sc-space-5), 3vw, var(--sc-space-6)); background: radial-gradient(circle at 2% 4%, rgba(55,106,53,.12), transparent 32%), linear-gradient(135deg, #fffaf4 0%, #fffdf9 54%, #f6efe4 100%); border: 1px solid rgba(234,223,209,.95); border-radius: var(--sc-r-lg); box-shadow: 0 26px 74px rgba(45,39,29,.11); } .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery { align-self: stretch; min-width: 0; } .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery__wrapper { height: 100%; min-height: clamp(520px, 46vw, 680px); background: radial-gradient(circle at 80% 12%, rgba(185,133,42,.16), transparent 28%), #fff; border: 1px solid rgba(234,223,209,.9); border-radius: var(--sc-r-lg); box-shadow: 0 22px 55px rgba(35,44,36,.08); } .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery__image a { aspect-ratio: 1 / 1.05; } .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery__image img { object-fit: cover; } .single-product .sr-product-hero-shell--v4 .summary { display: grid !important; align-content: center; gap: var(--sc-space-4); min-width: 0; padding: 0 !important; } .sr-product-v4-prelude { display: grid; gap: var(--sc-space-3); order: -5; } .sr-product-v4-kicker { display: flex; flex-wrap: wrap; gap: var(--sc-space-2) var(--sc-space-3); align-items: center; color: var(--sr-green-dark); font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; } .sr-product-v4-kicker a { color: inherit; text-decoration: none; } .sr-product-v4-kicker span { display: inline-flex; align-items: center; gap: var(--sc-space-2); color: #8a6b2a; } .sr-product-v4-kicker span::before { width: 26px; height: 1px; content: ""; background: currentColor; opacity: .65; } .single-product .sr-product-hero-shell--v4 .product_title { max-width: 680px; margin: 0 !important; color: var(--sr-title); font-size: clamp(48px, 4.8vw, 80px) !important; font-weight: 400; letter-spacing: -.02em; line-height: .96; } .single-product .sr-product-hero-shell--v4 .sr-product-hero-badges { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); } .single-product .sr-product-hero-shell--v4 .sr-badge { position: static; color: #fff; background: var(--sr-green); border: 0; } .single-product .sr-product-hero-shell--v4 .sr-badge.is-sun { color: #533b12; background: #ffd86d; } .single-product .sr-product-hero-shell--v4 .sr-badge.is-easy, .single-product .sr-product-hero-shell--v4 .sr-badge.is-custom { color: #183f24; background: #cfe7bf; } .single-product .sr-product-hero-shell--v4 .sr-badge.is-old { background: #9a6a2f; } .single-product .sr-product-hero-shell--v4 .sr-badge.is-bio { background: #2f7c37; } .single-product .sr-product-hero-shell--v4 .sr-badge.is-f1 { color: #533b12; background: #ffe08a; } .single-product .sr-product-hero-shell--v4 .sr-badge.is-season { background: #637f35; } .single-product .sr-product-hero-shell--v4 .sr-badge.is-harvest { background: #c75a2a; } .single-product .sr-product-hero-shell--v4 .sr-badge.is-taste { background: var(--sr-red); } .sr-product-v4-buybox { display: grid; gap: var(--sc-space-3); margin-top: var(--sc-space-1); padding: clamp(var(--sc-space-4), 2vw, var(--sc-space-5)); background: rgba(255,255,255,.88); border: 1px solid rgba(224,211,195,.95); border-radius: var(--sc-r-lg); box-shadow: 0 20px 52px rgba(45,39,29,.10); backdrop-filter: blur(12px); } .single-product .sr-product-v4-buybox .woocommerce-product-rating { display: flex; align-items: center; gap: var(--sc-space-3); margin: 0 !important; color: #5b5b52; font-size: 14px; } .single-product .sr-product-v4-buybox > .price { display: block; width: fit-content; min-height: 0; margin: 0 !important; padding: 0; color: var(--sr-green-dark) !important; background: transparent; border: 0; box-shadow: none; font-family: var(--sr-display); font-size: clamp(48px, 5vw, 64px) !important; font-weight: 400 !important; letter-spacing: -.03em; line-height: .88 !important; } .sr-product-v4-purchase-note { margin: -6px 0 0; color: #655d51; font-size: 14px; font-weight: 700; } .single-product .sr-product-hero-copy p { display: block; max-width: 560px; margin: 0; color: #474f46; font-size: 16px; line-height: 1.58; } .single-product .sr-product-hero-shell--v4 form.cart { display: grid !important; grid-template-columns: 132px minmax(0, 1fr); gap: var(--sc-space-3) var(--sc-space-3); align-items: stretch; margin: var(--sc-space-1) 0 0 !important; padding: 0; border: 0; } .single-product .sr-product-hero-shell--v4 form.cart::before, .single-product .sr-product-hero-shell--v4 form.cart::after { display: none !important; content: none !important; } .single-product .sr-product-hero-shell--v4 .sr-quantity-label { grid-column: 1 / -1; margin: 0; color: #675a4a; font-size: 12px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; } .single-product .sr-product-hero-shell--v4 .quantity.sr-quantity-control { display: grid; grid-template-columns: 42px 46px 42px; width: 130px; height: 56px; align-items: stretch; overflow: hidden; background: #fffaf5; border: 1px solid #e6d8c7; border-radius: var(--sc-r-md); } .single-product .sr-product-hero-shell--v4 .quantity.sr-quantity-control .qty { width: 46px !important; height: 54px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--sr-title); font-size: 16px; font-weight: 900; text-align: center; appearance: textfield; } .single-product .sr-product-hero-shell--v4 .quantity.sr-quantity-control .qty::-webkit-outer-spin-button, .single-product .sr-product-hero-shell--v4 .quantity.sr-quantity-control .qty::-webkit-inner-spin-button { margin: 0; appearance: none; } .sr-quantity-control__button { display: grid; place-items: center; padding: 0; color: var(--sr-green-dark); background: transparent; border: 0; cursor: pointer; font-size: 20px; font-weight: 900; transition: background .18s ease, color .18s ease; } .sr-quantity-control__button:hover { color: #fff; background: var(--sr-green); } .single-product .sr-product-hero-shell--v4 .single_add_to_cart_button { background: var(--sr-red) !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; } .single-product .sr-product-hero-shell--v4 .single_add_to_cart_button:hover { background: #a9132a !important; transform: translateY(-1px); } .single-product .sr-product-hero-shell--v4 .sr-wishlist-toggle--hero { width: 100%; min-height: 46px; justify-content: center; color: var(--sr-green-dark); background: #fffaf5; border-color: #e6d8c7; border-radius: var(--sc-r-md); } .single-product .sr-product-hero-shell--v4 .product_meta { display: none !important; } .single-product .sr-product-hero-shell--v4 .sr-product-summary-panel { margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; } .single-product .sr-product-hero-shell--v4 .sr-product-summary-panel__promise { display: none; } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-2); margin: 2px 0 0; padding: 0; list-style: none; } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts li { display: grid; gap: var(--sc-space-1); min-height: 74px; padding: var(--sc-space-3); background: #fffaf5; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts svg { width: var(--sc-icon-md); height: var(--sc-icon-md); color: var(--sr-green); } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts span { color: #71675a; font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts strong { color: var(--sr-title); font-size: 12px; line-height: 1.2; } .sr-product-v4-stockline { margin: 0; padding: var(--sc-space-3) var(--sc-space-3); color: var(--sr-green-dark); background: #eef7e7; border: 1px solid #d7e9ce; border-radius: var(--sc-r-md); font-size: 14px; font-weight: 900; } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-2); margin: 0; } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance span { min-height: 76px; align-items: center; justify-content: center; padding: var(--sc-space-3) var(--sc-space-2); background: #fffaf5; border: 1px solid #eadfd1; border-radius: var(--sc-r-md); text-align: center; } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); margin: 0; color: var(--sr-green); } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance strong { color: var(--sr-title); font-size: 12px; line-height: 1.2; } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance small { color: #756d60; font-size: 10px; line-height: 1.2; } .sr-product-experience--v4 { margin-top: clamp(var(--sc-space-6), 5vw, var(--sc-space-9)); padding-top: 0; } .sr-product-experience--v4 .sr-product-info-panel { background: #f5f0e8; border: 1px solid #e4d8c8; border-radius: var(--sc-r-lg); box-shadow: 0 22px 64px rgba(45,39,29,.08); } .sr-product-experience--v4 .sr-product-info-panel__head { grid-template-columns: 1fr; max-width: 940px; margin: 0 auto; padding: var(--sc-space-6) var(--sc-space-6) var(--sc-space-4); background: transparent; border: 0; text-align: center; } .sr-product-experience--v4 .sr-product-info-panel__head h2 { color: var(--sr-title); font-size: clamp(32px, 3.7vw, 56px); font-weight: 400; } .sr-product-experience--v4 .sr-product-info-panel__head p { max-width: 680px; margin: 0 auto; color: #5e6258; } .sr-product-experience--v4 .sr-product-info-panel__tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sc-space-2); padding: 0 var(--sc-space-5) var(--sc-space-5); background: transparent; border: 0; } .sr-product-experience--v4 .sr-product-info-panel__tabs button { min-height: 46px; padding: var(--sc-space-3) var(--sc-space-4); color: var(--sr-title); background: rgba(255,255,255,.72); border: 1px solid #e4d8c8; border-radius: var(--sc-r-pill); box-shadow: none; font-size: 12px; transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; } .sr-product-experience--v4 .sr-product-info-panel__tabs button svg { width: var(--sc-icon-sm); height: var(--sc-icon-sm); color: var(--sr-green); } .sr-product-experience--v4 .sr-product-info-panel__tabs button:hover, .sr-product-experience--v4 .sr-product-info-panel__tabs button.is-active { color: #fff; background: var(--sr-green-dark); border-color: var(--sr-green-dark); box-shadow: 0 12px 28px rgba(30,73,40,.16); transform: translateY(-1px); } .sr-product-experience--v4 .sr-product-info-panel__tabs button:hover svg, .sr-product-experience--v4 .sr-product-info-panel__tabs button.is-active svg { color: #fff; } .sr-product-experience--v4 .sr-product-info-panel__body { margin: 0 var(--sc-space-4) var(--sc-space-4); padding: clamp(var(--sc-space-5), 3vw, var(--sc-space-6)); background: #fffdf9; border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); } .sr-product-experience--v4 .sr-product-characteristics { display: grid; gap: var(--sc-space-5); } .sr-product-experience--v4 .sr-product-characteristics__intro { max-width: 880px; margin: 0 auto; text-align: center; } .sr-product-experience--v4 .sr-product-panel-description h2 { font-size: clamp(32px, 3vw, 48px); } .sr-product-experience--v4 .sr-product-panel-description p { max-width: 760px; margin: 0 auto; } .sr-product-experience--v4 .sr-product-panel-description--compact { max-width: 860px; margin: 0 auto; } .sr-product-experience--v4 .sr-product-characteristics__promise { max-width: 720px; margin: var(--sc-space-4) auto 0; background: #eef7e7; border-color: #d7e9ce; } .sr-product-experience--v4 .sr-product-characteristics__benefits > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--sc-space-4); } .sr-product-experience--v4 .sr-product-characteristics__benefits article { min-height: 158px; padding: var(--sc-space-4); background: linear-gradient(145deg, #fff, #fff8ed); border: 1px solid #eadfd1; border-radius: var(--sc-r-md); box-shadow: 0 14px 30px rgba(45,39,29,.055); } .sr-product-experience--v4 .sr-product-characteristics__benefits article > span { width: 44px; height: 44px; border-radius: var(--sc-r-md); } .sr-product-experience--v4 .sr-product-characteristics__benefits strong { color: var(--sr-title); font-size: 16px; line-height: 1.2; } .sr-product-experience--v4 .sr-product-characteristics__benefits p { display: -webkit-box; overflow: hidden; color: #545b50; font-size: 14px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .sr-product-experience--v4 .sr-culture-timeline { background: transparent; border: 0; } .sr-product-experience--v4 .sr-culture-timeline__head { grid-template-columns: 1fr; max-width: 820px; margin: 0 auto var(--sc-space-5); text-align: center; } .sr-product-experience--v4 .sr-culture-calendar { background: #fff; border: 1px solid #eadfd1; border-radius: var(--sc-r-lg); box-shadow: 0 14px 34px rgba(45,39,29,.055); } .sr-product-experience--v4 .sr-product-panel-tech { max-width: 940px; margin: 0 auto; border-radius: var(--sc-r-lg); } .sr-product-experience--v4 .sr-product-care-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-4); } .sr-product-experience--v4 .sr-product-care-grid article { min-height: 126px; padding: var(--sc-space-4); background: #fff; border-radius: var(--sc-r-md); box-shadow: 0 10px 26px rgba(45,39,29,.045); } .sr-product-experience--v4 .sr-product-care-grid p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .sr-product-experience--v4 .sr-product-faq, .sr-product-experience--v4 .sr-product-reviews-panel { max-width: 920px; margin: 0 auto; } @media (max-width: 1180px) { .single-product .sr-product-hero-shell--v4 { grid-template-columns: minmax(0, .98fr) minmax(390px, 1.02fr); gap: var(--sc-space-6); } .sr-product-experience--v4 .sr-product-characteristics__benefits > div { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1020px) { .single-product .sr-product-hero-shell--v4 { grid-template-columns: 1fr; } .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery__wrapper { min-height: 0; } .single-product .sr-product-hero-shell--v4 .summary { align-content: start; } .sr-product-experience--v4 .sr-product-info-panel__tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scroll-snap-type: x proximity; } .sr-product-experience--v4 .sr-product-info-panel__tabs button { flex: 0 0 auto; scroll-snap-align: start; } .sr-product-experience--v4 .sr-product-characteristics__benefits > div, .sr-product-experience--v4 .sr-product-care-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .single-product .sr-product-hero-shell--v4 { width: min(calc(100% - 18px), var(--sr-container)); margin-right: auto; margin-left: auto; padding: var(--sc-space-4); border-radius: var(--sc-r-lg); } .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery__wrapper { border-radius: var(--sc-r-lg); } .single-product .sr-product-hero-shell--v4 .product_title { font-size: clamp(40px, 12vw, 56px) !important; } .sr-product-v4-buybox { padding: var(--sc-space-4); border-radius: var(--sc-r-md); } .single-product .sr-product-v4-buybox > .price { font-size: 48px !important; } .single-product .sr-product-hero-copy p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .single-product .sr-product-hero-shell--v4 form.cart { grid-template-columns: 128px minmax(0, 1fr); } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts li { min-height: 74px; grid-template-columns: 1fr; align-items: center; justify-items: center; padding: var(--sc-space-2) var(--sc-space-2); text-align: center; } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts li:last-child:nth-child(odd) { grid-column: auto; } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts svg { grid-row: auto; } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts span { font-size: 8px; } .single-product .sr-product-hero-shell--v4 .sr-product-key-facts strong { font-size: 10.5px; } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance { grid-template-columns: repeat(3, minmax(0, 1fr)); } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance span { min-height: 86px; padding: var(--sc-space-3) var(--sc-space-2); } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance small { display: none; } .sr-product-experience--v4 .sr-product-info-panel { width: min(calc(100% - 18px), var(--sr-container)); margin-right: auto; margin-left: auto; border-radius: var(--sc-r-lg); } .sr-product-experience--v4 .sr-product-info-panel__head { padding: var(--sc-space-5) var(--sc-space-4) var(--sc-space-4); text-align: left; } .sr-product-experience--v4 .sr-product-info-panel__head p { margin: 0; } .sr-product-experience--v4 .sr-product-info-panel__tabs { padding: 0 var(--sc-space-4) var(--sc-space-4); } .sr-product-experience--v4 .sr-product-info-panel__body { margin: 0 var(--sc-space-2) var(--sc-space-2); padding: var(--sc-space-4); border-radius: var(--sc-r-md); } .sr-product-experience--v4 .sr-product-characteristics__intro { text-align: left; } .sr-product-experience--v4 .sr-product-panel-description p { margin: 0; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .sr-product-experience--v4 .sr-product-characteristics__promise { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: var(--sc-space-3); padding: var(--sc-space-4); } .sr-product-experience--v4 .sr-product-characteristics__promise p { display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sr-product-experience--v4 .sr-product-characteristics__benefits > div, .sr-product-experience--v4 .sr-product-care-grid { grid-template-columns: 1fr; } .sr-product-experience--v4 .sr-product-characteristics__benefits article { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: start; min-height: 0; padding: var(--sc-space-4); column-gap: var(--sc-space-3); } .sr-product-experience--v4 .sr-product-characteristics__benefits article > span { grid-row: 1 / span 2; width: 42px; height: 42px; } .sr-product-experience--v4 .sr-product-characteristics__benefits p { margin: var(--sc-space-1) 0 0; -webkit-line-clamp: 2; } } @media (max-width: 420px) { .single-product .sr-product-hero-shell--v4 form.cart { grid-template-columns: 124px minmax(0, 1fr); gap: var(--sc-space-2); } .single-product .sr-product-hero-shell--v4 .quantity.sr-quantity-control { width: 124px; grid-template-columns: 38px 1fr 38px; } .single-product .sr-product-hero-shell--v4 .quantity.sr-quantity-control .qty { width: 100% !important; } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance { grid-template-columns: repeat(3, minmax(0, 1fr)); } .single-product .sr-product-hero-shell--v4 .sr-product-reassurance span { min-height: 82px; flex-direction: column; justify-content: center; text-align: center; } } /* Passe UX/UI produit: allègement desktop, lecture naturelle et onglets plus souples. */ @media (min-width: 1021px) { .single-product .sr-product-hero-shell--v4 { grid-template-columns: minmax(360px, 520px) minmax(0, 1fr); align-items: start; gap: clamp(var(--sc-space-6), 3.2vw, var(--sc-space-7)); padding: clamp(var(--sc-space-6), 3vw, var(--sc-space-7)); } .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery { width: 100% !important; max-width: 520px; height: auto !important; align-self: start; } .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery__wrapper { width: 100% !important; max-width: 520px; min-height: 0 !important; height: clamp(500px, 36vw, 560px); } .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery__wrapper img, .single-product .sr-product-hero-shell--v4 .woocommerce-product-gallery__image img { width: 100%; height: 100%; object-fit: cover; } .single-product .sr-product-hero-shell--v4 .summary { padding-top: var(--sc-space-2); gap: var(--sc-space-4); } .single-product .sr-product-hero-shell--v4 .product_title { max-width: 620px; font-size: clamp(48px, 4.5vw, 64px) !important; line-height: .92 !important; } } .single-product .sr-product-hero-shell--v4, .single-product .sr-product-v4-buybox, .sr-product-experience--v4 .sr-product-info-panel, .sr-product-experience--v4 .sr-product-info-panel__body { box-shadow: none; } .sr-product-experience--v4 .sr-product-info-panel { background: transparent; border: 0; } .sr-product-experience--v4 .sr-product-info-panel__head { padding-bottom: var(--sc-space-4); } .sr-product-experience--v4 .sr-product-info-panel__body { margin: 0; padding: clamp(var(--sc-space-5), 3vw, var(--sc-space-6)) 0; background: transparent; border: 0; border-radius: 0; } .sr-product-experience--v4 .sr-product-characteristics { max-width: 1080px; margin: 0 auto; } .sr-product-experience--v4 .sr-product-characteristics__intro { max-width: 900px; text-align: left; } .sr-product-experience--v4 .sr-product-panel-description h2, .sr-product-experience--v4 .sr-product-panel-description p { margin-right: 0; margin-left: 0; text-align: left; } .sr-product-experience--v4 .sr-product-characteristics__promise { max-width: 900px; margin: var(--sc-space-4) 0 0; padding: var(--sc-space-4) var(--sc-space-5); background: #f2f8ed; border: 0; border-radius: var(--sc-r-md); box-shadow: none; } .sr-product-experience--v4 .sr-product-characteristics__benefits > div { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 1080px; margin: 0 auto; } .sr-product-experience--v4 .sr-product-characteristics__benefits article, .sr-product-experience--v4 .sr-product-care-grid article { border: 0; box-shadow: none; } .sr-product-experience--v4 .sr-product-characteristics__benefits article { min-height: 150px; background: #fffaf3; } .sr-product-experience--v4 .sr-culture-calendar { background: transparent; border: 0; box-shadow: none; } .sr-product-experience--v4 .sr-culture-row { margin-bottom: var(--sc-space-3); background: #fffdf9; border: 0; border-radius: var(--sc-r-md); box-shadow: none; } .sr-product-experience--v4 .sr-product-faq details { background: #fffdf9; border: 0; border-bottom: 1px solid #eadfd1; border-radius: 0; box-shadow: none; } .sr-product-experience--v4 .sr-product-faq details:first-of-type { border-top: 1px solid #eadfd1; } .sr-product-experience--v4 .sr-product-faq summary { padding: var(--sc-space-4) var(--sc-space-1); color: var(--sr-title); } .sr-product-experience--v4 .sr-product-faq summary span { transition: transform .18s ease; } .sr-product-experience--v4 .sr-product-faq details[open] summary span { transform: rotate(45deg); } .sr-product-experience--v4 .sr-product-faq details p { padding: 0 var(--sc-space-1) var(--sc-space-4); } .sr-product-experience--v4 .sr-product-reviews-panel > div, .sr-product-experience--v4 #reviews, .sr-product-experience--v4 #review_form_wrapper, .sr-product-experience--v4 .commentlist li { box-shadow: none !important; } @media (max-width: 1180px) and (min-width: 1021px) { .sr-product-experience--v4 .sr-product-characteristics__benefits > div { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Passe correction produit: rythme compact, tabs premium, calendrier et avis finalisés. */ .single-product .sr-product-details.sr-product-experience--v4 { margin-top: clamp(var(--sc-space-5), 3.2vw, var(--sc-space-7)); } .sr-product-experience--v4 .sr-product-info-panel__head { padding: clamp(var(--sc-space-4), 2.4vw, var(--sc-space-6)) var(--sc-space-4) var(--sc-space-3); } .sr-product-experience--v4 .sr-product-info-panel__head h2 { font-size: clamp(32px, 3vw, 48px); line-height: .95; } .sr-product-experience--v4 .sr-product-info-panel__head p { max-width: 620px; font-size: 16px; line-height: 1.55; } .sr-product-experience--v4 .sr-product-info-panel__tabs { gap: var(--sc-space-1); padding: 0 var(--sc-space-4) var(--sc-space-4); } .sr-product-experience--v4 .sr-product-info-panel__tabs button { position: relative; min-height: 38px; padding: var(--sc-space-2) var(--sc-space-3); background: transparent; border: 0; border-radius: 0; box-shadow: none !important; color: #6a604f; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; } .sr-product-experience--v4 .sr-product-info-panel__tabs button::after { position: absolute; right: 12px; bottom: 2px; left: 12px; height: 2px; content: ""; background: var(--sr-green-dark); border-radius: var(--sc-r-pill); opacity: 0; transform: scaleX(.55); transition: opacity .18s ease, transform .18s ease; } .sr-product-experience--v4 .sr-product-info-panel__tabs button:hover, .sr-product-experience--v4 .sr-product-info-panel__tabs button.is-active { color: var(--sr-green-dark); background: transparent; border-color: transparent; box-shadow: none; transform: none; } .sr-product-experience--v4 .sr-product-info-panel__tabs button:hover svg, .sr-product-experience--v4 .sr-product-info-panel__tabs button.is-active svg { color: var(--sr-green-dark); } .sr-product-experience--v4 .sr-product-info-panel__tabs button.is-active::after { opacity: 1; transform: scaleX(1); } .sr-product-experience--v4 .sr-product-info-panel__body { padding: clamp(var(--sc-space-4), 2vw, var(--sc-space-5)) 0; } .sr-product-experience--v4 .sr-product-characteristics { gap: var(--sc-space-4); } .sr-product-experience--v4 .sr-product-panel-description h2 { margin-bottom: var(--sc-space-3); font-size: clamp(28px, 2.5vw, 40px); } .sr-product-experience--v4 .sr-product-characteristics__promise { margin-top: var(--sc-space-4); } .sr-product-experience--v4 .sr-product-characteristics__benefits h3 { margin-bottom: var(--sc-space-4); } .sr-product-experience--v4 .sr-product-characteristics__benefits article { min-height: 132px; padding: var(--sc-space-4); } .sr-product-experience--v4 .sr-culture-timeline__head { margin-bottom: var(--sc-space-4); } .sr-product-experience--v4 .sr-culture-timeline__head h2 { font-size: clamp(28px, 2.6vw, 40px); } .sr-product-experience--v4 .sr-culture-calendar { padding: var(--sc-space-2) 0; } .sr-product-experience--v4 .sr-culture-calendar__months { min-height: 26px; padding: 0 var(--sc-space-3) var(--sc-space-2); font-size: 10px; } .sr-product-experience--v4 .sr-culture-row { grid-template-columns: minmax(150px, .22fr) minmax(0, 1fr); gap: var(--sc-space-3); margin-bottom: var(--sc-space-2); padding: var(--sc-space-2) var(--sc-space-3); } .sr-product-experience--v4 .sr-culture-row__label > span { width: 34px; height: 34px; } .sr-product-experience--v4 .sr-culture-row__track { min-height: 24px; padding: 3px; } .sr-product-experience--v4 .sr-culture-row__track span { min-height: 18px; } .sr-product-experience--v4 .sr-culture-row p { margin: -2px 0 0; font-size: 12px; } .sr-product-panel-tech--cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-3); max-width: 980px; margin: 0 auto; border: 0; background: transparent; } .sr-product-panel-tech--cards article { display: grid; gap: var(--sc-space-2); min-height: 86px; padding: var(--sc-space-4); background: #fffaf3; border: 0; border-radius: var(--sc-r-md); } .sr-product-panel-tech--cards span { color: #786d5d; font-size: 12px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; } .sr-product-panel-tech--cards strong { color: var(--sr-title); font-size: 16px; line-height: 1.25; } .sr-product-experience--v4 .sr-product-faq { max-width: 880px; } .sr-product-experience--v4 .sr-product-faq details { margin-bottom: var(--sc-space-2); background: #fffaf3; border: 0; border-radius: var(--sc-r-md); } .sr-product-experience--v4 .sr-product-faq details:first-of-type { border-top: 0; } .sr-product-experience--v4 .sr-product-faq summary { padding: var(--sc-space-4) var(--sc-space-4); } .sr-product-experience--v4 .sr-product-faq details p { padding: 0 var(--sc-space-4) var(--sc-space-4); color: #545b50; line-height: 1.65; } .sr-product-experience--v4 .sr-product-reviews-panel { max-width: 900px; } .sr-product-experience--v4 .sr-product-reviews-panel__head { margin-bottom: var(--sc-space-4); padding: var(--sc-space-4) var(--sc-space-5); background: #f2f8ed; border: 0; border-radius: var(--sc-r-md); } .sr-product-experience--v4 .sr-product-reviews-panel #comments, .sr-product-experience--v4 .sr-product-reviews-panel #review_form_wrapper { padding: var(--sc-space-5); background: #fffaf3; border: 0; border-radius: var(--sc-r-md); } .sr-product-experience--v4 .sr-product-reviews-panel .commentlist li, .sr-product-experience--v4 .sr-product-reviews-panel ol.commentlist li.review { padding: var(--sc-space-4) 0; background: transparent; border: 0; border-bottom: 1px solid #eadfd1; border-radius: 0; } .single-product .related, .single-product .upsells { margin-top: clamp(var(--sc-space-6), 4vw, var(--sc-space-7)); } @media (max-width: 1020px) { .sr-product-panel-tech--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .single-product .sr-product-details.sr-product-experience--v4 { margin-top: var(--sc-space-5); } .sr-product-experience--v4 .sr-product-info-panel__head { padding-top: var(--sc-space-4); } .sr-product-experience--v4 .sr-product-info-panel__tabs { padding-bottom: var(--sc-space-3); } .sr-product-panel-tech--cards { grid-template-columns: 1fr; gap: var(--sc-space-2); } .sr-product-panel-tech--cards article { min-height: 0; padding: var(--sc-space-3) var(--sc-space-4); } } /* ============================================================ RECHERCHE LIVE — PASSE PREMIUM (UX / design uniquement) DA Sanrival : crème, rouge, vert foncé. Moteur AJAX inchangé. ============================================================ */ /* Apparition douce du panneau + ombre plus premium */ .sr-search__panel { box-shadow: 0 30px 80px rgba(45, 39, 29, .20); } .sr-search__panel:not([hidden]) { animation: srSearchIn .18s ease; } @keyframes srSearchIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } } /* Surlignage du terme recherché */ .sr-search-mark { background: rgba(212, 163, 75, .26); color: inherit; font-weight: inherit; padding: 0 1px; border-radius: 3px; } /* Placeholder élégant pour les produits sans image */ .sr-search-product__ph { display: grid; place-items: center; width: 100%; height: 100%; color: var(--sr-green); background: radial-gradient(circle at 50% 36%, rgba(55, 106, 53, .14), transparent 62%), #f4f8f0; } .sr-search-product__ph svg { width: var(--sc-icon-lg); height: var(--sc-icon-lg); opacity: .85; } /* Méta produit : badges catégorie + disponibilité */ .sr-search-product__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sc-space-2); margin-top: 3px; } .sr-search-badge { display: inline-flex; align-items: center; padding: 3px var(--sc-space-2); border-radius: var(--sc-r-pill); font-size: 10.5px; font-weight: 800; letter-spacing: .02em; line-height: 1.3; white-space: nowrap; } .sr-search-badge--cat { color: var(--sr-green-dark, #2c5a2b); background: var(--sr-green-soft, #eaf1e7); text-transform: uppercase; } .sr-search-badge--stock.is-in { color: #2c5a2b; background: rgba(55, 106, 53, .12); } .sr-search-badge--stock.is-in::before { content: "●"; font-size: 8px; margin-right: var(--sc-space-1); } .sr-search-badge--stock.is-out { color: var(--sr-red); background: rgba(180, 18, 46, .10); } /* Confort & rythme */ .sr-search-results__group { padding: var(--sc-space-4); } .sr-search-products { gap: var(--sc-space-3); } .sr-search-product__content { gap: var(--sc-space-1); } .sr-search-product__price { align-self: center; } .sr-search-product strong { font-size: 14px; } /* État clavier actif (= hover) */ .sr-search-category.is-active, .sr-search-product.is-active { background: #fff; border-color: rgba(55, 106, 53, .45); box-shadow: 0 12px 28px rgba(45, 39, 29, .10); transform: translateY(-1px); } .sr-search-category:focus-visible, .sr-search-product:focus-visible, .sr-search-view-all:focus-visible { outline: 2px solid var(--sr-green); outline-offset: 2px; } /* Bouton « Voir tous les résultats » plus premium */ .sr-search-view-all { gap: var(--sc-space-3); padding: 0 var(--sc-space-4); min-height: 56px; background: var(--sr-green); transition: background .15s ease; } .sr-search-view-all strong { font-weight: 900; } .sr-search-view-all svg { width: var(--sc-icon-md); height: var(--sc-icon-md); flex: 0 0 auto; transition: transform .15s ease; } .sr-search-view-all:hover, .sr-search-view-all.is-active { background: var(--sr-green-dark, #2c5a2b); color: #fff; } .sr-search-view-all:hover svg, .sr-search-view-all.is-active svg { transform: translateX(3px); } /* ============================================================ HOME — Hero promo (mode campagne) + Offres du moment N'affecte la home que lorsqu'une campagne est active. ============================================================ */ /* Badge promo : pastille pleine (au lieu de l'eyebrow vert discret) */ /* Section Offres du moment */ /* Accent par type d'offre (filet supérieur discret) */ /* Harmonisation pages éditoriales avec la fiche produit pilote. */ .sr-about, .sr-contact-page { background: #fffdf9; } .sr-about .sr-section, .sr-contact-page .sr-section { padding-top: clamp(var(--sc-space-7), 6vw, var(--sc-space-10)); padding-bottom: clamp(var(--sc-space-7), 6vw, var(--sc-space-10)); } .sr-about-facts article, .sr-about-expertise__cards article, .sr-about-values__grid article, .sr-contact-proof article, .sr-contact-methods a, .sr-contact-methods div { background: #fff; border: 1px solid rgba(234,223,209,.95); border-radius: var(--sc-r-lg); box-shadow: 0 14px 36px rgba(45,39,29,.055); } .sr-about-facts article, .sr-contact-proof article { align-items: center; } .sr-about-facts svg, .sr-about-expertise__cards svg, .sr-contact-proof svg, .sr-contact-methods a > svg, .sr-contact-methods div > svg { background: #eef7e7; border-radius: var(--sc-r-md); } .sr-about-story__grid, .sr-about-human__grid, .sr-about-expertise__grid, .sr-contact-brand__grid { gap: clamp(var(--sc-space-6), 5vw, var(--sc-space-9)); } .sr-about-story__gallery figure, .sr-about-human__gallery figure, .sr-contact-brand img { border: 1px solid rgba(234,223,209,.9); border-radius: var(--sc-r-lg); box-shadow: 0 22px 54px rgba(45,39,29,.09); } .sr-contact-hero { padding: clamp(var(--sc-space-6), 4vw, var(--sc-space-8)) 0 clamp(var(--sc-space-7), 4.5vw, var(--sc-space-8)); background: #fffdf9; } .sr-contact-hero__grid { grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); background: #fff; border: 1px solid rgba(234,223,209,.95); border-radius: var(--sc-r-lg); box-shadow: 0 24px 70px rgba(45,39,29,.09); } .sr-contact-hero h1 { font-size: clamp(48px, 4.8vw, 64px); } .sr-contact-methods { margin-top: var(--sc-space-5); } .sr-contact-card { background: #fffdf9; border-radius: var(--sc-r-lg); box-shadow: none; } .sr-contact-card__head { background: #eef7e7; border: 1px solid #d7e9ce; box-shadow: none; } .sr-contact-card .forminator-ui { display: grid; gap: var(--sc-space-3); } @media (min-width: 1101px) { .sr-contact-card .forminator-ui { min-height: 474px; } } .sr-contact-card .forminator-row { margin-bottom: var(--sc-space-3) !important; } .sr-contact-card .forminator-field { margin-bottom: 0 !important; } .sr-contact-card .forminator-label { margin-bottom: var(--sc-space-2) !important; color: var(--sr-title) !important; font-size: 12px !important; letter-spacing: .02em; } .sr-contact-proof { padding: 0 0 clamp(var(--sc-space-7), 5vw, var(--sc-space-9)); background: #fffdf9; } .sr-contact-proof__grid { gap: var(--sc-space-4); } .sr-contact-brand { background: #fff; } @media (max-width: 1100px) { .sr-contact-hero__grid { grid-template-columns: 1fr; } } @media (max-width: 760px) { .sr-about-hero .sr-container, .sr-contact-hero .sr-container { width: min(calc(100% - 24px), var(--sr-container)); } .sr-contact-hero__grid { border-radius: var(--sc-r-lg); } .sr-contact-proof__grid, .sr-about-expertise__cards, .sr-about-values__grid { gap: var(--sc-space-3); } } @media (max-width: 600px) { .sr-about .sr-section, .sr-contact-page .sr-section { padding-top: var(--sc-space-7); padding-bottom: var(--sc-space-7); } .sr-about-hero__content h1, .sr-contact-hero h1 { font-size: clamp(40px, 12vw, 56px); } .sr-contact-hero__grid { padding: var(--sc-space-4); } .sr-contact-card, .sr-contact-card__head, .sr-contact-methods a, .sr-contact-methods div, .sr-contact-proof article, .sr-about-facts article, .sr-about-expertise__cards article, .sr-about-values__grid article { border-radius: var(--sc-r-md); } .sr-contact-card .forminator-button-submit { width: 100% !important; } } /* Méga-menu : repères au niveau univers, lecture textuelle aux niveaux 2 et 3. */ .sr-primary-menu .sr-mega-trigger > a > svg { display: block; width: var(--sc-icon-md); height: var(--sc-icon-md); flex: 0 0 18px; padding: 0; background: transparent; border-radius: 0; opacity: .86; } .sr-mega-groups section h3 { margin-bottom: var(--sc-space-3); padding-bottom: 0; color: var(--sr-title); font-size: 12px; font-weight: 800; line-height: 1.35; letter-spacing: .1em; } .sr-mega-groups ul { gap: 0; } .sr-mega-groups li a { position: relative; min-height: 40px; gap: 0; padding: var(--sc-space-2) var(--sc-space-6) var(--sc-space-2) var(--sc-space-1); color: #42473f; background: transparent; border-radius: 0; transition: color .16s ease, transform .16s ease; } .sr-mega-groups li a::after { position: absolute; right: 8px; content: "\2192"; color: var(--sr-red); font-size: 16px; line-height: 1; opacity: 0; transform: translateX(-4px); transition: opacity .16s ease, transform .16s ease; } .sr-mega-groups li a:hover, .sr-mega-groups li a:focus-visible { color: var(--sr-red); background: transparent; transform: translateX(3px); } .sr-mega-groups li a:hover::after, .sr-mega-groups li a:focus-visible::after { opacity: 1; transform: translateX(0); } @media (max-width: 1020px) { .sr-mega-groups li a { min-height: 44px; padding-inline: var(--sc-space-1) var(--sc-space-6); } } @media (prefers-reduced-motion: reduce) { .sr-back-to-top { transition: none; } .sr-mega-groups li a, .sr-mega-groups li a::after { transition: none; } } /* Header — états de navigation et annonces rotatives. */ @media (min-width: 1021px) and (hover: hover) { .sr-mega-groups li a { padding: var(--sc-space-2) var(--sc-space-6) var(--sc-space-2) var(--sc-space-3); border-radius: var(--sc-r-sm); transition: color .16s ease, background-color .16s ease, box-shadow .16s ease; } .sr-mega-groups li a::after { right: 8px; width: 7px; height: 7px; content: ""; background: transparent; border-right: 1.5px solid var(--sr-red); border-bottom: 1.5px solid var(--sr-red); border-radius: 0; box-shadow: none; transform: translateX(-3px) rotate(-45deg); } .sr-mega-groups li a:hover, .sr-mega-groups li a:focus-visible { color: var(--sr-red); background: #fff4f5; box-shadow: inset 0 0 0 1px rgba(179,23,43,.1); font-weight: 700; transform: none; } .sr-mega-groups li a:hover::after, .sr-mega-groups li a:focus-visible::after { opacity: 1; transform: translateX(0) rotate(-45deg); } } .sr-topbar__inner { display: block; } .sr-topbar__viewport { position: relative; min-height: 36px; overflow: hidden; } .sr-topbar__item { position: absolute; inset: 0; display: flex !important; align-items: center; justify-content: center; margin: 0; opacity: 0; pointer-events: none; transform: translateY(7px); transition: opacity .28s ease, transform .28s ease; } .sr-topbar__item.is-active { opacity: 1; pointer-events: auto; transform: translateY(0); } .sr-topbar__item > a, .sr-topbar__item > span { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: var(--sc-space-2); color: inherit; text-align: center; } .sr-topbar__item > a:hover { color: #fff; } .sr-topbar__item strong { color: #f0d58e; font-weight: 900; } .sr-topbar__item svg { flex: 0 0 auto; } @media (max-width: 600px) { .sr-topbar__viewport { min-height: 34px; } .sr-topbar__item { padding-inline: var(--sc-space-1); font-size: 10px; white-space: nowrap; } .sr-topbar__item > a, .sr-topbar__item > span { min-height: 34px; gap: var(--sc-space-1); } } @media (prefers-reduced-motion: reduce) { .sr-topbar__item { transition: none; transform: none; } }