/* WOERTHER - FEUILLE EVENEMENTIELLE / 23-30 NOVEMBRE 2026 */ /* =========================================================================== WOERTHER | Black Friday 2026 | Description produit 5,20 m CSS autonome, aucune regle hors de .bf26-product Rouge metallise + touches jaune WOERTHER. =========================================================================== */ .bf26-product { --bf26-red:#ed172a; --bf26-darkred:#7d0a18; --bf26-yellow:#ffd506; --bf26-ink:#171718; --bf26-muted:#5e6167; font-family:"Google Sans",Arial,Helvetica,sans-serif; color:#1a1b1f; font-size:16px; line-height:1.6; max-width:1100px; margin:0 auto; } .bf26-product,.bf26-product *{box-sizing:border-box} .bf26-product h2,.bf26-product h3,.bf26-product p {margin:0;padding:0} .bf26-product p{margin-bottom:12px} .bf26-product strong{font-weight:800} .bf26-product h2,.bf26-product h3{font-family:inherit;letter-spacing:-.025em} /* HERO : profondeur via trois gradients et contour lumineux */ .bf26-product .bf26-hero{ position:relative;isolation:isolate;overflow:hidden; padding:37px 35px 35px;margin:0 0 16px; border-radius:12px;color:white; background: radial-gradient(ellipse at 105% -25%,rgba(255,74,80,.39),transparent 56%), radial-gradient(ellipse at -15% 118%,rgba(139,0,24,.36),transparent 62%), linear-gradient(126deg,#202125 0%,#111115 56%,#280b14 100%); border:1px solid rgba(255,255,255,.07); border-top:5px solid #ff283c; box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 13px 30px rgba(15,13,19,.13); } .bf26-product .bf26-hero:before{ content:"";position:absolute;inset:0;pointer-events:none;z-index:-1; background:linear-gradient(118deg,transparent 47%,rgba(255,255,255,.045) 49%,transparent 57%); } .bf26-product .bf26-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 15px} .bf26-product .bf26-tag{ display:inline-block;background:linear-gradient(130deg,#fff16a 0%,#ffd506 45%,#ffaf00 100%); color:#181819;font-size:12px;font-weight:850;letter-spacing:.055em;text-transform:uppercase; padding:8px 12px;border-radius:5px; box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 13px rgba(0,0,0,.21) } .bf26-product .bf26-tag-date{ background:linear-gradient(115deg,#fd3e48 0%,#da1428 50%,#8d0d1c 100%);color:white; box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 13px rgba(0,0,0,.21) } /* Texte du HERO : contrastes renforces pour les styles du theme PrestaShop. Les deux paragraphes partagent une plaque noire degradee. */ .bf26-product .bf26-hero-heading{ color:#fff!important; font-size:clamp(25px,3vw,33px);line-height:1.18;font-weight:850;margin:0 0 13px; text-shadow:0 2px 10px rgba(0,0,0,.35); } .bf26-product .bf26-hero p.bf26-hero-lead, .bf26-product .bf26-hero p.bf26-hero-proof{ position:relative;z-index:1; background:linear-gradient(90deg,rgba(5,6,9,.82) 0%,rgba(9,9,12,.57) 68%,rgba(12,9,14,.18) 100%); border-left:3px solid rgba(255,213,6,.82); text-shadow:0 1px 3px rgba(0,0,0,.35); } .bf26-product .bf26-hero p.bf26-hero-lead{ color:#fff!important; font-size:18px;line-height:1.6; padding:14px 17px 5px;margin:0!important; border-radius:9px 9px 0 0; } .bf26-product .bf26-hero p.bf26-hero-lead strong{ color:#ffd506!important; } .bf26-product .bf26-hero p.bf26-hero-proof{ color:#f3f0f1!important; font-size:15px;line-height:1.55; padding:5px 17px 15px;margin:0!important; border-radius:0 0 9px 9px; } .bf26-product .bf26-hero p.bf26-hero-proof strong{ color:#fff!important; } /* OFFRES : rouge profond, relief, jaune solaire pour le cadeau */ .bf26-product .bf26-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 12px} .bf26-product .bf26-benefit{ position:relative;isolation:isolate;overflow:hidden; min-height:183px;padding:25px 23px 26px;border-radius:10px; box-shadow:0 9px 19px rgba(29,18,20,.1),inset 0 1px 0 rgba(255,255,255,.35); } .bf26-product .bf26-benefit:after{content:"";position:absolute;right:-18%;top:-58%;width:76%;height:165%;transform:rotate(30deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);pointer-events:none;z-index:-1} .bf26-product .bf26-benefit-yellow{ color:#171717; background:radial-gradient(ellipse at 12% 0%,#fff59e 0%,transparent 48%),linear-gradient(125deg,#ffdc28 0%,#ffd506 47%,#eda900 100%); border-bottom:5px solid #da1428; } .bf26-product .bf26-benefit-red{ color:#fff; background:radial-gradient(ellipse at 85% -12%,rgba(255,140,140,.63) 0%,transparent 42%),linear-gradient(133deg,#ff3543 0%,#dc1429 47%,#790919 100%); border-bottom:5px solid #430910; box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 25px rgba(144,0,28,.2); } .bf26-product .bf26-benefit-kicker{font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px} .bf26-product .bf26-benefit-title{font-size:clamp(21px,2.5vw,27px);line-height:1.19;font-weight:900;margin:0 0 8px;letter-spacing:-.02em} .bf26-product .bf26-benefit-yellow .bf26-benefit-title span{color:#b7081d} .bf26-product .bf26-benefit-text{font-size:15px;line-height:1.55;margin:0} .bf26-product .bf26-terms{font-size:13px;line-height:1.6;color:#616268;margin:0 0 28px} /* CORPS ET CHIFFRES */ .bf26-product .bf26-intro,.bf26-product .bf26-title{margin:0 0 13px} .bf26-product .bf26-overline{display:block;color:#a90c20;font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin:0 0 5px} .bf26-product .bf26-h3{font-size:clamp(21px,2.5vw,25px);line-height:1.3;font-weight:850;color:#19191d;margin:0 0 9px} .bf26-product .bf26-desc{color:#53555b;font-size:15px} .bf26-product .bf26-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 28px} .bf26-product .bf26-fact{padding:20px 9px;text-align:center;border-radius:7px;background:linear-gradient(145deg,#f9f9fa,#efeff0);border:1px solid #ededed} .bf26-product .bf26-fact-value{font-size:28px;line-height:1.2;font-weight:900;letter-spacing:-.035em} .bf26-product .bf26-fact-label{font-size:13px;line-height:1.3} .bf26-product .bf26-fact-dark{background:linear-gradient(120deg,#29292c,#101013);color:white;border-color:#333} .bf26-product .bf26-fact-dark .bf26-fact-value{color:var(--bf26-yellow)} .bf26-product .bf26-fact-yellow{background:linear-gradient(145deg,#ffea71,#ffd506 58%,#f7b900);border:1px solid #edc500;color:#171717} .bf26-product .bf26-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 29px} .bf26-product .bf26-feature{border-radius:8px;padding:22px;background:linear-gradient(160deg,#fbfbfc,#f1f1f2);border:1px solid #eaeaea;border-top:4px solid #171717} .bf26-product .bf26-feature-yellow{border-top-color:#ffd506} .bf26-product .bf26-feature-red{border-top-color:#e21a2b} .bf26-product .bf26-feature-heading{font-size:18px;line-height:1.3;font-weight:850;margin:0 0 8px} .bf26-product .bf26-feature p{font-size:15px;line-height:1.6;margin:0} /* DETAIL OFFRE + DATE */ .bf26-product .bf26-offer{ position:relative;overflow:hidden;margin:0 0 27px;padding:28px 30px;border-radius:10px;color:#fff; background:radial-gradient(ellipse at 110% 10%,rgba(237,23,42,.27),transparent 55%),linear-gradient(135deg,#242428 0%,#101013 100%); box-shadow:0 9px 24px rgba(0,0,0,.12); } .bf26-product .bf26-edition{display:inline-block;background:linear-gradient(125deg,#ffe963,#ffd506,#ecae00);font-size:12px;letter-spacing:.055em;text-transform:uppercase;font-weight:850;color:#171717;border-radius:5px;padding:7px 11px;margin:0 0 12px} .bf26-product .bf26-offer-heading{font-size:24px;line-height:1.25;font-weight:850;color:#fff;margin:0 0 12px} .bf26-product .bf26-offer p{color:#f2f0f0;margin:0 0 12px} .bf26-product .bf26-offer p strong{color:#ffe244} .bf26-product .bf26-deadline{ color:#fff;font-size:15px;line-height:1.5;border-left:4px solid #ff3d4a;border-radius:4px; background:linear-gradient(110deg,rgba(255,51,74,.18),rgba(255,255,255,.05));padding:13px 15px } /* TABLEAU TECHNIQUE */ .bf26-product .bf26-specs{overflow-x:auto;margin:0 0 28px;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid #ebebef} .bf26-product .bf26-table{border-collapse:collapse;border:0;width:100%;font-size:14px;line-height:1.45;margin:0} .bf26-product .bf26-table td{padding:11px 13px;border-bottom:2px solid #fff;text-align:left;vertical-align:top;background:#fafafa} .bf26-product .bf26-table td:first-child{width:42%;background:#f0f0f2;color:#202025} .bf26-product .bf26-table tr:last-child td{border-bottom:0} .bf26-product .bf26-table-bonus td,.bf26-product .bf26-table-bonus td:first-child{background:linear-gradient(145deg,#ffefa0,#ffda2e 100%);color:#161619} /* FIN : bandeau rouge metallise */ .bf26-product .bf26-end{overflow:hidden;border-radius:10px;margin:0 0 16px;background:radial-gradient(ellipse at 92% 10%,rgba(172,22,45,.25),transparent 52%),linear-gradient(125deg,#262328 0%,#101014 100%);box-shadow:0 10px 25px rgba(35,7,13,.11)} .bf26-product .bf26-end-date{ text-align:center;padding:11px 15px;font-size:12px;letter-spacing:.055em;text-transform:uppercase;font-weight:850;color:#fff; background:linear-gradient(105deg,#900918 0%,#f52d3d 42%,#c40c22 75%,#6c0714 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.25); } .bf26-product .bf26-end-content{text-align:center;color:white;padding:29px 28px 32px} .bf26-product .bf26-end-heading{font-size:clamp(22px,2.6vw,26px);line-height:1.28;font-weight:850;color:#fff;margin:0 0 11px} .bf26-product .bf26-end-copy{max-width:820px;margin:0 auto 16px;color:#ededf0} .bf26-product .bf26-end-pill{display:inline-block;background:linear-gradient(130deg,#fff099 0%,#ffd506 55%,#f0b000 100%);color:#181819;font-weight:900;letter-spacing:.04em;font-size:13px;line-height:1.35;border-radius:5px;padding:12px 18px;box-shadow:0 5px 18px rgba(0,0,0,.23)} @media(max-width:720px){ .bf26-product{font-size:15px} .bf26-product .bf26-hero{padding:28px 23px} .bf26-product .bf26-hero-heading{font-size:25px} .bf26-product .bf26-hero p.bf26-hero-lead{font-size:16px;padding:12px 13px 5px} .bf26-product .bf26-hero p.bf26-hero-proof{font-size:14px;padding:5px 13px 13px} .bf26-product .bf26-benefits{grid-template-columns:1fr} .bf26-product .bf26-benefit{min-height:unset;padding:22px} .bf26-product .bf26-facts{grid-template-columns:repeat(2,minmax(0,1fr))} .bf26-product .bf26-features{grid-template-columns:1fr} .bf26-product .bf26-feature{padding:19px} .bf26-product .bf26-offer{padding:24px 23px} .bf26-product .bf26-table{font-size:13px} .bf26-product .bf26-table td{padding:10px} .bf26-product .bf26-end-content{padding:25px 21px} } @media(prefers-reduced-motion:reduce){.bf26-product *{scroll-behavior:auto}} /* ==== PAGE CMS 88 BLACK FRIDAY ==== */ /* ====================================================================== WOERTHER - BLACK FRIDAY / CMS 88 Styles inclus dans ce fichier evenementiel independant. Toutes les regles restent cantonnees a #w88-black-friday. ====================================================================== */ #w88-black-friday, #w88-black-friday *{box-sizing:border-box} #w88-black-friday{--w88-red:#e42029;--w88-dark:#131315;--w88-muted:#696971;--w88-border:#e7e7e9;max-width:1280px;margin:0 auto 55px;color:#1b1b20;font-family:"Google Sans",Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55;overflow:hidden} #w88-black-friday a{text-decoration:none!important} #w88-black-friday p{margin:0 0 14px} #w88-black-friday h2,#w88-black-friday h3{padding:0;margin:0;line-height:1.12;font-family:inherit;letter-spacing:-.045em;font-weight:850} #w88-black-friday a:focus-visible{outline:3px solid #ffd94c;outline-offset:4px} /* HERO */ #w88-black-friday .w88-hero{position:relative;overflow:hidden;color:#fff;background:#121214;isolation:isolate;border-radius:14px 14px 0 0} #w88-black-friday .w88-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 81% 39%,rgba(214,8,27,.22),transparent 35%),repeating-linear-gradient(130deg,transparent 0 135px,rgba(255,255,255,.023) 136px 137px,transparent 138px 240px);z-index:-1} #w88-black-friday .w88-hero:after{content:"";position:absolute;width:420px;height:740px;background:linear-gradient(90deg,rgba(228,32,41,.1),rgba(228,32,41,.018));transform:rotate(21deg);right:9%;top:-35%;z-index:-1} #w88-black-friday .w88-hero-top,#w88-black-friday .w88-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4%;font-size:10px;font-weight:800;letter-spacing:.18em} #w88-black-friday .w88-hero-top{border-bottom:1px solid rgba(255,255,255,.15)} #w88-black-friday .w88-hero-top span:last-child{color:#ff7178} #w88-black-friday .w88-hero-bottom{border-top:1px solid rgba(255,255,255,.15);color:#aaa9ae} #w88-black-friday .w88-hero-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:510px} #w88-black-friday .w88-hero-copy{padding:55px 5% 56px 8%;position:relative;z-index:1} #w88-black-friday .w88-eyebrow{display:inline-flex;border-left:3px solid var(--w88-red);padding-left:12px;color:#dedee0;letter-spacing:.14em;font-weight:800;font-size:11px} #w88-black-friday .w88-hero-title{font-family:Impact,"Arial Black",Arial,sans-serif;line-height:.87;letter-spacing:-.034em;font-size:clamp(68px,9vw,134px);margin:25px 0 24px;color:#fff;font-weight:900} #w88-black-friday .w88-hero-title strong{font-weight:900;color:var(--w88-red)} #w88-black-friday .w88-hero-title strong span{color:#fff} #w88-black-friday .w88-hero-lead{font-size:clamp(20px,2.55vw,30px);line-height:1.22;font-weight:400;letter-spacing:-.025em;margin-bottom:13px} #w88-black-friday .w88-hero-lead strong{font-weight:850} #w88-black-friday .w88-hero-sub{max-width:525px;color:#babac0;font-size:14px;line-height:1.7;margin-bottom:26px} #w88-black-friday .w88-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap} #w88-black-friday .w88-btn{display:inline-flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:15px 20px;border-radius:5px;font-weight:900;font-size:11px;line-height:1.25;letter-spacing:.04em;transition:background .2s,color .2s,transform .2s;border:1px solid transparent} #w88-black-friday .w88-btn span{font-size:18px;font-weight:400;line-height:1} #w88-black-friday .w88-btn:hover{transform:translateY(-2px)} #w88-black-friday .w88-btn-red{background:var(--w88-red);color:#fff} #w88-black-friday .w88-btn-red:hover{background:#be1520;color:#fff} #w88-black-friday .w88-btn-outline{border-color:rgba(255,255,255,.55);color:#fff;background:transparent} #w88-black-friday .w88-btn-outline:hover{background:#fff;color:#141416} #w88-black-friday .w88-btn-light{color:#111;background:#fff} #w88-black-friday .w88-btn-light:hover{background:#eee;color:#111} #w88-black-friday .w88-hero-art{min-height:380px;margin:32px 32px 32px 0;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:27px 24px;color:#fff;background:linear-gradient(153deg,#ed2432,#a20b1b);transform:rotate(-3deg);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 70px rgba(0,0,0,.32)} #w88-black-friday .w88-hero-art:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.31);pointer-events:none} #w88-black-friday .w88-art-overline{font-size:10px;letter-spacing:.17em;font-weight:800} #w88-black-friday .w88-art-big{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(90px,12vw,188px);line-height:1;letter-spacing:-.065em;font-weight:900;transform:rotate(3deg);align-self:center;text-shadow:7px 10px 0 rgba(66,0,0,.25)} #w88-black-friday .w88-art-caption{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(21px,2.4vw,33px);line-height:1.05;letter-spacing:-.015em} #w88-black-friday .w88-art-caption strong{color:#111;display:block} #w88-black-friday .w88-art-footer{border-top:1px solid rgba(255,255,255,.4);padding-top:16px;font-size:10px;font-weight:900;letter-spacing:.06em} #w88-black-friday .w88-art-footer span{color:#241114} /* BANDEAU DE CONFIANCE */ #w88-black-friday .w88-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dfe0e2;border:1px solid #e2e2e4;border-top:0} #w88-black-friday .w88-proof>div{padding:23px 19px;background:#f6f6f7;text-align:center} #w88-black-friday .w88-proof strong{display:block;font-size:17px;font-weight:900;letter-spacing:-.02em;color:#151518;line-height:1.2;margin-bottom:5px} #w88-black-friday .w88-proof span{display:block;font-size:11px;line-height:1.35;color:#696971} /* EDITORIAL */ #w88-black-friday .w88-content{background:#fff} #w88-black-friday .w88-section-head{padding:80px 3% 34px;max-width:850px;scroll-margin-top:25px} #w88-black-friday .w88-section-head-compact{padding-top:82px} #w88-black-friday .w88-kicker{display:block;color:#c71a27;font-size:11px;letter-spacing:.14em;font-weight:900;margin-bottom:15px} #w88-black-friday .w88-section-head h2,#w88-black-friday .w88-trust h2,#w88-black-friday .w88-final h2{font-size:clamp(29px,4.25vw,52px)} #w88-black-friday h2 em{color:#c91c28;font-style:normal} #w88-black-friday .w88-section-head p{max-width:725px;margin:18px 0 0;color:#5d5e65;font-size:15px;line-height:1.75} /* CARTES FAMILLES */ #w88-black-friday .w88-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 3%} #w88-black-friday .w88-cat{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:338px;overflow:hidden;padding:26px 31px 24px;border-radius:10px;transition:transform .2s,box-shadow .2s} #w88-black-friday .w88-cat:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.12)} #w88-black-friday .w88-cat:before{content:"";position:absolute;right:-45px;top:70px;width:200px;height:200px;border:40px solid currentColor;border-radius:50%;opacity:.035;pointer-events:none} #w88-black-friday .w88-cat-dark{background:#17171a;color:#fff} #w88-black-friday .w88-cat-red{background:#d81d29;color:#fff} #w88-black-friday .w88-cat-light{background:#f0f0f1;color:#18181a} #w88-black-friday .w88-cat-cream{background:#f7f1ee;color:#18181a} #w88-black-friday .w88-cat-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;font-weight:900;letter-spacing:.14em} #w88-black-friday .w88-cat-arrow{font-size:25px;line-height:1;font-weight:400} #w88-black-friday .w88-cat-middle{display:block;margin:20px 0 18px} #w88-black-friday .w88-cat-number{display:block;margin-bottom:10px;font-family:Impact,"Arial Black",Arial,sans-serif;font-weight:900;font-size:53px;line-height:1;color:rgba(255,255,255,.22);letter-spacing:-.03em} #w88-black-friday .w88-cat-red .w88-cat-number{color:rgba(0,0,0,.24)} #w88-black-friday .w88-cat-number small{font-family:inherit;font-size:19px;letter-spacing:0} #w88-black-friday .w88-cat-mini{display:block;letter-spacing:.12em;font-size:10px;font-weight:900;margin:0 0 11px;color:#c8212d} #w88-black-friday .w88-cat-middle strong{display:block;font-size:clamp(27px,3vw,39px);letter-spacing:-.045em;font-weight:900;line-height:1.04} #w88-black-friday .w88-cat-description{display:block;font-size:13px;line-height:1.6;margin-top:12px;max-width:330px;opacity:.81} #w88-black-friday .w88-cat-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid currentColor;padding-top:16px;font-size:11px;letter-spacing:.065em;font-weight:900} #w88-black-friday .w88-cat-link span{font-size:19px;font-weight:400} /* INSERT ROUGE */ #w88-black-friday .w88-burst{margin:30px 3% 0;padding:29px 32px;display:grid;grid-template-columns:1.2fr 1.15fr auto;gap:27px;align-items:center;border-radius:9px;background:#19191c;color:#fff} #w88-black-friday .w88-burst-kicker{display:block;margin-bottom:7px;font-size:10px;color:#fa525c;letter-spacing:.12em;font-weight:900} #w88-black-friday .w88-burst strong{font-size:23px;line-height:1.1;letter-spacing:-.035em;font-weight:900;display:block} #w88-black-friday .w88-burst p{font-size:12px;line-height:1.65;color:#c3c3c8;margin:0} #w88-black-friday .w88-burst a{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;color:#fff;border-bottom:1px solid #e53e48;padding:10px 0;font-size:10px;font-weight:900} #w88-black-friday .w88-burst a span{font-size:18px} /* PACKS */ #w88-black-friday .w88-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 3%} #w88-black-friday .w88-pack{position:relative;border:1px solid #e5e5e7;border-radius:9px;padding:30px 27px 26px;min-height:263px;display:flex;flex-direction:column;background:#fbfbfb} #w88-black-friday .w88-pack-featured{background:#19191c;color:#fff;border-color:#19191c} #w88-black-friday .w88-pack-no{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:49px;line-height:1;letter-spacing:-.035em;color:#e21c27;margin-bottom:12px} #w88-black-friday .w88-pack-type{font-size:10px;letter-spacing:.14em;font-weight:900;color:#7c7c84;margin-bottom:11px} #w88-black-friday .w88-pack-featured .w88-pack-type{color:#a9a9ae} #w88-black-friday .w88-pack h3{font-size:26px;line-height:1.05;margin-bottom:14px} #w88-black-friday .w88-pack p{margin:auto 0 0;color:#6a6a72;font-size:12px;line-height:1.7;padding-top:8px} #w88-black-friday .w88-pack-featured p{color:#c3c3ca} #w88-black-friday .w88-pack-cta{margin:14px 3% 0;border:1px solid #e7e7e9;border-radius:8px;padding:19px 24px;display:flex;gap:18px;justify-content:space-between;align-items:center} #w88-black-friday .w88-pack-cta p{margin:0;font-size:12px;color:#64646c} #w88-black-friday .w88-pack-cta a{font-size:10px;letter-spacing:.06em;font-weight:900;color:#c71925;white-space:nowrap} #w88-black-friday .w88-pack-cta a span{margin-left:8px;font-size:17px} /* REASSURANCE */ #w88-black-friday .w88-trust{margin:90px 3% 0;background:#f4f4f5;border-radius:11px;padding:44px 5%;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center} #w88-black-friday .w88-trust .w88-trust-lead p{color:#67676e;margin:17px 0 0;font-size:13px;line-height:1.7;max-width:385px} #w88-black-friday .w88-trust-points>div{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #dedee0} #w88-black-friday .w88-trust-points>div:first-child{padding-top:0} #w88-black-friday .w88-trust-points>div:last-child{border-bottom:0;padding-bottom:0} #w88-black-friday .w88-trust-points>div>span{flex:0 0 29px;color:#c61a26;font-weight:900;font-size:12px} #w88-black-friday .w88-trust-points h3{font-size:15px;line-height:1.3;letter-spacing:-.02em;margin:0 0 5px} #w88-black-friday .w88-trust-points p{margin:0;color:#72727a;font-size:12px;line-height:1.6} /* GRAND CTA FINAL */ #w88-black-friday .w88-final{margin:35px 3% 0;border-radius:12px;padding:54px 6% 42px;background:linear-gradient(120deg,#d71c29,#a30b1b);position:relative;overflow:hidden;color:#fff} #w88-black-friday .w88-final:after{content:"BLACK";position:absolute;right:-25px;top:12px;font:900 135px/1 Impact,"Arial Black",Arial,sans-serif;letter-spacing:-.05em;opacity:.08;transform:rotate(-9deg);pointer-events:none} #w88-black-friday .w88-final>span{display:block;font-size:10px;letter-spacing:.17em;font-weight:900;margin-bottom:20px} #w88-black-friday .w88-final h2{font-size:clamp(33px,4.5vw,58px);position:relative;z-index:1} #w88-black-friday .w88-final h2 em{color:#1d1113} #w88-black-friday .w88-final p{max-width:490px;font-size:14px;line-height:1.7;margin:19px 0 24px;color:#ffeaec} #w88-black-friday .w88-final small{display:block;max-width:780px;margin-top:32px;font-size:10px;color:#ffdbde;line-height:1.6} /* FAQ ACCORDEON : questions depliables, boutons + et - (sans JS) */ #w88-black-friday .w88-faq{padding:76px 3% 45px} #w88-black-friday .w88-faq>h2{font-size:clamp(26px,3vw,37px);margin-bottom:26px} #w88-black-friday .w88-faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:1000px} #w88-black-friday .w88-faq-item{display:block;min-width:0;margin:0;padding:0;border:1px solid #e8e8ea;border-radius:9px;background:#fff;overflow:hidden} #w88-black-friday .w88-faq-item[open]{border-color:#edc3c7;background:#fffafa} #w88-black-friday .w88-faq-item>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;padding:19px 22px;cursor:pointer;font-size:15px;font-weight:800;line-height:1.45;color:#1b1b20;letter-spacing:-.015em} #w88-black-friday .w88-faq-item>summary::-webkit-details-marker{display:none} #w88-black-friday .w88-faq-item>summary::marker{content:""} #w88-black-friday .w88-faq-item>summary:hover{color:#c71925} #w88-black-friday .w88-faq-item>summary:focus-visible{outline:3px solid #d52230;outline-offset:-3px;border-radius:8px} #w88-black-friday .w88-faq-question{flex:1;min-width:0} #w88-black-friday .w88-faq-toggle{display:flex;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f6;color:#c71925;font-size:24px;font-weight:500;line-height:1;transition:background .15s ease,color .15s ease} #w88-black-friday .w88-faq-toggle::before{content:"+"} #w88-black-friday .w88-faq-item[open] .w88-faq-toggle{background:#d91d2a;color:#fff} #w88-black-friday .w88-faq-item[open] .w88-faq-toggle::before{content:"−"} #w88-black-friday .w88-faq-answer{padding:0 70px 22px 22px} #w88-black-friday .w88-faq-answer p{font-size:13px;line-height:1.75;color:#666671;margin:0} /* TABLETTES */ @media(max-width:980px){ #w88-black-friday .w88-hero-copy{padding:47px 4% 46px 6%} #w88-black-friday .w88-art-big{font-size:clamp(83px,14vw,132px)} #w88-black-friday .w88-hero-art{margin:45px 22px 45px 0;min-height:320px} #w88-black-friday .w88-burst{grid-template-columns:1fr 1.2fr} #w88-black-friday .w88-burst a{grid-column:1/-1;justify-self:start} #w88-black-friday .w88-trust{gap:25px} } /* MOBILES */ @media(max-width:680px){ #w88-black-friday{margin-bottom:30px} #w88-black-friday .w88-hero{border-radius:9px 9px 0 0} #w88-black-friday .w88-hero-top,#w88-black-friday .w88-hero-bottom{font-size:8px;letter-spacing:.08em;padding:13px 4%} #w88-black-friday .w88-hero-main{display:block;min-height:0} #w88-black-friday .w88-hero-copy{padding:37px 6% 25px} #w88-black-friday .w88-eyebrow{font-size:9px} #w88-black-friday .w88-hero-title{font-size:clamp(69px,15.5vw,110px);margin:22px 0} #w88-black-friday .w88-hero-lead{font-size:24px} #w88-black-friday .w88-hero-sub{font-size:13px} #w88-black-friday .w88-actions{display:flex;flex-direction:column;align-items:stretch} #w88-black-friday .w88-actions .w88-btn{width:100%;min-height:48px} #w88-black-friday .w88-hero-art{min-height:230px;max-height:250px;transform:rotate(-2deg);margin:12px 9% 33px;padding:18px 22px} #w88-black-friday .w88-art-big{font-size:104px} #w88-black-friday .w88-art-caption{font-size:18px} #w88-black-friday .w88-art-footer{font-size:8px;padding-top:9px} #w88-black-friday .w88-hero-bottom{display:none} #w88-black-friday .w88-proof{grid-template-columns:repeat(2,minmax(0,1fr))} #w88-black-friday .w88-proof>div{padding:17px 9px} #w88-black-friday .w88-proof strong{font-size:15px} #w88-black-friday .w88-section-head{padding:54px 5% 25px} #w88-black-friday .w88-section-head h2{font-size:34px} #w88-black-friday .w88-section-head p{font-size:13px} #w88-black-friday .w88-categories{grid-template-columns:1fr;gap:11px;padding:0 4%} #w88-black-friday .w88-cat{min-height:290px;padding:24px} #w88-black-friday .w88-cat-middle strong{font-size:34px} #w88-black-friday .w88-cat-number{font-size:48px} #w88-black-friday .w88-burst{display:block;margin:21px 4% 0;padding:26px} #w88-black-friday .w88-burst strong{font-size:22px} #w88-black-friday .w88-burst p{margin:14px 0 8px} #w88-black-friday .w88-packs{grid-template-columns:1fr;gap:11px;padding:0 4%} #w88-black-friday .w88-pack{min-height:0;padding:22px 24px} #w88-black-friday .w88-pack h3{font-size:25px} #w88-black-friday .w88-pack-cta{margin:12px 4% 0;padding:20px;display:block} #w88-black-friday .w88-pack-cta a{display:block;margin-top:14px} #w88-black-friday .w88-trust{display:block;margin:59px 4% 0;padding:31px 24px} #w88-black-friday .w88-trust h2{font-size:33px} #w88-black-friday .w88-trust-points{margin-top:25px} #w88-black-friday .w88-final{margin:24px 4% 0;padding:36px 25px 30px} #w88-black-friday .w88-final h2{font-size:35px} #w88-black-friday .w88-final:after{font-size:95px;top:90px} #w88-black-friday .w88-faq{padding:57px 4% 20px} #w88-black-friday .w88-faq-grid{grid-template-columns:1fr} #w88-black-friday .w88-faq-item>summary{padding:16px 15px;font-size:14px;gap:12px} #w88-black-friday .w88-faq-toggle{flex-basis:32px;width:32px;height:32px} #w88-black-friday .w88-faq-answer{padding:0 17px 18px} } @media(prefers-reduced-motion:reduce){#w88-black-friday .w88-cat,#w88-black-friday .w88-btn,#w88-black-friday .w88-faq-toggle{transition:none}} /* CMS 88 : relief rouge premium avec reflets, coordonne a la fiche produit. */ #w88-black-friday .w88-hero { background:radial-gradient(ellipse at 100% 0%,rgba(166,9,29,.25),transparent 55%),linear-gradient(125deg,#171719 0%,#101014 55%,#2b0b14 100%); } #w88-black-friday .w88-hero-art { background:radial-gradient(ellipse at 15% 0%,rgba(255,167,169,.42),transparent 47%),linear-gradient(138deg,#ff3d47 0%,#de162b 49%,#770919 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 20px 55px rgba(101,3,23,.31); } #w88-black-friday .w88-cat-red { background:radial-gradient(ellipse at 95% 0%,rgba(255,190,193,.3),transparent 45%),linear-gradient(135deg,#ff3a47,#d81930 50%,#7e081d); box-shadow:inset 0 1px 0 rgba(255,255,255,.22); } #w88-black-friday .w88-btn-red { background:linear-gradient(125deg,#f83b46,#df1128 58%,#a40a20); box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 5px 14px rgba(166,12,33,.19); } #w88-black-friday .w88-btn-red:hover { background:linear-gradient(125deg,#de192d,#b50c21); } #w88-black-friday .w88-final { background:radial-gradient(ellipse at 0% 0%,rgba(255,171,178,.3),transparent 49%),linear-gradient(129deg,#f22e3a 0%,#d60f26 52%,#7f081b 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 14px 33px rgba(142,14,36,.22); } #w88-black-friday .w88-faq-item[open] { border-color:#eabcc1;background:linear-gradient(135deg,#fff,#fff6f6); } #w88-black-friday .w88-faq-item[open] .w88-faq-toggle{ background:linear-gradient(145deg,#ff4d58,#c50922);box-shadow:0 2px 6px rgba(131,4,28,.2) } /* === CONTRASTES RENFORCES : blocs sombres du theme Concept6 / v4 === Evite que les regles globales des paragraphes PrestaShop remettent du texte noir sur les encarts fonces. Toutes les regles restent limitees a la description BF26 et n'affectent pas global.css. =================================================================== */ /* Hero, offre et bandeau de fin : texte courant toujours lisible */ body .bf26-product .bf26-hero p.bf26-hero-lead, body .bf26-product .bf26-hero p.bf26-hero-proof, body .bf26-product .bf26-offer p, body .bf26-product .bf26-end-content p.bf26-end-copy { color:#f7f7f9 !important; opacity:1 !important; text-shadow:0 1px 2px rgba(0,0,0,.3); } /* Mots commerciaux mis en avant sur le fond fonce */ body .bf26-product .bf26-hero p.bf26-hero-lead strong, body .bf26-product .bf26-offer p strong, body .bf26-product .bf26-end-content p.bf26-end-copy strong { color:#ffe04c !important; } body .bf26-product .bf26-hero p.bf26-hero-proof strong { color:#fff !important; } /* Titres sur fond sombre, independants des titres generiques du theme */ body .bf26-product .bf26-hero h2.bf26-hero-heading, body .bf26-product .bf26-offer h3.bf26-offer-heading, body .bf26-product .bf26-end-content h3.bf26-end-heading { color:#fff !important; } /* Alerte de date, sans perturbation des accents jaunes */ body .bf26-product .bf26-offer .bf26-deadline, body .bf26-product .bf26-offer .bf26-deadline strong, body .bf26-product .bf26-end .bf26-end-date { color:#fff !important; } /* Autres cartes foncees : la description peut etre reprise pour les autres hauteurs */ body .bf26-product .bf26-benefit-red, body .bf26-product .bf26-benefit-red .bf26-benefit-kicker, body .bf26-product .bf26-benefit-red .bf26-benefit-title, body .bf26-product .bf26-benefit-red p.bf26-benefit-text, body .bf26-product .bf26-fact-dark .bf26-fact-label { color:#fff !important; } body .bf26-product .bf26-fact-dark .bf26-fact-value { color:#ffd506 !important; } /* Le bloc cadeau reste jaune/noir pour conserver le contraste inverse */ body .bf26-product .bf26-benefit-yellow, body .bf26-product .bf26-benefit-yellow .bf26-benefit-kicker, body .bf26-product .bf26-benefit-yellow .bf26-benefit-title, body .bf26-product .bf26-benefit-yellow p.bf26-benefit-text, body .bf26-product .bf26-end .bf26-end-pill { color:#171717 !important; } body .bf26-product .bf26-benefit-yellow .bf26-benefit-title span { color:#b7081d !important; }