@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100vh}body{color:#222;background-color:#f5fff7;font-family:Poppins,Arial,sans-serif}button{cursor:pointer;border:none;outline:none}ul{list-style:none}.container{width:90%;max-width:1300px;margin:auto}*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f8fff8;font-family:Arial,Helvetica,sans-serif}.app{width:100%;min-height:100vh}.reviews{text-align:center;background:#f8fdf8;padding:60px 8%}.review-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:30px;display:grid}.review-card{background:#fff;border-radius:18px;padding:30px;transition:all .3s;box-shadow:0 8px 20px #00000014}.review-card:hover{transform:translateY(-6px)}.review-card h4{color:#16a34a;margin-top:15px}.review-card p{color:#555;line-height:1.7}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}body{color:#fff;background:#050505;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}.home{background:radial-gradient(circle at 0 0,#2a1f08 0%,#0000 30%),radial-gradient(circle at 100% 100%,#1a1203 0%,#0000 30%),#050505;min-height:100vh;position:relative;overflow:hidden}.home:before{content:"";filter:blur(100px);background:radial-gradient(circle,#d4af3740,#0000 70%);border-radius:50%;width:650px;height:650px;animation:10s infinite alternate goldGlow;position:absolute;top:-220px;left:-220px}.home:after{content:"";filter:blur(120px);background:radial-gradient(circle,#ffd7002e,#0000 70%);border-radius:50%;width:700px;height:700px;animation:12s infinite alternate goldGlow2;position:absolute;bottom:-250px;right:-250px}.premium-loader{background:#050505;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.loader-ring{border:5px solid #ffffff1f;border-top-color:#d4af37;border-radius:50%;width:85px;height:85px;animation:1s linear infinite spin}.premium-loader h2{color:#d4af37;letter-spacing:1px;margin-top:30px;font-size:24px;font-weight:700}section{z-index:2;position:relative}.section-title{text-align:center;margin-bottom:70px}.section-title span{color:#d4af37;letter-spacing:2px;background:#d4af371f;border:1px solid #d4af3759;border-radius:50px;margin-bottom:22px;padding:10px 26px;font-size:14px;font-weight:700;display:inline-block}.section-title h2{color:#fff;margin-bottom:18px;font-size:54px;font-weight:800}.section-title p{color:#bfbfbf;max-width:720px;margin:auto;font-size:17px;line-height:1.9}.hero-buy-btn,.premium-buy-btn,.cta-button{cursor:pointer;color:#111;background:linear-gradient(135deg,#b8860b,gold);border:none;border-radius:50px;font-size:17px;font-weight:700;transition:all .35s;box-shadow:0 0 25px #d4af3759}.hero-buy-btn:hover,.premium-buy-btn:hover,.cta-button:hover{transform:translateY(-4px);box-shadow:0 0 35px #d4af37b3}.premium-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;width:100%;min-height:100vh;padding:90px 8%;display:grid}.hero-left{animation:.8s fadeUp}.premium-badge{color:#d4af37;letter-spacing:2px;background:#d4af371f;border:1px solid #d4af3766;border-radius:50px;align-items:center;gap:10px;margin-bottom:28px;padding:12px 28px;font-size:14px;font-weight:700;display:inline-flex}.hero-title{color:#fff;margin-bottom:18px;font-size:78px;font-weight:800;line-height:1.05}.hero-title span{color:#d4af37}.hero-tagline{color:#d4af37;margin-bottom:22px;font-size:30px;font-weight:700}.hero-description{color:#c8c8c8;max-width:650px;margin-bottom:35px;font-size:18px;line-height:1.9}.hero-rating{align-items:center;gap:18px;margin-bottom:35px;display:flex}.stars{font-size:24px}.hero-rating span{color:#ddd;font-size:16px}.hero-features{flex-wrap:wrap;gap:18px;margin-bottom:45px;display:flex}.feature-card{color:#fff;background:#111;border:1px solid #d4af3733;border-radius:16px;padding:16px 24px;font-weight:600;transition:all .35s}.feature-card:hover{border-color:#d4af37;transform:translateY(-5px);box-shadow:0 0 25px #d4af372e}.hero-buttons{flex-wrap:wrap;gap:20px;display:flex}.hero-buy-btn{padding:18px 42px}.hero-outline-btn{color:#d4af37;cursor:pointer;background:0 0;border:2px solid #d4af37;border-radius:50px;padding:18px 40px;font-size:17px;font-weight:700;transition:all .35s}.hero-outline-btn:hover{color:#111;background:#d4af37}.hero-right{justify-content:center;align-items:center;display:flex}.hero-image-card{background:linear-gradient(145deg,#111,#1b1b1b);border:1px solid #d4af3740;border-radius:35px;width:100%;max-width:520px;padding:45px;position:relative;box-shadow:0 25px 70px #00000073,0 0 30px #d4af371f}.hero-main-image{object-fit:contain;filter:drop-shadow(0 25px 30px #00000073);width:100%;height:460px;animation:4s ease-in-out infinite floatImage}.floating-badge{color:#d4af37;background:#111;border:1px solid #d4af3759;border-radius:50px;padding:12px 20px;font-size:14px;font-weight:700;position:absolute;box-shadow:0 10px 30px #00000059}.badge-one{top:45px;left:-30px}.badge-two{top:170px;right:-35px}.badge-three{bottom:25px;left:40px}.products-section{padding:120px 8%}.products-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:38px;display:grid}.premium-product-card{background:linear-gradient(145deg,#111,#191919);border:1px solid #d4af3733;border-radius:30px;transition:all .45s;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000073}.premium-product-card:hover{border-color:#d4af37;transform:translateY(-10px)scale(1.02);box-shadow:0 25px 55px #d4af372e}.product-image-wrapper{background:radial-gradient(circle,#d4af3714,#0000 70%);justify-content:center;align-items:center;width:100%;height:340px;display:flex;position:relative;overflow:hidden}.product-image-wrapper img{object-fit:contain;width:90%;height:290px;transition:all .45s}.premium-product-card:hover .product-image-wrapper img{transform:scale(1.08)rotate(-3deg)}.discount-badge{color:#111;background:linear-gradient(135deg,#d4af37,gold);border-radius:50px;padding:10px 18px;font-size:14px;font-weight:700;position:absolute;top:18px;right:18px}.product-content{padding:30px}.product-content h3{color:#fff;margin-bottom:15px;font-size:28px}.product-content p{color:#c5c5c5;min-height:85px;margin-bottom:22px;line-height:1.8}.product-rating{color:gold;align-items:center;gap:12px;margin-bottom:22px;font-size:18px;display:flex}.product-rating span{color:#c8c8c8;font-size:15px}.price-box{align-items:center;gap:16px;margin-bottom:25px;display:flex}.price-box h2{color:#d4af37;font-size:36px;font-weight:800}.old-price{color:#8f8f8f;font-size:22px;text-decoration:line-through}.premium-benefits{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.premium-benefits span{color:#dcdcdc;font-size:15px}.premium-buy-btn{border-radius:16px;width:100%;padding:18px;font-size:17px}.empty-products{text-align:center;color:#d4af37;background:#111;border:1px solid #d4af3726;border-radius:25px;width:100%;padding:80px}.premium-benefits-section{background:linear-gradient(#070707,#111);padding:120px 8%}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px;display:grid}.premium-benefit-card{text-align:center;background:linear-gradient(145deg,#121212,#1a1a1a);border:1px solid #d4af372e;border-radius:28px;padding:40px 30px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000073}.premium-benefit-card:hover{border-color:#d4af37;transform:translateY(-12px);box-shadow:0 25px 60px #d4af372e}.benefit-icon{color:#d4af37;background:#d4af3714;border:1px solid #d4af3759;border-radius:50%;justify-content:center;align-items:center;width:85px;height:85px;margin:auto auto 25px;font-size:38px;display:flex}.premium-benefit-card h3{color:#fff;margin-bottom:18px;font-size:24px}.premium-benefit-card p{color:#bfbfbf;font-size:15px;line-height:1.8}.premium-reviews{padding:120px 8%}.review-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:35px;display:grid}.premium-review-card{background:linear-gradient(145deg,#111,#1b1b1b);border:1px solid #d4af3726;border-radius:28px;padding:35px;transition:all .4s;box-shadow:0 18px 45px #00000073}.premium-review-card:hover{border-color:#d4af37;transform:translateY(-10px);box-shadow:0 25px 55px #d4af372e}.review-stars{margin-bottom:18px;font-size:22px}.review-text{color:#d7d7d7;margin-bottom:28px;font-size:15px;line-height:1.9}.review-user{align-items:center;gap:18px;display:flex}.review-avatar{color:#111;background:linear-gradient(135deg,#b8860b,gold);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:22px;font-weight:700;display:flex}.review-user h4{color:#fff;margin-bottom:4px}.review-user span{color:#b5b5b5;font-size:14px}.empty-section{text-align:center;color:#d4af37;background:#111;border:1px solid #d4af372e;border-radius:25px;width:100%;padding:70px}.premium-usage{background:linear-gradient(#0b0b0b,#050505);padding:120px 8%}.usage-container{flex-direction:column;gap:25px;max-width:900px;margin:auto;display:flex}.usage-card{background:linear-gradient(145deg,#111,#1a1a1a);border:1px solid #d4af3726;border-radius:22px;align-items:center;gap:25px;padding:28px;transition:all .35s;display:flex;box-shadow:0 18px 40px #00000073}.usage-card:hover{border-color:#d4af37;transform:translate(12px);box-shadow:0 25px 55px #d4af372e}.step-number{color:#111;background:linear-gradient(135deg,#b8860b,gold);border-radius:50%;justify-content:center;align-items:center;width:75px;min-width:75px;height:75px;font-size:28px;font-weight:800;display:flex}.step-content h3{color:#fff;margin-bottom:10px;font-size:24px}.step-content p{color:#c7c7c7;line-height:1.8}.why-growwell{padding:120px 8%}.why-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px;display:grid}.why-card{background:linear-gradient(145deg,#111,#1b1b1b);border:1px solid #d4af3726;border-radius:28px;padding:35px;transition:all .4s;box-shadow:0 18px 45px #00000073}.why-card:hover{border-color:#d4af37;transform:translateY(-10px);box-shadow:0 25px 55px #d4af372e}.why-card h3{color:#d4af37;margin-bottom:18px;font-size:24px}.why-card p{color:#c7c7c7;line-height:1.9}.premium-cta{text-align:center;padding:120px 8%}.premium-cta h2{color:#fff;margin-bottom:25px;font-size:56px}.premium-cta p{color:#bfbfbf;max-width:750px;margin:auto auto 40px;font-size:18px;line-height:1.9}.cta-button{padding:18px 50px;font-size:18px}.premium-footer{text-align:center;background:#050505;border-top:1px solid #d4af3726;padding:70px 8%}.premium-footer h2{color:#d4af37;margin-bottom:15px;font-size:42px}.premium-footer p{color:silver;line-height:1.8}.footer-line{background:linear-gradient(90deg,#0000,#d4af37,#0000);width:180px;height:2px;margin:30px auto}.copyright{color:#888;margin-top:20px;font-size:15px}@media (width<=1100px){.premium-hero{text-align:center;grid-template-columns:1fr;gap:60px}.hero-left{flex-direction:column;align-items:center;display:flex}.hero-description{max-width:700px}.hero-features,.hero-buttons{justify-content:center}}@media (width<=900px){.section-title h2{font-size:40px}.hero-title{font-size:55px}.hero-tagline{font-size:24px}.hero-main-image{height:360px}.floating-badge{display:none}.products-grid,.benefits-grid,.review-grid,.why-grid{grid-template-columns:1fr}}@media (width<=768px){.premium-hero{padding:70px 20px}.products-section,.premium-benefits-section,.premium-reviews,.premium-usage,.why-growwell,.premium-cta{padding:80px 20px}.hero-title{font-size:42px}.hero-tagline{font-size:20px}.hero-description{font-size:16px}.hero-rating{flex-direction:column;gap:10px}.hero-buttons{flex-direction:column;width:100%}.hero-buy-btn,.hero-outline-btn{width:100%}.product-content{padding:22px}.product-content h3{font-size:23px}.price-box h2{font-size:30px}.premium-cta h2{font-size:36px}}@media (width<=480px){.hero-title{font-size:34px}.section-title h2{font-size:32px}.hero-main-image{height:280px}.hero-image-card{padding:25px}.usage-card{text-align:center;flex-direction:column}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes goldGlow{0%{transform:translate(-20px,-20px)}to{transform:translate(70px,50px)}}@keyframes goldGlow2{0%{transform:translate(20px,20px)}to{transform:translate(-70px,-60px)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:linear-gradient(#b8860b,gold);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:gold}.ingredients-section{background:#090909;width:100%;padding:90px 7%;position:relative}.ingredients-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#d4af371a,#0000 35%);position:absolute;inset:0}.section-top{text-align:center;z-index:2;margin-bottom:60px;position:relative}.section-tag{color:#d4af37;letter-spacing:2px;text-transform:uppercase;background:#d4af3714;border:1px solid #d4af3759;border-radius:40px;margin-bottom:25px;padding:12px 28px;font-size:14px;font-weight:700;display:inline-block}.section-title{color:#fff;margin:0;font-size:58px;font-weight:800;line-height:1.1}.ingredients-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:30px;display:grid;position:relative}.ingredient-card{cursor:pointer;background:linear-gradient(#111,#181818);border:1px solid #d4af372e;border-radius:24px;transition:all .45s;overflow:hidden;box-shadow:0 15px 40px #00000059}.ingredient-card:hover{border-color:#d4af37;transform:translateY(-10px);box-shadow:0 20px 50px #d4af372e}.ingredient-card img{object-fit:cover;width:100%;height:220px;transition:all .45s}.ingredient-card:hover img{transform:scale(1.08)}.ingredient-card h3{color:#d4af37;text-align:center;margin:22px 20px 12px;font-size:24px;font-weight:700}.ingredient-card p{color:#d7d7d7;text-align:center;padding:0 20px 28px;font-size:15px;line-height:1.8}.ingredient-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000,#d4af3714,#0000);transition:all .45s;position:absolute;inset:0}.ingredient-card:hover:before{opacity:1}.ingredient-card{position:relative}.ingredient-card:hover h3{color:gold}.ingredient-card:hover p{color:#fff}.ingredient-card:after{content:"";background:#ffffff2e;width:50%;height:250%;transition:all .8s;position:absolute;top:-120%;left:-60%;transform:rotate(25deg)}.ingredient-card:hover:after{left:130%}@media (width<=1100px){.ingredients-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.ingredients-grid{grid-template-columns:1fr}.section-title{font-size:38px}.ingredient-card img{height:240px}}.ingredient-card{animation:.7s ingredientFade}@keyframes ingredientFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ingredient-card img{animation:5s ease-in-out infinite floatingImage}@keyframes floatingImage{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.ingredient-card:hover img{animation-play-state:paused;transform:scale(1.08)}.ingredient-card:hover{border:1px solid gold;box-shadow:0 0 18px #ffd70033,0 0 40px #d4af3726,0 25px 60px #00000073}.section-title{background:linear-gradient(90deg,#fff,gold,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ingredients-section{margin-top:40px;margin-bottom:40px}.ingredient-card,.ingredient-card img,.ingredient-card h3,.ingredient-card p{transition:all .35s}#ingredients{scroll-margin-top:100px}.ingredient-icon{background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 18px;font-size:42px;display:flex;box-shadow:0 10px 25px #00000014}.navbar{z-index:9999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808f5;border-bottom:1px solid #d4af372e;justify-content:space-between;align-items:center;width:100%;height:88px;padding:0 7%;display:flex;position:sticky;top:0;box-shadow:0 12px 35px #00000073}.logo{cursor:pointer;align-items:center;gap:14px;transition:all .35s;display:flex}.logo:hover{transform:scale(1.03)}.logo-icon{color:#d4af37;text-shadow:0 0 18px #d4af3773;font-size:34px}.logo-text{flex-direction:column;display:flex}.logo-text h2{color:#d4af37;letter-spacing:1px;margin:0;font-size:30px;font-weight:800}.logo-text span{color:#a7a7a7;letter-spacing:3px;text-transform:uppercase;margin-top:4px;font-size:11px}.nav-menu{align-items:center;gap:34px;display:flex}.nav-menu button{color:#f5f5f5;cursor:pointer;letter-spacing:.5px;background:0 0;border:none;font-size:15px;font-weight:600;transition:all .35s;position:relative}.nav-menu button:hover{color:#d4af37}.nav-menu button:after{content:"";background:#d4af37;width:0;height:2px;transition:all .35s;position:absolute;bottom:-8px;left:0}.nav-menu button:hover:after{width:100%}.nav-right{align-items:center;gap:18px;display:flex}.admin-link{cursor:pointer;color:#111;background:linear-gradient(135deg,#b8860b,gold);border:none;border-radius:40px;padding:12px 28px;font-size:15px;font-weight:700;transition:all .35s;box-shadow:0 0 18px #d4af374d}.admin-link:hover{transform:translateY(-3px);box-shadow:0 0 30px #d4af378c}.menu-btn{color:#d4af37;cursor:pointer;background:#d4af371a;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;transition:all .35s;display:none}.menu-btn:hover{color:#111;background:#d4af37}.mobile-menu{background:linear-gradient(#0b0b0b,#161616);border-top:1px solid #d4af3726;border-bottom:1px solid #d4af3726;flex-direction:column;gap:12px;width:100%;padding:20px;animation:.35s menuOpen;display:flex;position:absolute;top:88px;left:0;box-shadow:0 20px 45px #00000073}.mobile-menu button{color:#f5f5f5;text-align:left;cursor:pointer;background:#ffffff08;border:none;border-radius:14px;width:100%;padding:16px 20px;font-size:16px;font-weight:600;transition:all .35s}.mobile-menu button:hover{color:gold;background:#d4af371f;transform:translate(8px)}.mobile-admin{margin-top:8px;font-weight:700;color:#111!important;background:linear-gradient(135deg,#b8860b,gold)!important}.mobile-admin:hover{transform:translate(8px);box-shadow:0 0 25px #d4af3759}@keyframes menuOpen{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.nav-menu{display:none}.menu-btn{display:flex}}@media (width<=768px){.navbar{height:76px;padding:0 18px}.mobile-menu{top:76px}.logo-icon{font-size:24px}.logo-text h2{font-size:22px}.logo-text span{letter-spacing:2px;font-size:10px}.admin-link{display:none}}@media (width<=480px){.navbar{height:70px;padding:0 14px}.mobile-menu{padding:15px;top:70px}.logo{gap:10px}.logo-icon{font-size:22px}.logo-text h2{font-size:19px}.logo-text span{display:none}.mobile-menu button{padding:15px;font-size:15px}.menu-btn{width:42px;height:42px;font-size:24px}}.navbar{animation:.6s navbarFade}@keyframes navbarFade{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo,.menu-btn,.admin-link,.nav-menu button,.mobile-menu button{transition:all .35s}.logo:hover .logo-icon{color:gold;text-shadow:0 0 25px #ffd700bf;transform:rotate(-12deg)}.logo:hover h2{color:gold}.nav-menu button:hover{text-shadow:0 0 10px #d4af3773}.mobile-menu button:hover{box-shadow:inset 0 0 18px #d4af371f}.nav-menu button:active,.mobile-menu button:active,.admin-link:active,.menu-btn:active{transform:scale(.96)}.mobile-menu::-webkit-scrollbar{width:6px}.mobile-menu::-webkit-scrollbar-thumb{background:#d4af37;border-radius:20px}.mobile-menu::-webkit-scrollbar-track{background:#111}.navbar ::selection{color:#111;background:#d4af37}.logo-icon,.logo-text h2{transition:all .35s}.menu-btn svg{pointer-events:none}.mobile-menu{overflow:hidden}.slider{flex-direction:column;gap:14px;width:100%;display:flex}.slider-image-box{cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:22px;justify-content:center;align-items:center;width:100%;height:360px;transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000014}.slider-image-box:hover{box-shadow:0 20px 40px #00000026}.slider-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:18px;transition:all .35s}.slider-image:hover{transform:scale(1.03)}.slider-prev,.slider-next{color:#222;cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;transition:all .35s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 25px #0000002e}.slider-prev{left:12px}.slider-next{right:12px}.slider-prev:hover,.slider-next:hover{color:#111;background:#d4af37;transform:translateY(-50%)scale(1.08)}.slider-counter{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;bottom:15px;right:15px;box-shadow:0 8px 20px #00000040}.slider-thumbnails{scrollbar-width:none;gap:12px;padding:5px 2px;display:flex;overflow-x:auto}.slider-thumbnails::-webkit-scrollbar{display:none}.slider-thumb{object-fit:contain;cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:12px;flex-shrink:0;width:70px;height:70px;padding:5px;transition:all .35s;box-shadow:0 5px 12px #00000014}.slider-thumb:hover{border-color:#d4af37;transform:translateY(-4px);box-shadow:0 12px 25px #d4af3733}.slider-thumb.active{border-color:#d4af37;transform:scale(1.05);box-shadow:0 0 0 2px #d4af372e,0 12px 25px #d4af3740}@media (width<=992px){.slider-image-box{height:320px}.slider-thumb{width:62px;height:62px}}@media (width<=768px){.slider-image-box{border-radius:18px;height:290px}.slider-image{padding:14px}.slider-prev,.slider-next{width:40px;height:40px;font-size:18px}.slider-thumb{width:56px;height:56px}.slider-counter{padding:5px 12px;font-size:12px}}@media (width<=480px){.slider-image-box{height:250px}.slider-image{padding:10px}.slider-prev,.slider-next{width:36px;height:36px;font-size:16px}.slider-thumb{border-radius:10px;width:48px;height:48px}}.slider{animation:.45s sliderFade}@keyframes sliderFade{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.slider-image{transition:transform .35s,filter .35s}.slider-image-box:hover .slider-image{filter:brightness(1.03);transform:scale(1.04)}.slider-prev,.slider-next{opacity:.85}.slider-image-box:hover .slider-prev,.slider-image-box:hover .slider-next{opacity:1}.slider-thumb{transition:transform .35s,box-shadow .35s,border-color .35s}.slider-thumb:hover{transform:translateY(-4px)}.slider-thumb.active{transform:scale(1.08)}.slider-image{animation:.35s imageFade}@keyframes imageFade{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.slider-image-box{overflow:hidden}.slider-image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}.slider-prev:active,.slider-next:active{transform:translateY(-50%)scale(.92)}.slider-thumb:active{transform:scale(.95)}.slider-image-box:hover{border-color:#d4af3773;box-shadow:0 18px 40px #0000002e,0 0 30px #d4af371f}.slider-thumb.active{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733,0 12px 30px #d4af3740}@media (hover:none){.slider-prev,.slider-next{opacity:1}.slider-image:hover{transform:none}}.slider-thumbnails{scroll-behavior:smooth}.slider ::selection{color:#111;background:#d4af37}.lightbox-overlay{z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000eb;flex-direction:column;justify-content:center;align-items:center;animation:.35s lightboxFade;display:flex;position:fixed;inset:0}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}.lightbox-image-wrapper{border-radius:22px;justify-content:center;align-items:center;width:90%;max-width:900px;height:75vh;display:flex;position:relative;overflow:hidden}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .35s,opacity .35s;animation:.35s imagePop}@keyframes imagePop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-close{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:100;background:#ffffff1f;border:none;border-radius:50%;width:52px;height:52px;font-size:26px;transition:all .35s;position:absolute;top:25px;right:25px}.lightbox-close:hover{color:#111;background:#d4af37;transform:rotate(90deg)}.lightbox-prev,.lightbox-next{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:100;background:#ffffff1f;border:none;border-radius:50%;width:58px;height:58px;font-size:30px;transition:all .35s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:35px}.lightbox-next{right:35px}.lightbox-prev:hover,.lightbox-next:hover{color:#111;background:#d4af37;transform:translateY(-50%)scale(1.08);box-shadow:0 0 25px #d4af3773}.lightbox-counter{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;letter-spacing:1px;background:#ffffff1f;border-radius:30px;padding:10px 22px;font-size:15px;font-weight:700;position:absolute;bottom:120px}.lightbox-thumbnails{scrollbar-width:none;justify-content:center;gap:12px;width:92%;max-width:900px;margin-top:25px;padding:8px 5px;display:flex;overflow-x:auto}.lightbox-thumbnails::-webkit-scrollbar{display:none}.lightbox-thumb{object-fit:cover;cursor:pointer;opacity:.65;background:#fff;border:2px solid #0000;border-radius:12px;flex-shrink:0;width:72px;height:72px;padding:4px;transition:all .35s}.lightbox-thumb.active{opacity:1;border-color:#d4af37;transform:scale(1.08);box-shadow:0 0 18px #d4af3773}.lightbox-thumb:hover{opacity:1;border-color:#d4af37;transform:translateY(-4px);box-shadow:0 10px 25px #d4af3740}.lightbox-thumbnails{scroll-behavior:smooth}@media (width<=992px){.lightbox-image-wrapper{width:94%;height:68vh}.lightbox-thumb{width:64px;height:64px}}@media (width<=768px){.lightbox-image-wrapper{width:100%;height:62vh;padding:0 15px}.lightbox-image{max-width:100%;max-height:100%}.lightbox-prev,.lightbox-next{width:46px;height:46px;font-size:22px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-close{width:46px;height:46px;font-size:22px;top:18px;right:18px}.lightbox-counter{padding:8px 18px;font-size:13px;bottom:95px}.lightbox-thumb{width:56px;height:56px}}@media (width<=480px){.lightbox-image-wrapper{height:56vh}.lightbox-prev,.lightbox-next,.lightbox-close{width:40px;height:40px;font-size:18px}.lightbox-thumb{width:48px;height:48px}.lightbox-counter{padding:7px 15px;font-size:12px;bottom:82px}}.lightbox-overlay{animation:.35s overlayFade}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.lightbox-image{animation:.35s imageZoom}@keyframes imageZoom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox-image-wrapper{transition:all .35s}.lightbox-image-wrapper:hover{box-shadow:0 0 40px #d4af372e}.lightbox-image:hover{transform:scale(1.03)}.lightbox-prev:active,.lightbox-next:active,.lightbox-close:active{transform:translateY(-50%)scale(.9)}.lightbox-close:active{transform:scale(.9)}.lightbox-thumb:active{transform:scale(.94)}.lightbox-image{touch-action:pan-y;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (hover:none){.lightbox-image:hover{transform:none}}.lightbox-thumbnails::-webkit-scrollbar{height:6px}.lightbox-thumbnails::-webkit-scrollbar-thumb{background:#d4af37;border-radius:20px}.lightbox-thumbnails::-webkit-scrollbar-track{background:0 0}.lightbox-overlay ::selection{color:#111;background:#d4af37}.order-page{background:radial-gradient(circle at 0 0,#d4af3726,#0000 30%),radial-gradient(circle at 100% 100%,#d4af371a,#0000 35%),#050505;min-height:100vh;padding:70px 8%}.order-container{max-width:1400px;margin:auto}.order-container h1{text-align:center;color:#fff;margin-bottom:55px;font-size:52px;font-weight:800}.order-container h1:after{content:"";background:linear-gradient(90deg,#b8860b,gold);border-radius:50px;width:120px;height:4px;margin:18px auto 0;display:block}.order-grid{grid-template-columns:1fr 430px;align-items:flex-start;gap:45px;display:grid}.left-side{background:linear-gradient(145deg,#111,#1a1a1a);border:1px solid #d4af372e;border-radius:28px;padding:40px;box-shadow:0 25px 60px #00000073}.left-side label{color:#d4af37;margin-top:22px;margin-bottom:10px;font-size:15px;font-weight:700;display:block}.left-side input,.left-side textarea{color:#fff;background:#0d0d0d;border:1px solid #d4af372e;border-radius:14px;outline:none;width:100%;padding:16px 18px;font-size:15px;transition:all .35s}.left-side textarea{resize:none;min-height:120px}.left-side input:focus,.left-side textarea:focus{border-color:#d4af37;box-shadow:0 0 18px #d4af3733}.left-side input::placeholder,.left-side textarea::placeholder{color:#8d8d8d}.right-side{background:linear-gradient(145deg,#111,#1b1b1b);border:1px solid #d4af372e;border-radius:28px;padding:35px;position:sticky;top:110px;overflow:hidden;box-shadow:0 25px 60px #00000073}.right-side:before{content:"";filter:blur(40px);background:radial-gradient(circle,#d4af372e,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-120px;right:-120px}.right-side h2{text-align:center;color:#d4af37;margin-bottom:25px;font-size:32px;font-weight:800}.right-side h3{text-align:center;color:#fff;margin:18px 0;font-size:24px}.right-side p{text-align:center;color:#c8c8c8;margin-bottom:18px;font-size:15px;line-height:1.8}.summary-image{object-fit:contain;background:radial-gradient(circle,#d4af3714,#0000 70%);border-radius:20px;width:100%;height:340px;transition:all .45s}.summary-image:hover{transform:scale(1.05)rotate(-2deg)}.right-side h2:last-of-type{color:gold;text-shadow:0 0 15px #d4af3759;margin-top:15px;margin-bottom:30px;font-size:40px}.continue-btn{cursor:pointer;color:#111;background:linear-gradient(135deg,#b8860b,gold);border:none;border-radius:16px;width:100%;padding:18px;font-size:17px;font-weight:700;transition:all .35s;box-shadow:0 0 25px #d4af3759}.continue-btn:hover{transform:translateY(-4px);box-shadow:0 0 35px #d4af37a6}.right-side:after{content:"";background:linear-gradient(90deg,#0000,#d4af37,#0000);width:120px;height:2px;margin:30px auto 0;display:block}@media (width<=1000px){.order-grid{grid-template-columns:1fr;gap:35px}.right-side{position:static;top:auto}}@media (width<=768px){.order-page{padding:40px 20px}.order-container h1{margin-bottom:35px;font-size:38px}.left-side,.right-side{padding:25px}.summary-image{height:260px}.right-side h2{font-size:26px}.right-side h2:last-of-type{font-size:34px}.continue-btn{padding:16px;font-size:16px}}@media (width<=480px){.order-page{padding:25px 15px}.order-container h1{font-size:30px}.left-side,.right-side{border-radius:20px;padding:20px}.summary-image{height:220px}.left-side label{font-size:14px}.left-side input,.left-side textarea{padding:14px;font-size:14px}.continue-btn{padding:15px;font-size:15px}}@keyframes orderFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.left-side{animation:.7s orderFade}.right-side{animation:.9s orderFade}.left-side input:hover,.left-side textarea:hover{border-color:#d4af3773}.summary-image{cursor:pointer}.summary-image:hover{filter:drop-shadow(0 0 18px #d4af3740)}.order-page::-webkit-scrollbar{width:8px}.order-page::-webkit-scrollbar-track{background:#050505}.order-page::-webkit-scrollbar-thumb{background:linear-gradient(#b8860b,gold);border-radius:20px}.left-side,.right-side{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.quantity-section{text-align:center;margin:28px 0}.quantity-section h4{color:#d4af37;margin-bottom:18px;font-size:22px;font-weight:700}.quantity-control{justify-content:center;align-items:center;gap:22px;display:flex}.qty-btn{cursor:pointer;color:#111;background:linear-gradient(135deg,#b8860b,gold);border:none;border-radius:14px;width:56px;height:56px;font-size:32px;font-weight:800;transition:all .3s;box-shadow:0 8px 18px #d4af374d}.qty-btn:hover{transform:scale(1.08);box-shadow:0 12px 28px #d4af3780}.qty-value{text-align:center;color:#fff;min-width:70px;font-size:32px;font-weight:800}.order-total{text-align:center;color:gold;text-shadow:0 0 15px #d4af3759;margin:25px 0;font-size:42px}@media (width<=768px){.qty-btn{width:48px;height:48px;font-size:28px}.qty-value{min-width:60px;font-size:28px}.quantity-section h4{font-size:20px}.order-total{font-size:34px}}.payment-page{background:radial-gradient(circle at 0 0,#d4af371f,#0000 32%),radial-gradient(circle at 100% 100%,#d4af371a,#0000 35%),#050505;justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex}.payment-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#111,#1b1b1b);border:1px solid #d4af372e;border-radius:28px;width:100%;max-width:760px;padding:48px;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000073}.payment-card:before{content:"";filter:blur(40px);background:radial-gradient(circle,#d4af372e,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-120px;right:-120px}.payment-card h1{color:#d4af37;margin-bottom:15px;font-size:42px;font-weight:800}.payment-card h2{color:gold;text-shadow:0 0 15px #d4af3759;margin:22px 0;font-size:52px;font-weight:800}.payment-card hr{background:linear-gradient(90deg,#0000,#d4af3780,#0000);border:none;height:1px;margin:35px 0}.qr{object-fit:contain;background:#fff;border-radius:20px;width:280px;height:280px;margin:25px auto;padding:12px;transition:all .4s;display:block;box-shadow:0 15px 35px #00000059}.qr:hover{transform:scale(1.05)}.upi-id{color:gold;word-break:break-word;margin:18px 0;font-size:24px;font-weight:700}.gpay-btn,.phonepe-btn,.paytm-btn,.copy-btn,.submit-btn,.home-btn{cursor:pointer;border:none;border-radius:15px;width:100%;margin-top:18px;padding:17px;font-size:17px;font-weight:700;transition:all .35s}.gpay-btn{color:#fff;background:linear-gradient(135deg,#4285f4,#1a73e8)}.gpay-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px #4285f459}.phonepe-btn{color:#fff;background:linear-gradient(135deg,#5f259f,#7b35cb)}.phonepe-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px #5f259f59}.paytm-btn{color:#fff;background:linear-gradient(135deg,#00baf2,#09c)}.paytm-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00baf259}.copy-btn{color:#d4af37;background:#d4af371a;border:1px solid #d4af3740}.copy-btn:hover{color:#111;background:#d4af37}.transaction-box{background:#ffffff08;border:1px solid #d4af372e;border-radius:22px;margin-top:35px;padding:30px}.transaction-box h3{color:#d4af37;margin-bottom:18px;font-size:22px;font-weight:700}.transaction-input{color:#fff;background:#0b0b0b;border:1px solid #d4af372e;border-radius:14px;outline:none;width:100%;padding:16px;font-size:16px;transition:all .35s}.transaction-input:focus{border-color:gold;box-shadow:0 0 18px #d4af3747}.transaction-input:hover{border-color:#d4af3773}.transaction-note{color:#a8a8a8;margin-top:15px;font-size:14px;line-height:1.8}.submit-btn{color:#111;background:linear-gradient(135deg,#b8860b,gold);margin-top:30px}.submit-btn:hover{transform:translateY(-4px);box-shadow:0 0 35px #d4af3773}.home-btn{color:#d4af37;background:0 0;border:2px solid #d4af37}.home-btn:hover{color:#111;background:#d4af37;transform:translateY(-4px)}@media (width<=900px){.payment-card{padding:38px 28px}.payment-card h1{font-size:34px}.payment-card h2{font-size:42px}.qr{width:230px;height:230px}}@media (width<=768px){.payment-page{align-items:flex-start;padding:35px 15px}.payment-card{border-radius:22px;margin-top:20px;padding:28px 20px}.payment-card h1{font-size:30px}.payment-card h2{font-size:36px}.payment-card p{font-size:15px}.qr{width:200px;height:200px}.gpay-btn,.phonepe-btn,.paytm-btn,.copy-btn,.submit-btn,.home-btn{padding:15px;font-size:15px}.transaction-box{padding:22px}.transaction-box h3{font-size:20px}}@media (width<=480px){.payment-page{padding:20px 12px}.payment-card{padding:22px 16px}.payment-card h1{font-size:26px}.payment-card h2{font-size:30px}.payment-card p{font-size:14px}.qr{width:170px;height:170px}.upi-id{font-size:18px}.transaction-input{padding:14px;font-size:14px}}.payment-card{animation:.8s paymentFade}@keyframes paymentFade{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}.qr{animation:4s ease-in-out infinite floatQR}@keyframes floatQR{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.qr:hover{animation-play-state:paused}.payment-card:hover{box-shadow:0 35px 80px #0000008c}.payment-page::-webkit-scrollbar{width:8px}.payment-page::-webkit-scrollbar-track{background:#050505}.payment-page::-webkit-scrollbar-thumb{background:linear-gradient(#b8860b,gold);border-radius:20px}::selection{color:#111;background:#d4af37}.payment-file{color:#fff;cursor:pointer;background:#111;border:2px dashed #d4af37;border-radius:16px;width:100%;margin-top:18px;padding:14px;transition:all .35s}.payment-file:hover{background:#181818;border-color:gold}.payment-preview{border:2px solid #d4af3740;border-radius:18px;width:100%;max-width:320px;margin:22px auto;transition:all .35s;display:block;box-shadow:0 15px 40px #00000059}.payment-preview:hover{transform:scale(1.03);box-shadow:0 20px 45px #d4af3740}.qr{cursor:pointer;transition:all .35s}.qr:hover{transform:scale(1.04);box-shadow:0 0 35px #d4af374d}.payment-warning{color:#856404;text-align:center;background:#fff3cd;border-radius:14px;padding:20px;font-weight:700}@media (width<=768px){.payment-preview{max-width:240px}}.upi-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;width:100%;margin-top:12px;padding:14px;font-size:16px;font-weight:600}.upi-btn:hover{background:#15803d}.payment-method-page{background:radial-gradient(circle at 0 0,#d4af3726,#0000 30%),radial-gradient(circle at 100% 100%,#d4af371a,#0000 35%),#050505;min-height:100vh;padding:70px 20px}.payment-method-container{max-width:900px;margin:auto}.payment-method-container h1{color:#fff;text-align:center;margin-bottom:55px;font-size:46px;font-weight:800}.payment-method-container h1:after{content:"";background:linear-gradient(90deg,#b8860b,gold);border-radius:50px;width:120px;height:4px;margin:18px auto 0;display:block}.payment-options{grid-template-columns:repeat(2,1fr);gap:35px;display:grid}.payment-card{cursor:pointer;text-align:center;background:linear-gradient(145deg,#111,#1b1b1b);border:2px solid #d4af3726;border-radius:24px;padding:35px;transition:all .35s}.payment-card:hover{border-color:#d4af37;transform:translateY(-8px);box-shadow:0 0 30px #d4af3740}.payment-card.active{border:2px solid gold;box-shadow:0 0 35px #d4af3766}.payment-icon{margin-bottom:18px;font-size:60px}.payment-card h2{color:gold;margin-bottom:15px;font-size:28px}.payment-card p{color:#d8d8d8;font-size:15px;line-height:1.8}.payment-continue-btn{cursor:pointer;color:#111;background:linear-gradient(135deg,#b8860b,gold);border:none;border-radius:16px;width:100%;margin-top:45px;padding:18px;font-size:18px;font-weight:700;transition:all .35s;box-shadow:0 0 25px #d4af3759}.payment-continue-btn:hover{transform:translateY(-4px);box-shadow:0 0 35px #d4af378c}@media (width<=768px){.payment-options{grid-template-columns:1fr}.payment-method-container h1{font-size:34px}.payment-card{padding:28px}}.cod-page{background:radial-gradient(circle at 0 0,#d4af3726,#0000 30%),radial-gradient(circle at 100% 100%,#d4af371a,#0000 35%),#050505;justify-content:center;align-items:center;min-height:100vh;padding:70px 20px;display:flex}.cod-card{background:linear-gradient(145deg,#111,#1b1b1b);border:1px solid #d4af3733;border-radius:28px;width:100%;max-width:700px;padding:40px;animation:.6s fadeIn;box-shadow:0 25px 60px #00000073}.cod-card h1{text-align:center;color:gold;margin-bottom:18px;font-size:42px}.cod-subtitle{text-align:center;color:#d7d7d7;margin-bottom:35px;line-height:1.8}.cod-summary{background:#0d0d0d;border:1px solid #d4af372e;border-radius:18px;margin-bottom:30px;padding:25px}.cod-summary h2{color:#d4af37;text-align:center;margin-bottom:20px}.summary-row{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:12px 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.total{color:gold;font-size:22px;font-weight:700}.delivery-box{background:#0d0d0d;border:1px solid #d4af372e;border-radius:18px;margin-bottom:35px;padding:25px}.delivery-box h2{color:#d4af37;margin-bottom:18px}.delivery-box p{color:#fff;margin:8px 0;line-height:1.7}.cod-btn{cursor:pointer;color:#111;background:linear-gradient(135deg,#b8860b,gold);border:none;border-radius:16px;width:100%;padding:18px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 0 25px #d4af3759}.cod-btn:hover{transform:translateY(-3px);box-shadow:0 0 35px #d4af378c}.cod-btn:disabled{opacity:.7;cursor:not-allowed}.back-btn{cursor:pointer;color:#d4af37;background:0 0;border:2px solid #d4af37;border-radius:16px;width:100%;margin-top:18px;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.back-btn:hover{color:#111;background:#d4af37}@media (width<=768px){.cod-page{padding:35px 15px}.cod-card{padding:25px}.cod-card h1{font-size:32px}.summary-row{font-size:15px}.summary-row.total{font-size:18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
