/*
Theme Name: Potefeuille
Theme URI: https://potefeuille.preview.hlp.studio
Author: HLP Studio / VivalDIA
Description: Boutique joyeuse d'accessoires pour plantes.
Version: 0.1.0
Text Domain: potefeuille
*/
@import url('https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--dark:#1b3b17;--green:#1f7a4d;--lime:#b9d83b;--cream:#fff2d8;--coral:#f36a4f;--brown:#9c5a3a;--white:#fffdf8;--ink:#172a15;--line:rgba(27,59,23,.18);--round:32px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}body:has(.cart.open){overflow:hidden}img{display:block;max-width:100%;height:auto}button,input{font:inherit}button,a{cursor:pointer}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:99}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.preview{background:var(--dark);color:var(--cream);padding:7px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.18em}header{background:rgba(255,242,216,.94);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.head{height:88px;display:flex;align-items:center;gap:28px}.logo{width:185px;flex:none}.logo img{width:100%;height:60px;object-fit:contain;mix-blend-mode:multiply}.head nav{display:flex;gap:28px;margin-left:auto}.head nav a{color:var(--dark);text-decoration:none;font-weight:700;font-size:14px}.cart-open{border:0;border-radius:99px;background:var(--coral);color:#fff;padding:13px 18px;font-weight:700}.cart-open b{display:inline-grid;place-items:center;background:var(--dark);width:24px;height:24px;border-radius:50%;margin-left:7px}.menu{display:none;border:0;background:none;font-weight:700}.hero{position:relative;min-height:710px;padding:75px 0 0;background:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:58px;position:relative;z-index:2}.eyebrow{display:block;color:var(--green);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.17em;margin-bottom:16px}.hero h1,.section-head h2,.intro h2,.personal h2,.checkout h2,.newsletter h2,footer h2{font-family:'Cherry Bomb One',cursive;font-weight:400;line-height:.88;margin:0;color:var(--dark)}.hero h1{font-size:clamp(4.6rem,8vw,7.8rem);letter-spacing:-.025em}.hero h1 em{font-style:normal;color:var(--coral)}.hero-copy>p{max-width:580px;font-size:19px;line-height:1.65;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:99px;text-decoration:none;border:0;font-weight:800}.btn.primary{background:var(--dark);color:#fff}.btn.ghost{border:2px solid var(--dark);color:var(--dark)}.btn.coral{background:var(--coral);color:#fff}.promise{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;font-size:12px;font-weight:800;color:var(--green)}.hero-visual{position:relative}.hero-visual img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:48% 52% 44% 56%/54% 38% 62% 46%;box-shadow:16px 18px 0 var(--lime)}.sun{position:absolute;right:-26px;top:-36px;width:128px;height:128px;display:grid;place-items:center;text-align:center;font-family:'Cherry Bomb One';font-size:19px;line-height:1.05;background:var(--coral);color:#fff;border-radius:45% 55% 58% 42%;z-index:3;transform:rotate(8deg)}.concept{position:absolute;bottom:12px;left:24px;background:#fff;padding:7px 12px;border-radius:99px;font-size:10px;font-weight:700}.blob{position:absolute;border-radius:50%;filter:blur(1px)}.blob-one{width:330px;height:260px;background:var(--lime);opacity:.22;left:-100px;top:90px;transform:rotate(22deg)}.blob-two{width:250px;height:180px;background:var(--coral);opacity:.13;right:35%;bottom:35px}.marquee{margin-top:70px;background:var(--lime);color:var(--dark);padding:16px 0;overflow:hidden;white-space:nowrap;transform:rotate(-1deg);width:102%;margin-left:-1%}.marquee span{font-family:'Cherry Bomb One';font-size:20px;word-spacing:15px}.intro{padding:115px 0;background:var(--white)}.intro-grid{display:grid;grid-template-columns:180px 1.15fr .7fr;gap:50px;align-items:center}.heart-mark{font-family:'Cherry Bomb One';font-size:140px;line-height:1;color:var(--dark);position:relative}.heart-mark i{position:absolute;width:40px;height:58px;background:var(--lime);border-radius:100% 0 100% 0;right:25px;bottom:20px}.intro h2,.personal h2{font-size:clamp(3.5rem,6vw,6rem)}.intro p,.personal p{font-size:18px;line-height:1.7}.shop{padding:105px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2,.checkout h2,.newsletter h2,footer h2{font-size:clamp(3.2rem,5vw,5.4rem)}.section-head>p{max-width:390px;color:#596a57}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters button{padding:10px 16px;border-radius:99px;background:transparent;border:1px solid var(--dark);color:var(--dark);font-weight:700}.filters button.active{background:var(--dark);color:#fff}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{background:var(--white);border-radius:24px;overflow:hidden;border:1px solid var(--line);transition:.25s}.product:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(27,59,23,.12)}.product[hidden]{display:none}.product-img{position:relative;aspect-ratio:1;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:.5s}.product:hover img{transform:scale(1.04)}.product-img span{position:absolute;top:14px;left:14px;background:var(--lime);color:var(--dark);padding:7px 10px;border-radius:99px;font-size:10px;font-weight:800;text-transform:uppercase}.product-copy{padding:18px}.product-copy small{color:var(--green);font-weight:700}.product h3{font-family:'Cherry Bomb One';font-weight:400;font-size:25px;line-height:1;margin:9px 0 18px}.product-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-copy b{font-size:18px}.product-copy button{border:0;background:var(--dark);color:#fff;border-radius:99px;padding:10px 13px;font-weight:700;font-size:12px}.price-note{font-size:12px;color:#6f796d;margin-top:22px}.personal{padding:110px 0;background:var(--lime)}.personal-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.personal-img{position:relative}.personal-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:38% 62% 57% 43%/49% 38% 62% 51%;box-shadow:-14px 16px 0 var(--dark)}.personal-img span{position:absolute;right:-25px;bottom:30px;background:var(--coral);color:#fff;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;text-align:center;font-family:'Cherry Bomb One';transform:rotate(-10deg)}.personal-copy ul{padding:0;list-style:none;margin:25px 0}.personal-copy li{padding:12px 0;border-bottom:1px solid rgba(27,59,23,.3);font-weight:700}.personal-copy li:before{content:'✿';margin-right:12px}.personal-copy .btn{margin-top:10px}.personal-copy>small{display:block;margin-top:14px}.atelier{padding:110px 0;background:var(--dark);color:var(--cream)}.section-head.light h2,.section-head.light .eyebrow{color:var(--cream)}.section-head.light>p{color:#baccb5}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.values article{border:1px solid rgba(255,255,255,.18);border-radius:25px;padding:26px;min-height:240px}.values b{color:var(--lime)}.values h3{font-family:'Cherry Bomb One';font-size:34px;font-weight:400;margin:50px 0 12px}.values p{color:#cfdbc9;line-height:1.55}.checkout{padding:100px 0;background:var(--white)}.checkout-box{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--cream);border-radius:var(--round);padding:55px}.checkout-box>div>p{font-size:18px;line-height:1.6}.checkout form{display:grid;gap:15px}.checkout label{font-weight:700}.checkout input{display:block;width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:6px;background:#fff}.order-note{background:#fff3c5;padding:14px;border-radius:12px;font-size:13px;line-height:1.5}.newsletter{padding:90px 0;background:var(--coral);color:#fff}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.newsletter h2{color:#fff}.newsletter form{display:grid;grid-template-columns:1fr auto}.newsletter input{border:0;padding:17px;border-radius:99px 0 0 99px}.newsletter button{border:0;background:var(--dark);color:#fff;padding:17px 22px;border-radius:0 99px 99px 0;font-weight:800}.newsletter small{grid-column:1/-1;margin-top:9px}footer{background:var(--cream);padding:75px 0 24px}.footer-main{display:grid;grid-template-columns:220px 1fr auto;gap:60px;align-items:center}.footer-main img{mix-blend-mode:multiply}.footer-main a{color:var(--dark);font-weight:800}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:60px;display:flex;justify-content:space-between;gap:20px;font-size:11px}.shade{position:fixed;inset:0;background:rgba(10,25,9,.58);z-index:50}.cart{position:fixed;right:0;top:0;width:min(450px,100%);height:100dvh;background:var(--cream);z-index:60;display:flex;flex-direction:column;padding:28px;transform:translateX(105%);transition:.3s}.cart.open{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px}.cart-head small{font-weight:800;color:var(--green)}.cart-head h2{font-family:'Cherry Bomb One';font-size:42px;font-weight:400;margin:5px 0}.cart-head h2 span{display:inline-grid;place-items:center;background:var(--lime);border-radius:50%;font-family:'DM Sans';font-size:14px;width:30px;height:30px}.cart-head button{border:0;background:none;font-size:36px}.empty{margin:auto;text-align:center;color:#687665}.cart-items{overflow:auto}.cart-items article{display:grid;grid-template-columns:74px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.cart-items img{width:74px;height:74px;object-fit:cover;border-radius:14px}.cart-items article>div{display:grid;gap:4px}.cart-items article span{font-size:13px}.qty{display:flex!important;align-items:center;gap:10px}.qty button,.remove{border:1px solid var(--line);background:#fff;border-radius:50%;width:25px;height:25px}.remove{border:0;background:none;font-size:22px}.cart-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.cart-foot>div{display:flex;justify-content:space-between;font-size:18px}.cart-foot small{display:block;margin:8px 0 18px}.cart-foot .btn{width:100%}@media(max-width:950px){.head nav{display:none;position:absolute;left:0;right:0;top:88px;background:var(--cream);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.head nav.open{display:flex}.menu{display:block;order:2}.cart-open{margin-left:auto}.hero-grid,.personal-grid,.checkout-box,.news-grid{grid-template-columns:1fr}.hero{padding-top:50px}.hero-visual{max-width:650px}.intro-grid{grid-template-columns:140px 1fr}.intro-grid>p{grid-column:2}.products{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:160px 1fr}.footer-main>a{grid-column:2}.newsletter form{max-width:600px}}@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.preview{font-size:9px;letter-spacing:.08em}.head{height:72px;gap:10px}.logo{width:130px}.logo img{height:50px}.head nav{top:72px}.cart-open{font-size:0;padding:10px}.cart-open:before{content:'Panier';font-size:12px}.cart-open b{font-size:11px}.menu{font-size:12px}.hero{min-height:0}.hero-grid{gap:45px}.hero h1{font-size:clamp(4rem,19vw,6rem)}.hero-copy>p{font-size:16px}.promise{gap:10px}.sun{width:95px;height:95px;font-size:14px;right:-8px}.marquee{margin-top:45px}.intro,.shop,.personal,.atelier,.checkout{padding:75px 0}.intro-grid{grid-template-columns:1fr;gap:24px}.heart-mark{font-size:90px}.intro-grid>p{grid-column:1}.section-head{align-items:start;flex-direction:column}.section-head h2,.intro h2,.personal h2,.checkout h2,.newsletter h2,footer h2{font-size:clamp(3.2rem,14vw,4.8rem)}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:5px;margin-right:-14px}.filters button{white-space:nowrap}.products{grid-template-columns:1fr}.product h3{font-size:30px}.personal-grid{gap:55px}.personal-img span{right:-5px}.values{grid-template-columns:1fr}.values article{min-height:190px}.values h3{margin-top:32px}.checkout-box{padding:28px;gap:30px}.news-grid{gap:30px}.newsletter form{grid-template-columns:1fr}.newsletter input,.newsletter button{border-radius:99px}.newsletter button{margin-top:8px}.footer-main{grid-template-columns:1fr}.footer-main img{width:200px}.footer-main>a{grid-column:1}.footer-bottom{flex-direction:column}.cart{padding:20px}.cart-items article{grid-template-columns:64px 1fr auto}.cart-items img{width:64px;height:64px}}