Frais d'expédition calculés à l'étape de paiement.
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;} body{background:#e5e7eb;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;} /* CARRÉ 800x800 style produit Shopify */ .card{ width:800px;height:800px; background:linear-gradient(145deg,#0f2419 0%,#1B3A2D 40%,#0a1a10 100%); border-radius:24px; overflow:hidden; position:relative; display:flex;flex-direction:column; align-items:center;justify-content:center; box-shadow:0 30px 80px rgba(0,0,0,.4); } /* BG glow */ .card::before{ content:'';position:absolute;inset:0; background: radial-gradient(ellipse 60% 50% at 50% 20%,rgba(150,191,72,.18) 0%,transparent 55%), radial-gradient(ellipse 50% 40% at 80% 80%,rgba(212,175,55,.12) 0%,transparent 55%), radial-gradient(ellipse 40% 40% at 20% 70%,rgba(232,82,122,.1) 0%,transparent 55%); } /* TOP ribbon */ .ribbon{ position:absolute;top:0;left:0;right:0; background:linear-gradient(90deg,#5E8E3E,#96BF48,#D4AF37,#96BF48,#5E8E3E); background-size:300% 100%; padding:12px;text-align:center; font-size:.8rem;font-weight:800;color:white; letter-spacing:3px;text-transform:uppercase; font-family:'Nunito',sans-serif; } /* BADGE débutant */ .badge-deb{ position:relative;z-index:1; background:#5E8E3E;color:white; font-family:'Nunito',sans-serif; font-size:.85rem;font-weight:800; letter-spacing:2px;text-transform:uppercase; padding:8px 24px;border-radius:30px; margin-bottom:18px;margin-top:50px; } /* photo circle */ .photo-circle{ width:180px;height:180px;border-radius:50%; overflow:hidden;border:5px solid rgba(150,191,72,.5); box-shadow:0 0 40px rgba(150,191,72,.25); position:relative;z-index:1; margin-bottom:18px; flex-shrink:0; } .photo-circle img{width:100%;height:100%;object-fit:cover;object-position:center top;} /* nickname */ .nickname{ font-family:'Caveat',cursive;font-size:1.6rem;font-weight:700; color:rgba(253,248,242,.8); position:relative;z-index:1; margin-bottom:6px; } .nickname span{color:#E8527A;} /* main title */ .main-title{ font-family:'Playfair Display',serif; text-align:center; position:relative;z-index:1; margin-bottom:6px; line-height:1.0; } .main-title .mt1{font-size:1.5rem;color:rgba(253,248,242,.75);display:block;} .main-title .mt2{font-size:4rem;color:#D4AF37;display:block;font-style:italic;font-weight:900;} .main-title .mt3{font-size:1.8rem;color:#96BF48;display:block;font-weight:700;} /* price */ .price-block{ position:relative;z-index:1; background:rgba(212,175,55,.12); border:2px solid rgba(212,175,55,.35); border-radius:16px; padding:14px 36px; text-align:center; margin:16px 0; } .price-block .pr{ font-family:'Playfair Display',serif; font-size:3.2rem;font-weight:900; color:#D4AF37;line-height:1; display:block; } .price-block .pl{ font-size:.72rem;text-transform:uppercase; letter-spacing:2px;color:rgba(253,248,242,.5); display:block;margin-top:3px; } /* features */ .feats{ position:relative;z-index:1; display:flex;flex-wrap:wrap; justify-content:center; gap:8px; padding:0 40px; margin-bottom:20px; } .feat{ background:rgba(150,191,72,.1); border:1px solid rgba(150,191,72,.25); border-radius:20px; padding:6px 14px; font-size:.7rem;color:rgba(253,248,242,.75); font-family:'Nunito',sans-serif;font-weight:700; display:flex;align-items:center;gap:5px; } /* CTA */ .cta{ position:relative;z-index:1; background:linear-gradient(135deg,#96BF48,#5E8E3E); color:white; font-family:'Nunito',sans-serif; font-size:1.1rem;font-weight:900; padding:16px 44px;border-radius:50px; letter-spacing:.5px; box-shadow:0 10px 32px rgba(94,142,62,.4); margin-bottom:16px; } /* url */ .url{ position:relative;z-index:1; font-family:'Caveat',cursive;font-size:1rem; color:rgba(212,175,55,.65); } /* bottom flowers deco */ .deco-b{ position:absolute;bottom:16px;left:0;right:0; display:flex;justify-content:center;gap:8px; font-size:1.3rem;z-index:1; opacity:.4; }