{"product_id":"fauteuil-a-bascule-confort","title":"Fauteuil à Bascule Confort","description":"\u003cstyle\u003e\n  \/* ====== Couleurs tirées de la photo produit ====== *\/\n  .bq{\n    --bq-teal:#1B9DB5;       \/* titre de la photo *\/\n    --bq-teal-dark:#0D6E80;\n    --bq-orange:#F07A25;     \/* tissu du fauteuil *\/\n    --bq-orange-dark:#D95F0E;\n    --bq-cream:#FFF7EF;      \/* fond clair du salon *\/\n    --bq-sand:#FDE7D3;\n    --bq-ink:#1D2A30;        \/* structure noire *\/\n    --bq-red:#D7191F;        \/* badge offre *\/\n    --bq-yellow:#FFD21F;\n    max-width:780px;margin:0 auto;padding:10px;box-sizing:border-box;\n    font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;color:var(--bq-ink);\n  }\n  .bq *{box-sizing:border-box}\n\n  \/* ====== HERO ====== *\/\n  .bq-hero{\n    position:relative;overflow:hidden;text-align:center;\n    background:var(--bq-cream);border-radius:26px;padding:30px 16px 24px;\n    animation:bqUp .8s cubic-bezier(.2,.8,.2,1) both;\n  }\n  .bq-hero::before,.bq-hero::after{content:\"\";position:absolute;border-radius:50%;pointer-events:none}\n  .bq-hero::before{width:190px;height:190px;background:var(--bq-orange);opacity:.16;top:-70px;left:-60px;animation:bqDrift 8s ease-in-out infinite}\n  .bq-hero::after{width:150px;height:150px;background:var(--bq-teal);opacity:.14;bottom:-60px;right:-40px;animation:bqDrift 10s ease-in-out infinite reverse}\n  .bq-hero h1{\n    position:relative;margin:0 0 10px;font-size:clamp(28px,7.5vw,42px);line-height:1.1;font-weight:900;\n    background:linear-gradient(90deg,var(--bq-teal-dark),var(--bq-teal));\n    -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;\n  }\n  .bq-hero p.bq-hook{position:relative;margin:0;font-size:17px;font-weight:600;color:var(--bq-ink)}\n\n  \/* balancier : arc de fauteuil à bascule *\/\n  .bq-rocker{position:relative;width:150px;height:46px;margin:16px auto 0}\n  .bq-rocker svg{width:100%;height:100%;transform-origin:50% 0;animation:bqSwing 3s ease-in-out infinite}\n\n  \/* bandeau 3 points forts *\/\n  .bq-strip{\n    position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;\n    background:#fff;border-radius:18px;padding:16px 4px;box-shadow:0 8px 24px rgba(29,42,48,.08);\n  }\n  .bq-strip div{padding:0 8px;font-size:13.5px;font-weight:700;line-height:1.3;border-right:1px solid #E9E2DA}\n  .bq-strip div:last-child{border-right:0}\n  .bq-ico{\n    width:50px;height:50px;margin:0 auto 8px;border-radius:50%;border:2px solid var(--bq-teal);\n    display:flex;align-items:center;justify-content:center;font-size:24px;background:#F0FBFD;\n    animation:bqPop .6s cubic-bezier(.3,1.6,.5,1) both,bqBob 3.6s ease-in-out 1s infinite;\n  }\n  .bq-strip div:nth-child(1) .bq-ico{animation-delay:.4s,1s}\n  .bq-strip div:nth-child(2) .bq-ico{animation-delay:.55s,1.4s}\n  .bq-strip div:nth-child(3) .bq-ico{animation-delay:.7s,1.8s}\n\n  \/* ruban offre *\/\n  .bq-offer{\n    display:inline-block;margin-top:18px;position:relative;\n    background:linear-gradient(180deg,var(--bq-red) 0 62%,var(--bq-yellow) 62% 100%);\n    color:#fff;font-weight:900;font-size:15px;padding:7px 22px 9px;border-radius:12px 12px 12px 4px;\n    text-shadow:0 1px 0 rgba(0,0,0,.25);animation:bqBeat 1.8s ease-in-out infinite;\n  }\n  .bq-offer small{display:block;color:var(--bq-ink);font-size:12px;letter-spacing:.2px;text-shadow:none;margin-top:1px}\n\n  \/* ====== FEATURES ====== *\/\n  .bq-feat{margin-top:34px;display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center}\n  .bq-photo{position:relative;width:100%;max-width:460px;padding:0 0 14px 14px}\n  .bq-photo::before{\n    content:\"\";position:absolute;inset:14px 14px 0 0;border-radius:24px;background:var(--bq-orange);\n    transform:rotate(-2.5deg);transition:transform .5s ease;\n  }\n  .bq-photo img{position:relative;display:block;width:100%;height:auto;border-radius:22px;border:4px solid #fff;box-shadow:0 10px 26px rgba(29,42,48,.18)}\n  .bq-feat:hover .bq-photo::before{transform:rotate(2.5deg)}\n  .bq-feat.bq-alt .bq-photo::before{background:var(--bq-teal)}\n  .bq-copy h2{margin:0 0 8px;font-size:24px;font-weight:900;color:var(--bq-teal-dark)}\n  .bq-copy p{margin:0;font-size:16px;line-height:1.65;color:#38474D}\n  .bq-copy h2::after{\n    content:\"\";display:block;width:64px;height:5px;margin:8px auto 0;border-radius:5px;background:var(--bq-orange);\n    animation:bqWidth 2.6s ease-in-out infinite;\n  }\n\n  .bq-wide{margin-top:34px}\n  .bq-wide img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 12px 30px rgba(29,42,48,.16)}\n\n  @supports (animation-timeline:view()){\n    .bq-feat,.bq-wide,.bq-why,.bq-faq details{\n      animation:bqScroll linear both;animation-timeline:view();animation-range:entry 0% entry 40%;\n    }\n  }\n\n  \/* ====== POURQUOI ====== *\/\n  .bq-why{\n    margin-top:36px;border-radius:26px;padding:26px 18px;background:var(--bq-teal-dark);color:#fff;\n  }\n  .bq-why h2{margin:0 0 16px;text-align:center;font-size:23px;font-weight:900;color:#fff}\n  .bq-why ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n  .bq-why li{\n    display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.12);border-radius:14px;\n    padding:12px 14px;font-weight:600;font-size:16px;transition:transform .25s,background .25s;\n  }\n  .bq-why li::before{\n    content:\"✓\";flex:0 0 28px;height:28px;border-radius:50%;background:var(--bq-orange);color:#fff;font-weight:900;\n    display:flex;align-items:center;justify-content:center;\n  }\n  .bq-why li:hover{transform:translateX(6px);background:rgba(255,255,255,.2)}\n\n  \/* ====== CTA ====== *\/\n  .bq-cta{\n    margin-top:36px;text-align:center;padding:30px 18px;border-radius:26px;color:#fff;position:relative;overflow:hidden;\n    background:linear-gradient(135deg,var(--bq-orange),var(--bq-orange-dark));\n  }\n  .bq-cta p{margin:6px 0;font-size:16px;line-height:1.5;color:#fff;position:relative}\n  .bq-cta .bq-big{font-size:21px;font-weight:900}\n  .bq-btn{\n    position:relative;overflow:hidden;display:inline-block;margin-top:16px;\n    background:var(--bq-yellow);color:var(--bq-ink);font-weight:900;font-size:18px;\n    padding:15px 26px;border-radius:999px;box-shadow:0 6px 0 rgba(0,0,0,.18);\n    animation:bqPulse 2s ease-in-out infinite;\n  }\n  .bq-btn::after{\n    content:\"\";position:absolute;top:0;left:-60%;width:40%;height:100%;\n    background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);\n    transform:skewX(-20deg);animation:bqShine 3.2s ease-in-out infinite;\n  }\n\n  \/* ====== FAQ ====== *\/\n  .bq-faq{margin-top:36px}\n  .bq-faq h2{text-align:center;margin:0 0 16px;font-size:23px;font-weight:900;color:var(--bq-teal-dark)}\n  .bq-faq details{margin-bottom:10px;border-radius:16px;background:var(--bq-cream);border:2px solid var(--bq-sand);overflow:hidden;transition:border-color .25s,background .25s}\n  .bq-faq details[open]{background:#fff;border-color:var(--bq-teal)}\n  .bq-faq summary{\n    list-style:none;cursor:pointer;position:relative;padding:15px 50px 15px 16px;font-weight:800;font-size:16px;color:var(--bq-ink);\n  }\n  .bq-faq summary::-webkit-details-marker{display:none}\n  .bq-faq summary::after{\n    content:\"+\";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;\n    background:var(--bq-teal);color:#fff;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;\n    transition:transform .3s,background .3s;\n  }\n  .bq-faq details[open] summary::after{transform:translateY(-50%) rotate(135deg);background:var(--bq-orange)}\n  .bq-faq details p{margin:0;padding:0 16px 16px;font-size:15.5px;line-height:1.6;color:#38474D;animation:bqDrop .35s ease both}\n\n  \/* ====== KEYFRAMES ====== *\/\n  @keyframes bqUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n  @keyframes bqDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,16px)}}\n  @keyframes bqSwing{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}\n  @keyframes bqPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}\n  @keyframes bqBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}\n  @keyframes bqBeat{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.07) rotate(1deg)}}\n  @keyframes bqWidth{0%,100%{width:48px}50%{width:96px}}\n  @keyframes bqScroll{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}\n  @keyframes bqPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}\n  @keyframes bqShine{0%,55%{left:-60%}100%{left:130%}}\n  @keyframes bqDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}\n\n  @media (min-width:700px){\n    .bq-hero{padding:42px 30px 32px}\n    .bq-feat{flex-direction:row;text-align:left;gap:34px}\n    .bq-feat.bq-alt{flex-direction:row-reverse}\n    .bq-photo{flex:0 0 46%}\n    .bq-copy{flex:1}\n    .bq-copy h2::after{margin-left:0}\n    .bq-why ul{grid-template-columns:1fr 1fr}\n  }\n  @media (prefers-reduced-motion:reduce){\n    .bq *,.bq *::before,.bq *::after{animation:none!important;transition:none!important}\n  }\n\u003c\/style\u003e\n\u003csection class=\"bq\"\u003e\u003c!-- Hero --\u003e\n\u003cdiv class=\"bq-hero\"\u003e\n\u003ch1\u003eFauteuil à Bascule Confort\u003c\/h1\u003e\n\u003cp class=\"bq-hook\"\u003e🪑 Profitez de moments de détente à la maison.\u003c\/p\u003e\n\u003cdiv class=\"bq-rocker\"\u003e\u003csvg viewbox=\"0 0 150 46\" fill=\"none\"\u003e\n        \u003cpath d=\"M8 8 Q75 58 142 8\" stroke=\"#1D2A30\" stroke-width=\"7\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M8 8 Q75 58 142 8\" stroke=\"#F07A25\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-dasharray=\"1 9\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"bq-strip\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"bq-ico\"\u003e😴\u003c\/span\u003eIdéal repos sommeil\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"bq-ico\"\u003e🛋️\u003c\/span\u003eConfort \u0026amp; détente absolus\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"bq-ico\"\u003e🪑\u003c\/span\u003eBasculement relaxant doux\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bq-offer\"\u003eOFFRE LIMITÉE\u003csmall\u003e📦 Paiement à la livraison\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"bq-feat\"\u003e\n\u003cdiv class=\"bq-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0786\/3386\/1346\/files\/4_dd90ea87-ff2d-4a23-b305-f5855ac3d753.jpg?v=1791651323\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bq-copy\"\u003e\n\u003ch2\u003eConfort Agréable\u003c\/h2\u003e\n\u003cp\u003e✔️ Idéal pour se relaxer, lire, regarder la télévision ou simplement profiter d’un moment de repos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\u003cdiv class=\"bq-feat bq-alt\"\u003e\n\u003cdiv class=\"bq-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0786\/3386\/1346\/files\/5_56379b98-1930-4066-b13e-edb2d6108d6b.jpg?v=1791651323\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bq-copy\"\u003e\n\u003ch2\u003eMouvement Apaisant\u003c\/h2\u003e\n\u003cp\u003e✔️ La bascule douce procure une sensation de détente et de confort au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\u003cdiv class=\"bq-feat\"\u003e\n\u003cdiv class=\"bq-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0786\/3386\/1346\/files\/7_cd8bce9b-3f10-4764-ad47-9c7793b764b9.jpg?v=1791651323\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bq-copy\"\u003e\n\u003ch2\u003eDesign Moderne\u003c\/h2\u003e\n\u003cp\u003e✔️ Son style élégant apporte une touche décorative raffinée à votre intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Image large --\u003e\n\u003cdiv class=\"bq-wide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0786\/3386\/1346\/files\/9_71ab22e2-4d4b-4458-962d-143f718d9217.jpg?v=1791651323\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- Pourquoi choisir --\u003e\n\u003cdiv class=\"bq-why\"\u003e\n\u003ch2\u003ePourquoi Choisir Ce Fauteuil à Bascule ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eConfort idéal pour la détente quotidienne.\u003c\/li\u003e\n\u003cli\u003eMouvement doux et relaxant.\u003c\/li\u003e\n\u003cli\u003eDesign élégant et moderne.\u003c\/li\u003e\n\u003cli\u003eConvient à plusieurs pièces de la maison.\u003c\/li\u003e\n\u003cli\u003eInstallation rapide et pratique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"bq-cta\"\u003e\n\u003cp class=\"bq-big\"\u003e✨ Créez votre espace de détente idéal dès aujourd’hui !\u003c\/p\u003e\n\u003cp\u003e📦 Paiement à la livraison | 🚚 Livraison rapide partout au Maroc\u003c\/p\u003e\n\u003cspan class=\"bq-btn\"\u003e👉 Commandez votre fauteuil à bascule maintenant !\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"bq-faq\"\u003e\n\u003ch2\u003eQuestions Fréquemment Posées\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🏠 Où peut-on installer ce fauteuil ?\u003c\/summary\u003e\n\u003cp\u003eIl convient parfaitement au salon, à la chambre, au bureau ou à tout espace de détente.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🪑 Est-il confortable pour une utilisation quotidienne ?\u003c\/summary\u003e\n\u003cp\u003eOui, il est conçu pour offrir un confort agréable lors de vos moments de repos.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🔧 Le montage est-il compliqué ?\u003c\/summary\u003e\n\u003cp\u003eNon, l’installation est simple et rapide grâce à sa conception pratique.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🎁 Convient-il comme idée cadeau ?\u003c\/summary\u003e\n\u003cp\u003eOui, c’est une excellente idée cadeau pour les personnes qui aiment le confort et la détente.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"PrixChock","offers":[{"title":"Default Title","offer_id":67655514620130,"sku":"PRD1213","price":799.99,"currency_code":"MAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0786\/3386\/1346\/files\/1_ebac5110-5059-4fe7-a428-7cd47d64ba3c.jpg?v=1791651324","url":"https:\/\/prixchock.com\/products\/fauteuil-a-bascule-confort","provider":"PrixChock","version":"1.0","type":"link"}