:root{--green:#123d32;--green2:#1d5747;--cream:#f8f5ee;--orange:#e69c32;--ink:#17221e;--muted:#69726d;--line:#deddd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px 'DM Sans',sans-serif}.header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,94px);background:#fffdf9;position:sticky;top:0;z-index:10;border-bottom:1px solid #ebe9e2}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.12em;text-decoration:none;color:var(--green);line-height:.9}.brand small{display:block;font-size:8px;letter-spacing:.33em;margin-top:5px}.brand-mark{display:grid;place-items:center;color:#fff;background:var(--orange);width:36px;height:36px;border-radius:50%;font-family:Georgia;font-size:24px;font-style:italic;letter-spacing:0}.nav{display:flex;gap:28px}.nav a{color:var(--ink);text-decoration:none;font-size:14px}.cart-button{border:0;background:var(--green);color:white;border-radius:24px;padding:11px 15px;font:600 14px inherit;cursor:pointer}.cart-button b{background:var(--orange);margin-left:5px;border-radius:10px;padding:1px 6px}.menu-toggle{display:none}.hero{min-height:585px;background:var(--green);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;padding:70px clamp(20px,10vw,155px);overflow:hidden}.hero-copy{align-self:center}.eyebrow{letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--orange);margin:0 0 13px}.hero h1,h2{font-family:'Playfair Display',Georgia,serif}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.06;margin:0 0 22px}.hero h1 em{color:#ffd78b}.intro{max-width:510px;line-height:1.7;color:#d9e1dc}.hero-actions{display:flex;gap:12px;margin:32px 0}.button{border:0;border-radius:4px;padding:14px 21px;font:700 13px 'DM Sans';text-decoration:none;cursor:pointer;display:inline-block;text-align:center}.primary{background:var(--orange);color:#17221e}.ghost{border:1px solid #8ba69c;color:#fff}.trust{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;color:#d4e2dc}.hero-art{position:relative;min-height:390px;background:radial-gradient(circle at 50% 50%,#f3c568 0 19%,#d68924 20% 26%,transparent 27%);display:grid;place-items:center}.hero-art:before{content:'';width:380px;height:380px;border:1px solid #668c7e;border-radius:50%;position:absolute}.plate{width:255px;height:255px;border:17px solid #eee8d9;background:#fcfaf3;border-radius:50%;z-index:1;display:flex;flex-wrap:wrap;padding:46px;gap:8px;align-content:center;justify-content:center;box-shadow:0 20px 30px #092a2190}.plate span{width:66px;height:66px;background:linear-gradient(135deg,#ffda80,#c66b14);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(2px 3px 1px #9e4b10)}.leaf{position:absolute;color:#edb648;font-size:42px}.leaf-one{top:40px;right:35px}.leaf-two{bottom:40px;left:30px}.hero-art p{position:absolute;bottom:10px;right:15px;font-family:'Playfair Display';font-size:18px;color:#d8e9df}.section{padding:85px clamp(20px,10vw,155px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-heading h2,.section h2,.location h2{font-size:clamp(30px,3.5vw,46px);margin:0}.section-heading>p{max-width:260px;color:var(--muted);line-height:1.5;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#fffdf9;border:1px solid #e9e6dd;border-radius:6px;overflow:hidden}.product-image{height:160px;display:grid;place-items:center;font-size:76px;background:linear-gradient(140deg,#e7d19c,#8b4f21)}.product-image.fish{background:linear-gradient(140deg,#cad6cb,#477361)}.product-image.veg{background:linear-gradient(140deg,#e6ce82,#719254)}.product-body{padding:20px}.product h3{margin:0;font-size:20px}.product p{font-size:13px;color:var(--muted);min-height:35px}.format-row{display:flex;gap:6px;margin:18px 0}.format{padding:8px 9px;border:1px solid var(--line);background:white;border-radius:3px;font:600 12px inherit;cursor:pointer}.format.active{background:var(--green);color:white;border-color:var(--green)}.price-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px}.price{font-weight:700;color:var(--green)}.add{background:none;border:0;color:var(--green);font-weight:700;cursor:pointer}.order-banner{background:#e9dac0;margin:0 clamp(20px,6vw,94px);padding:38px clamp(22px,5vw,80px);display:flex;justify-content:space-between;align-items:center}.order-banner h2{margin:0 0 8px;font-size:34px}.order-banner p:last-child{color:#625d53;margin:0}.delivery-icon{font-size:63px;position:relative;color:var(--green)}.delivery-icon span{font:700 13px 'DM Sans';position:absolute;top:16px;left:20px;color:var(--orange);line-height:.9}.delivery-icon small{font-size:8px}.centered{text-align:center}.steps>h2{text-align:center;margin-bottom:42px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step-grid article{border-top:2px solid var(--orange);padding-top:15px}.step-grid b{color:var(--orange);font-size:13px}.step-grid h3{margin:12px 0 7px;font-size:18px}.step-grid p{color:var(--muted);font-size:14px;margin:0}.professional{display:flex;justify-content:space-between;align-items:center;background:var(--green);color:#fff}.professional h2{font-size:38px}.professional p:last-child{color:#d0ddd7}.location{display:grid;grid-template-columns:1fr 1fr;background:#ede5d5}.map-art{min-height:400px;background:#d2ddd1;position:relative;overflow:hidden}.map-line{position:absolute;border:18px solid transparent;border-top-color:#f4f1e8;width:150%;height:80%;transform:rotate(-24deg);left:-30%;top:10%}.map-line.two{transform:rotate(64deg);top:-30%;left:-20%;border-top-color:#f9f6ee}.map-line.three{transform:rotate(4deg);top:40%;border-top-color:#f9f6ee}.pin{position:absolute;top:45%;left:52%;font-size:38px;color:#d04d35;text-shadow:0 2px #fff}.pin span{font:700 13px 'DM Sans';background:#fff;padding:7px 10px;border-radius:3px;position:absolute;left:27px;top:-8px;color:var(--ink);text-shadow:none;white-space:nowrap}.location-copy{padding:85px clamp(25px,7vw,110px);align-self:center}.location-copy p:not(.eyebrow){line-height:1.7;color:#5e635d}.text-link{display:inline-block;color:var(--green);font-weight:700;margin-top:12px}footer{background:#102e26;color:#d3e1db;padding:52px clamp(20px,10vw,155px);display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:30px}footer .brand{color:#fff}footer p{font-size:13px;line-height:1.8}footer h4{color:var(--orange);margin:0}.copyright{align-self:end}.cart-panel{position:fixed;z-index:30;right:0;top:0;width:min(420px,100%);height:100%;background:#fffdf9;transform:translateX(100%);transition:.25s;padding:25px;display:flex;flex-direction:column}.cart-panel.open{transform:translateX(0)}.panel-head,.dialog-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:16px}.panel-head h2,.dialog-head h2{margin:0;font-size:28px}.close{background:none;border:0;font-size:30px;line-height:1;cursor:pointer}.cart-items{flex:1;overflow:auto}.empty{color:var(--muted);text-align:center;margin-top:60px}.cart-item{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}.cart-item p{margin:5px 0;color:var(--muted);font-size:13px}.remove{border:0;background:none;color:#9a3d2c;cursor:pointer}.cart-total{padding:16px 0;display:flex;justify-content:space-between}.full{width:100%}.overlay{position:fixed;inset:0;background:#102e267a;z-index:20;opacity:0;visibility:hidden;transition:.2s}.overlay.show{opacity:1;visibility:visible}dialog{border:0;padding:0;background:#fffdf9;width:min(650px,calc(100% - 30px));max-height:90vh;overflow:auto;box-shadow:0 12px 40px #0005}dialog::backdrop{background:#102e267a}dialog form{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:13px;font-weight:700;display:block;margin-top:14px}input,select,textarea{width:100%;display:block;margin-top:6px;border:1px solid #d7d6d0;padding:11px;background:white;border-radius:3px;font:14px 'DM Sans'}textarea{min-height:90px}.radio{font-weight:400;display:inline-flex;align-items:center;margin-right:18px}.radio input{width:auto;margin:0 7px 0 0}fieldset{border:0;border-top:1px solid var(--line);padding:13px 0 0;margin:21px 0 0}legend{font-size:13px;font-weight:700}.hint,.demo-note{font-size:12px;color:var(--muted);line-height:1.5}.checkout-summary{background:#eff3ee;padding:15px;margin:20px 0;display:flex;justify-content:space-between;color:var(--green)}.confirmation{padding:36px;text-align:center}.success{display:grid;place-items:center;margin:auto auto 16px;background:#dbeedc;color:#276437;border-radius:50%;width:55px;height:55px;font-size:28px}.confirmation h2{margin:0}.invoice-preview{margin:20px 0;background:#f5f2eb;border:1px dashed #b5b4ad;padding:15px;text-align:left;font-size:13px;line-height:1.7}.invoice-preview strong{color:var(--green)} @media(max-width:760px){.header{height:65px;padding:0 18px;position:sticky}.nav{display:none}.nav.open{display:flex;position:absolute;top:64px;left:0;right:0;background:#fffdf9;border-top:1px solid #ebe9e2;border-bottom:1px solid #ebe9e2;box-shadow:0 12px 22px #102e261c;flex-direction:column;gap:0;padding:8px 18px}.nav.open a{padding:13px 0;border-bottom:1px solid #ebe9e2}.nav.open a:last-child{border-bottom:0}.menu-toggle{display:block;background:none;border:0;font-size:24px;cursor:pointer}.hero{grid-template-columns:1fr;padding:58px 22px 0}.hero-art{min-height:310px;margin-top:25px}.hero-art:before{width:290px;height:290px}.plate{transform:scale(.82)}.section{padding:58px 22px}.section-heading{display:block}.section-heading>p{margin-top:14px}.product-grid{grid-template-columns:1fr}.order-banner{margin:0 14px;padding:28px 22px}.order-banner h2{font-size:28px}.delivery-icon{display:none}.step-grid{grid-template-columns:1fr 1fr;gap:26px}.professional{display:block}.professional .button{margin-top:17px}.location{grid-template-columns:1fr}.map-art{min-height:275px}.location-copy{padding:50px 22px}footer{grid-template-columns:1fr 1fr;padding:42px 22px}.footer-brand{grid-column:span 2}.copyright{grid-column:span 2}.form-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:start}.cart-button{padding:9px 12px;font-size:12px}} .product-image{height:190px;overflow:hidden;background:#e8dfcf} .product-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease} .product:hover .product-image img{transform:scale(1.05)} .product h3{display:flex;align-items:center;gap:8px}.product-icon{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f3ead6;font-size:16px;flex:0 0 auto} .upcoming-product{opacity:.88}.upcoming-product .product-image{position:relative}.coming-label{position:absolute;top:12px;right:12px;background:var(--orange);color:#17221e;border-radius:16px;padding:6px 10px;font:700 11px 'DM Sans';text-transform:uppercase;letter-spacing:.06em}.coming-row{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.unavailable{border:1px solid #b9bbb5;background:#ecece7;color:#737873;border-radius:4px;padding:8px 10px;font:700 11px 'DM Sans';cursor:not-allowed} /* Photo principale : samoussas à la viande */ .hero-art{background:linear-gradient(90deg,#123d3288,#123d3218),url('assets/samoussa-viande-ameliore.png') center/cover no-repeat} .hero-art:before{border-color:#ffffff80} .hero-art .plate,.hero-art .leaf{display:none} .hero-art p{background:#123d32d9;padding:12px 16px;right:20px;bottom:18px} .language-toggle{border:1px solid #b8c7c0;background:#fffdf9;color:var(--green);border-radius:20px;padding:7px 10px;font:700 12px 'DM Sans';cursor:pointer;margin-left:auto;margin-right:12px} .mobile-menu-title{display:none} .about{display:grid;grid-template-columns:1fr 1fr;background:#f0eadf;min-height:420px}.about-image{min-height:420px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover}.about-copy{padding:72px clamp(28px,7vw,110px);align-self:center}.about-copy h2{font-size:clamp(31px,3.5vw,46px);margin:0 0 18px}.about-copy p:not(.eyebrow){color:#5e635d;line-height:1.7;max-width:510px} .sharing{margin:72px clamp(20px,6vw,94px);min-height:390px;position:relative;overflow:hidden;background:var(--green);display:grid;grid-template-columns:1.1fr .9fr}.sharing>img{width:100%;height:100%;min-height:390px;object-fit:cover}.sharing-copy{padding:54px clamp(28px,5vw,75px);color:#fff;align-self:center}.sharing-copy h2{font-size:clamp(31px,3.6vw,46px);line-height:1.12;margin:0 0 18px}.sharing-copy>p:not(.eyebrow){line-height:1.7;color:#d2e1da;margin-bottom:27px}.sharing-copy .button{margin-top:3px} .sales-map{background:#cbdccf}.map-city{position:absolute;top:24px;left:28px;font-weight:700;font-size:13px;letter-spacing:.2em;color:#315b4c}.sale-pin{position:absolute;border:0;background:#fffdf9;color:#183d32;box-shadow:0 3px 10px #183d3230;border-radius:3px;padding:7px 10px;font:700 12px 'DM Sans';cursor:pointer;z-index:2;transition:.2s}.sale-pin span{color:#d04d35;margin-right:5px;font-size:18px;vertical-align:-1px}.sale-pin:hover,.sale-pin.active{background:var(--green);color:#fff;transform:translateY(-2px)}.pin-mendong{left:42%;top:47%}.pin-biyem{left:15%;top:61%}.pin-accacia{left:55%;top:25%}.pin-manguier{right:7%;bottom:22%}.map-help{font-size:14px}.point-detail{background:#fffdf9;border-left:3px solid var(--orange);padding:12px 14px;margin:20px 0 12px;display:grid;gap:4px}.point-detail strong{color:var(--green)}.point-detail span{font-size:12px;color:var(--muted)}.point-list{display:flex;flex-wrap:wrap;gap:7px}.point-list button{border:1px solid #c9c7be;background:transparent;color:var(--green);border-radius:14px;padding:6px 9px;font:600 11px 'DM Sans';cursor:pointer}.point-list button.active{background:var(--green);color:white;border-color:var(--green)} .cameroon-shape{position:absolute;inset:42px 20% 25px 28%;background:#a9c7b5;clip-path:polygon(39% 0,62% 4%,73% 16%,65% 29%,78% 40%,70% 58%,85% 70%,70% 80%,67% 100%,48% 89%,42% 73%,25% 65%,31% 48%,15% 34%,28% 21%);opacity:.7}.country-city{position:absolute;z-index:1;color:#315b4c;font:600 11px 'DM Sans'}.country-city:before{content:'•';color:#315b4c;font-size:17px;vertical-align:-1px;margin-right:2px}.city-maroua{top:18%;left:46%}.city-garoua{top:30%;left:44%}.city-bamenda{top:48%;left:25%}.city-bafoussam{top:58%;left:31%}.city-douala{bottom:21%;left:25%}.city-kribi{bottom:11%;left:31%}.city-bertoua{top:49%;right:18%}.city-yaounde{bottom:27%;left:46%;color:#9b4a1f;font-weight:700}.city-yaounde:before{color:#d04d35}.map-caption{position:absolute;z-index:3;left:24px;bottom:16px;margin:0;padding:7px 9px;background:#fffdf9d9;color:#315b4c;font-size:11px;font-weight:600} .sales-map{min-height:470px}.city-yaounde{top:9%;bottom:auto;left:42%;font-size:13px}.pin-accacia{left:56%;top:25%}.pin-biyem{left:9%;top:48%}.pin-mendong{left:40%;top:54%}.pin-manguier{right:7%;bottom:23%}@media(max-width:760px){.sales-map{min-height:390px}.city-yaounde{top:8%;left:39%}.pin-accacia{left:51%;top:23%}.pin-biyem{left:4%;top:47%}.pin-mendong{left:34%;top:60%}.pin-manguier{right:3%;bottom:22%}.sale-pin{font-size:10px;padding:6px 7px}} .relief-map{background:linear-gradient(135deg,#b8d2c0,#dce9d7 52%,#a8c9b6);isolation:isolate}.terrain{position:absolute;border:1px solid #6ca18550;border-radius:50%;z-index:-1}.terrain-one{width:430px;height:220px;left:-90px;top:85px;box-shadow:0 0 0 24px #90b99b35,0 0 0 48px #90b99b22,0 0 0 72px #90b99b18}.terrain-two{width:260px;height:160px;right:-45px;top:42px;box-shadow:0 0 0 20px #7aa48a35,0 0 0 40px #7aa48a22}.terrain-three{width:330px;height:150px;right:50px;bottom:-80px;box-shadow:0 0 0 22px #7aa48a30,0 0 0 44px #7aa48a18}.district{position:absolute;z-index:1;color:#2a5b46;background:#edf5ecbb;border:1px solid #7ba78b55;border-radius:10px;padding:3px 6px;font:600 10px 'DM Sans';white-space:nowrap}.d-bastos{top:18%;left:34%}.d-mokolo{top:29%;left:19%}.d-elig{top:35%;left:39%}.d-ngoae{top:46%;left:29%}.d-obli{top:53%;left:48%}.d-etoudi{top:13%;right:12%}.d-emana{top:30%;right:8%}.d-melen{top:61%;left:19%}.d-nkolbisson{bottom:15%;left:8%}.d-nsimeyong{bottom:27%;left:42%}.d-odza{bottom:15%;right:28%}.d-mvan{bottom:31%;right:9%}.relief-map .city-yaounde{left:49%;top:8%}.relief-map .map-caption{background:#123d32e6;color:white} @media(max-width:760px){.district{font-size:8px;padding:2px 4px}.d-bastos{top:16%;left:30%}.d-mokolo{top:28%;left:14%}.d-elig{top:35%;left:35%}.d-ngoae{top:43%;left:24%}.d-obli{top:50%;left:48%}.d-etoudi{top:12%;right:7%}.d-emana{top:27%;right:4%}.d-melen{top:60%;left:13%}.d-nkolbisson{bottom:13%;left:5%}.d-nsimeyong{bottom:29%;left:40%}.d-odza{bottom:14%;right:25%}.d-mvan{bottom:34%;right:3%}} @media(min-width:761px){.nav{margin-left:clamp(40px,6vw,115px)}} @media(max-width:760px){.nav{margin-left:0}} @media(max-width:760px){.about{grid-template-columns:1fr}.about-image{min-height:260px}.about-copy{padding:50px 22px}} @media(max-width:760px){.sharing{margin:42px 14px;grid-template-columns:1fr}.sharing>img{min-height:250px}.sharing-copy{padding:36px 24px}} @media(max-width:760px){.nav.open .mobile-menu-title{display:block;color:var(--orange);font:700 11px 'DM Sans';letter-spacing:.16em;margin:8px 0 6px}.nav.open a{font-size:16px;font-weight:600}} @media(max-width:760px){.language-toggle{margin-left:auto;margin-right:8px}} .reviews{background:#fffdf9}.review-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:30px;align-items:start}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{border:1px solid #e7e2d8;border-radius:7px;padding:21px;background:#fff;min-height:200px;display:flex;flex-direction:column}.review-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.review-top span{color:var(--orange);letter-spacing:.04em;font-size:14px}.review-card p{line-height:1.65;font-size:14px;margin:18px 0;flex:1}.review-card small{color:var(--muted);font-size:12px}.review-form{border-radius:7px;background:#edf1e9;padding:24px}.review-form h3{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:26px}.review-form .button{margin-top:18px}.review-message{min-height:18px;margin:12px 0 0;color:#276437;font-size:13px;font-weight:600}.review-card.new-review{animation:appear .35s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @media(max-width:760px){.review-layout,.review-grid{grid-template-columns:1fr}.review-layout{gap:20px}.review-card{min-height:auto}} .date-selects{display:grid;grid-template-columns:.75fr 1.35fr 1fr;gap:8px;margin-top:6px}.date-selects select{margin-top:0}.date-selects input[type="hidden"]{display:none}@media(max-width:520px){.date-selects{grid-template-columns:.7fr 1.25fr 1fr;gap:6px}} /* Ajouts ciblés — quantité et contact */ .quantity-selector{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;margin:4px 0 14px} .quantity-selector button{width:34px;height:34px;border:0;background:#f5f2eb;color:var(--green);font:700 18px 'DM Sans';cursor:pointer} .quantity-selector input{width:48px;height:34px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;padding:0;text-align:center;margin:0;font-weight:700;color:var(--green);background:#fff} .quantity-selector input::-webkit-outer-spin-button,.quantity-selector input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .quantity-selector input[type=number]{-moz-appearance:textfield} .product-quantity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px} .product-quantity>span{font-size:12px;color:var(--muted);font-weight:600} .cart-item{align-items:center} .cart-item-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px} .cart-item .quantity-selector{margin:0} .cart-item .quantity-selector button{width:30px;height:30px;font-size:16px} .cart-item .quantity-selector input{width:42px;height:30px} .footer-contact-link{color:#fff!important;text-decoration:none} .footer-contact-link:hover{text-decoration:underline} /* ========================================================= CANAAN — RÉINTÉGRATION EXACTE DIASPORA + FOOTER DE RÉFÉRENCE ========================================================= */ .diaspora-gift{ background:#fbf8f1; padding:42px clamp(22px,5vw,74px) 58px; color:#083f35; } .diaspora-ornament{ display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 20px;max-width:300px;color:#e49018 } .diaspora-ornament span{height:2px;background:#df9a2f;flex:1} .diaspora-ornament b{font-size:13px} .diaspora-heading{text-align:center;max-width:980px;margin:0 auto 34px} .diaspora-heading h2{ margin:0 0 8px; font-family:"Playfair Display",serif; font-size:clamp(34px,5vw,58px); line-height:1.05; color:#064c3e; } .diaspora-heading p{margin:0 auto;max-width:900px;color:#454545;font-size:clamp(14px,1.6vw,19px);line-height:1.45} .diaspora-steps{ max-width:1100px;margin:0 auto 36px; display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center;gap:14px } .diaspora-steps article{text-align:center} .diaspora-step-icon{ width:112px;height:112px;border:1.5px solid #e6cb91;border-radius:50%; display:grid;place-items:center;margin:0 auto 12px; font-size:46px;color:#0b5849;background:#fffaf0;font-family:Arial,sans-serif } .diaspora-steps strong{font-size:15px;color:#104c40} .diaspora-arrow{font-size:38px;color:#c66f18;font-weight:400} .diaspora-card{ max-width:1180px;margin:0 auto;border-radius:20px;overflow:hidden; background:#064c3e;display:grid;grid-template-columns:1.02fr 1fr; box-shadow:0 1px 0 rgba(0,0,0,.03) } .diaspora-card-copy{padding:46px 46px 38px;color:#fff} .diaspora-card-copy h3{ margin:0 0 16px;font-family:"Playfair Display",serif; font-size:clamp(34px,4vw,52px);line-height:1.03;color:#fff } .diaspora-card-copy h3 em{font-style:normal;color:#f0a020} .diaspora-card-copy>p{font-size:17px;line-height:1.55;color:#f2f0e9;max-width:610px} .diaspora-benefits{ display:grid;grid-template-columns:repeat(3,1fr); margin:26px 0 30px;gap:14px } .diaspora-benefits span{ display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;line-height:1.25; padding-right:12px;border-right:1px solid rgba(255,255,255,.38) } .diaspora-benefits span:last-child{border-right:0} .diaspora-benefits b{ width:38px;height:38px;border:1px solid rgba(255,255,255,.75);border-radius:50%; display:grid;place-items:center;flex:0 0 38px;font-size:18px } .diaspora-order-button{ display:inline-flex;align-items:center;justify-content:space-between;gap:32px; min-width:285px;background:#ff920b;color:#fff!important;text-decoration:none; border-radius:32px;padding:16px 23px;font-size:16px;font-weight:700 } .diaspora-order-button span{font-size:27px;line-height:1} .diaspora-card-image{min-height:100%;background:#163f32} .diaspora-card-image img{width:100%;height:100%;display:block;object-fit:cover} .reference-footer{ background:#064c3e!important;color:#fff!important; padding:58px clamp(28px,6vw,86px) 28px!important;display:block!important } .reference-footer-grid{ max-width:1180px;margin:0 auto; display:grid;grid-template-columns:1.25fr 1.65fr .95fr .9fr 1fr; gap:42px;align-items:start } .reference-footer .brand{color:#fff!important} .reference-footer .brand-mark{background:#f6a21a!important;color:#fff!important} .reference-footer-brand p, .reference-footer-column p{margin:22px 0 0;color:#fff!important;font-size:15px;line-height:2} .reference-footer-column h4{ margin:4px 0 0!important;color:#e9a526!important;font-size:18px;font-weight:700 } .reference-footer-column a{color:#fff!important;text-decoration:none} .reference-payment-logos{display:flex;flex-direction:column;gap:7px;margin-top:20px;align-items:flex-start} .reference-payment-logos img{ display:block;width:106px;height:auto;max-height:48px;object-fit:contain; border-radius:4px } .reference-footer .copyright{ max-width:1180px;margin:42px auto 0;padding-top:20px; border-top:1px solid rgba(255,255,255,.18); text-align:center;color:#fff!important;font-size:13px } @media (max-width:900px){ .diaspora-gift{padding:20px 41px 56px} .diaspora-heading{margin-bottom:30px} .diaspora-heading h2{font-size:39px} .diaspora-heading p{font-size:14px} .diaspora-steps{ max-width:620px;grid-template-columns:1fr 52px 1fr; grid-template-areas: "s1 a1 s2" "s3 a2 s4"; row-gap:28px } .diaspora-steps article:nth-of-type(1){grid-area:s1} .diaspora-steps article:nth-of-type(2){grid-area:s2} .diaspora-steps article:nth-of-type(3){grid-area:s3} .diaspora-steps article:nth-of-type(4){grid-area:s4} .diaspora-steps .diaspora-arrow:nth-of-type(1){grid-area:a1} .diaspora-steps .diaspora-arrow:nth-of-type(2){display:none} .diaspora-steps .diaspora-arrow:nth-of-type(3){grid-area:a2} .diaspora-step-icon{width:98px;height:98px;font-size:39px} .diaspora-steps strong{font-size:13px} .diaspora-card{grid-template-columns:1fr} .diaspora-card-copy{padding:36px 40px 35px} .diaspora-card-copy h3{font-size:34px} .diaspora-card-copy>p{font-size:15px} .diaspora-benefits{grid-template-columns:repeat(3,1fr);gap:8px} .diaspora-benefits span{font-size:11px} .diaspora-card-image{height:375px} .diaspora-card-image img{object-position:center 52%} .reference-footer{padding:56px 46px 42px!important} .reference-footer-grid{ grid-template-columns:1.05fr 1.55fr .95fr; gap:34px 42px } .reference-footer-brand{grid-column:1} .reference-social{grid-column:1;grid-row:2} .reference-payments{grid-column:2;grid-row:2} .reference-footer-column p,.reference-footer-brand p{font-size:14px;line-height:2} .reference-footer-column h4{font-size:17px!important} .reference-payment-logos img{width:105px} } @media (max-width:560px){ .diaspora-gift{padding:24px 18px 42px} .diaspora-heading h2{font-size:31px} .diaspora-heading p{font-size:13px} .diaspora-steps{grid-template-columns:1fr 28px 1fr;gap:9px} .diaspora-step-icon{width:82px;height:82px;font-size:31px} .diaspora-steps strong{font-size:11px} .diaspora-arrow{font-size:28px} .diaspora-card-copy{padding:30px 24px} .diaspora-card-copy h3{font-size:30px} .diaspora-benefits{grid-template-columns:1fr;gap:12px} .diaspora-benefits span{border-right:0} .diaspora-order-button{min-width:0;width:100%} .diaspora-card-image{height:270px} .reference-footer{padding:42px 26px 32px!important} .reference-footer-grid{grid-template-columns:1fr;gap:30px} .reference-footer-brand,.reference-social,.reference-payments{grid-column:auto;grid-row:auto} } /* Logos de paiement : conserver strictement les proportions officielles */ .reference-payment-logos img{ width:106px; height:48px; object-fit:contain; object-position:left center; background:#fff; } /* Footer paiement approuvé : 3 badges locaux, alignés comme la référence */ .reference-payment-logos{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:20px; } .reference-payment-logos img{ display:block; width:106px; height:48px; object-fit:contain; object-position:left center; border-radius:5px; background:transparent; } /* ========================================================= FOOTER CANAAN — VERSION VALIDÉE : TOUT SUR UNE MÊME LIGNE ========================================================= */ .reference-footer{ background:#064c3e !important; color:#fff !important; padding:58px 44px 28px !important; } .reference-footer-grid{ width:100%; max-width:1500px; margin:0 auto; display:grid !important; grid-template-columns:1.25fr 1.75fr .95fr .9fr 1.75fr !important; gap:42px !important; align-items:start !important; } .reference-footer-brand, .reference-footer-column, .reference-social, .reference-payments{ grid-column:auto !important; grid-row:auto !important; min-width:0; } .reference-footer .brand{ display:flex; align-items:center; gap:12px; color:#fff !important; } .reference-footer .brand-mark{ background:#f6a21a !important; color:#fff !important; } .reference-footer-brand p, .reference-footer-column p{ margin:22px 0 0 !important; color:#fff !important; font-size:15px !important; line-height:2 !important; } .reference-footer-column h4{ margin:4px 0 0 !important; color:#e9a526 !important; font-size:18px !important; font-weight:700 !important; white-space:nowrap; } .reference-footer-column a{ color:#fff !important; text-decoration:none !important; } .reference-payment-logos{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:flex-start !important; gap:10px !important; margin-top:20px !important; width:max-content; } .reference-payment-logos img{ display:block !important; width:96px !important; height:46px !important; max-width:none !important; max-height:none !important; object-fit:contain !important; object-position:center !important; border-radius:5px !important; flex:0 0 96px !important; } .reference-footer .copyright{ max-width:1500px !important; margin:42px auto 0 !important; padding-top:20px !important; border-top:1px solid rgba(255,255,255,.30) !important; text-align:center !important; color:#fff !important; font-size:13px !important; } /* Tablettes : garder la structure lisible, puis empiler seulement si nécessaire. */ @media (max-width:1100px){ .reference-footer-grid{ grid-template-columns:1.1fr 1.55fr .85fr .8fr 1.55fr !important; gap:22px !important; } .reference-footer-column h4{font-size:15px !important} .reference-footer-brand p, .reference-footer-column p{font-size:12px !important} .reference-payment-logos{gap:6px !important} .reference-payment-logos img{ width:72px !important; height:38px !important; flex-basis:72px !important; } } @media (max-width:760px){ .reference-footer-grid{ grid-template-columns:1fr 1fr !important; gap:30px !important; } .reference-payments{grid-column:1 / -1 !important} .reference-payment-logos img{ width:92px !important; height:44px !important; flex-basis:92px !important; } } @media (max-width:520px){ .reference-footer{padding:42px 24px 28px !important} .reference-footer-grid{grid-template-columns:1fr !important} .reference-payment-logos{ width:100% !important; gap:7px !important; } .reference-payment-logos img{ width:88px !important; height:42px !important; flex-basis:88px !important; } } /* ========================================================= FOOTER CANAAN — VERSION PROPRE VALIDÉE ========================================================= */ .footer-clean{ background:#064c3e !important; color:#fff !important; padding:54px 34px 26px !important; display:block !important; overflow:hidden !important; } .footer-clean-grid{ width:min(100%, 1320px); margin:0 auto; display:grid !important; grid-template-columns: minmax(175px,1.05fr) minmax(285px,1.6fr) minmax(160px,.9fr) minmax(150px,.85fr) minmax(300px,1.5fr) !important; gap:clamp(22px,3vw,44px) !important; align-items:start !important; } .footer-clean-grid > *{ min-width:0 !important; } .footer-clean h4{ margin:0 0 22px !important; color:#f3aa20 !important; font-size:clamp(16px,1.35vw,21px) !important; line-height:1.2 !important; font-weight:700 !important; } .footer-clean-brand p{ margin:26px 0 0 !important; color:#fff !important; font-size:clamp(14px,1.1vw,17px) !important; line-height:1.8 !important; } .footer-clean-logo{ color:#fff !important; } .footer-clean-logo .brand-mark{ background:#f6a21a !important; color:#fff !important; } .footer-clean-col p{ margin:0 !important; color:#fff !important; } .footer-clean-line, .footer-social-line{ display:flex !important; align-items:center !important; gap:10px !important; margin:0 0 13px !important; font-size:clamp(13px,1.05vw,16px) !important; line-height:1.35 !important; } .footer-clean-line a, .footer-clean-col a{ color:#fff !important; text-decoration:none !important; overflow-wrap:anywhere !important; } .footer-clean-sub{ margin:0 0 0 31px !important; font-size:clamp(13px,1.05vw,16px) !important; } .footer-icon{ width:21px; flex:0 0 21px; display:inline-grid; place-items:center; font-size:18px; color:#fff; } .social-dot{ width:28px; height:28px; flex:0 0 28px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:700; font-size:16px; } .social-dot.fb{background:#1877f2} .social-dot.ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)} .social-dot.tk{background:#111} .footer-payment-row{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; gap:9px !important; margin-top:2px !important; width:100% !important; } .footer-payment-row img{ display:block !important; width:clamp(72px,7vw,96px) !important; height:44px !important; object-fit:contain !important; object-position:center !important; flex:0 1 auto !important; max-width:31% !important; border-radius:5px !important; } .footer-clean .copyright{ width:min(100%,1320px) !important; margin:46px auto 0 !important; padding-top:19px !important; border-top:1px solid rgba(255,255,255,.28) !important; text-align:center !important; color:#fff !important; font-size:13px !important; line-height:1.4 !important; } /* Large desktop/laptop */ @media (max-width:1200px){ .footer-clean-grid{ grid-template-columns: minmax(160px,.95fr) minmax(245px,1.45fr) minmax(145px,.82fr) minmax(135px,.78fr) minmax(250px,1.35fr) !important; gap:22px !important; } .footer-clean h4{font-size:16px !important} .footer-clean-line,.footer-social-line,.footer-clean-sub{font-size:13px !important} .footer-payment-row img{height:40px !important} } /* Tablet: two rows only when genuinely needed */ @media (max-width:980px){ .footer-clean-grid{ grid-template-columns:1fr 1.35fr 1fr !important; gap:34px 28px !important; } .footer-clean-social{grid-column:1} .footer-clean-payments{grid-column:2 / 4} .footer-payment-row{ justify-content:flex-start !important; } .footer-payment-row img{ width:92px !important; max-width:none !important; } } /* Mobile */ @media (max-width:620px){ .footer-clean{padding:42px 24px 25px !important} .footer-clean-grid{ grid-template-columns:1fr !important; gap:30px !important; } .footer-clean-social,.footer-clean-payments{ grid-column:auto !important; } .footer-clean h4{margin-bottom:16px !important} .footer-payment-row{ width:100% !important; gap:7px !important; } .footer-payment-row img{ width:86px !important; height:42px !important; max-width:31% !important; } .footer-clean .copyright{ margin-top:34px !important; } } /* ========================================================= AVIS CLIENTS — VERSION PLUS COMPACTE Réduction visuelle d'environ 30–40 % sans changer le style. ========================================================= */ .reviews{ padding-top:42px !important; padding-bottom:42px !important; } .reviews .section-heading{ margin-bottom:24px !important; } .reviews .section-heading h2{ font-size:clamp(28px,3.2vw,42px) !important; margin-bottom:8px !important; } .reviews .section-heading > p{ font-size:14px !important; line-height:1.5 !important; max-width:620px !important; } .review-layout{ gap:22px !important; } .review-grid{ gap:14px !important; } .review-card{ padding:18px !important; border-radius:16px !important; min-height:0 !important; } .review-card .review-top{ margin-bottom:10px !important; } .review-card strong{ font-size:15px !important; } .review-card .review-top span{ font-size:14px !important; } .review-card p{ font-size:13px !important; line-height:1.45 !important; margin:8px 0 10px !important; } .review-card small{ font-size:11px !important; } .review-form{ padding:20px !important; border-radius:16px !important; } .review-form .eyebrow{ margin-bottom:6px !important; } .review-form h3{ font-size:22px !important; margin-bottom:14px !important; } .review-form label{ font-size:12px !important; margin-bottom:10px !important; } .review-form input, .review-form select, .review-form textarea{ padding:10px 12px !important; font-size:13px !important; } .review-form textarea{ min-height:86px !important; } .review-form button{ padding:11px 16px !important; font-size:13px !important; } @media (max-width:760px){ .reviews{ padding-top:34px !important; padding-bottom:34px !important; } .review-layout{ gap:18px !important; } .review-card{ padding:16px !important; } } /* ========================================================= FOOTER — STRICTEMENT ALIGNÉ SUR LA CHARTE CANAAN DU SITE Utilise les variables existantes du site : --green / --cream / --orange ========================================================= */ .footer-clean{ background:var(--green) !important; color:var(--cream) !important; } .footer-clean .brand{ color:var(--cream) !important; } .footer-clean .brand-mark{ background:var(--orange) !important; color:#fff !important; } .footer-clean .brand small{ color:var(--cream) !important; } .footer-clean h4{ color:var(--orange) !important; } .footer-clean-brand p, .footer-clean-col p, .footer-clean-line, .footer-social-line, .footer-clean-line a, .footer-clean-col a, .footer-clean-sub{ color:var(--cream) !important; } .footer-clean .copyright{ color:var(--cream) !important; } .footer-clean{ border-top:0 !important; } .footer-clean-grid{ border-bottom:1px solid rgba(248,245,238,.32) !important; padding-bottom:30px !important; } .footer-clean .copyright{ margin-top:24px !important; text-align:center !important; opacity:.95 !important; } /* ========================================================= CORRECTION LOGOS DE PAIEMENT DU FOOTER Fichiers locaux propres, sans image distante. ========================================================= */ .footer-clean-payments{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:12px !important; flex-wrap:nowrap !important; } .footer-clean-payments img{ display:block !important; width:auto !important; height:50px !important; max-width:31% !important; object-fit:contain !important; object-position:center !important; border:0 !important; padding:0 !important; margin:0 !important; background:transparent !important; border-radius:0 !important; } @media (max-width:1200px){ .footer-clean-payments{ gap:8px !important; } .footer-clean-payments img{ height:44px !important; } } @media (max-width:980px){ .footer-clean-payments img{ max-width:none !important; height:48px !important; } } @media (max-width:620px){ .footer-clean-payments{ justify-content:flex-start !important; } .footer-clean-payments img{ height:44px !important; max-width:30% !important; } } /* Footer validé — visuel intégré tel quel */ .footer-approved-image{ width:100%; margin:0; padding:0; line-height:0; background:#0f5a46; overflow:hidden; } .footer-approved-image img{ display:block; width:100%; height:auto; margin:0; padding:0; border:0; } /* ========================================================= FOOTER — IMAGE VALIDÉE ADAPTÉE AU CADRE L'image reste inchangée et remplit toute la largeur. ========================================================= */ .footer-approved-image{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#0f5a46 !important; } .footer-approved-image img{ display:block !important; width:100% !important; max-width:none !important; height:auto !important; margin:0 !important; padding:0 !important; object-fit:fill !important; } /* ========================================================= CORRECTION DÉFINITIVE DU CADRE DU FOOTER Le footer global du site était encore en display:grid. On le neutralise uniquement pour le footer-image validé. ========================================================= */ footer.footer-approved-image{ display:block !important; grid-template-columns:none !important; grid-template-rows:none !important; gap:0 !important; column-gap:0 !important; row-gap:0 !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; overflow:hidden !important; } footer.footer-approved-image > img{ display:block !important; width:100% !important; max-width:100% !important; min-width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; border:0 !important; object-fit:fill !important; } /* Parcours cadeau PayPal */ .paypal-gift-fields{ margin:18px 0; padding:18px; border:1px solid rgba(230,156,50,.45); border-radius:16px; background:rgba(248,245,238,.72); } .paypal-gift-fields[hidden]{display:none !important;} .paypal-gift-head{margin-bottom:14px;} .paypal-gift-head h3{margin:2px 0 6px;color:var(--green);} .paypal-gift-head p{margin:0;color:#5f665f;font-size:13px;line-height:1.45;} .paypal-gift-fields textarea{min-height:82px;resize:vertical;} /* PayPal : formulaire bénéficiaire affiché directement dans la commande */ #paypalGiftFields{ margin-top:16px !important; padding:18px !important; border:1px solid rgba(230,156,50,.50) !important; border-radius:16px !important; background:#fbf8f1 !important; } #paypalGiftFields .paypal-gift-head h3{ color:var(--green) !important; margin:2px 0 6px !important; } #paypalGiftFields .eyebrow{ color:var(--orange) !important; font-weight:800 !important; letter-spacing:.08em !important; } /* Téléphone client international — sans modifier le parcours diaspora */ .phone-country-row{ display:grid; grid-template-columns:150px 1fr; gap:10px; align-items:center; } .phone-country-row select, .phone-country-row input{ width:100%; } @media (max-width:620px){ .phone-country-row{ grid-template-columns:120px 1fr; } } /* Parcours preuve de paiement MTN / Orange Money */ .mobile-money-instructions, .mobile-payment-proof{ margin:16px 0; padding:16px; border:1px solid rgba(230,156,50,.45); border-radius:14px; background:#fbf8f1; } .mobile-money-payline{ display:flex; justify-content:space-between; gap:16px; align-items:center; margin:8px 0; } .mobile-money-payline strong{color:var(--green);} .mobile-money-instructions p, .mobile-payment-proof p{font-size:13px;line-height:1.5;} .mobile-payment-proof h3{margin:4px 0 8px;color:var(--green);} .proof-actions{ display:flex; gap:10px; flex-wrap:wrap; margin:12px 0; } .proof-actions .disabled{ opacity:.45; pointer-events:none; cursor:not-allowed; } /* Paiements Mobile Money désactivés tant que les numéros CANAAN ne sont pas configurés */ .payment-unavailable{opacity:.52;cursor:not-allowed;} .payment-unavailable input{cursor:not-allowed;} /* Footer CANAAN — même contenu, harmonisé avec la charte du site */ .site-footer{ background:linear-gradient(135deg,var(--green) 0%,#0e3329 100%); color:#edf5f1; padding:54px clamp(20px,6vw,94px) 0; font-family:'DM Sans',sans-serif; } .site-footer-grid{ display:grid; grid-template-columns:1.25fr 1.7fr 1fr 1fr 1.45fr; gap:38px; align-items:start; } .site-footer .footer-brand{ color:#fff; display:inline-flex; } .site-footer .footer-brand .brand-mark{ width:46px; height:46px; font-size:29px; background:var(--orange); } .site-footer .footer-brand small{ color:#fff; } .site-footer-brand p{ margin:22px 0 0; color:#e2ece7; font-family:'Playfair Display',Georgia,serif; font-size:18px; line-height:1.55; } .site-footer-block h4{ margin:0 0 20px; color:var(--orange); font-family:'Playfair Display',Georgia,serif; font-size:18px; line-height:1.2; } .site-footer-block p{ margin:0 0 12px; display:flex; gap:10px; align-items:flex-start; color:#e2ece7; font-size:13px; line-height:1.55; } .site-footer-block a{ color:#edf5f1; text-decoration:none; transition:color .18s ease; } .site-footer-block a:hover{ color:#ffd78b; } .footer-icon{ width:22px; flex:0 0 22px; color:#fff; font-size:17px; line-height:1.3; text-align:center; } .social-badge{ width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; border-radius:7px; color:#fff; font-size:14px; font-weight:800; line-height:1; } .social-badge.facebook{background:#1877f2} .social-badge.instagram{background:linear-gradient(135deg,#feda75,#d62976,#4f5bd5)} .social-badge.tiktok{background:#101010} .footer-payment-logos{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; } .footer-payment-logos img{ display:block; width:auto; height:48px; max-width:105px; object-fit:contain; background:#fff; border-radius:8px; padding:5px; box-shadow:0 3px 10px rgba(0,0,0,.12); } .site-footer-bottom{ margin-top:42px; padding:22px 0 24px; border-top:1px solid rgba(255,255,255,.25); text-align:center; color:#dce8e2; font-size:12px; letter-spacing:.01em; } @media(max-width:1100px){ .site-footer-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } .footer-payments{ grid-column:span 2; } } @media(max-width:760px){ .site-footer{ padding:42px 22px 0; } .site-footer-grid{ grid-template-columns:1fr 1fr; gap:30px 24px; } .site-footer-brand, .footer-payments{ grid-column:1/-1; } .site-footer-brand p{ font-size:17px; } .footer-payment-logos img{ height:44px; } } /* Bandeau livraison à Yaoundé — photo intégrée */ .order-banner{ display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:stretch; padding:0; overflow:hidden; background:#e9dac0; } .order-banner-copy{ position:relative; display:flex; flex-direction:column; justify-content:center; min-height:340px; padding:clamp(42px,5vw,74px) clamp(30px,5vw,78px); } .order-banner-copy h2{ max-width:680px; } .order-banner-copy>p:last-of-type{ max-width:620px; line-height:1.6; } .order-banner-copy .delivery-icon{ margin-top:24px; width:72px; height:58px; } .order-banner-image{ min-height:340px; overflow:hidden; } .order-banner-image img{ display:block; width:100%; height:100%; min-height:340px; object-fit:cover; object-position:62% center; } @media(max-width:760px){ .order-banner{ grid-template-columns:1fr; margin-left:14px; margin-right:14px; } .order-banner-copy{ min-height:0; padding:34px 22px 30px; } .order-banner-copy .delivery-icon{ display:block; } .order-banner-image, .order-banner-image img{ min-height:245px; height:245px; } .order-banner-image img{ object-position:66% center; } } @media(max-width:520px){ .site-footer-grid{ grid-template-columns:1fr; } .site-footer-brand, .footer-payments{ grid-column:auto; } .site-footer-block h4{ margin-bottom:13px; } .site-footer-bottom{ margin-top:32px; } } /* ============================================================ Pied de page CANAAN — modèle de référence validé Même typographie que le site : aucun nouveau font-family ici. ============================================================ */ .canaan-footer-reference{ width:100%; background: linear-gradient(90deg, rgba(2,69,48,.98) 0%, rgba(0,96,65,.97) 50%, rgba(1,73,51,.99) 100%); color:#fff; font-family:inherit; margin:0; } .canaan-footer-reference *{ box-sizing:border-box; font-family:inherit; } .canaan-footer-reference__inner{ width:min(100%, 1920px); margin:0 auto; padding:66px clamp(34px,4.6vw,88px) 30px; } .canaan-footer-reference__top{ display:grid; grid-template-columns:minmax(235px,1.02fr) minmax(360px,1.55fr) minmax(240px,.92fr) minmax(220px,.88fr) minmax(370px,1.34fr); gap:clamp(34px,3.5vw,72px); align-items:start; } .canaan-footer-reference__brand{ min-width:0; } .canaan-footer-reference__brand-link{ color:#fff; display:inline-flex; align-items:center; gap:15px; text-decoration:none; } .canaan-footer-reference__brand-link .brand-mark{ width:58px; height:58px; border-radius:50%; font-size:36px; line-height:58px; flex:0 0 58px; } .canaan-footer-reference__brand-link > span:last-child{ font-size:29px; font-weight:800; letter-spacing:.08em; line-height:1; } .canaan-footer-reference__brand-link small{ display:block; margin-top:8px; font-size:13px; letter-spacing:.31em; color:#fff; } .canaan-footer-reference__brand p{ margin:35px 0 0; color:#fff; font-size:22px; line-height:1.75; font-weight:500; } .canaan-footer-reference__column h4{ margin:7px 0 31px; color:var(--orange); font-size:23px; line-height:1.2; font-weight:800; white-space:nowrap; } .canaan-footer-reference__line{ display:flex; align-items:flex-start; gap:17px; margin:0 0 19px; color:#fff; font-size:18px; line-height:1.52; min-width:0; } .canaan-footer-reference__line a{ color:#fff; text-decoration:none; overflow-wrap:anywhere; } .canaan-footer-reference__line a:hover{ text-decoration:underline; text-underline-offset:4px; } .canaan-footer-reference__icon{ flex:0 0 24px; width:24px; text-align:center; color:#fff; font-size:23px; line-height:1.25; } .canaan-footer-reference__pin{ font-size:18px; position:relative; color:#fff; } .canaan-footer-reference__social-line{ display:flex; align-items:center; gap:17px; margin:0 0 14px; color:#fff; font-size:18px; line-height:1.25; white-space:nowrap; } .canaan-social-badge{ width:38px; height:38px; border-radius:8px; display:grid; place-items:center; flex:0 0 38px; color:#fff; font-size:22px; font-weight:800; line-height:1; } .canaan-social-badge.facebook{ background:#1877f2; } .canaan-social-badge.instagram{ background:linear-gradient(135deg,#f9ce34 0%,#ee2a7b 48%,#6228d7 100%); } .canaan-social-badge.tiktok{ background:#060606; } .canaan-footer-reference__payments{ min-width:0; } .canaan-footer-reference__payment-row{ display:flex; align-items:center; justify-content:flex-start; gap:20px; flex-wrap:nowrap; } .canaan-footer-reference__payment-row img{ width:132px; height:88px; object-fit:contain; display:block; background:#fff; border-radius:9px; padding:7px; box-shadow:none; } .canaan-footer-reference__divider{ height:1px; background:rgba(255,255,255,.43); margin:60px 0 0; } .canaan-footer-reference__bottom{ padding:37px 0 10px; text-align:center; color:#fff; font-size:17px; line-height:1.4; font-weight:500; } /* Large desktop: keep the five columns airy */ @media (max-width:1500px){ .canaan-footer-reference__top{ grid-template-columns:minmax(220px,1fr) minmax(330px,1.45fr) minmax(220px,.9fr) minmax(200px,.82fr) minmax(320px,1.18fr); gap:32px; } .canaan-footer-reference__column h4{font-size:20px} .canaan-footer-reference__line, .canaan-footer-reference__social-line{font-size:16px} .canaan-footer-reference__payment-row img{ width:112px; height:76px; } } /* Tablet / small laptop */ @media (max-width:1180px){ .canaan-footer-reference__top{ grid-template-columns:1.05fr 1.55fr 1fr; row-gap:42px; } .canaan-footer-reference__social{ grid-column:2; } .canaan-footer-reference__payments{ grid-column:3; } .canaan-footer-reference__payment-row{ flex-wrap:wrap; } } /* Mobile */ @media (max-width:760px){ .canaan-footer-reference__inner{ padding:44px 24px 24px; } .canaan-footer-reference__top{ grid-template-columns:1fr; gap:34px; } .canaan-footer-reference__social, .canaan-footer-reference__payments{ grid-column:auto; } .canaan-footer-reference__column h4{ margin-bottom:20px; white-space:normal; font-size:20px; } .canaan-footer-reference__brand p{ margin-top:24px; font-size:19px; } .canaan-footer-reference__line, .canaan-footer-reference__social-line{ font-size:16px; } .canaan-footer-reference__payment-row{ gap:12px; flex-wrap:wrap; } .canaan-footer-reference__payment-row img{ width:105px; height:70px; } .canaan-footer-reference__divider{ margin-top:38px; } .canaan-footer-reference__bottom{ padding-top:26px; font-size:14px; } } /* ============================================================ Ajustement final du footer CANAAN pour l'intégration au site - Neutralise les anciennes règles globales de