/* Optimized CSS - Only used styles */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:2rem 0;text-align:center}.header h1{font-size:2.5rem;margin-bottom:0.5rem;font-weight:700}.subtitle{font-size:1.2rem;opacity:0.9;font-weight:300}.hero{background:white;padding:3rem 0;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.hero-content{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}.hero-left{grid-column:1;display:flex;flex-direction:column;gap:1rem}.hero-text-section h2{font-size:2rem;color:#2c3e50;margin-bottom:1rem;font-weight:600}.hero-description{font-size:1rem;color:#666;margin-bottom:1rem}.rating{display:flex;align-items:center;gap:1rem}.stars{color:#ffc107;font-size:1.5rem}.rating-text{font-weight:600;color:#2c3e50;text-decoration:none;cursor:pointer;transition:color 0.3s ease}.rating-text:hover{color:#667eea}.video-container{position:relative;width:100%;height:0;padding-bottom:45%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.15)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.hero-image{grid-column:2;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.product-image{max-width:450px;width:100%;height:auto;border-radius:12px;background:transparent;box-shadow:none;margin:0 auto}.toc{background:white;padding:2rem 0;border-bottom:1px solid #e9ecef}.toc h3{color:#2c3e50;margin-bottom:1rem;font-size:1.3rem}.toc ul,.toc-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem}.toc a{color:#667eea;text-decoration:none;padding:0.5rem 1rem;border-radius:6px;transition:all 0.3s ease;display:block}.toc a:hover{background:#f8f9ff;transform:translateX(5px)}.main-content{padding:3rem 0}.content-section{background:white;margin-bottom:2rem;padding:2.5rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.content-section h2{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;font-weight:600;border-bottom:3px solid #667eea;padding-bottom:0.5rem}.content-section h3{color:#34495e;font-size:1.4rem;margin-bottom:1rem;margin-top:1.5rem}.content-section p{margin-bottom:1rem;font-size:1.1rem;color:#555}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.pros,.cons{padding:1.5rem;border-radius:8px}.pros{background:#f8fff8;border-left:4px solid #28a745}.cons{background:#fff8f8;border-left:4px solid #dc3545}.pros h3,.cons h3{margin-bottom:1rem;font-size:1.2rem}.pros ul,.cons ul{list-style:none}.pros li,.cons li{padding:0.3rem 0;position:relative;padding-left:1.5rem}.pros li::before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:bold}.cons li::before{content:"✗";position:absolute;left:0;color:#dc3545;font-weight:bold}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.ingredient{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:12px;transition:transform 0.3s ease}.ingredient:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.ingredient img{width:80px;height:80px;object-fit:cover;border-radius:50%;margin-bottom:1rem;border:3px solid #667eea}.ingredient h3{color:#2c3e50;margin-bottom:0.5rem;font-size:1.2rem}.ingredient p{font-size:0.95rem;color:#666;margin:0}.how-it-works{background:#f8f9ff;padding:1.5rem;border-radius:8px;margin-top:2rem;border-left:4px solid #667eea}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.benefit{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:12px;transition:transform 0.3s ease}.benefit:hover{transform:translateY(-5px)}.benefit h3{font-size:1.2rem;margin-bottom:0.5rem;color:white}.benefit p{margin:0;opacity:0.9;color:white}.testimonial{background:#f8f9fa;padding:2rem;border-radius:12px;margin:2rem 0;border-left:4px solid #667eea}.testimonial blockquote{font-size:1.2rem;font-style:italic;color:#2c3e50;margin-bottom:1rem}.testimonial cite{color:#666;font-weight:600}.safety-info{background:#f8fff8;padding:1.5rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid #28a745}.safety-info ul{list-style:none;margin-top:1rem}.safety-info li{padding:0.3rem 0;position:relative;padding-left:1.5rem}.safety-info li::before{position:absolute;left:0;font-weight:bold}.usage-instructions{background:#fff8f0;padding:1.5rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid #ff9800}.purchase-benefits{list-style:none;margin:1rem 0}.purchase-benefits li{padding:0.5rem 0;position:relative;padding-left:2rem}.purchase-benefits li::before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:bold;font-size:1.2rem}.pricing-section{margin:2rem 0}.pricing-section h3{text-align:center;color:#2c3e50;font-size:1.5rem;margin-bottom:2rem;font-weight:600}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:0}.price-option{background:#f8f9fa;padding:2rem;border-radius:12px;text-align:center;position:relative;border:2px solid transparent;transition:all 0.3s ease}.price-option.recommended{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-color:#667eea;transform:scale(1.05)}.price-option h4{font-size:1.3rem;margin-bottom:0.5rem}.period{font-size:0.9rem;color:#666;margin-bottom:0.5rem;font-weight:500}.price{font-size:2rem;font-weight:bold;color:#2c3e50;margin-bottom:0.3rem}.price-note{font-size:0.9rem;color:#666;margin-bottom:1rem;font-weight:500}.total{font-size:1.1rem;font-weight:bold;color:#2c3e50;margin-top:1rem;padding:0.5rem;background:#f8f9fa;border-radius:6px}.recommended .price{color:white}.cta-section{text-align:center;margin:3rem 0}.section-cta{text-align:center;margin:2rem 0;padding-top:1.5rem;border-top:1px solid #e9ecef}.cta-button{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:1rem 2rem;text-decoration:none;border-radius:50px;font-size:1.2rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(102,126,234,0.4)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.6)}.final-rating{background:#f8f9ff;padding:2rem;border-radius:12px;margin-bottom:2rem}.rating-breakdown{display:grid;gap:1rem;margin-top:1rem}.rating-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid #e9ecef}.rating-item:last-child{border-bottom:none}.final-thoughts{background:#fff8f0;padding:2rem;border-radius:12px;border-left:4px solid #ff9800}.final-cta{text-align:center;margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;color:white}.final-cta .cta-button{background:white;color:#667eea;margin-bottom:1rem}.final-cta .cta-button:hover{background:#f8f9fa}.footer{background:#2c3e50;color:white;padding:2rem 0;text-align:center}.footer p{margin-bottom:0.5rem;opacity:0.8}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:all 0.3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.3);max-width:450px;width:90%;max-height:90vh;overflow:hidden;transform:scale(0.7);transition:transform 0.3s ease}.modal-overlay.show .modal-content{transform:scale(1)}.modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.3rem;font-weight:600}.modal-close{background:none;border:none;color:white;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.3s ease}.modal-close:hover{background:rgba(255,255,255,0.2)}.modal-body{padding:2rem;text-align:center}.modal-body p{font-size:1.1rem;color:#333;margin-bottom:2rem;font-weight:500}.modal-buttons{display:flex;flex-direction:column;gap:1rem}.modal-btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:0.5rem}.modal-btn-review{background:#28a745;color:white;border:2px solid #28a745}.modal-btn-review:hover{background:#218838;border-color:#218838;transform:translateY(-2px);box-shadow:0 4px 15px rgba(40,167,69,0.3)}.modal-btn-official{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.modal-btn-official:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}@media (max-width:768px){.hero-content{grid-template-columns:1fr;gap:2rem}.hero-left{grid-column:1;order:1}.video-section{grid-column:1;order:2}.hero-image{grid-column:1;order:3;justify-content:center}.header h1{font-size:2rem}.hero-text-section h2{font-size:1.5rem}.pros-cons{grid-template-columns:1fr}.ingredients-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr}.pricing{grid-template-columns:1fr}.price-option.recommended{transform:none}.rating-item{flex-direction:column;align-items:flex-start;gap:0.5rem}.content-section{padding:1.5rem}.toc ul,.toc-grid{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 15px}.header{padding:1.5rem 0}.header h1{font-size:1.8rem}.subtitle{font-size:1rem}.hero{padding:2rem 0}.content-section{padding:1rem}.content-section h2{font-size:1.5rem}.cta-button{padding:0.8rem 1.5rem;font-size:1rem}.modal-content{width:95%;margin:1rem}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1.5rem}.modal-btn{padding:0.8rem 1.5rem;font-size:1rem}}html{scroll-behavior:smooth}img{transition:opacity 0.3s ease}a:focus,button:focus{outline:2px solid #667eea;outline-offset:2px}
