@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;font-family:Outfit;box-sizing:border-box}body{min-height:100vh}.app{width:80%;margin:auto}:root{--background-color: #f6f6f6;--primary-text-color: #49557e;--toggle-bg:#f0eb9d;--toggle-fg:#ffd000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo{position:absolute;width:400px;top:-10px;left:-150px;background-repeat:no-repeat;background-size:contain}.navbar{position:relative;padding:20px 0;margin:20px;display:flex;justify-content:space-between;align-items:center;color:#49557e}.navbar-menu{display:flex;gap:30px;cursor:pointer}.navbar-menu a{color:#49557e;text-decoration:none}.navbar-menu button{cursor:pointer;color:#49557e;background:transparent;padding:3px;border:1px solid #49557e;border-radius:50px;transition:.3s ease}.navbar-menu button:hover{background:#ff9147;border:none;color:#fff}.search-icon{font-weight:500;align-items:center;position:relative}.navbar-right{cursor:pointer;display:flex;align-items:center;gap:30px}.inner-navbar-right{display:flex;gap:10px}.inner-navbar-right img{font-weight:500}.inner-navbar-right h4{font-size:16px;font-weight:500}.navbar-right button{color:#49557e;padding:10px;border-radius:50px;border:1px solid #49557e;transition:.3s ease}.navbar-right button:hover{color:#fff;background:#ff9147;border:none}.search-icon .dot{position:absolute;min-width:10px;min-height:10px;background-color:#ff9147;border-radius:5px;top:-8px;right:-8px}.search-icon .dot{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background-color:#ff9147;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:2px;line-height:1}vbar-profile{position:relative}.nav-profile-dropdown{position:absolute;display:none;right:0;z-index:1}.navbar-profile:hover .nav-profile-dropdown{display:flex;flex-direction:column;gap:10px;background-color:#fff2ef;padding:12px 25px;border-radius:4px;border:1px solid rgb(255,145,71);outline:2px solid white;list-style:none}.nav-profile-dropdown li{display:flex;align-items:center;gap:10px;cursor:pointer}.nav-profile-dropdown img{width:20px}.nav-profile-dropdown li:hover{color:#ff9147}.img{width:30px}.menu-bar{display:none}@media (max-width:1050px){.logo{left:-100px;width:300px}.navbar-menu{gap:20px;font-size:17px}.navbar-right{gap:30px;padding-left:40px}.navbar-right img{width:22px}.navbar-menu button{margin:2px;padding:5px;font-size:15px}.navbar-right button{padding:8px 25px}}@media (max-width:900px){.logo{top:10px;left:-60px;width:200px}.navbar-menu{gap:15px;font-size:16px}.navbar-right{gap:20px;padding-left:35px}.navbar-right img{width:20px}.navbar-menu button{margin:2px;padding:5px;font-size:15px}.navbar-right button{padding:7px 20px;font-size:15px}}@media (max-width:750px){.navbar-menu{display:none}.navbar-right{padding-left:30px;gap:20px}.navbar-right img{width:20px}.navbar-menu button{margin:2px;padding:5px;font-size:15px}.navbar-right button{padding:7px 20px;font-size:15px}.menu-bar{color:#0025a0;display:flex}}@media (max-width:513px){.navbar-right button{border-radius:25px}}@media (max-width:500px){.logo{top:30px;width:100px}}.slider-container{position:relative;overflow:hidden;width:100%;margin-top:24px}.slider-track{display:flex;transition:transform .7s ease-in-out;width:100%}.slide-wrapper{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;background-color:#e6e9f2;padding:2rem 1.25rem;border-radius:1rem;min-width:100%}.slide-buttons a{text-decoration:none;color:#000}@media (min-width: 768px){.slide-wrapper{flex-direction:row;padding:2rem 3.5rem}}.slide-content{padding-left:0;margin-top:2.5rem}@media (min-width: 768px){.slide-content{padding-left:2rem;margin-top:0}}.slide-offer{color:#ea580c;margin-bottom:.5rem;font-size:1rem}.slide-title{max-width:32rem;font-size:1.5rem;font-weight:600}@media (min-width: 768px){.slide-title{font-size:2.5rem;line-height:3rem}}.slide-buttons{display:flex;align-items:center;margin-top:1rem;gap:1rem}.primary-btn{padding:.5rem 1.75rem;background-color:#ea580c;color:#fff;font-weight:500;border-radius:9999px;border:none;cursor:pointer}.secondary-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-weight:500;background:none;border:none;cursor:pointer;transition:transform .2s ease}.secondary-btn img{transition:transform .3s ease}.secondary-btn:hover img{transform:translate(4px)}.slide-image{display:flex;justify-content:center;align-items:center;flex:1;margin-top:1.5rem}.slide-img{width:12rem}@media (min-width: 768px){.slide-img{width:18rem}}.slider-dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.dot{height:.5rem;width:.5rem;border-radius:9999px;background-color:#6b72804d;cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:#ea580c}.products{margin-top:30px;animation:fadeIn 1s}.products h2{font-size:max(1.5vw,24px);font-weight:500}.product-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:30px;gap:30px;row-gap:50px}.button{padding-top:20px;display:flex;justify-content:center;align-items:center}.button button{border:1px solid #e6e9f2;border-radius:5px;cursor:pointer;padding:10px 20px;transition:.3s ease}.button button:hover{background:#e0e0e0}.button a{text-decoration:none;color:#6c6e72;font-size:max(1vw,18px)}.product-item{cursor:pointer;width:100%;margin:auto;border:none;background:transparent;transition:.3s;position:relative}.products-item-img-container{border-radius:15px;background:#f0f1f2}.product-image{transition:transform .3s ease;width:100%}.product-image:hover{transform:scale(1.05)}.product-item button{border:none;border-radius:50px;cursor:pointer;padding:10px;position:absolute;right:8px;bottom:15px;transition:.3s ease}.name{font-size:16px;font-weight:500;color:#4c4d4e}.price{font-size:14px;font-weight:400}.rate{color:#aeb1b3}.product-item button:hover{background-color:#e2e5e7}.heart-icon{margin:20px 10px;font-weight:200;padding:10px;position:absolute;top:-8px;right:8px;width:35px;background:#fff;border-radius:50%}.products-item-img-container .add{width:35px;position:absolute;bottom:100px;right:15px;cursor:pointer;border-radius:50%}.item-container{position:absolute;bottom:100px;right:15px;display:flex;align-items:center;gap:10px;padding:6px;background-color:#fff;border-radius:50px}.item-container img{width:30px}.disc{color:#4c4d4e;font-size:15px}.banners{display:flex;align-items:center;justify-content:center;animation:fadeIn 1s}.Banner{margin-top:30px;margin-bottom:30px}.banner1 img,.banner2 img,.banner3 img{width:400px}.Banner h4{color:#303030;font-size:35px;font-weight:500;text-align:center}.banner1,.banner2,.banner3{position:relative;padding:10px;display:flex;flex-direction:column;align-items:start}.banner1 h3,.banner2 h3,.banner3 h3{padding:70% 10px 10px;color:#fff;position:absolute;font-size:20px;font-weight:500}.banner1 p,.banner2 p,.banner3 p{padding:80% 10px 10px;position:absolute;color:#fff;font-size:16px;font-weight:300}.banner1 button,.banner2 button,.banner3 button{text-decoration:none;position:absolute;margin-left:10px;margin-top:100%;border-radius:50px;padding:10px 20px;border:none;color:#fff;background:#ff9147}.banners a{text-decoration:none;color:#fff}@media (max-width:1200px){.banner1 img,.banner2 img,.banner3 img{width:300px}}@media (max-width:1050px){.banner1 img,.banner2 img,.banner3 img{width:200px}.banner1 h3,.banner2 h3,.banner3 h3,.banner1 p,.banner2 p,.banner3 p{font-size:10px}.banner1 button,.banner2 button,.banner3 button{padding:8px 12px;margin-top:210px}}@media (max-width:750px){.Banner{display:none}}.bottom{border-radius:30px;height:20vw;margin:30px auto;display:flex;align-items:center;justify-content:space-between;background:#e6e9f2;position:relative;animation:fadeIn 1s}.left img{width:max(15vw,20px)}.right img{top:1px;right:3px;position:absolute;width:max(15vw,20px)}.center{position:absolute;text-align:center;display:flex;padding-left:35%;flex-direction:column;align-items:center}.center h2{padding:10px;font-size:40px;font-weight:500}.center p{font-size:16px;color:#928888}.center button{margin-top:10px;border:none;color:#fff;padding:10px 20px;border-radius:5px;background:#ff9147}.center a{text-decoration:none;color:#fff}@media (max-width:1050px){.bottom{height:25vw}.center h2{font-size:30px}.center button{margin-top:10px;padding:6px 10px}.right img{top:1px;right:3px;position:absolute;width:max(10vw,16px)}}@media (max-width:750px){.center{padding-left:25%}.bottom{height:28vw}.center h2,.center p{font-size:10px}.center button{font-size:10px;margin-top:10px;padding:3px 6px}}.logo1{width:300px}.footer{margin:20px 20px 50px;display:flex;align-items:start;gap:200px}.left1 p{font-size:16px;font-weight:300;color:gray}.center2{display:flex;flex-direction:column;justify-content:space-around}.center2 p{font-size:16px;font-weight:300}.center2 h2{color:#666363;font-size:30px}.center2 a{color:gray;text-decoration:none}.left3{display:flex;flex-direction:column;justify-content:start}.left3 p{font-size:16px;font-weight:300;color:gray}.left3 h2{font-size:30px;color:#666363}@media (max-width:1200px){.footer{gap:20px}.left3 h2{font-size:20px}.left3,.center2{gap:10px}.center2 h2{font-size:20px}}@media (max-width:750px){.footer{display:flex;flex-direction:column;gap:35px}}.product1{margin-top:30px;margin-bottom:200px}.product1 h2{color:gray;text-align:center;font-size:max(2vw,24px);font-weight:400}.product1 span{color:#ff9147}.product1 hr{margin:10px 550px 50px;height:2px;background-color:#ff9147;border:none}.products-display1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:30px;gap:30px;row-gap:50px;animation:fadeIn 1s}.product-item1{cursor:pointer;width:100%;margin:auto;border:none;background:transparent;transition:.3s;position:relative}.products-item-img-container1{border-radius:15px;background:#f0f1f2}.product-image1{width:100%}.product-item1 button{border:none;border-radius:50px;cursor:pointer;padding:10px;position:absolute;right:8px;bottom:15px;transition:.3s ease}.name1{font-size:16px;font-weight:500;color:#4c4d4e}.price1{font-size:14px;font-weight:400}.rate1{color:#aeb1b3}.product-item1 button:hover{background-color:#e2e5e7}.heart-icon1{margin:20px 10px;font-weight:200;padding:10px;position:absolute;top:-8px;right:8px;width:35px;background:#fff;border-radius:50%}.products-item-img-container1 .add{width:35px;position:absolute;bottom:100px;right:15px;cursor:pointer;border-radius:50%}.item-counter{position:absolute;bottom:100px;right:15px;display:flex;align-items:center;gap:10px;padding:6px;background-color:#fff;border-radius:50px}.item-counter img{width:30px}.product-page{display:flex;flex-wrap:wrap;gap:40px;padding:40px 5%;font-family:Segoe UI,sans-serif}.shop-products-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.product-image{flex:1 1 50%;max-width:500px}.product-image img{width:100%;height:auto;object-fit:cover;border-radius:8px}.product-details{flex:1 1 45%;display:flex;flex-direction:column;gap:15px}.product-details h2{color:gray}.product-description{color:#555;line-height:1.5}.product-price{font-size:1.5rem;color:#3f3d3d;font-weight:600}.product-meta p{margin:4px 0;color:#3a3838}.product-buttons{margin-top:20px;display:flex;gap:15px}.add-cart,.buy-now{padding:10px 20px;font-size:1rem;border:none;cursor:pointer;transition:.3s ease}.add-cart{background-color:#f1f1f1;color:#333}.buy-now{background-color:#f60;color:#fff}.add-cart:hover{background-color:#ddd}.buy-now:hover{background-color:#e65c00}@media screen and (max-width: 768px){.product-page{flex-direction:column}.product-image,.product-details{flex:1 1 100%;max-width:100%}}.main-cart{display:flex;justify-content:space-between;margin-bottom:100px}.text{display:flex;justify-content:space-between}.details p{color:gray;font-size:15px;font-weight:500}.product-cart{margin-top:40px;display:flex;justify-content:space-between;align-items:center}.product-cart p{color:gray;font-size:15px;font-weight:500}.sony{font-size:12px;font-weight:600}.detail span{color:#ff9147}.img{display:flex;align-items:center}.img img{width:70px;background:#e6e9f2;border-radius:5px;padding:5px;margin:10px}.your-cart span{color:#ff9147}.text h2{font-size:35px;font-weight:500}tbody input{color:gray;padding:10px;width:60px;border:none}table td{color:gray}.cart a{display:flex;margin-top:40px;color:#ff9147;text-decoration:none;cursor:pointer}.right{width:30%;background:#f8f9fa;padding:30px;display:flex;flex-direction:column}.right h1{color:#333030;font-size:30px;font-weight:500;padding:20px}.order-detail{display:flex;justify-content:space-between;padding:20px}.order-detail p{font-size:18px;font-weight:400;color:gray}.order-detail h5{font-size:15px;font-weight:500;color:#222020}.right button{font-size:16px;font-weight:500;background:#ff9147;border:none;color:#fff;padding:20px}.right hr{margin:10px 0;height:2px;background-color:#e2e2e2;border:none}.cart-items-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;color:gray;font-size:max(1vw,12px)}.cart{margin-top:100px;width:100%}.cart-items-item{margin:10px 0}.cart-items-title p{cursor:pointer}.cart-items-item img{width:50px}.cart-bottom{margin-top:80px;display:flex;justify-content:space-between;gap:max(12vw,20px)}.cart-total{flex:1;display:flex;flex-direction:column;gap:20px}.cart-total-details{display:flex;justify-content:space-between;color:#555}.cart-total hr{margin:10px 0;height:2px;background-color:#e2e2e2;border:none}.cart-total button{border:none;color:#fff;background-color:#ff9147;width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.cart-promocode{flex:1}.cart-total h2{color:gray}.cart-promocode p{color:#555}.cart-promocode-input{margin-top:10px;display:flex;justify-content:space-between;align-items:center;background-color:#eaeaea;border-radius:4px}.cart-promocode-input input{background:transparent;border:none;outline:none;padding-left:10px}.cart-promocode-input button{width:max(10vw,150px);padding:12px 5px;background-color:#000;border:none;color:#fff;cursor:pointer}@media (max-width:750px){.cart-bottom{flex-direction:column-reverse}.cart-promocode{justify-content:start}}.login-popup{position:absolute;z-index:1;width:100%;height:100%;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid}.login-popup-container{place-self:center;width:max(23vw,330px);color:gray;background-color:#fff;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s}.login-popup-title{display:flex;justify-content:space-between;align-items:center;color:#000}.login-popup-title img{width:16px;cursor:pointer}.login-popup-inputs{display:flex;flex-direction:column;gap:20px}.login-popup-inputs input{outline:none;border:1px solid #c9c9c9;padding:10px;border-radius:4px}.login-popup-container button{border:none;padding:10px;border-radius:4px;color:#fff;background-color:#ff9147;font-size:15px;cursor:pointer}.login-popup-condition{display:flex;align-items:start;gap:8px;margin-top:-15px}.login-popup-condition input{margin-top:5px}.login-popup p span{color:#ff9147;font-weight:500;cursor:pointer}.place-order{display:flex;align-items:start;justify-content:space-between;gap:50px;margin-top:100px}.place-order-left{width:100%;max-width:max(30%,500px)}.place-order-left .title{font-size:30px;font-weight:600;margin-bottom:50px}.place-order-left input{margin-bottom:15px;width:100%;padding:10px;border:1px solid #c5c5c5;border-radius:4px;outline-color:#ff9147}.place-order-left .multi-fields{display:flex;gap:10px}.place-order-right{width:100%;max-width:max(40%,500px)}.place-order .cart-total-button{margin-top:30px}.payment-method-select{margin-top:20px;display:flex;flex-direction:column;gap:6px;font-size:16px}.payment-method-select label{font-weight:500;color:#333}.payment-method-select select{padding:10px 12px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;font-size:16px;cursor:pointer;transition:border-color .3s ease}.payment-method-select select:focus{border-color:#ff9147;outline:none;background-color:#fff}.place-order-right button{background-color:#1e90ff;color:#fff;border:none;padding:12px 20px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;margin-top:20px;width:100%;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.place-order-right button:hover{background-color:#187bcd;transform:translateY(-2px)}.place-order-right button:active{background-color:#155a9a;transform:scale(.98)}.verify{min-height:60vh;display:grid}.verify .spinner{width:100px;height:100px;place-self:center;border:5px solid #bdbdbd;border-top-color:#ff9147;border-radius:50%;animation:rotate 1s infinite}.verify-message{text-align:center;margin-top:20px;font-size:18px}.verify-message.success{color:green}.verify-message.error{color:red}@keyframes rotate{to{transform:rotate(360deg)}}.my-orders{margin:50px 0}.my-orders .container{display:flex;flex-direction:column;gap:20px;margin-top:30px}.my-orders-order{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 2fr 1fr;align-items:center;gap:30px;font-size:14px;padding:10px 20px;color:#454545;border:1px solid rgb(255,145,71)}.my-orders-order img{width:50px}.my-orders-order p span{color:#ff9147}.my-orders-order p b{font-weight:500;color:#454545}.my-orders-order button{border:none;padding:12px 0;border-radius:4px;background-color:#ffe1e1;cursor:pointer;color:#454545}@media (max-width:900px){.my-orders-order{grid-template-columns:1fr 2fr 1fr;row-gap:5px;font-size:12px}.my-orders-order button{font-size:10px}}.menu-bar-popup{display:flex;padding-top:50px;gap:50px;position:absolute;flex-direction:column;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);right:0;gap:-100px;height:100%;width:150px;z-index:1;animation:fadeIn .5s}.menu-bar-popup a{padding-left:20px;color:#2e2e2e;text-decoration:none;font-size:15px;font-weight:500}.menu-bar-popup a:hover{color:#ff9147}.menu-bar-popup img{width:20px;padding-right:4px}.cross-icon img{cursor:pointer;position:absolute;right:10px}.about-page{max-width:1000px;margin:40px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#222}.about-hero{text-align:center;padding-bottom:30px;border-bottom:2px solid #eee}.about-hero h1{font-size:36px;margin-bottom:10px;color:#111}.about-hero p{font-size:18px;color:#555}.about-section{margin-top:40px}.about-section h2{font-size:24px;margin-bottom:10px;color:#333}.about-section p,.about-section ul{font-size:16px;line-height:1.6;color:#444}.about-section ul{list-style-type:disc;padding-left:20px}@media (max-width: 768px){.about-page{padding:16px}.about-hero h1{font-size:28px}.about-hero p{font-size:16px}.about-section h2{font-size:20px}.about-section p,.about-section ul{font-size:15px}}@media (max-width: 480px){.about-hero h1{font-size:24px}.about-hero p{font-size:14px}.about-section h2{font-size:18px}.about-section p,.about-section ul{font-size:14px}.about-page{padding:12px}}.contact-page{display:flex;justify-content:center;padding:40px 20px;background-color:#f5f5f5}.contact-container{max-width:600px;background:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 10px 20px #00000014;text-align:center}.contact-container h1{font-size:32px;margin-bottom:10px;color:#333}.contact-subtitle{font-size:16px;margin-bottom:30px;color:#666}.contact-methods{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:15px;font-size:18px;color:#444}.contact-item img{width:24px;height:24px;object-fit:contain}@media (max-width: 600px){.contact-container{padding:20px}.contact-container h1{font-size:26px}.contact-item{font-size:16px}.contact-item img{width:20px;height:20px}}