.topbar{position:fixed;top:0;left:0;width:100%;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;padding:6px 18px;font-size:14px;z-index:10000;border-bottom:1px solid #e6edf3}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topbar span{color:#444;font-weight:500;white-space:nowrap}.topbar a{color:teal;font-weight:600;text-decoration:none;white-space:nowrap}.topbar a:hover{text-decoration:underline}.topbar-right .lang-currency-wrapper{margin-left:12px}@media(max-width:360px){.topbar{padding:6px 10px;font-size:11px;flex-direction:column;gap:6px;text-align:center}.topbar-left,.topbar-right{justify-content:center;gap:6px}.topbar-right .lang-currency-wrapper{margin-left:0}}@media(max-width:600px){.topbar{padding:6px 12px;font-size:12px;flex-direction:column;gap:6px}.topbar-left,.topbar-right{justify-content:center}.topbar-right{gap:8px}}@media(min-width:601px)and (max-width:900px){.topbar{padding:6px 16px;font-size:13px}.topbar-left,.topbar-right{gap:8px}}@media(min-width:901px){.topbar{padding:6px 20px;font-size:14px}}.lang-currency-wrapper{position:relative;display:inline-block;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;-webkit-user-select:none;user-select:none}.lang-currency-toggle{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:14px;font-weight:600;color:#0e2041;cursor:pointer;border-radius:6px;transition:background .2s ease,color .2s ease}.lang-currency-toggle:hover{background:#f2f6f9;color:#00b7d4}.lang-currency-dropdown{position:absolute;top:120%;right:0;width:170px;background:#fff;border-radius:10px;border:1px solid #e6e6e6;box-shadow:0 10px 30px #00000026;padding:10px;z-index:20000;animation:lcFade .2s ease}.lang-currency-dropdown .section{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #f0f0f0}.lang-currency-dropdown .section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.lang-currency-dropdown strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#888;margin-bottom:6px;padding-left:6px}.lang-currency-dropdown p{margin:0;padding:8px 10px;font-size:14px;font-weight:500;color:#333;cursor:pointer;border-radius:6px;transition:background .2s ease,color .2s ease}.lang-currency-dropdown p:hover{background:#f3f7fa;color:#00b7d4}@keyframes lcFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){.lang-currency-toggle{font-size:12px;padding:5px 8px}.lang-currency-dropdown{width:150px}.lang-currency-dropdown p{font-size:13px}}@media(max-width:600px){.lang-currency-toggle{font-size:13px;padding:6px 9px}.lang-currency-dropdown{width:160px;right:-10px}}@media(min-width:601px)and (max-width:900px){.lang-currency-toggle{font-size:14px}}@media(min-width:1200px){.lang-currency-toggle{font-size:14px;padding:6px 12px}}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #d3dee7;border-radius:8px;overflow:hidden;height:40px;min-width:240px;transition:border .2s ease,box-shadow .2s ease}.search-box input{flex:1;height:100%;border:none;padding:0 12px;font-size:14px;outline:none;color:#0e2041;background:transparent}.search-box input::placeholder{color:#8ca0b3;font-size:13px}.search-btn{height:100%;width:42px;border:none;background:#00d8e6;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.search-btn:hover{background:#00c4cf}.search-box:focus-within{border-color:#00b7d4;box-shadow:0 0 0 2px #00b7d440}@media(max-width:360px){.search-box{height:36px;min-width:100%;border-radius:6px}.search-box input{font-size:13px;padding:0 10px}.search-btn{width:38px;font-size:14px}}@media(max-width:600px){.search-box{width:100%;min-width:100%;height:38px}.search-box input{font-size:13.5px}.search-btn{width:40px}}@media(min-width:601px)and (max-width:900px){.search-box{min-width:200px;height:38px}.search-box input{font-size:14px}}@media(min-width:901px){.search-box{min-width:240px;height:40px}.search-box input{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--nav-height: 72px;--bg: #ffffff;--border: #eaeaea;--text: #222;--primary: #007bff}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;padding-top:calc(var(--nav-height) + env(safe-area-inset-top))}.navbar{position:fixed;top:44px;left:0;width:100%;height:var(--nav-height);background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;z-index:9999}.logo img{height:40px;display:block}.menu{display:flex;list-style:none;gap:24px;margin-left:32px}.menu a{text-decoration:none;color:var(--text);font-weight:500}.menu a:hover{color:var(--primary)}.actions{margin-left:auto;display:flex;align-items:center;gap:16px}.desktop-search{width:260px}.icon{cursor:pointer;font-size:18px}.cart-icon img{height:22px}.profile-area{position:relative}.profile-email{cursor:pointer;font-weight:500;color:var(--text)}.auth-links a{color:var(--primary);font-weight:500;text-decoration:none}.auth-links .divider{color:#999}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:200px;background:#fff;border-radius:8px;box-shadow:0 12px 30px #00000026;overflow:hidden;z-index:10000}.profile-dropdown span{display:block;padding:12px 16px;font-size:14px;cursor:pointer;border-bottom:1px solid var(--border)}.profile-dropdown span:last-child{border-bottom:none;color:#e53935}.profile-dropdown span:hover{background:#f6f8fb}.mini-cart{position:fixed;top:calc(var(--nav-height) + env(safe-area-inset-top) + 8px);right:12px;width:320px;max-height:80vh;background:#fff;border-radius:8px;box-shadow:0 14px 40px #0000002e;padding:14px;z-index:10000}.mini-cart h4{margin-bottom:10px}.empty-cart{text-align:center;color:#777;padding:20px 0}.mini-cart-items{max-height:260px;overflow-y:auto}.mini-item{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mini-item img{width:48px;height:48px;border-radius:4px;object-fit:cover;border:1px solid var(--border)}.mini-info{flex:1}.mini-info span{font-size:14px;font-weight:500}.mini-info small{color:#666}.mini-remove{border:none;background:none;font-size:18px;color:#e53935;cursor:pointer}.mini-total{margin-top:10px;font-weight:600}.mini-view-btn,.mini-checkout-btn{display:block;width:100%;text-align:center;padding:10px;margin-top:10px;border-radius:6px;cursor:pointer}.mini-view-btn{border:1px solid var(--primary);color:var(--primary)}.mini-checkout-btn{background:var(--primary);color:#fff}.hamburger{font-size:22px;cursor:pointer;display:none}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100%;background:#fff;padding:calc(20px + env(safe-area-inset-top)) 20px 20px;box-shadow:-6px 0 25px #0003;transition:right .3s ease;z-index:11000}.mobile-menu.open{right:0}.menu-close{border:none;background:none;font-size:22px;cursor:pointer;margin-bottom:20px}.mobile-menu ul{list-style:none}.mobile-menu li{margin-bottom:18px}.mobile-menu a{text-decoration:none;color:var(--text);font-size:16px;font-weight:500}@media(max-width:480px){:root{--nav-height: 60px}.navbar{top:85px}.menu,.desktop-search{display:none}.hamburger{display:block}.logo img{height:34px}}@media(max-width:768px){.menu,.desktop-search{display:none}.hamburger{display:block}}@media(min-width:1200px){.desktop-search{width:320px}.menu{gap:32px}}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;padding:90px 40px;min-height:600px;overflow:hidden;background-image:url(/newbanereimage.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;animation:heroZoom 3s ease-in-out infinite alternate}.hero-content{max-width:700px;position:relative;z-index:3;top:-60px}.hero-tag{color:#00d8e6;font-size:18px;margin-bottom:10px}.hero-title{font-size:46px;font-weight:700;color:#0e2041;line-height:1.2;margin-bottom:18px}.hero-text{font-size:17px;color:#6d7a8c;margin-bottom:32px}.hero-btn{background:#00d8e6;border:none;padding:15px 32px;font-size:17px;color:#fff;cursor:pointer;border-radius:4px}.hero-image{position:relative;z-index:3}.hero-image img{width:720px;max-width:100%}.hero:after{content:"";position:absolute;inset:0;z-index:1}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@media(max-width:1200px){.hero{padding:80px 32px;min-height:540px}.hero-title{font-size:40px}.hero-image img{width:600px}}@media(max-width:992px){.hero{padding:70px 28px;min-height:500px}.hero-title{font-size:36px}.hero-image img{width:480px}}@media(max-width:768px){.hero{flex-direction:column;text-align:center;gap:32px;padding:60px 24px;min-height:480px}.hero-content{max-width:90%}.hero-image img{width:360px}}@media(max-width:480px){.hero{padding:50px 18px;top:75px;min-height:420px}.hero-title{font-size:30px}.hero-btn{padding:12px 24px;font-size:15px}.hero-image img{width:260px}}@media(max-width:360px){.hero{padding:42px 14px;min-height:380px}.hero-title{font-size:26px}}@media(max-width:768px){.hero{animation:none}}@media(max-width:480px){.hero{padding:44px 16px;min-height:auto}.hero-content{top:0;max-width:100%}.hero-tag{font-size:14px;margin-bottom:6px}.hero-title{font-size:26px;line-height:1.25;margin-bottom:14px}.hero-text{font-size:14px;margin-bottom:22px}.hero-btn{width:100%;padding:12px;font-size:14px}.hero-image img{width:220px}}@media(min-width:481px)and (max-width:768px){.hero{padding:60px 22px;min-height:460px}.hero-content{top:0;max-width:95%}.hero-title{font-size:32px}.hero-text{font-size:15px}.hero-btn{padding:13px 26px;font-size:15px}.hero-image img{width:320px}}@media(min-width:769px)and (max-width:1024px){.hero{padding:80px 30px}.hero-content{top:-30px}.hero-title{font-size:38px}.hero-image img{width:520px}}@media(min-width:1200px){.hero{padding:90px 40px}.hero-title{font-size:46px}}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:50px 40px;background:#fff}.info-item{background:#f4fafc;padding:26px 18px;border-radius:6px;text-align:center;border:1px solid #d8e6ec;transition:.3s ease}.info-item:hover{background:#e8f6fa;transform:translateY(-4px)}.info-icon{font-size:38px;margin-bottom:12px;color:#00d8e6}.info-title{font-size:18px;font-weight:600;color:#0e2041;margin-bottom:6px}.info-text{font-size:14px;color:#6d7a8c}@media(max-width:992px){.info-grid{grid-template-columns:repeat(2,1fr);padding:40px 26px}}@media(max-width:600px){.info-grid{grid-template-columns:1fr;padding:32px 18px}}@media(max-width:480px){.info-grid{padding:90px 14px;gap:10px}.info-item{padding:20px 14px}.info-icon{font-size:32px;margin-bottom:10px}.info-title{font-size:16px}.info-text{font-size:13px}.info-item:hover{transform:none}}@media(min-width:481px)and (max-width:768px){.info-grid{padding:36px 22px;gap:22px}.info-title{font-size:17px}.info-text{font-size:13.5px}}@media(min-width:769px)and (max-width:1024px){.info-grid{padding:44px 30px;gap:26px}}@media(min-width:1200px){.info-grid{padding:50px 40px;gap:28px}}.product-slider-section{margin:60px 0;overflow:hidden}.slider-header{margin-bottom:18px}.slider-header h2{font-size:28px;font-weight:700;color:#0a2239}.slider-outer{position:relative;overflow:hidden}.product-slider{display:flex;gap:20px;width:max-content}.product-slider.animated{animation:slideLeft 35s linear infinite}.product-slider.animated:hover{animation-play-state:paused}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.slider-item{min-width:260px;flex-shrink:0;transition:transform .35s ease,box-shadow .35s ease}.slider-item:hover{transform:translateY(-8px) scale(1.03)}@media(max-width:768px){.slider-item{min-width:220px}.product-slider.animated{animation-duration:45s}}@media(max-width:768px){.slider-item:hover{transform:none;box-shadow:none}.product-slider.animated{animation-duration:50s}}@media(max-width:480px){.product-slider-section{margin:40px 0}.slider-header h2{font-size:22px}.product-slider{gap:14px}.slider-item{min-width:200px}.product-slider.animated{animation-duration:60s}}@media(max-width:360px){.slider-item{min-width:180px}}@media(min-width:1200px){.product-slider{gap:24px}.slider-item{min-width:280px}.product-slider.animated{animation-duration:35s}}.product-card{width:280px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid #f0f0f0}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.product-img{width:100%;height:280px;position:relative;overflow:hidden;background-color:#f9f9f9}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-img img{transform:scale(1.05)}.wishlist-btn{position:absolute;top:12px;right:12px;width:35px;height:35px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 5px #0000001a;transition:all .2s ease;z-index:2}.wishlist-btn:hover{transform:scale(1.1);background:#fff}.wishlist-btn.active{background:#ffecec}.product-name{font-size:1rem;font-weight:600;color:#333;margin:12px 15px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:1.1rem;font-weight:700;color:#222;margin:0 15px 50px}.product-actions{position:absolute;bottom:0;left:0;width:100%;background:#fff;padding:15px;display:flex;gap:10px;justify-content:space-between;transform:translateY(100%);transition:transform .3s ease-in-out;box-sizing:border-box;border-top:1px solid #eee}.product-card:hover .product-actions{transform:translateY(0)}.product-actions button{flex:1;padding:10px 0;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.add-cart-btn{background-color:#fff;border:1px solid #333;color:#333}.add-cart-btn:hover{background-color:#f0f0f0}.buy-now-btn{background-color:#333;border:1px solid #333;color:#fff}.buy-now-btn:hover{background-color:#000;transform:translateY 5s (-2px)}@media(max-width:1200px){.product-card{width:100%}}@media(max-width:768px){.product-card{transform:none}.product-card:hover{transform:none;box-shadow:0 6px 14px #00000014}.product-card:hover .product-img img{transform:none}.product-actions{position:static;transform:translateY(0);border-top:none;padding:12px 15px}.product-price{margin-bottom:12px}.product-actions button{font-size:.85rem;padding:9px 0}}@media(max-width:480px){.product-img{height:220px}.wishlist-btn{width:32px;height:32px;font-size:1rem}.product-name{font-size:.95rem}.product-price{font-size:1rem}}@media(min-width:1200px){.product-card{width:280px}}.promo-wrapper{max-width:1250px;margin:60px auto;padding:0 40px;display:flex;justify-content:space-between;gap:26px}.promo-box{flex:1;border-radius:20px;padding:40px;min-height:260px;display:flex;align-items:center;position:relative;overflow:hidden;animation:fadeUp .9s ease-out both;transition:transform .4s ease,box-shadow .4s ease}.promo-box:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.promo-left{background:url(/1.jpg) center/cover no-repeat;background-size:cover;background-position:center;background-repeat:no-repeat;animation:zoomBg 12s ease-in-out infinite alternate}.promo-right{background:url(/2.jpg) center/cover no-repeat;background-size:cover;background-position:center;background-repeat:no-repeat;animation:zoomBg 12s ease-in-out infinite alternate;display:flex;justify-content:flex-end;text-align:right}.promo-box:before{content:"";position:absolute;inset:0;z-index:1}.promo-info,.promo-info1{position:relative;z-index:2;max-width:300px;display:flex;flex-direction:column;gap:12px;animation:fadeSlide 1.1s ease-out both}.promo-left .promo-info{text-align:left;align-items:flex-start}.promo-right .promo-info1{text-align:right;align-items:flex-end}.promo-tag{font-size:14px;font-weight:600;color:#00b4c2;animation:fadeIn 1.3s ease-out both}.promo-heading{font-size:26px;font-weight:700;color:#0e2041;animation:fadeIn 1.4s ease-out both}.promo-btn{background:#00d8e6;border:none;padding:12px 26px;color:#fff;border-radius:6px;animation:fadeIn 1.5s ease-out both;transition:background .3s ease;cursor:pointer}.promo-btn:hover{background:#00c5d3}.promo-badge{display:flex;align-items:center;gap:8px;animation:fadeIn 1.7s ease-out both}.promo-badge img{width:30px}@keyframes zoomBg{0%{background-size:100%}to{background-size:108%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:992px){.promo-wrapper{flex-direction:column}.promo-box{text-align:center}.promo-info,.promo-info1{align-items:center!important;text-align:center!important}}@media(max-width:480px){.promo-wrapper{margin:40px auto;padding:0 16px;gap:18px}.promo-box{padding:24px 18px;min-height:220px;border-radius:16px;animation:none}.promo-left,.promo-right{animation:none}.promo-heading{font-size:20px}.promo-tag{font-size:13px}.promo-btn{width:100%;padding:12px;font-size:14px}.promo-badge img{width:24px}.promo-box:hover{transform:none;box-shadow:none}}@media(min-width:481px)and (max-width:768px){.promo-wrapper{padding:0 24px;gap:22px}.promo-box{padding:30px 26px;min-height:240px}.promo-heading{font-size:22px}.promo-btn{padding:12px 22px;font-size:15px}}@media(min-width:769px)and (max-width:1024px){.promo-wrapper{padding:0 32px}.promo-box{padding:36px}.promo-heading{font-size:24px}}@media(min-width:1200px){.promo-wrapper{padding:0 40px}.promo-box{min-height:260px}.promo-box:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}}.shop-wrapper{max-width:1300px;margin:40px auto;padding:20px;display:flex;gap:30px}.shop-filters{width:260px;background:#fff;padding:20px;border-radius:12px;border:1px solid #eee;height:fit-content}.shop-filters h3{margin-bottom:18px}.filter-box{margin-bottom:20px;display:flex;flex-direction:column}.filter-box label{font-weight:600;margin-bottom:6px}.filter-box input,.filter-box select{padding:10px;border-radius:6px;border:1px solid #ddd}.filter-box input[type=range]{padding:0;cursor:pointer}.shop-products{flex:1}.shop-products h2{font-size:28px;font-weight:700}.result-count{margin:10px 0 20px;font-size:15px;color:#555}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}@media(max-width:900px){.shop-wrapper{flex-direction:column}.shop-filters{width:100%}}@media(max-width:480px){.shop-wrapper{margin:20px 12px;padding:0;gap:20px}.shop-filters{padding:16px;border-radius:10px}.shop-filters h3{font-size:18px;margin-bottom:14px}.filter-box label{font-size:14px}.filter-box input,.filter-box select{font-size:14px;padding:9px}.shop-products h2{font-size:22px}.result-count{font-size:14px;margin-bottom:16px}.products-grid{gap:16px}}@media(min-width:481px)and (max-width:768px){.shop-wrapper{max-width:95%;margin:30px auto;padding:0;gap:24px}.shop-filters{padding:18px}.shop-products h2{font-size:25px}.products-grid{gap:20px}}@media(min-width:769px)and (max-width:1024px){.shop-wrapper{gap:26px}.shop-filters{width:240px}}@media(min-width:1200px){.shop-wrapper{max-width:1300px}.products-grid{gap:22px}}.pd-wrapper{max-width:1250px;margin:40px auto;padding:20px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.pd-gallery{display:flex;flex-direction:column;gap:18px}.pd-main-img{width:100%;height:420px;object-fit:contain;background:#f6faff;border-radius:14px;padding:20px;transition:.3s ease;cursor:zoom-in;box-shadow:0 3px 10px #00000012}.pd-main-img:hover{transform:scale(1.03)}.pd-thumbs{display:flex;gap:12px}.pd-thumbs img{width:85px;height:85px;border-radius:10px;object-fit:contain;background:#f6faff;padding:10px;cursor:pointer;transition:.25s ease;border:1px solid transparent}.pd-thumbs img:hover{border-color:#00bcd4;transform:translateY(-3px)}.pd-info{background:#fff;padding:30px;border-radius:14px;box-shadow:0 4px 18px #00000014}.pd-title{font-size:28px;font-weight:700;color:#112;margin-bottom:10px}.pd-prices{display:flex;align-items:baseline;gap:10px;margin-bottom:15px}.pd-old{font-size:18px;color:#888;text-decoration:line-through}.pd-new{font-size:26px;font-weight:700;color:#00b7c8}.pd-stock{font-weight:600;color:#41a03e;margin-bottom:12px}.pd-short{font-size:15px;line-height:1.6;color:#444;margin-bottom:25px}.pd-actions{display:flex;gap:15px;margin-bottom:25px}.pd-cart-btn,.pd-buy-btn{padding:13px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;flex:1;transition:.3s ease}.pd-cart-btn{background:#00b7d4;color:#fff}.pd-cart-btn:hover{background:#009bb3}.pd-buy-btn{background:#ffd200;color:#222}.pd-buy-btn:hover{background:#f1c400}.pd-tabs{display:flex;gap:15px;margin-top:20px;border-bottom:1px solid #eee;padding-bottom:8px}.pd-tabs button{background:transparent;border:none;padding:10px 16px;font-weight:600;cursor:pointer;color:#666;transition:.25s ease}.pd-tabs button:hover{color:#00b7d4}.pd-tabs .active{color:#00b7d4;border-bottom:2px solid #00b7d4}.pd-tab-content{margin-top:18px;line-height:1.7;color:#333}.related-section{grid-column:1 / 3;margin-top:50px}.related-section h2{font-size:26px;margin-bottom:20px;font-weight:700;color:#112}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}@media(max-width:950px){.pd-wrapper{grid-template-columns:1fr}.pd-main-img{height:360px}.pd-actions{flex-direction:column}}@media(max-width:550px){.pd-main-img{height:300px}.pd-title,.pd-new{font-size:22px}}@media(max-width:480px){.pd-wrapper{margin:20px 12px;padding:0;gap:24px}.pd-main-img{height:260px;padding:14px;cursor:default}.pd-main-img:hover{transform:none}.pd-thumbs{justify-content:center;gap:10px}.pd-thumbs img{width:70px;height:70px;padding:8px}.pd-info{padding:20px}.pd-title{font-size:20px}.pd-old{font-size:15px}.pd-new{font-size:20px}.pd-short{font-size:14px;margin-bottom:20px}.pd-actions{gap:12px}.pd-cart-btn,.pd-buy-btn{font-size:15px;padding:12px}.pd-tabs{gap:8px;overflow-x:auto;white-space:nowrap}.pd-tabs button{padding:8px 12px;font-size:14px}.pd-tab-content{font-size:14px}.related-section{margin-top:35px}.related-section h2{font-size:20px}}@media(min-width:481px)and (max-width:768px){.pd-wrapper{max-width:95%;margin:30px auto;padding:0;gap:30px}.pd-main-img{height:340px}.pd-title,.pd-new{font-size:24px}.pd-info{padding:24px}}@media(min-width:769px)and (max-width:1024px){.pd-wrapper{gap:34px}.pd-main-img{height:380px}.pd-title{font-size:26px}}@media(min-width:1200px){.pd-wrapper{max-width:1250px}.pd-main-img{height:420px}}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6faff,#dff4ff,#e6fffa);padding:40px 20px;animation:fadeBg 1.2s ease}.auth-card{width:100%;max-width:420px;background:#ffffffbf;padding:40px 34px;border-radius:18px;box-shadow:0 18px 40px #0000001f;animation:fadeIn 1s ease}.auth-title{text-align:center;font-size:28px;font-weight:700;color:#0e2041;margin-bottom:6px}.auth-sub{text-align:center;color:#6d7a8c;margin-bottom:26px}.auth-field{margin-bottom:18px}.auth-field label{font-size:14px;font-weight:600;color:#0e2041;display:block;margin-bottom:6px}.auth-field input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #dce4ea;outline:none;font-size:15px;transition:.25s}.auth-field input:focus{border-color:#00c6d8;box-shadow:0 0 0 2px #00c6d840}.auth-input-wrap{position:relative}.pass-toggle{position:absolute;right:12px;top:50%;font-size:18px;cursor:pointer;transform:translateY(-50%)}.auth-btn{width:100%;padding:12px 0;border:none;background:#00d8e6;color:#fff;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:.25s ease}.auth-btn:hover{background:#00c2d0}.auth-divider{text-align:center;margin:22px 0;position:relative}.auth-divider span{background:#fff;padding:0 10px;color:#6d7a8c;font-size:14px}.auth-divider:before{content:"";height:1px;width:100%;background:#e1e7ed;position:absolute;top:50%;left:0;z-index:-1}.auth-bottom{text-align:center;color:#6d7a8c;margin-top:10px}.auth-bottom a{color:#00b6c7;font-weight:600;text-decoration:none}.auth-bottom a:hover{text-decoration:underline}.success-box{background:#e6fff2;padding:12px;border-radius:8px;margin-bottom:18px;color:#0f8a3c;font-size:14px;border:1px solid #b8f2d0;text-align:center;animation:successFade .4s ease}@keyframes successFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.auth-card{padding:32px 22px}.auth-title{font-size:24px}}@media(max-width:480px){.auth-wrapper{padding:30px 12px}.auth-card{max-width:100%;padding:26px 18px;border-radius:14px}.auth-title{font-size:22px}.auth-sub{font-size:13px;margin-bottom:20px}.auth-field label{font-size:13px}.auth-field input{font-size:14px;padding:11px 12px}.pass-toggle{font-size:16px;right:10px}.auth-btn{font-size:15px;padding:11px 0}.auth-divider span,.auth-bottom{font-size:13px}}@media(min-width:481px)and (max-width:768px){.auth-wrapper{padding:35px 18px}.auth-card{max-width:400px;padding:32px 26px}.auth-title{font-size:25px}}@media(min-width:769px)and (max-width:1024px){.auth-card{max-width:420px}.auth-title{font-size:27px}}@media(min-width:1200px){.auth-card{max-width:420px}}.contact-page{padding-top:40px;background:#fff}.contact-header{background:#00d8e6;padding:70px 0;text-align:center;color:#fff}.contact-header h2{font-size:34px;font-weight:700}.contact-info-grid{display:flex;justify-content:space-between;gap:20px;max-width:1100px;margin:40px auto}.info-card{background:#f7f9fc;padding:30px 20px;border-radius:12px;flex:1;text-align:center;box-shadow:0 4px 18px #0000000d}.info-card .icon{font-size:40px;color:#00d8e6;margin-bottom:10px}.info-card h3{margin-bottom:8px;font-weight:700}.info-card a{text-decoration:none;color:#000}.quote-form-section{max-width:1100px;margin:60px auto;padding:0 20px}.quote-form-section h2{font-size:26px;font-weight:700}.quote-form-section p{margin-bottom:20px;color:#777}.quote-form input,.quote-form textarea{width:100%;padding:14px;border-radius:6px;border:1px solid #ddd;background:#fefefe}.two-col{display:flex;gap:20px;margin-bottom:20px}.quote-form textarea{height:140px;margin-bottom:20px}.submit-btn{background:#00d8e6;color:#fff;padding:12px 28px;border:none;border-radius:6px;cursor:pointer;font-weight:600}.subscribe-bar{background:#eafafd;padding:40px 20px;text-align:center;margin-top:50px}.subscribe-input{display:flex;justify-content:center;gap:10px;margin-top:20px}.subscribe-input input{width:340px;padding:12px;border:1px solid #ddd;border-radius:6px}.subscribe-input button{background:#00d8e6;color:#fff;padding:12px 22px;border-radius:6px;border:none}@media(max-width:480px){.contact-page{padding-top:20px}.contact-header{padding:50px 16px}.contact-header h2{font-size:24px}.contact-info-grid{flex-direction:column;margin:30px 12px;gap:16px}.info-card{padding:22px 16px}.info-card .icon{font-size:34px}.quote-form-section{margin:40px 12px;padding:0}.quote-form-section h2{font-size:20px}.quote-form-section p{font-size:14px}.two-col{flex-direction:column;gap:14px;margin-bottom:14px}.quote-form input,.quote-form textarea{padding:12px;font-size:14px}.quote-form textarea{height:120px}.submit-btn{width:100%;padding:12px;font-size:15px}.subscribe-bar{padding:30px 16px}.subscribe-input{flex-direction:column;gap:12px}.subscribe-input input,.subscribe-input button{width:100%}}@media(min-width:481px)and (max-width:768px){.contact-header h2{font-size:28px}.contact-info-grid{max-width:95%;margin:35px auto}.info-card{padding:26px 18px}.quote-form-section{max-width:95%;margin:50px auto}.quote-form-section h2{font-size:24px}.subscribe-input input{width:260px}}@media(min-width:769px)and (max-width:1024px){.contact-info-grid,.quote-form-section{max-width:1000px}}@media(min-width:1200px){.contact-info-grid,.quote-form-section{max-width:1100px}}.container{max-width:1250px;margin:auto;padding:0 40px}.about-hero{background:#00d8e6;color:#fff;text-align:center;padding:80px 0}.about-hero h1{font-size:38px;font-weight:700;margin-bottom:6px}.about-story{display:flex;align-items:center;gap:40px;margin:70px 0}.story-left img{width:100%;border-radius:14px;animation:fadeIn 1.2s ease-out}.story-right h2{font-size:30px;margin-bottom:14px}.story-right p{margin-bottom:14px;color:#555;line-height:1.6}.about-btn{background:#00d8e6;color:#fff;border:none;padding:12px 28px;border-radius:6px;cursor:pointer;transition:.3s ease}.about-btn:hover{background:#00b8c4}.about-stats{display:flex;justify-content:space-between;text-align:center;max-width:1100px;margin:40px auto}.stat-box{flex:1;padding:20px;animation:fadeUp 1s ease-out}.stat-box h3{font-size:34px;font-weight:700;color:#00b8c4}.stat-box p{color:#666}.why-choose{margin:60px 0;text-align:center}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px}.why-item{background:#f7f9fb;padding:30px 20px;border-radius:14px;text-align:center;transition:.3s ease;animation:fadeIn 1.3s ease-out}.why-item:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0000001a}.why-item .icon{font-size:40px;color:#00d8e6;margin-bottom:10px}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:992px){.about-story{flex-direction:column;text-align:center}.about-stats{flex-direction:column;gap:20px}.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.why-grid{grid-template-columns:1fr}}@media(max-width:480px){.container{padding:0 16px}.about-hero{padding:60px 0}.about-hero h1{font-size:26px}.about-story{margin:40px 0;gap:24px}.story-right h2{font-size:22px}.story-right p{font-size:14px}.about-btn{width:100%;padding:12px;font-size:14px}.stat-box{padding:16px}.stat-box h3{font-size:26px}.why-choose{margin:40px 0}.why-item{padding:22px 16px}.why-item .icon{font-size:34px}.why-item:hover{transform:none;box-shadow:none}}@media(min-width:481px)and (max-width:768px){.container{padding:0 24px}.about-hero h1{font-size:32px}.story-right h2{font-size:26px}.stat-box h3{font-size:30px}.why-item{padding:26px 18px}}@media(min-width:769px)and (max-width:1024px){.container{padding:0 32px}.about-hero h1{font-size:36px}.why-grid{gap:22px}}@media(min-width:1200px){.container{padding:0 40px}.why-grid{gap:26px}}.footer-top{background:#0e2041;color:#fff;padding:60px 40px;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.ft-col{flex:1;min-width:240px}.ft-title{font-size:20px;font-weight:700;margin-bottom:16px;color:#00d8e6}.ft-text{color:#d4d8e0;font-size:15px;margin-bottom:10px;line-height:1.5}.ft-links li{list-style:none;margin-bottom:8px}.ft-links li a{text-decoration:none;color:#d4d8e0;font-size:15px;transition:.3s}.ft-links li a:hover{color:#00d8e6}.ft-newsletter{display:flex;gap:8px;margin-top:14px}.ft-newsletter input{flex:1;padding:10px 12px;border-radius:6px;border:none;outline:none}.ft-newsletter button{background:#00d8e6;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;transition:.25s}.ft-newsletter button:hover{background:#00bccc}.footer-bottom{background:#09152c;color:#c5c9d3;padding:18px 40px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:14px}.fb-links a{text-decoration:none;color:#c5c9d3;margin-left:14px;transition:.3s}.fb-links span{color:#fff}.fb-links span:hover{color:red}.fb-links a:hover{color:#00d8e6}@media(max-width:768px){.footer-bottom{flex-direction:column;text-align:center;gap:10px}.ft-newsletter{flex-direction:column}.ft-newsletter button{width:100%}.footer-top{padding:40px 20px}}@media(max-width:480px){.footer-top{padding:30px 16px;gap:26px}.ft-col{min-width:100%;text-align:center}.ft-title{font-size:18px}.ft-text,.ft-links li a{font-size:14px}.ft-links{padding:0}.ft-links li{margin-bottom:6px}.ft-newsletter{gap:10px}.ft-newsletter input{text-align:center}.footer-bottom{padding:14px 16px;font-size:13px}.fb-links a{margin-left:8px;margin-right:8px}}@media(min-width:481px)and (max-width:768px){.footer-top{padding:40px 24px;gap:32px}.ft-col{min-width:45%}.ft-title{font-size:19px}}@media(min-width:769px)and (max-width:1024px){.footer-top{padding:50px 32px}.ft-col{min-width:220px}}@media(min-width:1200px){.footer-top{padding:60px 40px}.footer-bottom{padding:18px 40px}}.account-wrapper{max-width:650px;margin:40px auto;padding:20px}.account-title{font-size:28px;font-weight:700;color:#0a2239;text-align:center}.account-sub{text-align:center;margin-top:5px;color:#666;font-size:14px}.account-card{background:#fff;padding:25px;margin-top:25px;border-radius:12px;border:1px solid #eee;box-shadow:0 4px 10px #0000000a}.account-field{margin-bottom:18px;display:flex;flex-direction:column}.account-field label{font-size:14px;font-weight:600;margin-bottom:6px;color:#333}.account-field input,.account-field textarea{width:100%;padding:12px;border-radius:6px;border:1px solid #ddd;font-size:14px;outline:none;transition:all .2s}.account-field input:focus,.account-field textarea:focus{border-color:#00b7d4;box-shadow:0 0 0 2px #00b7d426}.account-field textarea{height:120px;resize:none}.account-btn{width:100%;padding:12px;background:#00b7d4;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}.account-btn:hover{background:#0099b4}.account-loading{text-align:center;padding:50px;font-size:18px;font-weight:600}@media(max-width:480px){.account-wrapper{margin:20px 12px;padding:0}.account-title{font-size:22px}.account-sub{font-size:13px}.account-card{padding:18px;border-radius:10px}.account-field label{font-size:13px}.account-field input,.account-field textarea{padding:10px;font-size:13px}.account-btn{padding:11px;font-size:14px}.account-loading{padding:30px;font-size:16px}}@media(min-width:481px)and (max-width:768px){.account-wrapper{max-width:90%;margin:30px auto;padding:0}.account-title{font-size:24px}.account-card{padding:22px}.account-field input,.account-field textarea{font-size:14px}}@media(min-width:769px)and (max-width:1024px){.account-wrapper{max-width:600px}.account-title{font-size:26px}.account-card{padding:24px}}@media(min-width:1200px){.account-wrapper{max-width:650px}.account-card{padding:28px}}.orders-wrapper{max-width:850px;margin:40px auto;padding:20px}.orders-title{text-align:center;font-size:28px;font-weight:700;color:#0a2239;margin-bottom:25px}.orders-list{display:flex;flex-direction:column;gap:18px}.order-card{border:1px solid #eee;padding:18px;border-radius:10px;background:#fff;display:flex;justify-content:space-between;box-shadow:0 4px 10px #0000000a}.order-info h3{font-size:20px;font-weight:600}.status{font-weight:600;text-transform:capitalize}.status.processing{color:#09c}.status.completed{color:green}.status.pending{color:orange}.order-btn{align-self:center;padding:8px 16px;background:#00b7d4;color:#fff;border-radius:6px;font-weight:600;text-decoration:none}.order-btn:hover{background:#0099b4}.no-orders{text-align:center;color:#666;padding:40px}.orders-loading{text-align:center;font-size:18px;padding:40px}@media(max-width:480px){.orders-wrapper{margin:20px 12px;padding:0}.orders-title{font-size:22px;margin-bottom:18px}.orders-list{gap:14px}.order-card{flex-direction:column;gap:12px;padding:14px}.order-info h3{font-size:16px}.status{font-size:13px}.order-btn{width:100%;text-align:center;padding:10px;font-size:14px}.no-orders,.orders-loading{padding:25px;font-size:15px}}@media(min-width:481px)and (max-width:768px){.orders-wrapper{max-width:94%;margin:30px auto;padding:0}.orders-title{font-size:24px}.order-card{padding:16px}.order-info h3{font-size:18px}}@media(min-width:769px)and (max-width:1024px){.orders-wrapper{max-width:780px}.orders-title{font-size:26px}}@media(min-width:1200px){.orders-wrapper{max-width:850px}.order-card{padding:20px}}.od-wrapper{max-width:750px;margin:40px auto;padding:20px}.od-title{text-align:center;font-size:26px;font-weight:700;margin-bottom:20px}.od-card{background:#fff;padding:22px;border-radius:12px;border:1px solid #eee;box-shadow:0 4px 10px #0000000d}.od-card p{margin:6px 0;font-size:15px}.od-subtitle{margin-top:20px;font-size:20px;color:#0a2239}.od-items{margin-top:12px;border-top:1px solid #eee;padding-top:12px}.od-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f2f2f2}.od-item:last-child{border-bottom:none}.od-loading{padding:40px;text-align:center;font-size:18px}@media(max-width:480px){.od-wrapper{margin:20px 12px;padding:0}.od-title{font-size:22px;margin-bottom:16px}.od-card{padding:16px;border-radius:10px}.od-card p{font-size:13px}.od-subtitle{font-size:17px;margin-top:16px}.od-item{flex-direction:column;gap:4px;font-size:13px}.od-loading{padding:25px;font-size:16px}}@media(min-width:481px)and (max-width:768px){.od-wrapper{max-width:92%;margin:30px auto;padding:0}.od-title{font-size:24px}.od-card{padding:20px}.od-card p,.od-item{font-size:14px}}@media(min-width:769px)and (max-width:1024px){.od-wrapper{max-width:680px}.od-title{font-size:25px}.od-card{padding:22px}}@media(min-width:1200px){.od-wrapper{max-width:750px}.od-card{padding:26px}}.wl-wrapper{max-width:1100px;margin:40px auto;padding:20px}.wl-title{text-align:center;font-size:28px;font-weight:700;margin-bottom:25px}.wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.wl-card{background:#fff;border:1px solid #eee;padding:15px;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0000000a}.wl-card img{width:100%;height:180px;object-fit:contain}.wl-price{font-size:18px;font-weight:700;margin:8px 0}.wl-remove{width:100%;padding:10px 12px;background:red;color:#fff;border-radius:6px;border:none;font-weight:600;cursor:pointer}.wl-empty{text-align:center;padding:40px;font-size:18px;color:#666}@media(max-width:480px){.wl-wrapper{margin:20px 12px;padding:0}.wl-title{font-size:22px;margin-bottom:18px}.wl-grid{gap:14px}.wl-card{padding:12px;border-radius:8px}.wl-card img{height:150px}.wl-price{font-size:16px}.wl-remove{font-size:14px;padding:9px}.wl-empty{padding:25px;font-size:15px}}@media(min-width:481px)and (max-width:768px){.wl-wrapper{max-width:95%;margin:30px auto;padding:0}.wl-title{font-size:25px}.wl-card img{height:165px}}@media(min-width:769px)and (max-width:1024px){.wl-wrapper{max-width:1000px}.wl-title{font-size:27px}}@media(min-width:1200px){.wl-wrapper{max-width:1100px}.wl-card img{height:180px}}.cart-wrapper{max-width:1200px;margin:40px auto;padding:20px}.cart-title{text-align:center;font-size:32px;font-weight:700;color:#0e2041;margin-bottom:25px}.cart-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px}@media(max-width:900px){.cart-grid{grid-template-columns:1fr}}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-card{background:#fff;padding:18px;border-radius:12px;display:flex;gap:18px;border:1px solid #e7ecef;box-shadow:0 4px 12px #0000000f}.cart-card img{width:130px;height:130px;object-fit:contain;background:#f7f9fb;border-radius:10px;padding:10px}.cart-info h3{margin:0;font-size:20px;font-weight:600}.cart-price{font-size:18px;font-weight:700;color:#0097b6;margin:8px 0}.qty-box{display:flex;align-items:center;gap:12px;margin-top:10px}.qty-box button{width:34px;height:34px;border:none;background:#e9f7fb;color:#0097b6;font-size:20px;border-radius:6px;cursor:pointer;font-weight:600;transition:.2s}.qty-box button:hover{background:#d3f1f7}.qty-box span{font-size:16px;font-weight:600}.remove-btn{margin-top:10px;background:transparent;color:#ff3b3b;border:none;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px}.remove-btn:hover{text-decoration:underline}.cart-summary{background:#fff;padding:22px;border-radius:12px;border:1px solid #e7ecef;box-shadow:0 6px 18px #00000014;height:fit-content}.cart-summary h3{margin-bottom:16px;font-size:22px;font-weight:700;color:#0e2041}.total-amount{font-size:22px;font-weight:700;color:#0097b6;margin-top:12px}.checkout-btn{margin-top:20px;width:100%;display:block;padding:14px;background:#00b7d4;color:#fff;text-align:center;font-weight:600;border-radius:8px;font-size:16px;transition:.3s ease}.checkout-btn:hover{background:#009bb3}.cart-empty{text-align:center;padding:80px 20px;font-size:22px;font-weight:600;color:#777}@media(max-width:480px){.cart-wrapper{margin:20px 12px;padding:0}.cart-title{font-size:24px;margin-bottom:18px}.cart-card{flex-direction:column;align-items:center;text-align:center;padding:14px;gap:14px}.cart-card img{width:110px;height:110px}.cart-info h3,.cart-price{font-size:16px}.qty-box{justify-content:center}.qty-box button{width:32px;height:32px;font-size:18px}.cart-summary{padding:18px}.cart-summary h3,.total-amount{font-size:18px}.checkout-btn{font-size:15px;padding:12px}.cart-empty{padding:40px 16px;font-size:16px}}@media(min-width:481px)and (max-width:768px){.cart-wrapper{max-width:95%;margin:30px auto;padding:0}.cart-title{font-size:28px}.cart-card{padding:16px}.cart-card img{width:120px;height:120px}.cart-info h3{font-size:18px}.cart-price{font-size:17px}}@media(min-width:769px)and (max-width:1024px){.cart-wrapper{max-width:1100px}.cart-title{font-size:30px}.cart-grid{gap:22px}}@media(min-width:1200px){.cart-wrapper{max-width:1200px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 #00b7d400}to{box-shadow:0 0 15px #00b7d466}}.checkout-wrapper{max-width:1100px;margin:40px auto;padding:20px;animation:fadeIn .5s ease}.checkout-title{text-align:center;font-size:34px;font-weight:800;color:#0a2239;letter-spacing:1px;margin-bottom:10px}.checkout-grid{display:flex;gap:30px;margin-top:25px;animation:fadeUp .6s ease}.checkout-form{flex:2;background:#fff;border:1px solid #e8e8e8;padding:25px;border-radius:14px;box-shadow:0 5px 20px #0000000f;transition:.3s ease}.checkout-form:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.checkout-form h3{font-size:22px;font-weight:700;margin-bottom:18px;color:#0a2239}.checkout-form label{font-weight:600;margin-top:12px;display:block;color:#444;font-size:14px}.checkout-form input,.checkout-form textarea{width:100%;padding:13px;border:1px solid #d1d1d1;background:#fafafa;border-radius:10px;font-size:15px;margin-top:6px;transition:.25s ease}.checkout-form input:focus,.checkout-form textarea:focus{border-color:#00b7d4;background:#fff;animation:glowPulse .6s ease-out;outline:none}.checkout-form textarea{min-height:110px;resize:vertical}.payment-options{margin-top:10px}.pay-option{display:flex;align-items:center;padding:12px;border:1px solid #ddd;border-radius:10px;margin-top:10px;cursor:pointer;transition:.3s ease}.pay-option:hover{border-color:#00b7d4;background:#f2feff;transform:translate(3px)}.pay-option input{margin-right:10px}.checkout-summary{flex:1;background:#fff;border:1px solid #e8e8e8;padding:22px;border-radius:14px;box-shadow:0 5px 20px #0000000f;height:fit-content;animation:fadeUp .8s ease}.checkout-summary h3{font-size:22px;font-weight:700;color:#0a2239;margin-bottom:12px}.summary-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #efefef;font-size:15px;color:#333}.summary-item:last-child{border-bottom:none}.summary-total{font-size:24px;font-weight:800;margin-top:20px;text-align:right;color:#0a2239}.place-order{width:100%;padding:15px;background:#00b7d4;color:#fff;border:none;border-radius:10px;margin-top:20px;cursor:pointer;font-weight:700;font-size:17px;transition:.3s ease}.place-order:hover{background:#0099b6;transform:translateY(-3px);box-shadow:0 8px 15px #009bb659}@media(max-width:900px){.checkout-grid{flex-direction:column}.checkout-wrapper{padding:10px}}@media(max-width:480px){.checkout-wrapper{margin:20px 12px;padding:0}.checkout-title{font-size:24px;letter-spacing:.5px}.checkout-grid{gap:18px}.checkout-form,.checkout-summary{padding:18px;border-radius:12px}.checkout-form h3,.checkout-summary h3{font-size:18px}.checkout-form label{font-size:13px}.checkout-form input,.checkout-form textarea{font-size:14px;padding:11px;border-radius:8px}.checkout-form textarea{min-height:90px}.checkout-form:hover{transform:none;box-shadow:0 5px 20px #0000000f}.pay-option{padding:10px;font-size:14px}.pay-option:hover{transform:none;background:#f7fdff}.summary-item{font-size:14px}.summary-total{font-size:18px}.place-order{font-size:15px;padding:13px}.place-order:hover{transform:none;box-shadow:none}}@media(min-width:481px)and (max-width:768px){.checkout-wrapper{max-width:95%;margin:30px auto;padding:0}.checkout-title{font-size:28px}.checkout-grid{gap:22px}.checkout-form,.checkout-summary{padding:22px}.summary-total{font-size:20px}}@media(min-width:769px)and (max-width:1024px){.checkout-wrapper{max-width:1050px}.checkout-title{font-size:32px}.checkout-grid{gap:26px}}@media(min-width:1200px){.checkout-wrapper{max-width:1100px}}.track-wrapper{max-width:800px;margin:40px auto;padding:20px;text-align:center;animation:fadeInMain .6s ease}@keyframes fadeInMain{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.track-title{font-size:32px;font-weight:700;color:#0a2239;margin-bottom:18px}.track-input{width:100%;padding:14px;border:1px solid #dcdcdc;border-radius:10px;font-size:16px;outline:none;transition:.25s ease;background:#f9f9f9}.track-input:focus{border-color:#00b7d4;background:#fff;box-shadow:0 0 10px #00b7d459}.track-btn{margin-top:16px;padding:14px 28px;background:#00b7d4;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s ease}.track-btn:hover{background:#009bb6;box-shadow:0 8px 18px #009bb673;transform:translateY(-2px)}.track-error{margin-top:15px;color:red;font-weight:600;font-size:16px}.track-card{background:#fff;padding:25px;border-radius:16px;margin-top:25px;box-shadow:0 4px 20px #0000001a;text-align:left;animation:slideUp .6s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.track-header{text-align:center;margin-bottom:20px}.check-icon{width:70px;height:70px;background:#00b7d4;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:32px;margin:0 auto 10px;animation:pop .4s ease}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.status-pill{display:inline-block;margin-top:6px;background:#e8f9ff;padding:6px 14px;border-radius:20px;font-size:14px;color:#007d92;font-weight:600}.track-info-box{background:#f8fbff;border:1px solid #e3f4ff;padding:14px;border-radius:12px;margin-bottom:18px;line-height:1.6;animation:fadeIn .6s ease}.section-title{font-size:18px;font-weight:700;margin:15px 0 8px;color:#0a2239}.items-list{background:#fff;border:1px solid #eee;padding:10px 12px;border-radius:12px;margin-bottom:18px}.item-row{display:flex;justify-content:space-between;padding:8px 0;font-size:15px;border-bottom:1px solid #f1f1f1}.timeline-title{font-size:20px;font-weight:700;margin-bottom:12px;color:#0a2239}.status-timeline{display:flex;justify-content:space-between;position:relative;margin-top:25px;padding:0 10px}.timeline-step{text-align:center;position:relative;flex:1}.step-line{position:absolute;top:18px;left:50%;width:100%;height:3px;background:#ddd;z-index:1;transform:translate(-50%)}.step-line.active{background:linear-gradient(90deg,#00b7d4,#00e1ff)}.step-circle{width:36px;height:36px;background:#ddd;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:3;margin:0 auto;font-size:14px;font-weight:700;transition:.3s ease;position:relative;box-shadow:0 3px 10px #0000001a}.step-circle.active{background:#00b7d4;color:#fff;transform:scale(1.15);box-shadow:0 6px 18px #00b7d480}.step-label{margin-top:6px;font-size:13px;text-transform:capitalize;color:#777}.step-label.active{color:#00b7d4;font-weight:700}@media(max-width:700px){.status-timeline{flex-direction:column;gap:25px}.step-line{display:none}}@media(max-width:480px){.track-wrapper{margin:20px 12px;padding:0}.track-title{font-size:22px;margin-bottom:14px}.track-input{padding:12px;font-size:14px;border-radius:8px}.track-btn{width:100%;padding:12px;font-size:14px;border-radius:8px}.track-error{font-size:14px}.track-card{padding:18px;border-radius:12px}.check-icon{width:56px;height:56px;font-size:24px}.status-pill{font-size:12px;padding:5px 12px}.section-title{font-size:16px}.track-info-box{font-size:13px;padding:12px}.item-row{flex-direction:column;gap:4px;font-size:13px}.timeline-title{font-size:17px}.step-circle{width:30px;height:30px;font-size:12px}.step-label{font-size:12px}}@media(min-width:481px)and (max-width:768px){.track-wrapper{max-width:92%;margin:30px auto;padding:0}.track-title{font-size:26px}.track-card{padding:22px}.track-input,.track-btn{font-size:15px}.item-row{font-size:14px}}@media(min-width:769px)and (max-width:1024px){.track-wrapper{max-width:740px}.track-title{font-size:30px}.track-card{padding:24px}}@media(min-width:1200px){.track-wrapper{max-width:800px}}.thankyou-wrapper{display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:90vh;background:linear-gradient(135deg,#e0faff,#fff);animation:fadeIn .7s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.thankyou-card{width:100%;max-width:520px;background:#ffffffe6;padding:35px;border-radius:18px;text-align:center;box-shadow:0 12px 40px #00000014;animation:slideUp .6s ease}@keyframes slideUp{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}.thankyou-card h2{font-size:28px;font-weight:800;color:#0a2239;margin-top:10px}.subtitle{font-size:16px;color:#555;margin-bottom:20px}.success-animation{width:80px;height:80px;margin:0 auto 15px;border-radius:50%;border:4px solid #00c78b;display:flex;justify-content:center;align-items:center;animation:pulse 1s infinite alternate}@keyframes pulse{0%{box-shadow:0 0 #00c78b33}to{box-shadow:0 0 20px #00c78b80}}.checkmark{width:25px;height:50px;border-right:4px solid #00c78b;border-bottom:4px solid #00c78b;transform:rotate(45deg) translateY(-5px)}.order-details{text-align:left;margin:20px 0;padding:15px;border-radius:12px;background:#f8fefe;border:1px solid #d5f7f7}.order-details p{font-size:15px;margin:4px 0;color:#333}.items-list{margin-top:10px;border:1px solid #eaeaea;border-radius:10px;padding:12px 15px}.item-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.item-row:last-child{border-bottom:none}.address{background:#f4faff;padding:12px;border-radius:10px;border:1px solid #d8eef5;font-size:14px;margin-bottom:25px}.thank-btn{display:block;background:#00b7d4;padding:12px;border-radius:10px;text-align:center;font-size:17px;color:#fff;font-weight:700;transition:.3s ease}.thank-btn:hover{background:#0094ad;transform:translateY(-3px);box-shadow:0 8px 15px #00869a4d}.thank-loading{text-align:center;padding:80px;font-size:24px;font-weight:600}@media(max-width:480px){.thankyou-wrapper{padding:25px 12px;min-height:auto}.thankyou-card{padding:22px 18px;border-radius:14px}.thankyou-card h2{font-size:22px}.subtitle{font-size:14px;margin-bottom:16px}.success-animation{width:65px;height:65px}.checkmark{width:20px;height:40px}.order-details{padding:12px;margin:16px 0}.order-details p{font-size:13px}.item-row{flex-direction:column;gap:4px;font-size:13px}.address{font-size:13px;padding:10px}.thank-btn{font-size:15px;padding:11px}.thank-loading{padding:40px;font-size:18px}}@media(min-width:481px)and (max-width:768px){.thankyou-wrapper{padding:35px 18px}.thankyou-card{max-width:480px;padding:28px}.thankyou-card h2{font-size:25px}.subtitle{font-size:15px}.order-details p{font-size:14px}}@media(min-width:769px)and (max-width:1024px){.thankyou-card{max-width:500px}.thankyou-card h2{font-size:27px}}@media(min-width:1200px){.thankyou-card{max-width:520px}}.payment-wrapper{max-width:900px;margin:40px auto;padding:20px}.payment-title{text-align:center;font-size:30px;font-weight:700;margin-bottom:25px}.payment-grid{display:flex;gap:25px}.payment-methods{flex:2;background:#fff;padding:22px;border-radius:12px;border:1px solid #eee}.payment-methods h3{margin-bottom:16px}.payment-methods label{display:block;padding:12px;border:1px solid #ddd;border-radius:8px;cursor:pointer;margin-bottom:10px;transition:.3s;font-size:16px}.payment-methods label.active{background:#00b7d4;color:#fff;border-color:#00b7d4}.payment-summary{flex:1;background:#fff;padding:22px;border-radius:12px;border:1px solid #eee;height:fit-content}.pay-btn{width:100%;padding:12px;background:#00b7d4;color:#fff;border:none;border-radius:8px;margin-top:20px;font-size:17px;cursor:pointer;transition:.3s}.pay-btn:hover{background:#009eb4}@media(max-width:480px){.payment-wrapper{margin:20px 12px;padding:0}.payment-title{font-size:22px;margin-bottom:18px}.payment-grid{flex-direction:column;gap:18px}.payment-methods,.payment-summary{padding:16px;border-radius:10px}.payment-methods h3{font-size:17px}.payment-methods label{font-size:14px;padding:10px}.pay-btn{font-size:15px;padding:11px}}@media(min-width:481px)and (max-width:768px){.payment-wrapper{max-width:94%;margin:30px auto;padding:0}.payment-title{font-size:26px}.payment-grid{flex-direction:column;gap:22px}.payment-methods,.payment-summary{padding:20px}}@media(min-width:769px)and (max-width:1024px){.payment-wrapper{max-width:860px}.payment-title{font-size:28px}.payment-grid{gap:22px}}@media(min-width:1200px){.payment-wrapper{max-width:900px}}