:root{
  --ink:#1f2a24;--muted:#5b6a61;--paper:#faf8f2;--panel:#fff;
  --primary:#2f6b4f;--primary-dark:#204d39;--accent:#c96a2e;--line:#e4e0d3;
  --danger:#a23b2e;--radius:16px;--shadow:0 14px 34px rgba(31,42,36,.10);
}
*{box-sizing:border-box}
body,html{margin:0;padding:0}
body{font-family:'Segoe UI',Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
@media(min-width:1200px){.container{max-width:1220px}.section{padding:80px 0}}
.eyebrow{color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}
h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.18;margin:10px 0 14px;color:var(--primary-dark)}
h2{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2;margin:0 0 14px;color:var(--primary-dark)}
.lead{color:var(--muted);font-size:1.02rem;max-width:680px}
.center{text-align:center}
.section{padding:56px 0}
.section.alt{background:var(--panel)}
@media(max-width:520px){.section{padding:38px 0}.container{padding:0 16px}}

.header{background:var(--primary-dark);padding:12px 0}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.header img.logo{height:34px;width:auto;filter:brightness(0) invert(1)}
.header-nav{display:flex;gap:22px}
.header-nav a{color:#eaf3ee;font-size:.92rem;font-weight:600}
.header-nav a:hover{color:#fff}
@media(max-width:700px){.header-nav{display:none}}

.hero{padding:48px 0 40px;background-size:cover;background-position:center;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,rgba(250,248,242,.94) 42%,rgba(250,248,242,.55) 100%)}
.hero .container{position:relative;z-index:1}
@media(max-width:860px){.hero::before{background:linear-gradient(180deg,rgba(250,248,242,.7) 0%,var(--paper) 62%)}}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.hero-grid img{max-width:280px;margin:0 auto;filter:drop-shadow(0 20px 24px rgba(31,42,36,.18))}
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.badge{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:700;color:var(--primary-dark)}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-weight:800;font-size:1rem;padding:15px 28px;border-radius:12px;border:0;cursor:pointer;box-shadow:0 12px 24px rgba(201,106,46,.32);transition:.2s}
.cta-btn:hover{transform:translateY(-2px)}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-grid .hero-img{order:-1}}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:860px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid-3{grid-template-columns:1fr}}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card img{width:56px;height:56px;object-fit:contain;margin-bottom:12px}
.card h3{margin:0 0 6px;font-size:1.02rem;color:var(--primary-dark)}
.card p{margin:0;color:var(--muted);font-size:.92rem}

.symptom-card{text-align:center}
.symptom-photo{display:block;width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto 14px;border:3px solid var(--paper);box-shadow:0 6px 16px rgba(31,42,36,.14)}
.symptom-photo img{width:100%;height:100%;object-fit:cover;margin:0}
.symptom-card h3{font-size:.96rem;line-height:1.3}
@media(min-width:700px){.symptom-photo{width:120px;height:120px}}
@media(max-width:520px){
  .symptom-grid{gap:12px}
  .symptom-card{padding:14px 10px}
  .symptom-photo{width:76px;height:76px;margin-bottom:10px}
  .symptom-card h3{font-size:.84rem}
}

