/* ============================================
   MENOVELLE — MAIN STYLESHEET
   ============================================ */

/* Skip-to-content (accessibility) */
.skip-link{position:absolute;top:-40px;left:0;background:var(--pink-deep);color:#fff;padding:10px 18px;font-weight:600;z-index:9999;border-radius:0 0 6px 0;transition:top 0.2s}
.skip-link:focus{top:0;outline:3px solid var(--gold)}

/* Section heads */
.section-head{text-align:center;max-width:780px;margin:0 auto 50px}
.section-head .kicker{display:inline-block;background:rgba(212,139,169,0.12);color:var(--pink-deep);padding:6px 14px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase}
.section-head .kicker.unique-tag{background:linear-gradient(90deg,var(--gold),#d4ba80);color:#fff}
.section-head h2{font-size:clamp(1.8rem,3.2vw,2.4rem);line-height:1.2;margin-bottom:14px}
.section-head h2 em{color:var(--pink-deep);font-style:italic}
.section-head .section-sub{font-size:16px;color:var(--text-light);line-height:1.65}
.section-head.light h2,.section-head.light .section-sub{color:#fff}
.section-head.light .kicker{background:rgba(255,255,255,0.15);color:#fff}

/* AI Answer Block — for AI/Search snippets */
.ai-answer{background:linear-gradient(135deg,#f9eef3,#fdf4f7);border-left:4px solid var(--pink-deep);padding:22px 26px;border-radius:10px;margin:0 auto 40px;max-width:900px;box-shadow:0 4px 18px rgba(180,100,140,0.06)}
.ai-answer.dark{background:rgba(255,255,255,0.08);border-left-color:#f7c8d8;color:#fff}
.ai-answer strong{display:block;font-size:18px;color:var(--pink-deep);margin-bottom:8px;font-weight:600}
.ai-answer.dark strong{color:#fcd9e5}
.ai-answer p{font-size:15.5px;line-height:1.7;color:var(--text)}
.ai-answer.dark p{color:#f4e6ec}

/* TRUST STRIP */
.trust-strip{background:#fff;padding:30px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.trust-row{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:24px}
.trust-item{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:var(--text)}
.trust-icon{font-size:24px}

/* WHY CHOOSE */
.why-choose{padding:80px 0;background:var(--bg)}
.why-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.why-image img{filter:drop-shadow(0 20px 30px rgba(110,60,90,0.15))}
.why-item{display:flex;gap:18px;margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid var(--border)}
.why-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.why-check{flex-shrink:0;width:38px;height:38px;background:linear-gradient(135deg,var(--gold),#d4ba80);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.why-item h3{font-size:22px;margin-bottom:6px}
.why-item p{color:var(--text-light);font-size:15px}

/* PROBLEM SECTION */
.problem-section{padding:80px 0;background:linear-gradient(135deg,#4a3540 0%,#3a2530 100%);color:#fff;position:relative}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.problem-card{background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);padding:30px 22px;border-radius:14px;border:1px solid rgba(255,255,255,0.1);transition:transform 0.2s}
.problem-card:hover{transform:translateY(-4px)}
.problem-icon{font-size:38px;margin-bottom:14px}
.problem-card h3{color:#fff;font-size:20px;margin-bottom:10px}
.problem-card p{color:#e0d4dc;font-size:14.5px;line-height:1.6}

/* WHAT IS */
.what-is{padding:80px 0;background:#fff}
.what-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}
.what-image img{border-radius:18px;filter:drop-shadow(0 15px 25px rgba(0,0,0,0.08))}
.what-content p{margin-bottom:16px;font-size:15.5px;line-height:1.75;color:var(--text)}
.what-content h4{font-size:22px;margin-top:24px;margin-bottom:10px;color:var(--pink-deep)}

/* HOW WORKS */
.how-works{padding:80px 0;background:linear-gradient(180deg,#fdf8f3,#fff)}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.how-card{background:#fff;padding:32px 26px;border-radius:14px;box-shadow:0 6px 24px rgba(110,60,90,0.06);border:1px solid var(--border);transition:transform 0.2s,box-shadow 0.2s}
.how-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(110,60,90,0.12)}
.how-num{font-family:'Cormorant Garamond',serif;font-size:32px;color:var(--pink-deep);font-weight:700;margin-bottom:10px}
.how-card h3{font-size:21px;margin-bottom:10px}
.how-card p{font-size:14.5px;color:var(--text-light);line-height:1.65}

/* DIAGRAM SECTION */
.diagram-section{padding:80px 0;background:var(--bg)}
.diagram-wrap{background:#fff;padding:30px;border-radius:18px;box-shadow:0 8px 30px rgba(110,60,90,0.08);border:2px solid var(--border);text-align:center}
.diagram-wrap svg{max-width:100%;height:auto}
.diagram-caption{font-size:13px;color:var(--text-light);font-style:italic;margin-top:16px}

/* PRICING */
.pricing{padding:80px 0;background:#fff}
.pricing-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:24px;align-items:center;max-width:1100px;margin:0 auto 60px}
.price-card{background:#fff;border:2px solid var(--border);border-radius:18px;padding:36px 26px;text-align:center;position:relative;transition:all 0.2s}
.price-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(180,100,140,0.12)}
.price-card.best-value{transform:scale(1.05);border-color:var(--pink-deep);background:linear-gradient(180deg,#fff,#fdf4f7);box-shadow:0 12px 36px rgba(180,100,140,0.18)}
.price-card.best-value:hover{transform:scale(1.05) translateY(-4px)}
.best-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold),#b89352);color:#fff;padding:7px 20px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1px;box-shadow:0 4px 10px rgba(0,0,0,0.15)}
.price-tag{display:inline-block;background:rgba(212,139,169,0.12);color:var(--pink-deep);padding:5px 14px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}
.price-card h3{font-size:30px;margin-bottom:4px}
.price-card .supply{font-size:14px;color:var(--text-light);margin-bottom:16px}
.price-card img{margin:0 auto 16px;object-fit:contain}
.price-row{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:8px}
.big-price{font-family:'Cormorant Garamond',serif;font-size:56px;font-weight:700;color:var(--pink-deep);line-height:1}
.per{font-size:14px;color:var(--text-light)}
.total{font-size:14.5px;color:var(--text);font-weight:600;margin-bottom:8px}
.free-ship{font-size:13px;color:var(--sage);font-weight:600;margin-bottom:14px}
.price-cta{display:block;background:#fff;color:var(--pink-deep);border:2px solid var(--pink-deep);padding:14px 22px;border-radius:50px;font-weight:700;font-size:15px;transition:all 0.2s;margin-bottom:14px}
.price-cta:hover{background:var(--pink-deep);color:#fff}
.price-cta.primary{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border:none;box-shadow:0 6px 18px rgba(180,100,140,0.3)}
.price-cta.primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(180,100,140,0.4)}
.guarantee-mini{font-size:13px;color:var(--text-light);margin-top:8px}

/* BONUSES */
.bonus-section{margin-top:60px;text-align:center}
.bonus-title{font-size:28px;margin-bottom:30px;color:var(--pink-deep)}
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}
.bonus-card{background:#fdf8f3;padding:24px;border-radius:14px;border:1px solid var(--border)}
.bonus-card img{margin:0 auto 14px;max-width:170px}
.bonus-card h4{color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:8px;font-family:'Inter',sans-serif;font-weight:700}
.bonus-name{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--text);margin-bottom:10px;line-height:1.2}
.bonus-desc{font-size:13.5px;color:var(--text-light);margin-bottom:14px;line-height:1.55}
.bonus-price{font-size:18px;font-weight:600}
.strike{text-decoration:line-through;color:#bbb;margin-right:8px}
.free{color:var(--sage);font-weight:700}

/* INGREDIENTS */
.ingredients{padding:80px 0;background:linear-gradient(180deg,#fdf8f3,#fff)}
.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ing-card{background:#fff;padding:28px 24px;border-radius:14px;border:1px solid var(--border);transition:transform 0.2s,box-shadow 0.2s}
.ing-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(110,60,90,0.1)}
.ing-icon{font-size:34px;margin-bottom:10px}
.ing-tag{display:inline-block;background:rgba(156,175,136,0.18);color:#5e7045;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:600;letter-spacing:0.5px;margin-bottom:12px}
.ing-card h3{font-size:21px;margin-bottom:10px;color:var(--pink-deep)}
.ing-card p{font-size:14px;color:var(--text-light);line-height:1.6}

/* BENEFITS */
.benefits{padding:80px 0;background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.benefit-card{background:linear-gradient(135deg,#fff,#fdf4f7);padding:28px 22px;border-radius:14px;text-align:center;border:1px solid var(--border);transition:transform 0.2s}
.benefit-card:hover{transform:translateY(-4px)}
.b-icon{font-size:36px;margin-bottom:12px}
.benefit-card h3{font-size:19px;margin-bottom:8px;color:var(--text)}
.benefit-card p{font-size:13.5px;color:var(--text-light);line-height:1.55}

/* TIMELINE */
.timeline{padding:80px 0;background:linear-gradient(180deg,#fdf4f7,#fff)}
.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}
.timeline-card{background:#fff;padding:30px 24px;border-radius:14px;border:1px solid var(--border);position:relative;border-top:4px solid var(--pink-deep)}
.phase{display:inline-block;background:var(--pink-deep);color:#fff;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:10px}
.timeline-card h3{font-size:20px;margin-bottom:10px}
.timeline-card p{font-size:14px;color:var(--text-light);line-height:1.6}
.timeline-note{text-align:center;font-size:13px;color:var(--text-light);font-style:italic;margin-top:20px}

/* COMPARISON */
.comparison{padding:80px 0;background:#fff}
.table-wrap{overflow-x:auto;max-width:980px;margin:0 auto;border-radius:14px;border:1px solid var(--border);box-shadow:0 6px 24px rgba(110,60,90,0.06)}
.compare-table{width:100%;border-collapse:collapse;background:#fff;min-width:600px}
.compare-table th,.compare-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--border);font-size:14.5px}
.compare-table th{background:#fdf4f7;font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--text);font-weight:700}
.compare-table th.highlight,.compare-table td.highlight{background:rgba(212,139,169,0.08);font-weight:600;color:var(--pink-deep);text-align:center}
.compare-table td:not(:first-child){text-align:center}
.compare-table th:not(:first-child){text-align:center}
.compare-table tr:last-child td{border-bottom:none}

/* REVIEWS */
.reviews{padding:80px 0;background:linear-gradient(180deg,#fdf8f3,#fff)}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.review-card{background:#fff;padding:28px;border-radius:14px;border:1px solid var(--border);box-shadow:0 4px 18px rgba(110,60,90,0.05);transition:transform 0.2s}
.review-card:hover{transform:translateY(-3px)}
.stars{color:#e8a93a;font-size:18px;letter-spacing:2px;margin-bottom:10px}
.review-card h4{font-size:18px;margin-bottom:10px;font-family:'Cormorant Garamond',serif;color:var(--text)}
.review-card>p{font-size:14.5px;color:var(--text-light);line-height:1.65;margin-bottom:16px}
.reviewer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:16px}
.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}
.reviewer strong{display:block;font-size:14px}
.reviewer span{display:block;font-size:12px;color:var(--text-light)}
.reviewer .verified{color:var(--sage);font-weight:600;font-size:11.5px;margin-top:2px}

/* GUARANTEE */
.guarantee{padding:80px 0;background:linear-gradient(135deg,#fdf4f7,#fff7f1)}
.guarantee-wrap{display:grid;grid-template-columns:auto 1fr;gap:50px;align-items:center;max-width:1000px;margin:0 auto}
.seal{flex-shrink:0;width:200px;height:200px;background:conic-gradient(from 0deg,var(--gold),var(--pink-deep),var(--gold));border-radius:50%;display:flex;align-items:center;justify-content:center;padding:8px;animation:spin 30s linear infinite}
.seal-inner{width:100%;height:100%;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.seal-num{font-family:'Cormorant Garamond',serif;font-size:64px;font-weight:700;color:var(--pink-deep);line-height:1}
.seal-text{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--text);margin-top:4px}
@keyframes spin{to{transform:rotate(360deg)}}
.guarantee-content h2{font-size:clamp(1.8rem,3vw,2.3rem);margin-bottom:14px}
.guarantee-content h2 em{color:var(--pink-deep)}
.guarantee-content p{margin-bottom:14px;font-size:15.5px;color:var(--text-light);line-height:1.7}
.guarantee-content .cta-btn{padding:14px 28px;font-size:15px;margin-top:8px}

/* CONTRAINDICATIONS */
.contraindications{padding:80px 0;background:#fff}
.contra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.contra-card{background:#fdf4f7;padding:26px 22px;border-radius:12px;border-left:4px solid #c45e7a}
.x-icon{font-size:24px;margin-bottom:8px;display:inline-block}
.contra-card h3{font-size:18px;margin-bottom:8px;color:var(--text)}
.contra-card p{font-size:13.5px;color:var(--text-light);line-height:1.6}

/* FAQ */
.faq{padding:80px 0;background:linear-gradient(180deg,#fdf8f3,#fff)}
.faq-list{max-width:820px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden;transition:box-shadow 0.2s}
.faq-item[open]{box-shadow:0 4px 18px rgba(110,60,90,0.08);border-color:var(--pink)}
.faq-item summary{padding:18px 22px;cursor:pointer;font-weight:600;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:24px;color:var(--pink-deep);transition:transform 0.2s;font-weight:300}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-answer{padding:0 22px 18px}
.faq-answer p{font-size:14.5px;color:var(--text-light);line-height:1.7}

/* REVIEWER */
.reviewer-section{padding:60px 0;background:#fff}
.reviewer-card{background:linear-gradient(135deg,#fdf4f7,#fff7f1);padding:36px;border-radius:18px;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;max-width:920px;margin:0 auto;border:1px solid var(--border)}
.avatar-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:700;box-shadow:0 8px 20px rgba(180,100,140,0.25)}
.reviewer-info .kicker{display:inline-block;background:rgba(212,139,169,0.12);color:var(--pink-deep);padding:4px 12px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}
.reviewer-info h3{font-size:26px;margin-bottom:4px}
.credentials{font-size:13.5px;color:var(--text-light);margin-bottom:14px;font-weight:500}
.reviewer-info p:last-child{font-style:italic;font-size:14.5px;color:var(--text);line-height:1.7;border-left:3px solid var(--pink-deep);padding-left:16px}

/* REFERENCES */
.references{padding:60px 0;background:#fdf8f3}
.ref-list{max-width:820px;margin:0 auto;padding-left:20px}
.ref-list li{margin-bottom:12px;font-size:14px;color:var(--text);line-height:1.65}
.ref-list a{color:var(--pink-deep);text-decoration:underline;font-weight:600}
.ref-list a:hover{color:#7a4860}

/* FINAL CTA */
.final-cta{padding:80px 0;background:linear-gradient(135deg,var(--pink-deep),var(--pink));text-align:center;color:#fff}
.final-cta h2{color:#fff;font-size:clamp(2rem,4vw,2.8rem);margin-bottom:16px}
.final-cta h2 em{color:#fce4ed;font-style:italic}
.final-cta p{font-size:17px;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto;opacity:0.95}
.final-cta .hero-cta{background:#fff;color:var(--pink-deep);box-shadow:0 8px 24px rgba(0,0,0,0.15)}
.final-cta .hero-cta:hover{background:#fdf4f7}

/* FOOTER */
.footer{background:#2c1f25;color:#d4c0c8;padding:60px 0 30px;font-size:14px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-logo{color:#fff;margin-bottom:14px;font-size:24px}
.footer-col h4{color:#fff;font-family:'Inter',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;font-weight:700}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:8px}
.footer-col a{color:#d4c0c8;transition:color 0.2s}
.footer-col a:hover{color:#fff}
.footer-col p{color:#a89098;line-height:1.65}
.footer-bottom{border-top:1px solid #4a3540;padding-top:24px;font-size:12.5px;color:#a89098;line-height:1.7}
.footer-bottom p{margin-bottom:10px}

/* LEGAL / INFO PAGES */
.legal-page{padding:60px 0 80px;background:#fff;min-height:60vh}
.legal-content{max-width:780px;margin:0 auto}
.legal-content .page-kicker{display:inline-block;background:rgba(212,139,169,0.12);color:var(--pink-deep);padding:6px 14px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase}
.legal-content h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:8px;color:var(--text)}
.legal-content .updated{font-size:13px;color:var(--text-light);font-style:italic;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.legal-content h2{font-size:1.5rem;color:var(--pink-deep);margin-top:36px;margin-bottom:14px}
.legal-content h3{font-size:1.2rem;color:var(--text);margin-top:22px;margin-bottom:10px}
.legal-content p{margin-bottom:14px;font-size:15.5px;line-height:1.75;color:var(--text)}
.legal-content ul{margin-bottom:16px;padding-left:24px}
.legal-content li{margin-bottom:8px;font-size:15px;line-height:1.7;color:var(--text)}
.legal-content strong{color:var(--text);font-weight:600}
.legal-content a{color:var(--pink-deep);text-decoration:underline}
.legal-content a:hover{color:#7a4860}

/* CONTACT PAGE */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}
.contact-info{background:linear-gradient(135deg,#fdf4f7,#fff7f1);padding:30px;border-radius:14px;border:1px solid var(--border)}
.contact-info h3{font-size:1.4rem;color:var(--pink-deep);margin-bottom:16px}
.contact-info p{margin-bottom:14px;font-size:15px}
.contact-info strong{display:block;color:var(--text);margin-bottom:4px;font-weight:600}
.contact-form{padding:30px;background:#fff;border-radius:14px;border:1px solid var(--border)}
.contact-form h3{font-size:1.4rem;color:var(--pink-deep);margin-bottom:16px}
.contact-form label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:var(--text)}
.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-family:'Inter',sans-serif;font-size:15px;margin-bottom:16px;background:#fdf8f3}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--pink);border-color:var(--pink)}
.contact-form button{width:100%;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;padding:14px;border:none;border-radius:50px;font-weight:700;font-size:15px;cursor:pointer;transition:all 0.2s}
.contact-form button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(180,100,140,0.3)}

/* 404 page */
.error-page{padding:80px 0;text-align:center;min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf4f7,#fff7f1)}
.error-page .container{max-width:680px}
.error-num{font-family:'Cormorant Garamond',serif;font-size:clamp(6rem,15vw,10rem);font-weight:700;color:var(--pink-deep);line-height:1;margin-bottom:0}
.error-page h1{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:16px;color:var(--text);font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.25}
.error-page>.container>p{font-size:16px;color:var(--text-light);margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}
.error-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:480px;margin:0 auto 32px}
.error-links a{padding:14px 18px;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--pink-deep);font-weight:600;font-size:14px;transition:all 0.2s}
.error-links a:hover{background:var(--pink-deep);color:#fff;border-color:var(--pink-deep);transform:translateY(-2px)}
@media(max-width:560px){.error-links{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}}

/* SOCIAL PROOF POPUP */
.social-proof{position:fixed;bottom:20px;left:20px;background:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 10px 30px rgba(0,0,0,0.15);display:flex;align-items:center;gap:12px;z-index:1000;max-width:340px;border:1px solid var(--border);transform:translateX(-120%);transition:transform 0.4s ease}
.social-proof.show{transform:translateX(0)}
.sp-icon{font-size:24px}
.sp-content{font-size:13px;line-height:1.4}
.sp-content strong{display:block;color:var(--text);font-weight:600;margin-bottom:2px}
.sp-content span{color:var(--text-light);font-size:12.5px}
.sp-content small{display:block;color:var(--text-light);font-size:11.5px;margin-top:3px}
.sp-close{position:absolute;top:6px;right:8px;background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:2px 6px;line-height:1}
.sp-close:hover{color:var(--text)}

/* MOBILE STICKY CTA */
.mobile-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;text-align:center;padding:16px;font-weight:700;font-size:16px;z-index:1001;box-shadow:0 -4px 20px rgba(0,0,0,0.15)}

/* RESPONSIVE */
@media (max-width:900px){
.why-grid,.what-grid,.guarantee-wrap{grid-template-columns:1fr;gap:40px;text-align:center}
.why-image,.what-image{order:-1}
.why-item{text-align:left}
.problem-grid{grid-template-columns:repeat(2,1fr)}
.how-grid,.ingredient-grid,.benefit-grid,.timeline-grid,.contra-grid,.bonus-grid,.review-grid{grid-template-columns:repeat(2,1fr)}
.pricing-grid{grid-template-columns:1fr;max-width:420px}
.price-card.best-value{transform:none;order:-1}
.price-card.best-value:hover{transform:translateY(-4px)}
.footer-grid{grid-template-columns:1fr 1fr;gap:30px}
.reviewer-card{grid-template-columns:1fr;text-align:center;padding:30px 24px}
.reviewer-info p:last-child{text-align:left}
.seal{margin:0 auto}
.mobile-sticky-cta{display:block}
body{padding-bottom:60px}
.benefit-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:560px){
.container{padding:0 16px}
.section-head h2{font-size:1.6rem}
.problem-grid,.how-grid,.ingredient-grid,.benefit-grid,.timeline-grid,.contra-grid,.bonus-grid,.review-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr;gap:24px;text-align:center}
.why-choose,.problem-section,.what-is,.how-works,.diagram-section,.pricing,.ingredients,.benefits,.timeline,.comparison,.reviews,.guarantee,.contraindications,.faq,.final-cta{padding:50px 0}
.seal{width:160px;height:160px}
.seal-num{font-size:50px}
.social-proof{left:10px;right:10px;max-width:none}
.ai-answer{padding:18px}
.diagram-wrap{padding:16px}
.compare-table th,.compare-table td{padding:12px 10px;font-size:13px}
.reviewer-card{padding:24px 18px}
}