:root{--transition:all 0.3s ease;--backdrop-blur:blur(10px);--glass-border:1px solid rgba(255,255,255,0.2);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.2);--dark:#2d3748;--gray:#718096;--gray-light:#a0aec0}.homepage-container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{padding:80px 0;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.hero-content{align-items:center;gap:40px}.hero-content,.hero-text{display:flex;justify-content:center}.hero-text{flex:1.2;flex-direction:column;align-items:flex-start}.hero-title{font-size:3.2rem;font-weight:800;line-height:1.2;margin-bottom:20px;color:white;text-align:left;font-weight:700}.hero-title span{color:#ff6b6b}.hero-subtitle{font-size:1.15rem;color:rgba(255,255,255,.9);margin-bottom:30px;max-width:500px;text-align:left}.hero-image{flex:1.2;position:relative;display:flex;align-items:center;justify-content:center;min-width:320px;max-width:520px;width:100%}.hero-image img{width:100%;height:auto;border-radius:16px;transition:var(--transition);display:block;margin:0 auto;object-fit:cover;max-height:400px}.hero-image:hover img{transform:translateY(-5px);box-shadow:0 25px 50px rgba(0,0,0,.3)}.glass-card{background:rgba(255,255,255,.9);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);overflow:hidden;transition:var(--transition);padding:25px;margin:15px 0;display:flex;flex-direction:column;align-items:stretch}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px 0 rgba(31,38,135,.25)}.animated-button{display:inline-block;padding:12px 28px;background:#4ecdc4;color:white;text-decoration:none;border-radius:8px;font-weight:600;overflow:hidden;position:relative;transition:var(--transition);border:none;cursor:pointer;text-align:center}.animated-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.animated-button:hover:before{left:100%}.animated-button:hover{background:#45b7af;transform:translateY(-3px);box-shadow:0 10px 20px rgba(78,205,196,.3);color:white}.animated-button-secondary{display:inline-block;padding:12px 28px;background:#ff6b6b;color:white;text-decoration:none;border-radius:8px;font-weight:600;overflow:hidden;position:relative;transition:var(--transition);border:none;cursor:pointer;text-align:center}.animated-button-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.animated-button-secondary:hover:before{left:100%}.animated-button-secondary:hover{background:#e55a5a;transform:translateY(-3px);box-shadow:0 10px 20px rgba(255,107,107,.3);color:white}.section{padding:80px 0}.section-title{font-size:2.5rem;margin-bottom:20px;position:relative;color:var(--dark);text-align:center;font-weight:700}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#4ecdc4;border-radius:2px}.section-subtitle{color:var(--gray);margin-bottom:60px;max-width:700px;text-align:center;margin-left:auto;margin-right:auto}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.blog-grid,.products-grid{display:grid;gap:30px;margin-top:50px;align-items:stretch}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-top:40px}.health-specs{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.health-specs,.types-grid{display:grid;align-items:stretch}.types-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.blog-post{height:100%;display:flex;flex-direction:column;align-items:stretch}.post-image{position:relative;height:220px;width:100%;overflow:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center}.post-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);display:block}.blog-post:hover .post-image img{transform:scale(1.1)}.post-date{position:absolute;top:15px;right:15px;background:#4ecdc4;color:white;padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center}.post-content{padding:20px 0;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.post-content h3{margin-bottom:10px;font-size:1.5rem;color:var(--dark);text-align:left;font-weight:700}.post-content p{margin-bottom:20px;flex-grow:1;color:var(--gray);text-align:left}.product-card{cursor:pointer;height:100%;display:flex;flex-direction:column;align-items:stretch}.product-image{position:relative;height:200px;overflow:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);display:block}.product-card:hover .product-image img{transform:scale(1.1)}.product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(78,205,196,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);border-radius:12px;text-align:center}.product-overlay span{color:white;font-weight:600;text-align:center;width:100%}.product-card:hover .product-overlay{opacity:1}.product-content{padding:20px 0;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.product-content h3{margin-bottom:10px;font-size:1.3rem;color:var(--dark);text-align:left;font-weight:700}.product-content p{margin-bottom:20px;flex-grow:1;color:var(--gray);text-align:left}.product-footer{display:flex;justify-content:space-between;align-items:center;width:100%}.product-price{font-weight:700;color:#4ecdc4;font-size:1.2rem;text-align:left}.product-link{font-size:.9rem;padding:10px 20px}.health-details-section{background:linear-gradient(180deg,#4ecdc4 0,#44a08d);color:white;border-radius:16px;overflow:hidden;margin:80px 0}.health-details-container{padding:60px 40px}.health-details-header{text-align:center;margin-bottom:50px}.health-details-header h2{font-size:2.8rem;margin-bottom:15px;color:white;text-align:center;font-weight:700}.health-details-header p{font-size:1.2rem;opacity:.9;max-width:700px;margin:0 auto;text-align:center}.spec-card{background:rgba(255,255,255,.15);backdrop-filter:var(--backdrop-blur);border-radius:12px;padding:25px;transition:var(--transition);display:flex;flex-direction:column;align-items:flex-start;height:100%}.spec-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}.spec-card i{font-size:2.5rem;color:#ff6b6b;margin-bottom:20px;display:block;text-align:left}.spec-card h3{font-size:1.4rem;color:white;font-weight:700}.spec-card h3,.spec-card p{margin-bottom:15px;text-align:left}.spec-card p{opacity:.9}.spec-list{list-style:none;width:100%;padding-left:0}.spec-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2);text-align:left}.spec-list li:last-child{border-bottom:none}.type-card{background:rgba(255,255,255,.15);border-radius:12px;padding:20px;text-align:center;transition:var(--transition);display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-start}.type-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}.type-card i{font-size:2.5rem;color:#ff6b6b;margin-bottom:15px;display:block;text-align:center}.type-card h3{font-size:1.3rem;margin-bottom:10px;color:white;text-align:center;font-weight:700}.type-card p{opacity:.9;font-size:.95rem;text-align:center}.newsletter-wrapper{background:linear-gradient(135deg,#4ecdc4,#44a08d);padding:80px 0;color:white;text-align:center;border-radius:16px;margin:80px 0}.newsletter-content{max-width:600px;margin:0 auto;text-align:center}.newsletter-content h2{font-size:2.5rem;margin-bottom:20px;text-align:center;font-weight:700}.newsletter-content p{margin-bottom:30px;opacity:.9;text-align:center}.newsletter-form{display:flex;gap:15px;max-width:500px;margin:0 auto;align-items:center;justify-content:center}.newsletter-input{flex:1;padding:12px 22px;border-radius:8px;font-size:1.08rem;outline:none;background:rgba(255,255,255,.95);color:var(--dark);box-shadow:0 2px 8px rgba(0,0,0,.07);transition:box-shadow .2s,border .2s;border:2px solid transparent}.newsletter-input:focus{border:2px solid #4ecdc4;box-shadow:0 4px 16px rgba(78,205,196,.2);background:#fff}.newsletter-input::placeholder{color:var(--gray-light);opacity:1;font-size:1.02rem}.health-content-section{background:#f8f9fa}.main-content{background:white;border-radius:16px;padding:40px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.sidebar{display:flex;flex-direction:column;gap:30px}.content-block{margin-bottom:40px}.content-block h3{font-size:1.8rem;color:var(--dark);margin-bottom:20px;font-weight:700;border-left:4px solid #4ecdc4;padding-left:15px}.content-block p{line-height:1.7;margin-bottom:20px;color:var(--gray);font-size:1.05rem}.content-block ol,.content-block ul{margin-left:20px;margin-bottom:20px}.content-block li{margin-bottom:10px;line-height:1.6;color:var(--gray)}.tip-card{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:white}.tip-card h4{color:white;margin-bottom:15px;font-size:1.3rem}.tip-card p{color:rgba(255,255,255,.9)}.product-highlight{border:2px solid #4ecdc4}.product-highlight h4{color:var(--dark);margin-bottom:15px;font-size:1.3rem}.product-highlight .price{font-size:1.4rem;font-weight:700;color:#4ecdc4;margin:15px 0}.button-group{display:flex;justify-content:space-between;width:100%;margin-top:1rem;gap:10px}.buy-now-button,.read-more-button{font-size:.9rem;padding:10px 20px;flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn 1s ease forwards}@media (max-width:1100px){.hero-content{gap:20px}.hero-title{font-size:2.6rem}.hero-image{max-width:420px}}@media (max-width:968px){.hero-content{flex-direction:column-reverse;align-items:center;gap:40px}.hero-text{align-items:center;text-align:center;width:100%}.hero-title{font-size:2.2rem;text-align:center}.hero-subtitle{text-align:center;max-width:100%}.hero-image{max-width:420px;margin-bottom:0}.content-grid{grid-template-columns:1fr}.section-title{text-align:center}}@media (max-width:768px){.blog-grid,.health-specs,.products-grid,.types-grid{grid-template-columns:1fr}.health-details-header h2{font-size:2.2rem}.newsletter-form{flex-direction:column;align-items:stretch;gap:10px}.newsletter-input{width:100%;min-width:0}.button-group{flex-direction:column}}@media (max-width:600px){.hero-title{font-size:1.8rem;text-align:center}.hero-image{max-width:300px}.hero-image img{max-height:250px}}@media (max-width:480px){.button-group{flex-direction:column}}