@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#15252b;--muted:#687879;--paper:#f7f8f4;--cream:#e9eee7;--forest:#173e38;--accent:#a5d4ac;--line:#dfe4dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.notice{background:#152b28;color:#e3efe7;text-align:center;padding:10px 20px;font-size:11px;letter-spacing:.08em}.notice span{color:#95b7a4;margin-left:12px}.header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}.logo{display:flex;align-items:center;gap:12px;font-family:Manrope;font-weight:800;font-size:21px;letter-spacing:-1px;line-height:1.1}.logo b{font-weight:400}.logo small{display:block;font-size:9px;font-weight:700;letter-spacing:.2em;margin-top:4px}.logo-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#20433d;color:white;font-size:22px;position:relative}.logo-mark span{font-size:10px;color:#a8d7b2;position:absolute;right:5px;top:5px}nav{display:flex;gap:36px;font-size:13px;color:#3c4a4b}nav a:hover{color:#41896c}.cart-button{border:1px solid #a9c0b0;background:white;border-radius:50px;padding:12px 16px;font-size:13px}.cart-button span{display:inline-grid;place-items:center;margin-left:9px;background:var(--forest);color:white;border-radius:50%;height:22px;min-width:22px;font-size:11px}.hero{display:grid;grid-template-columns:1fr 48%;min-height:570px;background:#eaf0e9;overflow:hidden}.hero-content{padding:92px 4% 45px 12%;position:relative;z-index:1}.eyebrow,.kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#427b68}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#59a77a;margin-right:10px}h1{font-size:clamp(38px,4.45vw,72px);line-height:1.1;letter-spacing:-.075em;margin:28px 0}h1 em,h2 em{font-weight:400;font-style:normal;color:#5f9280}.hero-content>p{max-width:520px;color:#667673;line-height:1.8;font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 52px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 22px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid var(--forest)}.primary{background:#173b35;color:#fff}.primary:hover{background:#2a594d}.ghost{color:#26433d;background:transparent}.ghost:hover{background:#fff}.hero-bottom{display:flex;gap:35px;font-size:11px;color:#788982}.hero-bottom b{font-weight:800;color:#284a3e;margin-right:8px}.hero-art{background:#dce6db;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%;filter:blur(5px)}.orb1{width:450px;height:450px;background:#b9d3c0;top:-170px;right:-200px}.orb2{width:340px;height:340px;border:1px solid #bdd1c1;bottom:-130px;left:-140px}.hero-squares{display:flex;align-items:center;gap:0;transform:rotate(-8deg);position:relative;z-index:1;filter:drop-shadow(0 30px 24px #657d6770)}.tile{width:175px;height:245px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;font-family:Manrope}.tile span{font-size:8px;letter-spacing:.1em}.tile strong{font-size:19px;line-height:1.35;letter-spacing:-.04em}.t1{background:#274940;color:#e4efe6;transform:translate(13px,20px) rotate(-7deg);z-index:1}.t2{background:#e9cda7;color:#33443f;transform:translate(4px,-25px) rotate(8deg);z-index:2}.t3{background:#dce6e0;color:#34584e;transform:translate(-9px,30px) rotate(-4deg);z-index:3}.lines{height:65px;background:repeating-linear-gradient(0deg,transparent 0 8px,#b5d0bb 8px 9px);opacity:.65}.circles{font-size:40px;letter-spacing:-14px}.grain{font-size:85px;line-height:1}.art-label{position:absolute;bottom:25px;right:30px;font-size:9px;letter-spacing:.16em;color:#6b8573}.intro-strip{background:#173d36;color:#e2eddf;text-align:center;padding:20px 10px}.intro-strip p{margin:0;font-size:11px;letter-spacing:.2em}.intro-strip span{color:#90bd9c;padding:0 28px}.section{padding:100px 8%}.section-top{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:38px}.section h2,.vision h2{font-size:clamp(32px,3.3vw,52px);letter-spacing:-.06em;line-height:1.2;margin:14px 0 0}.section-top>p{max-width:400px;line-height:1.8;color:#76827d;font-size:14px}.tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line);padding:22px 0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #d7dfd6;padding:10px 16px;border-radius:50px;font-size:12px;color:#53645a}.filter.active,.filter:hover{background:#183c35;color:white;border-color:#183c35}.search{border:1px solid var(--line);border-radius:50px;display:flex;align-items:center;padding:10px 16px;color:#748c7e}.search span{font-size:24px;line-height:15px}.search input{background:transparent;border:0;outline:0;padding-left:12px;font-size:12px;width:200px;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.product-card{background:white;border:1px solid #e7ebe5;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px #213a2d14}.cover{height:225px;background:var(--cover);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cover:after{content:'';position:absolute;width:290px;height:290px;border:1px solid #ffffff88;transform:rotate(40deg);top:25px;right:-140px;border-radius:40px}.cover-card{width:135px;height:175px;padding:16px;background:#203c3a;color:white;box-shadow:15px 17px 20px #132b2750;transform:rotate(-8deg);display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}.cover-card small{font-size:8px;letter-spacing:.18em}.cover-card strong{font-size:16px;line-height:1.25;letter-spacing:-.04em;word-break:normal}.cover-card .mark{font-size:28px;color:#a7d1aa}.cover-software{width:195px;height:126px;background:#173c39;border:5px solid #293b3a;border-radius:9px;box-shadow:0 18px 25px #11292455;position:relative;transform:rotate(-5deg);padding:12px}.cover-software:after{content:'';position:absolute;left:45px;bottom:-17px;width:92px;height:10px;border-radius:4px;background:#354b4a}.cover-software .dots{color:#7bc698;font-size:10px}.cover-software .visual{display:flex;gap:7px;margin-top:14px}.cover-software .visual i{width:29px;height:53px;border-radius:4px;background:#47796b}.cover-software .visual i:nth-child(2){background:#b1d2a9;height:39px}.cover-software .visual i:nth-child(3){background:#85adad;height:46px}.cover-tag{position:absolute;top:14px;left:14px;font-size:9px;border-radius:40px;padding:7px 10px;background:#f7faf3e8;color:#2d483c;z-index:2}.cover.real-image{background:#f5f7f4}.cover.real-image:after{display:none}.cover.real-image img{width:100%;height:100%;object-fit:cover;display:block}.cover.real-image .cover-tag{background:#ffffffea}
.product-body{padding:20px;display:flex;flex:1;flex-direction:column}.product-meta{color:#789084;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:10px}.product-body h3{font-size:17px;letter-spacing:-.04em;margin:0 0 10px;line-height:1.35}.product-body p{color:#74827b;font-size:12px;line-height:1.65;margin-bottom:19px;flex:1}.product-end{display:flex;justify-content:space-between;align-items:center;gap:7px;border-top:1px solid #eef1ec;padding-top:15px}.price{font-family:Manrope;font-size:19px;font-weight:800}.price small{display:block;font-family:'DM Sans';font-weight:400;font-size:10px;color:#89948c;margin-top:3px}.add{border:0;background:#1e453d;border-radius:8px;color:white;padding:11px 13px;font-size:11px;font-weight:700}.add:disabled{background:#eff2ee;color:#78867e;cursor:not-allowed}.vision{background:#173d36;color:white;padding:87px 8%;display:grid;grid-template-columns:18% 1fr 175px;gap:30px;position:relative;overflow:hidden}.vision-label{color:#a0c7ad;font-size:10px;letter-spacing:.17em}.vision-label span{margin-left:10px}.vision h2{font-size:clamp(32px,3.5vw,54px)}.vision h2 em{color:#abcbb2}.vision p{max-width:610px;line-height:1.9;font-size:14px;color:#bdd0c5;margin:22px 0}.text-link{font-size:12px;border-bottom:1px solid #a6c4ac;padding-bottom:6px}.vision-signet{align-self:center;font-size:72px;line-height:1;letter-spacing:-.1em;font-weight:800;color:#aecdb6}.vision-signet small{display:block;font-size:10px;letter-spacing:.15em;line-height:2;margin-top:20px;color:#cfddcf}.faq{display:grid;grid-template-columns:40% 60%;gap:30px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-size:14px;font-weight:700;cursor:pointer}.faq-list p{margin:15px 0 0;color:#708078;line-height:1.7;font-size:13px}footer{background:#ebf0e9;padding:55px 8% 20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-bottom:55px}.footer-top>div{display:flex;flex-direction:column;align-items:start;gap:15px}.footer-top b{font-size:12px}.footer-top a:not(.logo),.footer-top p{font-size:12px;color:#67766d}.copyright{display:flex;justify-content:space-between;border-top:1px solid #d2ded2;padding-top:20px;font-size:10px;color:#7b8b7f}.overlay{position:fixed;inset:0;background:#0008;z-index:5}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(470px,100%);background:#fff;z-index:6;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0002}.drawer-head{padding:30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h3{font-size:25px;margin:8px 0 0}.drawer-head h3 span{font-size:14px;color:#90a090}.icon-button{border:0;background:#f1f4ef;border-radius:50%;height:35px;width:35px;font-size:25px}.cart-items{padding:24px 30px;overflow:auto;flex:1}.cart-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;gap:10px}.cart-line strong{font-size:13px}.cart-line small{display:block;color:#83908a;margin-top:7px}.remove{background:transparent;border:0;color:#b15e5e;font-size:13px}.drawer-bottom{padding:26px 30px;border-top:1px solid var(--line)}.total{display:flex;justify-content:space-between;font-size:17px}.disclaimer{font-size:11px;line-height:1.7;color:#87958d;margin:16px 0}.disclaimer a{text-decoration:underline}.checkout{width:100%;font-size:11px}.cart-error{font-size:12px;color:#b34f4f;margin:12px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#163d34;color:white;padding:14px 22px;border-radius:9px;z-index:8;font-size:12px}.legal-page{max-width:850px;margin:70px auto;padding:0 25px 80px}.legal-page h1{font-size:45px}.legal-page h2{margin-top:40px}.legal-page p,.legal-page li{line-height:1.8;color:#63746d}.alert{background:#fff1df;padding:20px;border:1px solid #e4d1ad;border-radius:10px}.thanks{max-width:760px;margin:100px auto;text-align:center;padding:20px}.thanks .check{height:70px;width:70px;background:#d7ead9;border-radius:50%;display:grid;place-items:center;font-size:32px;color:#377151;margin:0 auto 30px}.download-list{margin:35px 0;text-align:left}.download-row{background:white;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:20px;gap:20px;margin-bottom:10px}.download-row a{background:#21473d;padding:12px 17px;color:white;border-radius:7px;font-size:12px}.empty{color:#809087;font-size:14px;padding:20px 0}@media(max-width:1100px){.hero-content{padding-left:8%}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-squares{transform:scale(.8) rotate(-8deg)}}@media(max-width:750px){.header{padding:0 5%;height:76px}nav{display:none}.notice span{display:none}.hero{grid-template-columns:1fr}.hero-content{padding:55px 7% 40px}.hero-art{min-height:315px}.hero-squares{transform:scale(.7) rotate(-8deg)}.hero-bottom{gap:16px}.section{padding:65px 6%}.section-top{display:block}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cover{height:180px}.cover-card{transform:scale(.8) rotate(-8deg)}.product-body{padding:13px}.product-body h3{font-size:14px}.product-body p{font-size:11px}.product-end{flex-wrap:wrap}.vision{grid-template-columns:1fr;padding:65px 7%}.vision-signet{display:none}.faq{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:span 2}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}.intro-strip{display:none}}@media(max-width:400px){.product-grid{grid-template-columns:1fr}.cover{height:215px}.hero-bottom{flex-wrap:wrap}.search{width:100%}.search input{width:100%}}

.nov-contact{display:flex;flex-direction:column;gap:10px}.nov-contact strong{font-size:12px}.nov-contact a{font-size:14px;font-weight:700;color:#244b3e}.nov-contact small{max-width:230px;color:#65766c;font-size:10px;line-height:1.5}.nov-legal-contact{max-width:850px;margin:auto;padding:25px}

.product-end a.add{display:inline-block;text-align:center;text-decoration:none}

/* NOVELYSTIA R4 : couvertures officielles sur fond vert clair */
.cover.real-image { background:#e6f0e2; }
.cover.real-image img { object-fit:contain; padding:12px; }
.cover.real-image .cover-tag { z-index:1; }

/* NOVELYSTIA R4 — Couvertures originals et contact professionnel */
.cover.real-image{height:320px;background:#e6f0e2;}
.cover.real-image img{width:100%;height:100%;object-fit:contain;padding:10px;image-rendering:auto;}
.cover.real-image .cover-tag{z-index:2;}
.contact-devis{background:#e2efdf;padding:65px 6%;scroll-margin-top:25px;}
.contact-devis-inner{max-width:990px;margin:auto;border:1px solid #c5d7c1;background:#f8fbf6;padding:35px;border-radius:17px;}
.contact-devis h2{font-size:clamp(29px,3vw,46px);margin:12px 0 18px;}
.contact-devis p{line-height:1.6;color:#456251;}
.devis-produit{font-weight:700;color:#173d36!important;}
.devis-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0;}
.phone-main{display:inline-block;background:#173e38;color:white;padding:18px 25px;border-radius:10px;font-size:clamp(19px,2.5vw,30px);font-weight:800;letter-spacing:.02em;}
.phone-copy{padding:16px;border-radius:10px;border:1px solid #91b49e;background:white;color:#173e38;font-weight:700;}
.mail-pending{font-size:15px;overflow-wrap:anywhere;}
.mail-pending small{display:block;color:#68796d;font-size:12px;}
.contact-note{font-size:12px;}
.nov-contact a[href^="tel:"]{font-size:21px;color:#173e38;font-weight:800;}
@media(max-width:750px){.cover.real-image{height:245px}.contact-devis{padding:38px 5%}.contact-devis-inner{padding:25px 17px}.phone-main{width:100%;text-align:center}.footer-top{grid-template-columns:1fr}}