@import url("v2-base.css");
/* Charte visuelle issue de la reference MKM. Les HTML, images metiers,
   logo, textes, prix, liens, scripts et donnees restent inchanges. */
:root{--forest:#0c4f2e;--green:#7cbd35;--orange:#cf4309;--ink:#101d17;--muted:#5c6d64;--line:#e4ebe1;--soft:#f4f8f0;--white:#fff;--radius:24px;--shadow:0 7px 24px rgba(23,61,35,.055),0 1px 3px rgba(23,61,35,.035)}
body{background:#fff;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body main{isolation:isolate}
body h1,body h2,body h3{color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;font-weight:800}
body h1{font-size:clamp(2.35rem,5.2vw,4.55rem);line-height:1.06;letter-spacing:-.043em;text-wrap:balance}
body h2{font-size:clamp(1.85rem,3.55vw,3rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
body h3{letter-spacing:-.024em;line-height:1.22}
body .lead{font-size:clamp(1rem,1.3vw,1.12rem);color:var(--muted);line-height:1.65}
body .eyebrow{color:var(--forest);font-size:.73rem;letter-spacing:.17em;font-weight:800;line-height:1.55}
body .section-heading>.eyebrow{display:flex;align-items:center;gap:12px}
body .section-heading>.eyebrow::before{content:"";width:34px;height:2px;background:var(--green);flex-shrink:0}
body .hero-kicker{color:var(--forest);font-family:"Segoe Print","Bradley Hand",cursive;font-style:italic;font-size:1.12rem;font-weight:700;line-height:1.4;margin-bottom:16px}
body .section-heading{margin-bottom:28px}
body .section-heading p,body .card p,body .feature-list span{color:var(--muted)}
body .site-header{background:rgba(255,255,255,.98);border-color:var(--line);box-shadow:0 4px 20px rgba(21,60,36,.035)}
body .main-nav a{font-weight:700;border-radius:999px}
body .main-nav a:hover,body .main-nav a[aria-current=page]{background:var(--soft);color:var(--forest)}
body .main-nav .nav-cta,body .main-nav .nav-cta[aria-current=page]{color:#fff;background:var(--orange);box-shadow:0 4px 12px rgba(207,67,9,.12)}
body .main-nav .nav-cta:hover{background:#b43606;color:#fff}
body .menu-toggle{border-color:#d1dfcc;color:var(--forest);background:var(--soft)}
body .hero,body .page-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 0%,#f0f7e9 0%,rgba(240,247,233,.25) 28%,transparent 54%),#fff;padding-top:68px;padding-bottom:46px}
body .hero>.container,body .page-hero>.container{position:relative;z-index:1}
body .hero::before,body .page-hero::before{content:"";position:absolute;z-index:0;right:0;top:0;width:54px;height:74px;background:url('../images/charte/feuillage.webp') no-repeat left top/contain;mix-blend-mode:multiply;opacity:.7;pointer-events:none;transform:scaleX(-1)}
body .hero::after,body .page-hero::after{content:"";position:absolute;top:0;right:0;width:clamp(120px,24vw,310px);height:clamp(90px,17vw,200px);border-radius:0 0 0 100%;border-bottom:1px solid #eaf2e4;pointer-events:none;z-index:0}
body .hero-proof{gap:8px}
body .hero-proof span{border:1px solid #e1ebda;background:#f2f7ed;color:var(--forest);font-size:.76rem;font-weight:700;border-radius:999px;padding:7px 12px}
body .section{padding-top:48px;padding-bottom:48px}
body .section-soft{background:linear-gradient(110deg,#f4f8f0,#fbfdf9);border-top:1px solid #edf3e8;border-bottom:1px solid #edf3e8}
body .section-dark{background:linear-gradient(115deg,#0e4b2d,#123b27);color:#fff}
body .section-dark h2,body .section-dark h3{color:#fff}
body .section-dark p{color:#e4eede}
body .section-dark .eyebrow{color:#b6dc8b}
body .btn{border-radius:999px;font-weight:800;min-height:48px;padding:12px 22px;transition:background-color .18s ease,box-shadow .18s ease;line-height:1.35}
body .btn-primary{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 5px 14px rgba(207,67,9,.13)}
body .btn-primary:hover{background:#b43606;border-color:#b43606}
body .btn-secondary{border-color:#769b65;background:#fff;color:var(--forest)}
body .btn-secondary:hover{background:#f0f6eb}
body .btn-green{background:var(--forest);color:#fff}
body .text-link{color:var(--forest)}
body .category-arrow{background:#e8f1e1;color:var(--forest)}
body :is(.card,.category-card,.offer-card,.process-step,.contact-panel,.job-panel,.calendar-shell,.map-card,.proof-gallery figure){border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
body .card{padding:26px}
body .category-card{overflow:hidden}
body .home-gamme-grid{gap:18px}
body .home-gamme-grid .category-card>img{width:calc(100% - 16px);margin:8px 8px 0;border-radius:16px;height:180px}
body .home-gamme-grid .category-card .content{padding:15px 18px 20px;gap:12px}
body .category-card h3{color:var(--forest);font-size:1.18rem;font-weight:800}
body .category-card p{color:var(--muted);line-height:1.5}
body .product-mosaic{min-height:0;height:clamp(280px,30vw,410px);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
body .product-mosaic figure{min-width:0;min-height:0;border:6px solid #fff;border-radius:22px;box-shadow:var(--shadow)}
body .product-mosaic img{height:100%;width:100%;object-fit:cover}
body .delivery-media>img{border:7px solid #fff;border-radius:26px;box-shadow:var(--shadow)}
body .delivery-badge{left:18px;right:18px;bottom:18px;width:fit-content;max-width:calc(100% - 36px);background:rgba(255,255,255,.97);color:var(--forest);border:1px solid var(--line);border-radius:999px;font-size:.85rem;padding:9px 15px;box-shadow:0 3px 15px rgba(23,61,35,.07)}
body .feature-list div{border-color:var(--line);padding:17px 0}
body .feature-list strong{color:var(--forest)}
body .proof-gallery figure{padding:7px;overflow:hidden}
body .proof-gallery img{border-radius:17px}
body .proof-gallery figcaption{padding:14px 11px;color:var(--muted)}
body .offer-card{display:flex;flex-direction:column;padding:24px}
body .offer-card.featured{border:2px solid #75a950;background:linear-gradient(180deg,#f6faef,#fff 58%)}
body .offer-card .btn{margin-top:auto}
body .offer-badge{align-self:flex-start;background:var(--forest);color:#fff;border-radius:999px}
body .offer-price{font-size:2.25rem;color:var(--forest);letter-spacing:-.035em}
body .offer-price small{letter-spacing:0;color:var(--muted)}
body .process-step{padding:23px 22px 23px 72px}
body .process-step::before{background:var(--forest);width:36px;height:36px;top:21px;left:20px}
body .process-step p{color:var(--muted);margin-bottom:0}
body .faq-list details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 22px;box-shadow:0 3px 12px rgba(23,61,35,.025)}
body .faq-list summary{color:var(--forest);padding:18px 0;min-height:48px}
body .faq-list details[open]{border-color:#a6be95;background:#fbfdf9}
body .contact-panel,body .job-panel{padding:26px}
body .contact-block{border-color:var(--line)}
body .contact-panel a:not(.btn){overflow-wrap:anywhere}
body .cta-band{background:radial-gradient(ellipse at 100% 0%,#e8f2de,transparent 65%),#f6faf2;border:1px solid #e2edd8;border-radius:30px;color:var(--ink);padding:28px;box-shadow:none}
body .cta-band h2{color:var(--forest);font-size:clamp(1.65rem,3vw,2.5rem)}
body .cta-band p{color:var(--muted)}
body .cta-band .btn:not(.btn-secondary){background:var(--orange)!important;color:#fff!important;border-color:var(--orange)}
body .cta-band .btn-secondary{color:var(--forest)!important;border-color:#769b65!important;background:#fff!important}
body .site-footer{background:#103d28;color:#fff;border-top:4px solid #c4dfaa;padding-top:40px;padding-bottom:40px}
body .footer-meta{color:#e2ecdd}
body .footer-links a{width:fit-content;min-height:30px;text-underline-offset:4px}
body .footer-links a:hover{text-decoration:underline}
body .calendar-shell{padding:20px}
body .calendar-notice{background:#f1f7eb;border-left-color:#7cbd35;border-radius:0 15px 15px 0}
body .calendar-views button,body .calendar-chips button,body .calendar-step button{min-height:44px;border-color:#d5e3cd;background:#fff;color:var(--forest);cursor:pointer}
body .calendar-views button[aria-pressed=true],body .calendar-chips button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:#fff}
body .calendar-field input,body .calendar-field select{border-color:#a0b195;border-radius:14px;color:var(--ink)}
body .product-season{border-color:var(--line);border-radius:18px;background:#fff}
body .product-season h4{color:var(--forest)}
body .month-mini.on,body .mark{background:var(--forest);color:#fff}
body .month-mini.conservation,body .mark.conservation{background:#fff;color:var(--forest);border-color:var(--forest)}
body .month-mini.chosen{outline-color:var(--orange)}
body .annual-table thead th{background:var(--forest)}
body .mkm-trust{--trust-green:#0c4f2e;--trust-ink:#101d17;background:radial-gradient(ellipse at 100% 0%,#f0f7e8 0%,transparent 38%),linear-gradient(180deg,#fff,#fafcf8 70%,#fff);padding-top:60px;padding-bottom:52px}
body .mkm-trust::before{content:"";position:absolute;top:8px;left:0;width:58px;height:78px;background:url('../images/charte/feuillage.webp') no-repeat left top/contain;mix-blend-mode:multiply;opacity:.65;pointer-events:none;z-index:-1}
body .mkm-trust__heading{max-width:850px;margin-bottom:28px}
body .mkm-trust__heading h2{color:var(--ink);font-size:clamp(1.8rem,3.4vw,2.75rem);line-height:1.13;letter-spacing:-.035em}
body .mkm-trust__heading>p:last-child{color:var(--muted);font-size:1rem;line-height:1.55}
body .mkm-trust__heading .eyebrow{font-weight:800;letter-spacing:.15em}
body .mkm-trust__grid{gap:22px}
body .mkm-trust__card{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
body .mkm-trust__track,body .mkm-trust__photo{border-radius:17px;margin:7px 7px 0;width:calc(100% - 14px)}
body .mkm-trust__track{scrollbar-width:thin}
body .mkm-trust__slide{border-radius:15px;overflow:hidden}
body .mkm-trust__body h3{color:var(--ink);font-weight:800}
body .mkm-trust__body p{color:var(--muted);font-size:.93rem}
body .mkm-trust__icon{background:var(--forest);border-color:#fff}
body .mkm-trust__brand{background:#fff;border-color:#e1eadb;border-radius:10px;color:var(--forest)}
body .mkm-trust__brand[aria-pressed=true]{color:#fff;background:var(--forest);border-color:var(--forest)}
body .mkm-trust__arrow{background:#e7f0e1;color:var(--forest)}
body .mkm-trust__arrow:hover{background:var(--forest);color:#fff}
body .mkm-trust__cta{margin-top:28px}
body .mkm-trust__cta .btn{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 5px 14px rgba(207,67,9,.13);min-height:52px}
body .mkm-trust__cta .btn:hover{background:#b43606}
body .mkm-trust__cta p,body .mkm-trust__note{color:var(--muted)}
body :focus-visible{outline:3px solid #0c4f2e;outline-offset:4px}
body .section-dark :focus-visible,body .site-footer :focus-visible{outline-color:#b2d886}
@media(min-width:760px){body .hero,body .page-hero{padding-top:76px;padding-bottom:62px}body .section{padding-top:64px;padding-bottom:64px}body .hero-grid,body .split,body .delivery-feature{gap:42px}body .hero::before,body .page-hero::before{width:82px;height:108px;opacity:.85}body .category-grid{gap:20px}body .cta-band{padding:36px 40px}body .calendar-shell{padding:28px}body .offer-card{padding:28px}}
@media(min-width:1280px){body .hero::before,body .page-hero::before{left:0;right:auto;transform:none;width:96px;height:126px}body .mkm-trust::before{width:110px;height:146px;opacity:.95}body .mkm-trust{padding-top:68px;padding-bottom:58px}}
@media(max-width:759px){body .hero-grid,body .split,body .contact-grid{gap:26px}body .offer-grid{grid-template-columns:minmax(0,1fr)}body .offer-card{min-width:0}body .actions{gap:10px}body .btn{min-height:48px}body .delivery-badge{font-size:.76rem;border-radius:16px;padding:8px 12px}body .mkm-trust__heading{padding-inline:12px}body .mkm-trust__heading .eyebrow::before,body .mkm-trust__heading .eyebrow::after{width:20px}body .mkm-trust__cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){body .btn,body .home-gamme-grid .category-card,body .category-arrow{transition:none}body .home-gamme-grid .category-card:hover,body .home-gamme-grid .category-card:hover .category-arrow{transform:none}}
@media print{body .hero::before,body .hero::after,body .page-hero::before,body .page-hero::after,body .mkm-trust::before{display:none}body .section,body .hero,body .page-hero{background:#fff;padding:16px 0}body .calendar-shell{box-shadow:none;border:0;padding:0}}