.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.list{display:grid;gap:10px;margin-top:18px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.check img{width:22px;height:22px;flex-shrink:0;margin-top:2px}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
@media(max-width:860px){.steps{grid-template-columns:1fr}}
.step{text-align:center}
.step img{width:64px;height:64px;object-fit:contain;margin:0 auto 12px}

.order-section{background:var(--primary-dark);padding:56px 0}
.order-box{background:#fff;border-radius:20px;max-width:640px;margin:0 auto;padding:32px 28px;box-shadow:0 24px 60px rgba(0,0,0,.28);position:relative}
.order-box .sale-tag{position:absolute;top:-14px;right:18px;background:var(--danger);color:#fff;font-weight:800;padding:8px 14px;border-radius:999px;font-size:.9rem}
.order-grid{display:flex;gap:24px;align-items:center}
.order-product{flex-shrink:0;width:160px}
.order-grid img.prod{max-width:100%;margin:0 auto}
.order-content{flex:1;min-width:0}
.price-row{display:flex;justify-content:center;gap:24px;margin-bottom:20px}
.price-old,.price-new{text-align:center}
.price-old .label,.price-new .label{font-size:.82rem;color:var(--muted)}
.price-old .val{text-decoration:line-through;color:#9a9a9a;font-size:1.1rem}
.price-new .val{color:var(--danger);font-weight:800;font-size:1.5rem}
.orderForm{display:flex;flex-direction:column;gap:12px}
.orderForm input{width:100%;padding:14px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:1rem;text-align:center;outline:none;box-shadow:0 5px 16px rgba(31,42,36,.06)}
.orderForm input:focus{border-color:var(--primary)}
.orderForm button{width:100%;padding:15px 18px;border-radius:999px;border:0;background:var(--primary);color:#fff;font-weight:800;font-size:1.02rem;cursor:pointer;transition:.2s}
.orderForm button:hover{background:var(--primary-dark)}
@media(max-width:600px){
  .order-box{padding:26px 18px}
  .order-grid{flex-direction:column;text-align:center}
  .order-product{width:140px;margin:0 auto}
  .price-row{gap:24px}
}

.how-title{margin-bottom:48px;font-size:clamp(1.6rem,3vw,2.3rem)}
.how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.how-photo{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}
.how-flowers{position:absolute;max-width:380px;opacity:.9;z-index:1}
.how-product{position:relative;max-width:220px;z-index:2;filter:drop-shadow(0 18px 22px rgba(31,42,36,.2))}
.how-steps{display:flex;flex-direction:column;gap:34px;position:relative;padding-left:8px}
.how-steps::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:var(--line)}
.how-step{display:flex;align-items:center;gap:22px;position:relative}
.how-num{width:56px;height:56px;flex-shrink:0;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 0 0 5px var(--paper)}
.how-icon{width:88px;height:88px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.how-icon img{width:100%;height:100%;object-fit:cover}
.how-text{font-weight:700;color:var(--primary-dark);font-size:1.25rem}
@media(min-width:1200px){
  .how-photo{min-height:420px}
  .how-flowers{max-width:440px}
  .how-product{max-width:250px}
  .how-num{width:64px;height:64px;font-size:1.4rem}
  .how-icon{width:104px;height:104px}
  .how-text{font-size:1.35rem}
  .how-steps{gap:42px}
}
@media(max-width:860px){
  .how-grid{grid-template-columns:1fr}
  .how-num{width:46px;height:46px;font-size:1.1rem}
  .how-icon{width:70px;height:70px}
  .how-text{font-size:1.05rem}
  .how-steps{gap:26px}
}

.ing-title{max-width:800px;margin:0 auto 40px}
.ing-title span{color:var(--primary)}
.ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ing-item{text-align:center}
.ing-item img{width:130px;height:130px;object-fit:contain;margin:0 auto 16px}
.ing-line{display:block;width:34px;height:3px;background:var(--primary-dark);margin:0 auto 14px;border-radius:2px}
.ing-item h3{margin:0 0 8px;color:var(--primary-dark);font-size:1.05rem}
.ing-item p{margin:0;color:var(--muted);font-size:.92rem}
@media(max-width:760px){.ing-grid{grid-template-columns:1fr}}

.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:860px){.testimonials{grid-template-columns:1fr}}
.t-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.t-card .stars{color:#e8a23a;margin-bottom:8px}
.t-card p{color:var(--muted);font-size:.94rem;margin:0 0 12px}
.t-who{font-size:.86rem;font-weight:700;color:var(--primary-dark)}
.fine{font-size:.8rem;color:var(--muted)}

.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:6px 4px}
.faq-item summary{cursor:pointer;font-weight:700;padding:12px 16px;color:var(--primary-dark)}
.faq-item div{padding:0 16px 16px;color:var(--muted);font-size:.94rem}

.footer{background:#16201a;color:#cfd8d1;padding:44px 0 30px;font-size:.88rem}
.footer .container{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.footer h4{color:#fff;margin:0 0 10px}
.footer p{margin:0 0 10px;color:#a9b3ac}
.footer-link{display:block;background:none;border:0;padding:0;margin:0 0 10px;color:#cfd8d1;font-size:.88rem;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.footer-link:hover{color:#fff}
@media(max-width:760px){.footer .container{grid-template-columns:1fr}}

.modal{position:fixed;inset:0;background:rgba(15,25,20,.6);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal.open{display:flex}
.modal .dialog{background:#fff;border-radius:18px;max-width:640px;width:100%;max-height:82vh;overflow:auto;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.35);position:relative}
.modal .dialog h2{margin-top:0}
.modal .dialog p{color:var(--muted);font-size:.94rem;line-height:1.7;margin:0 0 14px}
.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:0;background:var(--paper);font-size:18px;cursor:pointer;color:var(--ink)}
.modal-close:hover{background:var(--line)}
.floating-cta{position:fixed;right:20px;bottom:20px;z-index:70;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 14px 30px rgba(201,106,46,.42);display:flex;align-items:center;justify-content:center;transition:.2s}
.floating-cta svg{width:26px;height:26px}
.floating-cta__badge{position:absolute;top:-6px;left:-6px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:800;padding:3px 6px;border-radius:999px;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.floating-cta:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 18px 36px rgba(201,106,46,.5)}
@media(max-width:520px){.floating-cta{width:52px;height:52px;right:14px;bottom:14px}.floating-cta svg{width:22px;height:22px}}