@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}h1,h2,h3{font-family:Cormorant Garamond,serif}.page{color:#2c1a24;background:linear-gradient(135deg,#faf8f9 0%,#fcf3f7 50%,#f9f4f6 100%)}.navbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border-bottom:1px solid #c896c833;justify-content:space-between;align-items:center;padding:1rem 1.2rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.navbar--hidden{transform:translateY(-100%)}.navbar__brand{letter-spacing:.08em;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700}.navbar__nav{gap:2rem;display:flex}.navbar__nav a{color:#2c1a24;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.navbar__nav a:hover{color:#a76b8f}.hero-modern{margin-bottom:1rem;padding:3rem 1.2rem}.hero-modern__grid{grid-template-columns:1fr;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.hero-modern__visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-modern__bottle{justify-content:center;align-items:center;max-width:100%;max-height:520px;display:flex}.hero-modern__bottle img{filter:drop-shadow(0 30px 60px #96507840);max-width:100%;height:auto;animation:3.5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-modern__badge{text-transform:uppercase;letter-spacing:.1em;color:#964b78;background:#fff;border:2px solid #c8a0c0;border-radius:999px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:20px;right:10%}.hero-modern__content{text-align:center}.hero-modern__tag{text-transform:uppercase;letter-spacing:.15em;color:#964b78;margin-bottom:.8rem;font-size:.8rem;font-weight:700;display:inline-block}.hero-modern__content h1{letter-spacing:.1em;margin:0;font-size:clamp(2.2rem,8vw,4rem);line-height:1.1}.hero-modern__by{text-transform:uppercase;letter-spacing:.12em;color:#6c5360;margin:.6rem 0 1.2rem;font-size:.95rem}.hero-modern__tagline{color:#5c4350;max-width:50ch;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.6}.hero-modern__specs{flex-wrap:wrap;justify-content:center;gap:2rem;margin:1.5rem 0 2rem;display:flex}.hero-modern__specs span{text-transform:uppercase;letter-spacing:.08em;color:#8b6b7f;font-size:.9rem;font-weight:600}.cta-primary{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(120deg,#5c2a42,#8b4a6b);border-radius:8px;padding:1rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 12px 28px #5c2a4240}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px #5c2a4259}.pricing{text-align:center;background:linear-gradient(135deg,#fff 0%,#fcf8fb 100%);border:1px solid #c8a0c84d;border-radius:1.2rem;width:min(92%,720px);margin:0 auto 1.2rem;padding:1.4rem;box-shadow:0 16px 40px #270d1a1a}.pricing__label{text-transform:uppercase;letter-spacing:.14em;color:#964b78;margin:0;font-size:.75rem;font-weight:700}.pricing__row{justify-content:center;align-items:baseline;gap:1.2rem;margin:.6rem 0;display:flex}.pricing__new{color:#2c1a24;font-size:clamp(2rem,7vw,3rem);font-weight:800}.pricing__old{color:#b8959b;font-size:1.25rem;text-decoration:line-through}.story{grid-template-columns:1fr;gap:1.2rem;width:min(94%,1100px);margin:1.6rem auto;display:grid}.story__image{background-image:linear-gradient(#96507814,#00000026),url(/noumidia-parfum/images/product-main.jpg);background-position:50%;background-size:cover;border-radius:1.2rem;min-height:480px;box-shadow:0 20px 50px #5c2a4226}.story__content{background:#fff;border:1px solid #c8a0c833;border-radius:1.2rem;padding:1.4rem}.story__content h2{color:#2c1a24;margin-top:0}.chips{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.chips span{color:#6c5360;text-transform:uppercase;letter-spacing:.05em;border:1.5px solid #c8a0c0;border-radius:999px;padding:.45rem .85rem;font-size:.85rem;font-weight:600}.notes{gap:1.2rem;width:min(94%,1100px);margin:1.4rem auto;display:grid}.note-card{color:#fff;text-transform:uppercase;letter-spacing:.08em;text-align:center;border-radius:1.2rem;align-content:center;justify-items:center;min-height:240px;padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 36px #5c2a4233}.note-card:before{content:"";z-index:1;background:linear-gradient(135deg,#00000059,#00000026);position:absolute;inset:0}.note-card h3,.note-card p{z-index:2;position:relative}.note-card h3{margin:0;font-size:1.8rem;font-weight:700}.note-card p{margin:.5rem 0 0;font-size:1.3rem}.note-card--floral{background:linear-gradient(#7f164240,#7f164240),url(/noumidia-parfum/images/flower.jpg) 50%/cover}.note-card--citrus{background:linear-gradient(#b464144d,#b464144d),url(/noumidia-parfum/images/orange.jpg) 50%/cover}.note-card--vanilla{background:linear-gradient(#3c1e0559,#3c1e0559),url(/noumidia-parfum/images/vanilla.jpg) 50%/cover}.order{background:#fff;border:1px solid #c8a0c833;border-radius:1.4rem;width:min(94%,900px);margin:2rem auto 3rem;box-shadow:0 24px 50px #270d1a1f}.order__head{border-bottom:1px solid #c8a0c81f;padding:1.6rem 1.6rem .8rem}.order__head h2{color:#2c1a24;margin:0}.order__form{gap:1rem;padding:1.6rem;display:grid}.order__form label{color:#5c4350;gap:.45rem;font-size:.95rem;font-weight:600;display:grid}.order__form input,.order__form select,.order__form textarea{color:#2c1a24;background:linear-gradient(135deg,#fff 0%,#fef8fb 100%);border:1.5px solid #d8c0cd;border-radius:.85rem;padding:.8rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.order__form input:focus,.order__form select:focus,.order__form textarea:focus{border-color:#964b78;outline:none;box-shadow:0 0 0 3px #964b781a}.order__form button{color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:linear-gradient(120deg,#5c2a42,#8b4a6b);border:0;border-radius:999px;padding:1rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 28px #5c2a4240}.order__form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px #5c2a4259}.order__form button:disabled{opacity:.65;cursor:not-allowed}.order__summary{background:#ffe8f180;border:1.5px solid #c8a0c0;border-radius:.95rem;gap:.65rem;padding:1rem;display:grid}.order__summary div{justify-content:space-between;font-size:.95rem;display:flex}.order__summary span:first-child{color:#8b6b7f}.order__summary strong{color:#5c2a42;font-weight:700}.form-feedback{text-align:center;border-radius:.7rem;margin:0;padding:.75rem;font-size:.95rem}.form-feedback.error{color:#9d2445;background:#9d244514}.form-feedback.ok{color:#0f7b4a;background:#0f7b4a14}.footer{background:linear-gradient(135deg,#fcf8fb 0%,#fff 100%);border-top:1px solid #c896c826;margin-top:3rem;padding:2.5rem 1.2rem}.footer__content{text-align:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.footer__main{gap:.8rem;display:grid}.footer__main p{color:#8b6b7f;margin:0;font-size:.9rem}.footer__nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.footer__nav a{color:#8b6b7f;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;text-decoration:none;transition:color .3s}.footer__nav a:hover{color:#5c2a42}.footer__socials{border-top:1px solid #c896c81a;border-bottom:1px solid #c896c81a;justify-content:center;gap:1.8rem;padding:1rem 0;display:flex}.footer__socials a{color:#5c2a42;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s,transform .2s}.footer__socials a:hover{color:#964b78;transform:translateY(-2px)}.footer__credit{padding-top:.5rem}.footer__credit p{color:#8b6b7f;margin:0;font-size:.85rem}.footer__credit a{color:#964b78;font-weight:600;text-decoration:none;transition:color .3s}.footer__credit a:hover{color:#5c2a42;text-decoration:underline}.reveal{animation:.7s ease-out both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width>=1000px){.hero-modern__grid{grid-template-columns:1.1fr .9fr;gap:3rem}.hero-modern__content{text-align:left}.hero-modern__specs{justify-content:flex-start}.story{grid-template-columns:1.15fr .85fr}.notes{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.navbar__nav{gap:1rem;font-size:.85rem}.hero-modern__badge{padding:.4rem .8rem;font-size:.7rem;top:10px;right:5%}.cta-primary{padding:.9rem 1.6rem;font-size:.9rem}.order__summary{font-size:.9rem}.footer__content{gap:1.2rem}.footer__nav{flex-direction:column;gap:.8rem}.footer__socials{flex-direction:column;gap:1rem}}
