@import"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--spanish-gray: hsl(0, 0%, 60%);--sonic-silver: hsl(0, 0%, 47%);--eerie-black: hsl(0, 0%, 13%);--modern-blue: hsl(210, 100%, 50%);--modern-lightblue: hsl(210, 57%, 74%);--sandy-brown: hsl(29, 90%, 65%);--bittersweet: hsl(210, 100%, 50%);--ocean-green: hsl(152, 51%, 52%);--davys-gray: hsl(0, 0%, 33%);--cultured: hsl(0, 0%, 93%);--white: hsl(0, 100%, 100%);--onyx: hsl(0, 0%, 27%);--fs-1: 1.563rem;--fs-2: 1.375rem;--fs-3: 1.25rem;--fs-4: 1.125rem;--fs-5: 1rem;--fs-6: .938rem;--fs-7: .875rem;--fs-8: .813rem;--fs-9: .75rem;--fs-10: .688rem;--fs-11: .625rem;--weight-300: 300;--weight-400: 400;--weight-500: 500;--weight-600: 600;--weight-700: 700;--border-radius-md: 10px;--border-radius-sm: 5px;--transition-timing: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}li{list-style:none}button{background:none;font:inherit;border:none;cursor:pointer}img,button,a{display:block}span{display:inline-block}html{font-family:Poppins,sans-serif;overscroll-behavior:contain}input{display:block;width:100%;font:inherit}input::placeholder{font:inherit}body{background:var(--white)}body::-webkit-scrollbar{width:15px}body::-webkit-scrollbar-track{background:var(--white);border-left:1px solid var(--cultured)}body::-webkit-scrollbar-thumb{background:#ccc;border:3px solid var(--white);border-radius:10px}body::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.container{padding:0 15px}.has-scrollbar{padding-bottom:5px}.has-scrollbar::-webkit-scrollbar{width:12px;height:12px}.has-scrollbar::-webkit-scrollbar-thumb{background:transparent;border:3px solid var(--white);border-radius:20px}.has-scrollbar:hover::-webkit-scrollbar-thumb{background:#e6e6e6}.has-scrollbar::-webkit-scrollbar-thumb:hover{background:#ccc}.title{color:var(--eerie-black);font-size:var(--fs-5);font-weight:var(--weight-600);letter-spacing:.4px;text-transform:capitalize;padding-bottom:10px;border-bottom:1px solid var(--cultured);margin-bottom:30px}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;opacity:0;pointer-events:none;z-index:15;transition:.5s ease}.overlay.active{opacity:1;pointer-events:all}.modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;z-index:10;animation:popup 1s ease-in-out 5s forwards}@keyframes popup{0%{opacity:0;visibility:hidden;pointer-events:none}to{opacity:1;visibility:visible;pointer-events:all}}.modal.closed{display:none}.modal-close-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.newsletter-img{display:none}.modal-content{position:relative;max-width:350px;margin:20px;background:var(--white);border-radius:var(--border-radius-md);overflow:hidden;z-index:2;animation:scaleUp .5s ease-in-out 5s forwards}@keyframes scaleUp{0%{transform:scale(.9)}to{transform:scale(1)}}.modal-close-btn{position:absolute;top:15px;right:15px;background:var(--modern-blue);color:var(--white);font-size:16px;padding:5px;border-radius:var(--border-radius-sm)}.modal-close-btn:hover{opacity:.9}.modal-close-btn ion-icon{--ionicon-stroke-width: 70px}.newsletter{padding:50px 30px;text-align:center}.newsletter-header{margin-bottom:20px}.newsletter-title{color:var(--onyx);font-size:var(--fs-2);font-weight:var(--weight-600);margin-bottom:10px}.newsletter-desc{color:var(--sonic-silver);font-size:var(--fs-7);line-height:1.6}.email-field{font-size:var(--fs-7);padding:8px 16px;border-radius:var(--border-radius-sm);border:1px solid var(--cultured);margin-bottom:16px}.btn-newsletter{background:var(--eerie-black);color:var(--white);font-size:var(--fs-7);font-weight:var(--weight-600);text-transform:uppercase;padding:10px 15px;border-radius:var(--border-radius-sm);margin:auto;transition:var(--transition-timing)}.btn-newsletter:hover{background:var(--modern-blue)}.notification-toast{position:fixed;bottom:80px;left:20px;right:20px;background:var(--white);max-width:300px;display:flex;align-items:flex-start;gap:15px;padding:15px;border-radius:var(--border-radius-md);box-shadow:0 5px 20px #00000026;transform:translate(calc(-100% - 40px));transition:.5s ease-in-out;z-index:5;animation:slideInOut 10s ease-in-out infinite}@keyframes slideInOut{0%,45%,to{transform:translate(calc(-100% - 40px));opacity:0;visibility:hidden}50%,95%{transform:translate(0);opacity:1;visibility:visible}}.notification-toast.closed{display:none}.toast-close-btn{position:absolute;top:10px;right:10px;color:var(--sonic-silver)}.toast-close-btn ion-icon{--ionicon-stroke-width: 50px}.toast-banner{width:70px;height:70px;border:1px solid var(--cultured);border-radius:var(--border-radius-sm)}.toast-banner img{width:100%;height:100%;object-fit:contain;object-position:center}.toast-detail{width:calc(100% - 85px);padding-right:10px}.toast-message{font-size:var(--fs-10);color:var(--sonic-silver);margin-bottom:8px}.toast-title{font-size:var(--fs-7);font-weight:var(--weight-500);color:var(--onyx)}.toast-meta{font-size:var(--fs-10);color:var(--sonic-silver)}.header-top,.header-user-actions,.desktop-navigation-menu{display:none}.header-main{padding:20px 0;border-bottom:1px solid var(--cultured);position:relative;z-index:1!important;background:var(--white)}.header-logo{margin-bottom:20px}.header-logo img{margin:auto}.search-btn{background:var(--white);position:absolute;top:50%;right:2px;transform:translateY(-50%);color:var(--onyx);font-size:18px;padding:8px 15px;border-radius:var(--border-radius-md);transition:color var(--transition-timing)}.search-btn:hover{color:var(--modern-blue)}.mobile-bottom-navigation{background:var(--white);position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:500px;margin:auto;display:flex;justify-content:space-around;align-items:center;padding:5px 0;box-shadow:0 0 10px #00000040;z-index:5}.mobile-bottom-navigation .action-btn{position:relative;font-size:26px;color:var(--eerie-black);padding:10px}.mobile-bottom-navigation .count{background:var(--bittersweet);color:var(--white);position:absolute;top:0;right:0;font-size:12px;font-weight:var(--weight-500);line-height:1;padding:2px 4px;border-radius:20px}.mobile-navigation-menu{background:var(--white);position:fixed;top:0;left:-100%;width:100%;max-width:320px;height:100vh;padding:20px;box-shadow:0 0 10px #0000001a;overflow-y:scroll;overscroll-behavior:contain;visibility:hidden;transition:.5s ease;z-index:20}.mobile-navigation-menu.active{left:0;visibility:visible}.menu-top{padding-bottom:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--cultured)}.menu-top .menu-title{color:var(--modern-blue);font-size:var(--fs-4);font-weight:var(--weight-600)}.menu-close-btn{color:var(--eerie-black);font-size:22px}.menu-close-btn ion-icon{--ionicon-stroke-width: 50px}.mobile-menu-category-list{margin-bottom:30px}.menu-category .accordion-menu{width:100%;display:flex;justify-content:space-between;align-items:center}.mobile-menu-category-list .menu-category{border-bottom:1px solid var(--cultured)}.mobile-menu-category-list .menu-title{color:var(--onyx);font-size:var(--fs-6);font-weight:var(--weight-500);padding:12px 0}.accordion-menu>div{font-size:14px}.accordion-menu ion-icon{color:var(--onyx);--ionicon-stroke-width: 90px}.accordion-menu.active .add-icon,.accordion-menu .remove-icon{display:none}.accordion-menu .add-icon,.accordion-menu.active .remove-icon{display:block}.menu-category .submenu-category-list{margin-left:10px}.submenu-title{padding:6px 0;font-size:var(--fs-6);color:var(--sonic-silver);font-weight:var(--weight-300)}.submenu-title:hover{color:var(--davys-gray)}.submenu-category-list{max-height:0;overflow:hidden;visibility:hidden;transition:.5s ease-in-out}.submenu-category-list.active{max-height:148px;visibility:visible}.menu-bottom .menu-category-list{margin-bottom:20px}.menu-bottom .menu-category{border-bottom:none}.menu-bottom .menu-title{font-size:var(--fs-6);font-weight:var(--weight-500);color:var(--eerie-black);padding:12px 0}.accordion-menu.active .caret-back{transform:rotate(-.25turn)}.menu-bottom .submenu-category-list{border:1px solid var(--cultured);border-radius:var(--border-radius-md);padding:0 15px;margin-left:0;box-shadow:0 0 10px #0000000d}.menu-bottom .submenu-category:not(:last-child){border-bottom:1px solid var(--cultured)}.menu-social-container{display:flex;justify-content:center;align-items:center;gap:10px}.menu-social-container .social-link{background:var(--cultured);color:var(--eerie-black);font-size:20px;padding:10px;border-radius:var(--border-radius-md)}.banner{margin:30px 0}.slider-container{display:flex;align-items:center;gap:10px;border-radius:var(--border-radius-md);overflow:auto hidden;scroll-snap-type:inline mandatory;overscroll-behavior-inline:contain}.slider-item{position:relative;min-width:100%;max-height:450px;aspect-ratio:1 / 1;border-radius:var(--border-radius-md);overflow:hidden;scroll-snap-align:start}.slider-item .banner-img{width:100%;height:100%;object-fit:cover;object-position:right}.banner-content{background:#fffc;position:absolute;bottom:25px;left:25px;right:25px;padding:20px 25px;border-radius:var(--border-radius-md)}.banner-subtitle{color:var(--modern-blue);font-size:var(--fs-7);font-weight:var(--weight-500);text-transform:capitalize;letter-spacing:2px;margin-bottom:10px}.banner-title{color:var(--eerie-black);font-size:var(--fs-1);text-transform:uppercase;line-height:1;margin-bottom:10px}.banner-text{display:none}.banner-btn{background:var(--modern-blue);color:var(--white);width:max-content;font-size:var(--fs-11);font-weight:var(--weight-600);text-transform:uppercase;padding:4px 10px;border-radius:var(--border-radius-sm);transition:var(--transition-timing)}.banner-btn:hover{background:var(--eerie-black)}.category{margin-bottom:30px}.category-item-container{display:flex;align-items:center;gap:10px;overflow:auto hidden;scroll-snap-type:inline mandatory;overscroll-behavior-inline:contain}.category-item{min-width:100%;display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--cultured);border-radius:var(--border-radius-md);scroll-snap-align:start}.category-img-box{background:var(--cultured);border:1px solid hsl(0,0%,80%);padding:10px;border-radius:var(--border-radius-sm)}.category-content-box{width:100%}.category-content-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.category-item-title{color:var(--eerie-black);font-size:var(--fs-9);font-weight:var(--weight-600);text-transform:uppercase}.category-item-amount{color:var(--sonic-silver);font-size:var(--fs-11)}.category-btn{color:var(--modern-blue);font-size:var(--fs-9);font-weight:var(--weight-500);text-transform:capitalize}.sidebar{background:var(--white);position:fixed;top:0;left:-100%;bottom:0;width:100%;max-width:320px;padding:30px;overflow-y:scroll;overscroll-behavior:contain;visibility:hidden;transition:.5s ease;z-index:20}.sidebar.active{left:0;visibility:visible}.sidebar-category{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--cultured)}.sidebar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sidebar-title{color:var(--onyx);font-size:var(--fs-5);text-transform:uppercase;letter-spacing:.8px;font-weight:var(--weight-600)}.sidebar-close-btn{color:var(--eerie-black);font-size:22px;font-weight:var(--weight-600)}.sidebar-close-btn ion-icon{--ionicon-stroke-width: 50px}.sidebar-accordion-menu{width:100%;display:flex;justify-content:space-between;align-items:center;padding:7px 0}.sidebar .menu-title-flex{display:flex;align-items:center;gap:10px}.sidebar .menu-title{font-size:var(--fs-5);color:var(--sonic-silver);font-weight:var(--weight-500)}.sidebar-accordion-menu ion-icon{color:var(--sonic-silver);font-size:14px;--ionicon-stroke-width: 70px}.sidebar-submenu-category-list{border-top:1px solid var(--cultured);max-height:0;overflow:hidden;visibility:hidden;transition:.5s ease-in-out}.sidebar-submenu-category-list.active{padding:13px 0 8px;max-height:122px;visibility:visible}.sidebar-submenu-title{display:flex;justify-content:space-between;align-items:center;color:var(--sonic-silver);font-size:var(--fs-7);padding:2px 0}.sidebar-submenu-title:hover{color:var(--eerie-black)}.sidebar .product-name{text-transform:capitalize}.sidebar-accordion-menu.active .add-icon,.sidebar-accordion-menu .remove-icon{display:none}.sidebar-accordion-menu .add-icon,.sidebar-accordion-menu.active .remove-icon{display:block}.sidebar .showcase-heading{font-size:var(--fs-5);font-weight:var(--weight-600);color:var(--onyx);text-transform:uppercase;letter-spacing:.8px;margin-bottom:15px}.sidebar .showcase{display:flex;align-items:center;gap:15px}.sidebar .showcase:not(:last-child){margin-bottom:15px}.sidebar .showcase-img{border-radius:var(--border-radius-sm)}.sidebar .showcase-content{width:calc(100% - 90px)}.sidebar .showcase-title{color:var(--onyx);font-size:var(--fs-7);font-weight:var(--weight-400);text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.5px}.sidebar .showcase-rating{display:flex;align-items:center;color:var(--sandy-brown);font-size:13px;padding:4px 0}.sidebar .price-box{display:flex;align-items:center;gap:15px}.sidebar .price-box del{color:var(--sonic-silver);font-size:13px}.sidebar .price-box .price{font-size:var(--fs-7);font-weight:var(--weight-600);color:var(--davys-gray)}.product-minimal{margin-bottom:30px}.product-minimal .product-showcase{margin-bottom:10px}.product-minimal .showcase-wrapper{display:flex;align-items:center;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory}.product-minimal .showcase-container{min-width:100%;padding:0 5px;scroll-snap-align:start}.product-minimal .showcase{display:flex;justify-content:flex-start;align-items:center;gap:15px;border:1px solid var(--cultured);padding:20px;border-radius:var(--border-radius-md)}.product-minimal .showcase:not(:last-child){margin-bottom:15px}.product-minimal .showcase-content{width:calc(100% - 85px)}.product-minimal .showcase-title{color:var(--eerie-black);font-size:var(--fs-7);font-weight:var(--weight-600);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.product-minimal .showcase-category{width:max-content;color:var(--davys-gray);font-size:var(--fs-8);text-transform:capitalize;margin-bottom:3px}.product-minimal .showcase-category:hover{color:var(--modern-blue)}.product-minimal .price-box{display:flex;align-items:center;gap:10px}.product-minimal .price{font-size:var(--fs-7);font-weight:var(--weight-700);color:var(--modern-blue)}.product-minimal .price-box del{font-size:var(--fs-9);color:var(--sonic-silver)}.product-featured{margin-bottom:30px}.product-featured .showcase-wrapper{display:flex;align-items:center;gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory}.product-featured .showcase-container{min-width:100%;padding:30px;border:1px solid var(--cultured);border-radius:var(--border-radius-md);scroll-snap-align:start}.product-featured .showcase-img{width:100%;height:100%;object-fit:cover}.product-featured .showcase-content{margin-top:30px}.product-featured .showcase-rating{color:var(--sandy-brown);display:flex;align-items:center;font-size:16px;margin-bottom:15px}.product-featured .showcase-title{font-size:var(--fs-7);color:var(--eerie-black);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;margin-bottom:3px}.product-featured .showcase-desc{color:var(--sonic-silver);font-size:var(--fs-7);font-weight:var(--weight-300);margin-bottom:10px}.product-featured .price-box{font-size:var(--fs-3);display:flex;gap:10px;margin-bottom:10px}.product-featured .price{color:var(--modern-blue);font-weight:var(--weight-700)}.product-featured del{color:var(--sonic-silver);font-weight:var(--weight-300)}.product-featured .add-cart-btn{background:var(--modern-blue);padding:8px 15px;color:var(--white);font-weight:var(--fs-9);font-weight:var(--weight-700);text-transform:uppercase;border-radius:var(--border-radius-md);margin-bottom:15px;transition:var(--transition-timing)}.product-featured .add-cart-btn:hover{background:var(--eerie-black);color:var(--white)}.product-featured .showcase-status{margin-bottom:15px}.product-featured .showcase-status .wrapper{display:flex;justify-content:space-between;align-items:center;color:var(--eerie-black);font-size:var(--fs-9);font-weight:var(--weight-400);text-transform:uppercase;margin-bottom:10px}.product-featured .showcase-status-bar{background:var(--cultured);position:relative;height:10px;border-radius:5px}.product-featured .showcase-status-bar:before{position:absolute;content:"";top:3px;left:3px;height:4px;width:40%;background:var(--modern-blue);border-radius:4px}.product-featured .countdown-desc{color:var(--eerie-black);font-size:var(--fs-9);font-weight:var(--weight-600);text-transform:uppercase;margin-bottom:10px}.product-featured .countdown{display:flex;gap:5px}.product-featured .countdown-content{padding:5px;background:var(--cultured);border-radius:var(--border-radius-md);text-align:center}.product-featured .display-number{color:var(--eerie-black);font-size:var(--fs-5);font-weight:var(--weight-500);min-width:40px}.product-featured .display-text{color:var(--davys-gray);font-size:var(--fs-11)}.product-main{margin-bottom:30px}.product-grid{display:grid;grid-template-columns:1fr;gap:25px}.product-grid .showcase{border:1px solid var(--cultured);border-radius:var(--border-radius-md);overflow:hidden;transition:var(--transition-timing)}.product-grid .showcase:hover{box-shadow:0 0 10px #0000001a}.product-grid .showcase-banner{position:relative}.product-grid .product-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-timing)}.product-grid .product-img.default{position:relative;z-index:1}.product-grid .product-img.hover{position:absolute;top:0;left:0;z-index:2;opacity:0}.product-grid .showcase:hover .product-img.hover{opacity:1}.product-grid .showcase:hover .product-img.default{opacity:0}.product-grid .showcase:hover .product-img{transform:scale(1.1)}.product-grid .showcase-badge{position:absolute;top:15px;left:15px;background:var(--ocean-green);font-size:var(--fs-8);font-weight:var(--weight-500);color:var(--white);padding:0 8px;border-radius:var(--border-radius-sm);z-index:3}.product-grid .showcase-badge.angle{top:8px;left:-29px;transform:rotate(-45deg);text-transform:uppercase;font-size:11px;padding:5px 40px}.product-grid .showcase-badge.black{background:var(--eerie-black)}.product-grid .showcase-badge.pink{background:var(--modern-blue)}.product-grid .showcase-actions{position:absolute;top:10px;right:10px;font-size:20px;transform:translate(50px);transition:var(--transition-timing);z-index:3}.product-grid .showcase:hover .showcase-actions{transform:translate(0)}.product-grid .btn-action{background:var(--white);color:var(--sonic-silver);margin-bottom:5px;border:1px solid var(--cultured);padding:5px;border-radius:var(--border-radius-sm);transition:var(--transition-timing)}.product-grid .btn-action:hover{background:var(--modern-blue);color:var(--white);border-color:var(--modern-blue)}.product-grid .showcase-content{padding:15px 20px 0}.product-grid .showcase-category{color:var(--modern-blue);font-size:var(--fs-9);font-weight:var(--weight-500);text-transform:uppercase;margin-bottom:10px}.product-grid .showcase-title{color:var(--sonic-silver);font-size:var(--fs-8);font-weight:var(--weight-300);text-transform:capitalize;letter-spacing:1px;margin-bottom:10px;transition:var(--transition-timing)}.product-grid .showcase-title:hover{color:var(--eerie-black)}.product-grid .showcase-rating{display:flex;color:var(--sandy-brown);margin-bottom:10px}.product-grid .price-box{display:flex;gap:10px;font-size:var(--fs-7);color:var(--eerie-black);margin-bottom:10px}.product-grid .price{font-weight:var(--weight-700)}.product-grid del{color:var(--sonic-silver)}.testimonials-box{margin-bottom:50px}.testimonial-card{padding:30px 20px;border:1px solid var(--cultured);border-radius:var(--border-radius-md);text-align:center;margin-bottom:25px}.testimonial-banner{margin:auto auto 20px;border-radius:50%}.testimonial-name{font-weight:var(--weight-700);text-transform:uppercase;color:var(--sonic-silver);margin-bottom:5px}.testimonial-title{color:var(--onyx);font-size:var(--fs-7);margin-bottom:15px}.quotation-img{margin:auto auto 10px}.testimonial-desc{max-width:70%;margin:auto;color:var(--sonic-silver);font-size:var(--fs-7)}.cta-container{position:relative;aspect-ratio:5 / 6;border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:25px}.cta-banner{width:100%;height:100%;object-fit:cover}.cta-content{background:#ffffffb3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;padding:15px 20px;text-align:center;border-radius:var(--border-radius-sm)}.cta-content .discount{background:var(--eerie-black);color:var(--white);font-size:var(--fs-11);font-weight:var(--weight-600);text-transform:uppercase;width:max-content;margin:auto auto 5px;padding:0 5px;border-radius:var(--border-radius-sm)}.cta-title{color:var(--onyx);font-size:var(--fs-5);text-transform:capitalize;margin-bottom:5px}.cta-text{color:var(--sonic-silver);font-size:var(--fs-7);margin-bottom:5px}.cta-btn{font-size:var(--fs-9);color:var(--sonic-silver);text-transform:uppercase;font-weight:var(--weight-700);margin:auto}.service-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;padding:30px 15px;border:1px solid var(--cultured);border-radius:var(--border-radius-md)}.service-item{min-width:190px;display:flex;align-items:center;gap:15px}.blog-conten{padding:5px!important}.service-icon{font-size:35px;color:var(--modern-blue);transition:var(--transition-timing)}.service-icon ion-icon{--ionicon-stroke-width: 25px}.service-item:hover .service-icon{color:var(--eerie-black)}.service-title{color:var(--sonic-silver);font-size:var(--fs-7);font-weight:var(--weight-600);text-transform:capitalize;margin-bottom:5px}.service-desc{color:var(--sonic-silver);font-size:var(--fs-9)}.blog{margin-bottom:30px}.blog-container{display:flex;align-items:flex-start;gap:15px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory}.blog-card{min-width:100%;scroll-snap-align:start}.blog-banner{width:100%;border-radius:var(--border-radius-md);margin-bottom:20px}.blog-category{width:max-content;color:var(--modern-blue);font-size:var(--fs-8)}.blog-title{color:var(--eerie-black);font-size:var(--fs-5);font-weight:var(--weight-600);line-height:1.4;margin-bottom:5px;transition:var(--transition-timing)}.blog-title:hover{color:var(--modern-blue)}.blog-meta{color:var(--sonic-silver);font-size:var(--fs-7)}.blog-meta cite{font-style:normal;color:var(--davys-gray)}footer{background:var(--eerie-black);padding:30px 0}.footer-category{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--onyx)}.footer-category-title{color:var(--modern-blue);font-size:var(--fs-6);font-weight:var(--weight-600);text-transform:uppercase;margin-bottom:15px}.footer-category-box{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;column-gap:20px;row-gap:3px;margin-bottom:15px}.category-box-title{color:var(--spanish-gray);font-size:var(--fs-8);font-weight:var(--weight-600);text-transform:uppercase}.footer-category-link{position:relative;color:var(--sonic-silver);font-size:var(--fs-7);text-transform:capitalize;transition:var(--transition-timing)}.footer-category-link:hover{color:var(--spanish-gray)}.footer-category-link:not(:last-child):after{position:absolute;content:"";top:3px;right:-10px;background:var(--sonic-silver);width:1px;height:15px}.footer-nav{border-bottom:1px solid var(--onyx);padding-bottom:30px;margin-bottom:30px}.footer-nav-list:not(:last-child){margin-bottom:20px}.footer-nav .nav-title{position:relative;color:var(--white);font-size:var(--fs-7);text-transform:uppercase;margin-bottom:15px;padding-bottom:5px}.footer-nav .nav-title:before{content:"";position:absolute;bottom:0;left:0;background:var(--modern-blue);width:60px;height:1px}.footer-nav-item{padding:3px 0}.footer-nav-link,.footer-nav-item .content{width:max-content;color:var(--sonic-silver);font-size:var(--fs-7);text-transform:capitalize;transition:var(--transition-timing)}.footer-nav-link:hover{color:var(--modern-blue)}.footer-nav-item.flex{display:flex;align-items:flex-start;gap:10px}.footer-nav-item .content{font-style:normal;margin-bottom:5px}.footer-nav-item .icon-box{color:var(--sonic-silver);font-size:25px}.footer-nav-item .icon-box ion-icon{--ionicon-stroke-width: 30px}.footer-nav .social-link{display:flex;justify-content:flex-start;align-items:center;gap:10px}.social-link .footer-nav-link{font-size:25px}.footer-bottom{margin-bottom:50px;text-align:center}.payment-img{max-width:335px;width:100%;margin:auto auto 15px}.copyright{color:var(--sonic-silver);font-size:var(--fs-8);font-weight:var(--weight-500);text-transform:capitalize;letter-spacing:1.2px}.copyright a{display:inline;color:inherit}@media (min-width: 480px){:root{--fs-1: 1.875rem}.header-top{display:block;padding:10px 0;border-bottom:1px solid var(--cultured)}.header-social-container,.header-top-actions{display:none}.header-alert-news{color:var(--sonic-silver);font-size:var(--fs-9);text-transform:uppercase}.header-alert-news b{font-weight:var(--weight-500)}.header-main{padding:25px 0}.mobile-bottom-navigation{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.slider-item{aspect-ratio:5 / 3}.banner-content{top:50%;right:auto;bottom:auto;transform:translateY(-50%);max-width:320px}.banner-subtitle{--fs-7: 1rem}.banner-text{display:block;color:var(--sonic-silver);font-size:var(--fs-7);font-weight:var(--weight-500);margin-bottom:10px}.banner-text b{font-size:var(--fs-2)}.banner-btn{padding:7px 20px}.product-grid{grid-template-columns:1fr 1fr;gap:30px}.cta-content{padding:40px}.cta-content .discount{--fs-11: .875rem;padding:5px 10px}.cta-title{--fs-5: 1.5rem}.cta-text{--fs-7: 1rem}.cta-btn{--fs-9: 1rem}.copyright{--fs-8: .875rem}}@media (min-width: 570px){.header-top .container,.header-main .container{display:flex;justify-content:space-between;align-items:center}.header-logo{margin-bottom:0}.header-top-actions{display:flex;align-items:center;gap:10px}.header-top-actions select{border:none;display:block;min-width:80px;padding:5px 0;font:inherit;color:var(--sonic-silver);font-size:var(--fs-8);text-transform:uppercase;cursor:pointer;transition:var(--transition-timing)}.header-top-actions select:hover{color:var(--eerie-black)}.header-search-container{min-width:300px}.slider-item{aspect-ratio:4 / 2}.banner-content{background:none}.category-item-container{gap:30px}.category-item{min-width:calc(50% - 15px)}.product-minimal .showcase-container{min-width:50%}.product-featured .showcase-img{max-width:450px;margin:auto}.product-featured .countdown{gap:20px}.cta-container{aspect-ratio:6 / 5}.blog-container{gap:30px}.blog-card{min-width:calc(50% - 15px)}}@media (min-width: 768px){:root{--fs-1: 2.375rem}html{font-size:17px}.container{max-width:750px;margin:auto}.modal-content{display:flex;align-items:center;max-width:750px;width:fit-content}.newsletter-img{display:block}.newsletter{text-align:left}.header-main .container{gap:80px}.header-search-container{flex-grow:1}.slider-item{aspect-ratio:auto;height:350px}.banner-content{max-width:380px}.banner-subtitle{--fs-7: 1.25rem}.banner-text{--fs-7: 1.125rem}.banner-text b{--fs-2: 1.875rem}.banner-btn{--fs-11: .75rem}.category-img-box{padding:20px}.product-minimal{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.product-minimal .product-showcase{min-width:calc(50% - 10px);width:calc(50% - 10px)}.product-minimal .showcase-container{min-width:100%}.product-featured .showcase{display:flex;justify-content:center;align-items:center;gap:20px}.product-featured .showcase-img{max-width:fit-content}.product-featured .showcase-content{margin-top:0;min-width:calc(100% - 345px)}.footer-nav .container{display:flex;flex-wrap:wrap;row-gap:50px;column-gap:20px}.footer-nav-list{min-width:calc(33.33% - 15px);width:calc(33.33% - 15px);flex-grow:1}.footer-nav-list:not(:last-child){margin-bottom:0}}@media (min-width: 1024px){:root{--fs-1: 2.625rem;--fs-2: 1.125rem}.container{max-width:980px}.notification-toast{bottom:30px}.header-social-container{display:flex;align-items:center;gap:5px}.header-social-container .social-link{padding:5px;background:#f2f2f2;border-radius:var(--border-radius-sm);color:var(--sonic-silver);transition:var(--transition-timing)}.header-social-container .social-link:hover{background:var(--modern-blue);color:var(--white)}.header-user-actions{display:flex;align-items:center;gap:15px}.header-user-actions .action-btn{position:relative;font-size:35px;color:var(--onyx);padding:5px}.header-user-actions .count{position:absolute;top:-2px;right:-3px;background:var(--bittersweet);color:var(--white);font-size:12px;font-weight:var(--weight-500);line-height:1;padding:2px 4px;border-radius:20px}.desktop-navigation-menu{display:block}.desktop-menu-category-list{position:relative;display:flex;justify-content:center;align-items:center;gap:30px}.desktop-menu-category-list .menu-category:not(:nth-child(2)){position:relative}.desktop-menu-category-list .menu-category>.menu-title{position:relative;color:var(--onyx);font-size:var(--fs-7);font-weight:var(--weight-600);text-transform:uppercase;padding:15px 0;transition:var(--transition-timing)}.desktop-menu-category-list .menu-category>.menu-title:hover{color:var(--modern-blue)}.desktop-menu-category-list .menu-category>.menu-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--modern-blue);transform:scaleX(0);transform-origin:left;transition:var(--transition-timing)}.desktop-menu-category-list .menu-category>.menu-title:hover:after{transform:scaleX(1)}.dropdown-panel{position:absolute;top:100%;left:0;background:var(--white);width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:30px;border:1px solid var(--cultured);box-shadow:0 3px 5px #0000001a;border-radius:var(--border-radius-md);transform:translateY(50px);opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition-timing);z-index:5}.desktop-menu-category-list .menu-category:hover>.dropdown-panel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:all}.dropdown-panel-list .menu-title a{color:var(--onyx);font-size:var(--fs-7);font-weight:var(--weight-600);padding-bottom:10px;border-bottom:1px solid var(--cultured);margin-bottom:10px}.panel-list-item a{color:var(--sonic-silver);font-size:var(--fs-7);text-transform:capitalize;transition:var(--transition-timing)}.panel-list-item a:hover{color:var(--modern-blue)}.panel-list-item:not(:last-child) a{padding:4px 0}.panel-list-item:last-child{margin-top:20px}.panel-list-item img{width:100%;height:auto;border-radius:var(--border-radius-sm)}.dropdown-list{position:absolute;top:100%;left:0;width:200px;background:var(--white);padding:20px 0;border-radius:var(--border-radius-md);border:1px solid var(--cultured);box-shadow:0 3px 5px #0000001a;transform:translateY(50px);opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition-timing);z-index:5}.desktop-menu-category-list .menu-category:hover>.dropdown-list{transform:translateY(0);opacity:1;visibility:visible;pointer-events:all}.dropdown-list .dropdown-item a{color:var(--sonic-silver);font-size:var(--fs-7);text-transform:capitalize;padding:4px 20px;transition:var(--transition-timing)}.dropdown-list .dropdown-item a:hover{color:var(--modern-blue)}.mobile-bottom-navigation{display:none}.banner{margin-top:0}.slider-item{height:380px}.banner-content{left:75px;max-width:400px}.banner-subtitle{--fs-7: 1.625rem}.banner-text{--fs-7: 1.375rem}.banner-btn{--fs-11: .875rem}.category-item{min-width:calc(33.33% - 20px)}.category-img-box{padding:10px}.product-container .container{position:relative;display:flex;align-items:flex-start;gap:30px;margin-bottom:30px}.sidebar{--fs-5: .941rem;position:sticky;top:30px;left:0;padding:0;min-width:calc(25% - 15px);margin-bottom:30px;visibility:visible;overflow-y:auto;overscroll-behavior:auto;z-index:0}.sidebar-category{padding:20px;margin-bottom:30px;border:1px solid var(--cultured);border-radius:var(--border-radius-md)}.sidebar-close-btn{display:none}.product-box{min-width:calc(75% - 15px)}.product-minimal{margin-bottom:20px}.product-minimal .product-showcase{min-width:calc(33.33% - 14px);width:calc(33.33% - 14px);flex-grow:1}.product-minimal .showcase-wrapper{gap:10px}.product-minimal .showcase-container{padding:2px}.product-featured .countdown-content{padding:5px 10px}.product-grid{grid-template-columns:repeat(3,1fr)}.testimonials-box{display:flex;flex-wrap:wrap;align-items:stretch;gap:30px}.testimonial-card{margin-bottom:0}.testimonial,.cta-container{min-width:calc(50% - 15px);width:calc(50% - 15px);margin-bottom:0}.service{width:100%}.service-container{gap:0}.service-item{flex-direction:column;text-align:center;min-width:20%}.blog-card{min-width:calc(33.33% - 20px)}.blog-title{--fs-5: 1rem}.footer-nav-list{min-width:calc(20% - 16px);width:calc(20% - 16px)}.footer-nav-list:last-child{display:none}.footer-bottom{margin-bottom:0}}@media (min-width: 1200px){.container{max-width:1200px}.desktop-menu-category-list{gap:45px}.slider-item:last-child .banner-img{object-position:top}.category-item{min-width:calc(25% - 22.5px)}.category-item-title{--fs-9: .824rem}.product-featured .showcase>div{min-width:calc(50% - 10px)}.product-featured .display-number{--fs-5: 1.125rem}.product-grid{grid-template-columns:repeat(4,1fr)}.testimonial,.service{min-width:calc(25% - 20px);width:calc(25% - 20px)}.cta-container{min-width:calc(50% - 20px);width:calc(50% - 20px);aspect-ratio:unset}.service-container{justify-content:flex-start;gap:16px;padding:30px}.service-item{flex-direction:row;text-align:left}.blog{margin-bottom:50px}.blog-card{min-width:calc(25% - 22.5px)}footer{padding-top:50px}.footer-category{margin-bottom:50px;padding-bottom:35px}.footer-nav{padding-bottom:50px}}.showcase .shimmer-box{width:70px;height:70px;border-radius:8px;margin-bottom:8px}.shimmer-line.short{width:120px}.shimmer-line.long{width:180px}.shimmer-line.tiny{width:60px}@media (min-width: 1400px){html{font-size:18px}.container{max-width:1350px}.slider-item{height:450px}.banner-content{left:110px;max-width:460px}}.blog-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0 60px;text-align:center;margin-top:0}.blog-hero-content{max-width:600px;margin:0 auto}.blog-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.blog-hero-subtitle{font-size:1.2rem;opacity:.9;line-height:1.6;margin:0}.blog-section{padding:80px 0;background-color:#f8f9fa}.blog-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 30px #00000014;transition:all .3s ease;position:relative}.blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.blog-card-banner{position:relative;overflow:hidden;height:250px}.blog-banner-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-banner-img{transform:scale(1.05)}.blog-category{position:absolute;top:20px;left:20px;background:var(--modern-blue);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-card-content{padding:30px}.blog-meta{display:flex;align-items:center;gap:20px;margin-bottom:20px;color:#666;font-size:.9rem}.blog-date,.blog-author{display:flex;align-items:center;gap:6px}.blog-date svg,.blog-author svg{width:1rem;height:1rem;margin-right:4px;vertical-align:middle}.blog-title{margin-bottom:15px}.blog-title a{color:var(--eerie-black);text-decoration:none;font-size:1.4rem;font-weight:600;line-height:1.3;transition:color .3s ease}.blog-title a:hover{color:var(--modern-blue)}.blog-excerpt{color:#666;line-height:1.7;margin-bottom:25px;font-size:1rem}.blog-read-more{display:inline-flex;align-items:center;gap:8px;color:var(--modern-blue);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.blog-read-more:hover{color:var(--eerie-black);gap:12px}.blog-read-more svg{width:1rem;height:1rem;margin-left:4px;transition:transform .3s ease;vertical-align:middle}.blog-read-more:hover svg{transform:translate(4px)}.blog-pagination{display:flex;justify-content:center;gap:10px;margin-top:60px}.pagination-btn{border:2px solid #e0e0e0;background:#fff;color:#666;width:50px;height:50px;border-radius:50%;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-btn:hover,.pagination-btn.active{border-color:var(--modern-blue);background:var(--modern-blue);color:#fff;transform:translateY(-2px)}.blog-detail-hero{position:relative;height:400px;background:linear-gradient(#0006,#0006);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.blog-detail-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.blog-detail-hero-content{max-width:800px;padding:0 20px;z-index:1}.blog-detail-title{font-size:2.8rem;font-weight:700;margin-bottom:20px;line-height:1.2}.blog-detail-meta{display:flex;justify-content:center;gap:30px;font-size:1rem;opacity:.9;flex-wrap:wrap}.blog-detail-meta>div{display:flex;align-items:center;gap:8px}.blog-detail-content{max-width:800px;margin:80px auto;padding:0 20px;line-height:1.8;font-size:1.1rem;color:#444}.blog-detail-content h2{color:var(--eerie-black);font-size:2rem;margin:40px 0 20px;font-weight:600}.blog-detail-content h3{color:var(--eerie-black);font-size:1.5rem;margin:30px 0 15px;font-weight:600}.blog-detail-content p{margin-bottom:20px}.blog-detail-content ul,.blog-detail-content ol{margin:20px 0;padding-left:30px}.blog-detail-content li{margin-bottom:10px}.blog-detail-content blockquote{background:#f8f9fa;border-left:4px solid var(--modern-blue);padding:20px 30px;margin:30px 0;font-style:italic;font-size:1.15rem;color:#555}.blog-detail-content img{width:100%;height:auto;border-radius:10px;margin:30px 0;box-shadow:0 8px 25px #0000001a}.back-to-blog{display:inline-flex;align-items:center;gap:10px;color:var(--modern-blue);text-decoration:none;font-weight:600;margin-bottom:30px;transition:all .3s ease}.back-to-blog:hover{color:var(--eerie-black);gap:15px}.back-to-blog svg{width:1.2rem;height:1.2rem;margin-right:4px;transition:transform .3s ease;vertical-align:middle}.back-to-blog:hover svg{transform:translate(-4px)}.related-posts{background:#f8f9fa;padding:80px 0}.related-posts .container{max-width:1200px;margin:0 auto;padding:0 20px}.related-posts h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:var(--eerie-black)}.related-posts .blog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}@media (max-width: 768px){.blog-hero{padding:60px 0 40px}.blog-hero-title{font-size:2.5rem}.blog-hero-subtitle{font-size:1.1rem}.blog-section{padding:60px 0}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card-content{padding:20px}.blog-title a{font-size:1.2rem}.blog-meta{flex-direction:column;align-items:flex-start;gap:10px}.blog-detail-hero{height:300px}.blog-detail-title{font-size:2rem}.blog-detail-meta{flex-direction:column;gap:15px}.blog-detail-content{margin:40px auto;font-size:1rem}.blog-detail-content h2{font-size:1.5rem}.blog-detail-content h3{font-size:1.3rem}.pagination-btn{width:40px;height:40px;font-size:.9rem}}@media (max-width: 480px){.blog-hero-title{font-size:2rem}.blog-card-banner{height:200px}.blog-detail-hero{height:250px}.blog-detail-title{font-size:1.5rem}}.blog-page{min-height:100vh}.blog-hero{position:relative;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-top:0}.blog-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.blog-hero-bg img{width:100%;height:100%;object-fit:cover}.blog-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2}.blog-hero-content{position:relative;z-index:3;max-width:800px;padding:0 20px}.blog-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.blog-hero-subtitle{font-size:1.2rem;opacity:.95;line-height:1.6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.blog-posts{padding:80px 0;background-color:#f8f9fa}.blog-posts-header{text-align:center;margin-bottom:60px}.blog-posts-header h2{font-size:2.5rem;font-weight:700;color:var(--eerie-black);margin-bottom:15px}.blog-posts-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:60px}.blog-card-modern{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:all .3s ease;position:relative;border:1px solid #f0f0f0}.blog-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.blog-card-link{text-decoration:none;color:inherit;display:block;height:100%}.blog-card-image{position:relative;height:250px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card-modern:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{position:absolute;top:20px;left:20px;background:var(--modern-blue);color:#fff;padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026}.blog-card-content{padding:30px;display:flex;flex-direction:column;height:calc(100% - 250px)}.blog-card-title{font-size:1.4rem;font-weight:600;color:var(--eerie-black);margin-bottom:15px;line-height:1.3;transition:color .3s ease}.blog-card-modern:hover .blog-card-title{color:var(--modern-blue)}.blog-card-excerpt{color:#666;line-height:1.7;margin-bottom:20px;font-size:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #f0f0f0;font-size:.9rem;color:#888}.blog-card-author,.blog-card-date{font-weight:500}.blog-card-author{color:var(--modern-blue)}.blog-pagination{display:flex;justify-content:center;gap:15px;margin-top:60px;flex-wrap:wrap}.pagination-btn{border:2px solid #e0e0e0;background:#fff;color:#666;min-width:50px;height:50px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0 20px;text-decoration:none}.pagination-btn:hover,.pagination-btn.active{border-color:var(--modern-blue);background:var(--modern-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.desktop-menu-category-list .menu-title.active{color:var(--modern-blue);font-weight:600}.blog-card-image img,.blog-banner-img{opacity:0;animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width: 768px){.blog-hero{height:300px;padding:60px 0 40px}.blog-hero-title{font-size:2.5rem}.blog-hero-subtitle{font-size:1.1rem}.blog-posts{padding:60px 0}.blog-posts-header h2{font-size:2rem}.blog-grid{grid-template-columns:1fr;gap:25px}.blog-card-modern{border-radius:15px}.blog-card-image{height:220px}.blog-card-content{padding:25px}.blog-card-title{font-size:1.2rem}.blog-card-meta{flex-direction:column;align-items:flex-start;gap:8px}.pagination-btn{min-width:45px;height:45px;font-size:.9rem;padding:0 15px}}@media (max-width: 480px){.blog-hero{height:250px;padding:40px 0 30px}.blog-hero-title{font-size:2rem}.blog-hero-subtitle{font-size:1rem}.blog-posts{padding:40px 0}.blog-posts-header{margin-bottom:40px}.blog-posts-header h2{font-size:1.8rem}.blog-grid{gap:20px}.blog-card-image{height:180px}.blog-card-content{padding:20px}.blog-card-title{font-size:1.1rem}.blog-card-excerpt{font-size:.95rem;-webkit-line-clamp:2;line-clamp:2}.blog-card-category{font-size:.75rem;padding:6px 12px}.pagination-btn{min-width:40px;height:40px;font-size:.85rem;padding:0 12px}}.blog-detail{min-height:100vh;background-color:#fff;padding:40px 0}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:40px;font-size:.95rem;padding:0 20px}.breadcrumb a{color:var(--modern-blue);text-decoration:none;font-weight:500;transition:color .3s ease}.breadcrumb .separator{color:#ccc;font-weight:300}.breadcrumb .current{color:#666;font-weight:400;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-article{margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014;border:1px solid #f0f0f0}.blog-article-header{padding:40px 40px 30px;text-align:center;background:linear-gradient(135deg,#f8f9fa,#fff)}.blog-article-category{display:inline-block;background:var(--modern-blue);color:#fff;padding:8px 20px;border-radius:25px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;box-shadow:0 2px 8px #00000026}.blog-article-title{font-size:2.5rem;font-weight:700;color:var(--eerie-black);line-height:1.2;margin-bottom:30px;text-align:center}.blog-article-meta{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;color:#666;font-size:.95rem}.blog-article-author,.blog-article-date,.blog-article-share{display:flex;align-items:center;gap:8px;font-weight:500}.author-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.blog-article-author span{color:var(--modern-blue);font-weight:600}.blog-article-date svg,.blog-article-share svg{width:1.1rem;height:1.1rem;margin-right:4px;color:var(--modern-blue);vertical-align:middle}.blog-article-share{cursor:pointer;transition:color .3s ease}.blog-article-share:hover{color:var(--modern-blue)}.blog-article-image{position:relative;height:400px;overflow:hidden}.blog-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-article:hover .blog-article-image img{transform:scale(1.02)}.blog-article-content{padding:50px 40px;line-height:1.8;font-size:1.1rem;color:#444}.blog-article-content p{margin-bottom:25px;text-align:justify}.blog-article-content h3{color:var(--eerie-black);font-size:1.6rem;font-weight:600;margin:35px 0 20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.blog-article-content h4{color:var(--eerie-black);font-size:1.3rem;font-weight:600;margin:25px 0 15px}.blog-article-content ul,.blog-article-content ol{margin:25px 0;padding-left:30px}.blog-article-content li{margin-bottom:12px;color:#555}.blog-article-content blockquote{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid var(--modern-blue);padding:25px 30px;margin:35px 0;font-style:italic;font-size:1.2rem;color:#555;border-radius:0 10px 10px 0;position:relative}.blog-article-content blockquote:before{content:'"';font-size:4rem;color:var(--modern-blue);position:absolute;top:-10px;left:15px;opacity:.3}.blog-article-footer{padding:30px 40px 40px;border-top:1px solid #f0f0f0;background:#fafafa}.article-tags{margin-bottom:30px}.article-tags h4{color:var(--eerie-black);font-size:1.1rem;margin-bottom:15px;font-weight:600}.tag{display:inline-block;background:#e9ecef;color:#666;padding:6px 15px;border-radius:20px;font-size:.85rem;font-weight:500;margin:0 8px 8px 0;transition:all .3s ease;cursor:pointer}.tag:hover{background:var(--modern-blue);color:#fff;transform:translateY(-2px)}.article-social-share h4{color:var(--eerie-black);font-size:1.1rem;margin-bottom:15px;font-weight:600}.social-buttons{display:flex;gap:15px;flex-wrap:wrap}.social-btn{height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;font-size:1.2rem}.social-btn.facebook{background:#1877f2;color:#fff}.social-btn.twitter{background:#1da1f2;color:#fff}.social-btn.linkedin{background:#0077b5;color:#fff}.social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.related-posts{margin-top:80px;padding:60px 20px;background:#f8f9fa;border-radius:20px}.related-posts h2{text-align:center;font-size:2.2rem;font-weight:700;color:var(--eerie-black);margin-bottom:50px}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.related-post{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #00000014;transition:all .3s ease;border:1px solid #f0f0f0}.related-post:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.related-post-link{text-decoration:none;color:inherit;display:block}.related-post-image{position:relative;height:180px;overflow:hidden}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-post:hover .related-post-image img{transform:scale(1.05)}.related-post-category{position:absolute;top:15px;left:15px;background:var(--modern-blue);color:#fff;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.related-post-title{padding:20px;font-size:1.1rem;font-weight:600;color:var(--eerie-black);line-height:1.3;margin:0;transition:color .3s ease}.related-post:hover .related-post-title{color:var(--modern-blue)}@media (max-width: 768px){.blog-detail{padding:20px 0}.breadcrumb{margin-bottom:30px;font-size:.9rem;padding:0 15px}.breadcrumb .current{max-width:150px}.blog-article{margin:0 15px;border-radius:15px}.blog-article-header{padding:30px 25px 25px}.blog-article-title{font-size:1.8rem}.blog-article-meta{gap:20px;flex-direction:column;align-items:center}.blog-article-image{height:250px}.blog-article-content{padding:30px 25px;font-size:1rem}.blog-article-content h3{font-size:1.4rem}.blog-article-footer{padding:25px}.related-posts{margin-top:50px;padding:40px 15px}.related-posts h2{font-size:1.8rem;margin-bottom:30px}.related-posts-grid{gap:20px}}@media (max-width: 480px){.breadcrumb{font-size:.85rem}.breadcrumb .current{max-width:120px}.blog-article-header{padding:25px 20px}.blog-article-title{font-size:1.5rem}.blog-article-image{height:200px}.blog-article-content{padding:25px 20px;font-size:.95rem}.blog-article-content h3{font-size:1.2rem}.blog-article-content blockquote{padding:20px;font-size:1.1rem;margin:25px 0}.blog-article-footer{padding:20px}.social-buttons{gap:12px}.social-btn{width:40px;height:40px;font-size:1.1rem}.related-posts{padding:30px 15px}.related-posts h2{font-size:1.5rem}.related-post-image{height:150px}.related-post-title{padding:15px;font-size:1rem}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative}.auth-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/images/newsletter.png) no-repeat center center;background-size:cover;opacity:.1;z-index:1}.auth-container{background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;max-width:900px;width:100%;min-height:600px;position:relative;z-index:2}.auth-card{padding:40px 30px;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:400px;margin:0 auto}.signup-card{padding:40px}.auth-header{text-align:center;margin-bottom:25px}.auth-header h1{font-size:2.2rem;font-weight:700;color:var(--eerie-black);margin-bottom:10px;line-height:1.2}.auth-header p{color:#666;font-size:1rem;line-height:1.5;margin:0}.auth-toggle{display:flex;background:#f8f9fa;border-radius:10px;padding:4px;margin:0 0 24px;gap:4px;border:1px solid #e9ecef}.toggle-btn{flex:1;background:transparent;border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;color:#6c757d;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;height:42px}.toggle-btn svg{width:1.1rem;height:1.1rem;vertical-align:middle}.toggle-btn.active{background:var(--modern-blue);color:#fff;transition:all .3s ease}.toggle-btn:hover:not(.active){background:#e9ecef}.auth-form{display:flex;flex-direction:column;width:100%;gap:4px}.signup-form{gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:5px!important;margin-bottom:8px}.form-row .form-group{margin-bottom:0}.form-group{display:flex;flex-direction:column;width:100%;margin-bottom:0!important}.terms-checkbox{margin:10px 0 20px!important}.terms-checkbox .checkbox-container{display:flex;align-items:flex-start;position:relative;padding-left:30px;cursor:pointer;font-size:12px!important;color:#555;line-height:1.4;-webkit-user-select:none;user-select:none}.terms-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.terms-checkbox .checkmark{position:absolute;top:2px;left:0;height:18px;width:18px;background-color:#fff;border:1.5px solid #ddd;border-radius:4px;transition:all .2s ease}.terms-checkbox:hover input~.checkmark{border-color:var(--modern-blue)}.terms-checkbox input:checked~.checkmark{background-color:var(--modern-blue);border-color:var(--modern-blue)}.terms-checkbox .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-checkbox input:checked~.checkmark:after{display:block}.terms-link{color:var(--modern-blue);text-decoration:none;font-weight:600;transition:color .2s ease}.terms-link:hover{color:var(--modern-blue);text-decoration:underline}.form-group label{font-size:.9rem;font-weight:600;color:var(--eerie-black);margin-bottom:6px;display:block}.input-wrapper{position:relative;width:100%;display:flex;align-items:center;margin-bottom:4px}.input-wrapper svg{position:absolute;left:14px;width:1.1rem;height:1.1rem;color:var(--sonic-silver);transform:translateY(-50%);transition:color .3s ease}.input-wrapper input{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #dee2e6;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s ease;background:#fff;height:46px;box-sizing:border-box;color:#333}.input-wrapper input:focus{outline:none;border-color:var(--modern-blue);background:#fff}.input-wrapper input:focus+svg{color:var(--modern-blue)}.input-wrapper input.invalid{border-color:#ff4757;background:#fff5f5;padding-right:36px}.input-wrapper input.invalid:focus{border-color:#ff4757}.input-wrapper input::placeholder{color:#adb5bd;font-weight:400;opacity:1}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s ease}.password-toggle:hover{color:var(--modern-blue);background:rgba(var(--modern-blue),.1)}.password-toggle:focus{outline:none}.password-toggle{position:absolute;right:35px;background:none;border:none;cursor:pointer;color:#888;padding:5px;border-radius:4px;transition:color .3s ease}.password-toggle:hover{color:var(--modern-blue)}.password-toggle svg{width:1.2rem;height:1.2rem;vertical-align:middle;position:relative;top:-2px}.error-message{color:#ff4757;font-size:.85rem;margin-top:5px;display:flex;align-items:center;gap:5px}.password-strength{margin-top:10px;display:flex;align-items:center;gap:12px}.strength-bar{flex:1;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-label{font-size:.85rem;font-weight:600;min-width:80px}.otp-input-wrapper{display:flex;justify-content:space-between;gap:10px;margin:15px 0 5px}.otp-resend{text-align:center;margin:15px 0 5px;color:#666;font-size:.9rem}.otp-resend .resend-link{background:none;border:none;color:var(--modern-blue);font-weight:600;cursor:pointer;padding:0;font-size:inherit;transition:color .2s ease}.otp-resend .resend-link:hover:not(:disabled){color:#5a52d3;text-decoration:underline}.otp-resend .resend-link:disabled{color:#999;cursor:not-allowed;text-decoration:none}.otp-resend .resend-timer{color:#666;font-weight:500}.form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.checkbox-label{display:flex;align-items:flex-start;position:relative;margin:0;cursor:pointer;font-size:.88rem;line-height:1.5;color:#555;-webkit-user-select:none;user-select:none;transition:all .2s ease;padding:6px 8px;border-radius:6px}.checkbox-label:hover{background-color:#f8f9fa}.checkbox-label .checkmark{position:absolute;top:6px;left:8px;height:16px;width:16px;background-color:#fff;border:1.5px solid #ccc;border-radius:3px;transition:all .2s ease}.checkbox-label.invalid{color:#ff4757}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--modern-blue);border-color:var(--modern-blue);box-shadow:none}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox-label:hover .checkmark{border-color:var(--modern-blue)}.checkbox-label a{color:var(--modern-blue);text-decoration:none;font-weight:500;transition:color .2s ease;position:relative;margin:0 2px}.checkbox-label a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--modern-blue);transition:width .2s ease}.checkbox-label a:hover:after{width:100%}.form-checkboxes{display:flex;flex-direction:column;gap:12px;margin:12px 0 20px;padding:12px 0 8px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.form-checkboxes .error-message{margin-top:5px}.forgot-link{color:var(--modern-blue);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-link:hover{color:var(--eerie-black);text-decoration:underline}.auth-submit-btn{background:linear-gradient(135deg,var(--modern-blue) 0%,#ff8a95 100%);color:#fff;border:none;padding:16px 24px;border-radius:12px;background-color:#00f;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.auth-submit-btn svg{width:1.2rem;height:1.2rem;vertical-align:middle;margin-right:4px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-divider{position:relative;margin:15px 0;text-align:center}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e9ecef}.auth-divider span{background:#fff;color:#888;font-size:.9rem;padding:0 20px;position:relative;z-index:1}.social-login{display:flex;flex-direction:column;gap:12px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:2px solid #e9ecef;background:#fff;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#555}.social-btn:hover{background:#f8f9fa;border-color:#ddd;transform:translateY(-1px)}.social-btn svg{width:1.2rem;height:1.2rem;vertical-align:middle;margin-right:8px}.social-btn.google:hover{border-color:#db4437;color:#db4437}.social-btn.facebook:hover{border-color:var(--modern-blue);color:var(--modern-blue)}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.auth-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;color:var(--modern-blue);font-size:.95rem;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease;margin:0 auto}.auth-back-btn:hover{background-color:#6c63ff1a;color:var(--modern-blue)}.auth-back-btn:active{transform:translateY(1px)}.auth-back-btn svg{width:1.1em;height:1.1em;vertical-align:middle;margin-right:4px;transition:transform .2s ease}.auth-back-btn:hover svg{transform:translate(-2px)}.auth-footer p{color:#666;font-size:.95rem;margin:0}.auth-footer a{color:var(--modern-blue);text-decoration:none;font-weight:600;transition:color .3s ease}.auth-footer a:hover{color:var(--eerie-black);text-decoration:underline}.auth-switch-btn{background:none;border:none;color:var(--modern-blue);cursor:pointer;padding:0;font-size:.95rem;font-weight:600;text-decoration:underline;transition:color .3s ease;display:inline;margin:0;font-family:inherit}.auth-switch-btn:hover{color:var(--eerie-black);text-decoration:none}.auth-side{background:linear-gradient(135deg,#667eeae6,#764ba2e6),url(/assets/images/mens-banner.jpg) center/cover;display:flex;align-items:center;justify-content:center;padding:40px;color:#fff;position:relative}.auth-side:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1}.auth-side-content{position:relative;z-index:2;text-align:center;max-width:300px}.auth-side-content h2{font-size:2rem;font-weight:700;margin-bottom:20px;line-height:1.2}.auth-side-content p{font-size:1rem;line-height:1.6;margin-bottom:40px;opacity:.9}.auth-features{display:flex;flex-direction:column;gap:20px}.feature{display:flex;align-items:center;gap:12px;font-size:.95rem}.feature svg{width:1.5rem;height:1.5rem;color:#4ade80;flex-shrink:0;margin-right:12px}.feature span{line-height:1.4}@media (max-width: 768px){.auth-page{padding:20px 15px}.auth-container{grid-template-columns:1fr;max-width:500px;min-height:auto}.auth-side{display:none}.auth-card{padding:40px 30px}.signup-card{padding:30px}.auth-header h1{font-size:1.8rem}.form-row{grid-template-columns:1fr;gap:15px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 480px){.auth-page{padding:15px 10px}.auth-card{padding:30px 20px}.signup-card{padding:25px 20px}.auth-header h1{font-size:1.6rem}.auth-header{margin-bottom:30px}.auth-form{gap:20px}.signup-form{gap:18px}.input-wrapper input{padding:12px 12px 12px 40px}.auth-submit-btn{padding:14px 20px}.checkbox-label{font-size:.85rem}}.auth-form.loading{pointer-events:none;opacity:.7}.input-wrapper.success input{border-color:#4ade80;background:#f0fdf4}.input-wrapper:focus-within svg{color:var(--modern-blue)}.auth-card{scrollbar-width:thin;scrollbar-color:var(--modern-blue) transparent}.auth-card::-webkit-scrollbar{width:4px}.auth-card::-webkit-scrollbar-track{background:transparent}.auth-card::-webkit-scrollbar-thumb{background:var(--modern-blue);border-radius:2px}.user-account-dropdown,.account-btn{position:relative}.account-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;transition:transform .2s;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;border:1px solid #f0f0f0;overflow:hidden}.user-account-dropdown:hover .account-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.account-dropdown .dropdown-item{display:flex;width:100%;align-items:center;gap:12px;padding:12px 16px;color:var(--eerie-black);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;border-bottom:1px solid #f8f9fa}.account-dropdown .dropdown-item:last-child{border-bottom:none}.account-dropdown .dropdown-item:hover{background:#f8f9fa;color:var(--modern-blue)}.account-dropdown .dropdown-item svg{width:1.1rem;height:1.1rem;color:var(--modern-blue);margin-right:8px;vertical-align:middle}.account-dropdown:before{content:"";position:absolute;top:-8px;right:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #f0f0f0}.account-dropdown:after{content:"";position:absolute;top:-7px;right:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}@media (max-width: 768px){.account-dropdown{right:-20px;min-width:160px}.account-dropdown .dropdown-item{padding:10px 14px;font-size:.85rem}.account-dropdown:before{right:25px}.account-dropdown:after{right:25px}}.coupon-section{margin-bottom:2rem;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;background-color:#fff;box-shadow:0 2px 8px #0000000d}.coupon-section h4{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#333;font-weight:600}.coupon-input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .2s}.coupon-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.apply-coupon-btn{padding:0 1.5rem;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.apply-coupon-btn:disabled{background-color:#b3d1f1;cursor:not-allowed}.apply-coupon-btn:not(:disabled):hover{background-color:#3a7bc8}.applied-coupon{display:flex;justify-content:space-between;align-items:center;background-color:#e8f5e9;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;animation:fadeIn .3s ease-in-out}.coupon-success{display:flex;align-items:center;gap:.5rem;color:#2e7d32;font-size:.95rem}.coupon-success ion-icon{font-size:1.2rem;color:#4caf50}.remove-coupon{background:none;border:none;color:#e53935;font-size:.9rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.remove-coupon:hover{background-color:#e539351a}.coupon-message{padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem;animation:fadeIn .3s ease-in-out}.coupon-message.success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.coupon-message.error{background-color:#ffebee;color:#c62828;border-left:4px solid #f44336}.available-coupons{margin-top:1.5rem}.show-coupons-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#4a90e2;font-size:.95rem;font-weight:500;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem}.show-coupons-btn .arrow{font-size:.7rem;transition:transform .2s}.show-coupons-btn .arrow.up{transform:rotate(180deg)}.coupons-list{margin-top:.5rem;animation:fadeIn .3s ease-in-out}.coupon-card{display:flex;align-items:center;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:.75rem;background-color:#fff;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.coupon-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.coupon-card.applied{border:2px solid #4caf50;background-color:#f1f8e9}.coupon-amount{min-width:80px;padding:.5rem;background-color:#4a90e2;color:#fff;font-weight:600;text-align:center;border-radius:4px;margin-right:1rem;font-size:.9rem}.coupon-card.applied .coupon-amount{background-color:#4caf50}.coupon-details{flex:1}.coupon-code{display:inline-block;font-weight:600;color:#333;margin-bottom:.25rem;font-size:1rem}.coupon-desc{display:block;color:#555;margin-bottom:.25rem;font-size:.9rem}.coupon-terms,.coupon-expiry{display:block;font-size:.8rem;color:#777;margin-top:.25rem}.coupon-applied{position:absolute;top:0;right:0;background-color:#4caf50;color:#fff;font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-bottom-left-radius:4px}.loading-coupons{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem;padding:1rem 0}.loading-coupons .spinner{width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#4a90e2;border-radius:50%;animation:spin .8s linear infinite}.no-coupons{color:#666;font-size:.9rem;text-align:center;padding:1rem 0;border:1px dashed #e0e0e0;border-radius:4px}@media (max-width: 768px){.coupon-card{flex-direction:column;align-items:flex-start}.coupon-amount{margin-right:0;margin-bottom:.75rem;width:100%}.coupon-details{width:100%}}[data-theme=dark] .coupon-section,[data-theme=dark] .coupon-card{background-color:#2d2d2d;border-color:#444}[data-theme=dark] .coupon-input{background-color:#3d3d3d;border-color:#555;color:#f0f0f0}[data-theme=dark] .coupon-code,[data-theme=dark] .coupon-desc{color:#f0f0f0}[data-theme=dark] .coupon-terms,[data-theme=dark] .coupon-expiry{color:#aaa}[data-theme=dark] .applied-coupon{background-color:#1b5e20;color:#e8f5e9}[data-theme=dark] .coupon-message.success{background-color:#1b5e20;color:#e8f5e9;border-left-color:#4caf50}[data-theme=dark] .coupon-message.error{background-color:#7f0000;color:#ffcdd2;border-left-color:#f44336}body{margin:0;padding:0;font-family:Poppins,sans-serif}#root{width:100%;min-height:100vh}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}.modal-overlay{position:fixed;top:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;overflow:auto;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:#fff;border-radius:16px;padding:1.5rem;margin:auto;max-height:90vh;overflow-y:auto;transform:translateY(0);opacity:1}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-close:hover{background:#f5f5f5;color:#fff}@media (max-width: 576px){.modal-overlay{padding:40px 10px 10px;align-items:flex-start}.modal-content{padding:1.5rem;border-radius:12px}}.modal-content-inner{width:100%;height:100%;overflow:auto}.modal-content .auth-container{width:100%;max-width:100%;margin:0;padding:0;background:transparent;min-height:auto}.modal-content .auth-card{width:100%;padding:0;margin:0;background:transparent}.modal-content .auth-side{display:none}.newsletter-modal .modal-content{padding:2rem;text-align:center}.newsletter-form{width:100%;margin-top:1.5rem}.newsletter-form .form-group{margin-bottom:1.5rem;width:100%}.newsletter-form .form-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease}.newsletter-form .form-input:focus{border-color:var(--modern-blue);outline:none}.newsletter-form .btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--modern-blue) 0%,var(--modern-blue) 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-form .btn:hover{transform:translateY(-2px)}.follow-us-section{margin:24px 0;text-align:center}.divider{display:flex;align-items:center;margin:0 0 16px;color:#6c757d;font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:#e0e0e0;margin:0 10px}.divider-text{color:#6c757d;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.social-links{display:flex;justify-content:center;gap:16px;margin-top:8px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#6c757d;background-color:#f8f9fa;transition:all .3s ease;text-decoration:none}.social-link:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.social-link i{font-size:16px}.social-link:nth-child(1):hover{background-color:#e4405f}.social-link:nth-child(2):hover{background-color:#1877f2}.social-link:nth-child(3):hover{background-color:#1da1f2}.social-link:nth-child(4):hover{background-color:#e60023}.auth-card .form-group .input-wrapper{position:relative;width:100%;margin-bottom:16px}.auth-card .form-group .input-wrapper svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.1rem;height:1.1rem;transition:color .3s ease;z-index:1;pointer-events:none}.auth-card .form-group .input-wrapper input{width:100%;padding:12px 16px 12px 46px;border:1.5px solid #dee2e6;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff;height:48px;box-sizing:border-box;color:#333;font-family:inherit}.auth-card .form-group .input-wrapper input:focus{outline:none;border-color:var(--modern-blue)}.auth-card .form-group .input-wrapper input::placeholder{color:#9ca3af;opacity:1}.otp-input-wrapper{display:flex;justify-content:space-between;gap:8px;margin:10px 0}.otp-input{width:40px;height:50px;text-align:center;font-size:20px;border:1px solid #ddd;border-radius:8px;outline:none;transition:border-color .3s ease}.otp-input:focus{border-color:#2563eb}.success-message{text-align:center;padding:2rem 1rem;animation:fadeIn .5s ease-in}.success-message svg{margin-bottom:1.5rem;animation:bounceIn .5s ease-in-out}.success-message h3{color:#2e7d32;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.success-message p{color:#666;font-size:1rem;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.otp-input{width:35px;height:45px;font-size:18px}.success-message{padding:1.5rem .5rem}.success-message h3{font-size:1.25rem}}.header-search-container{position:relative;display:flex;align-items:center;border:2px solid #e8e8e8;border-radius:12px;padding:0;background:#fff;width:100%;max-width:480px;min-height:52px;box-shadow:0 2px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;margin:0 auto;flex-shrink:0;z-index:1000}.popular-searches{color:var(--modern-blue);font-size:16px}.header-search-container.focused{border-color:var(--modern-blue);box-shadow:0 4px 20px #0c831f26,0 0 0 4px #0c831f1a;transform:translateY(-1px)}.search-icon-left{padding:0 16px;color:#666;font-size:20px;transition:color .2s ease;display:flex;align-items:center}.header-search-container.focused .search-icon-left{color:var(--modern-blue);animation:pulse .6s ease-in-out}.search-field::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-field{border:none;outline:none;flex:1;font-size:16px;font-weight:400;padding:16px 50px 16px 16px;background:transparent;color:#333;line-height:1.2;width:100%;min-width:0;box-sizing:border-box}.search-field::placeholder{color:#999;transition:all .3s ease;animation:placeholderSlide .5s ease-in-out}.header-search-container.focused .search-field::placeholder{color:#bbb;transform:translate(4px)}.clear-btn{background:none;border:none;color:#999;padding:6px;cursor:pointer;font-size:20px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:absolute;right:60px;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px}.clear-btn:hover{background:#f5f5f5;color:#666;transform:translateY(-50%) scale(1.1)}.search-btn{background:var(--modern-blue);border:none;color:#fff;padding:12px 16px;border-radius:12px;cursor:pointer;font-size:18px;display:flex;align-items:center;min-width:48px;justify-content:center}.search-btn:hover{background:var(--modern-lightblue);box-shadow:0 4px 12px #84d9e466}.search-btn:active{box-shadow:0 2px 6px #6798d84d}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin-top:0;max-height:500px;z-index:2000;animation:dropdownFadeIn .2s ease-out;border:1px solid rgba(0,0,0,.08);transform:translateZ(0);will-change:transform,opacity;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestions-section{padding:8px 0}.section-title{display:flex;align-items:center;padding:8px 20px;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;gap:8px;background-color:#fafafa;position:sticky;top:0;z-index:1}.section-title svg{width:14px;height:14px;color:#888;vertical-align:middle;margin-right:6px}.suggestion-header svg{width:16px;height:16px;color:var(--modern-blue);vertical-align:middle;margin-right:6px}.suggestion-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .15s ease;gap:12px;position:relative;overflow:hidden}.suggestion-item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04) 20%,rgba(0,0,0,.04) 80%,transparent)}.suggestion-item:last-child{border-bottom:none;border-radius:0 0 16px 16px}.suggestion-item:hover{background:#f8f9fa;transform:translate(4px)}.suggestion-item:active{background:#f1f3f5;transform:translate(4px) scale(.995);transition-duration:.1s}.suggestion-item svg{width:16px;height:16px;color:#999;vertical-align:middle;margin-right:8px;transition:color .2s ease}.suggestion-item:hover svg{color:var(--modern-blue)}.suggestion-text{flex:1;font-size:14px;color:#1a1a1a;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-count{font-size:12px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:10px;font-weight:500;white-space:nowrap}.loading-text,.no-suggestions{padding:16px 20px;color:#666;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.no-suggestions{color:#999;font-style:italic}.suggestion-item.popular{padding-left:24px}.suggestion-item.popular:before{content:"🔥";position:absolute;left:8px;font-size:14px;opacity:.8}@media (max-width: 768px){.header-search-container{max-width:100%;border-radius:10px}.search-suggestions{border-radius:10px;max-height:70vh}.suggestion-item{padding:14px 16px}}.suggestion-text mark{background:linear-gradient(90deg,#e8f5e8,#5bc4d6);color:var(--modern-blue);padding:2px 4px;border-radius:4px;font-weight:600}.suggestion-category{font-size:13px;color:#999;background:#f5f5f5;padding:4px 8px;border-radius:8px;font-weight:500}.popular-item .suggestion-category{background:linear-gradient(90deg,#fff0e6,#ffe6d9);color:#d2691e}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;gap:12px}.no-results svg{width:48px;height:48px;color:#ddd;margin-bottom:16px}.user-initial{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--modern-blue),#1e88e5);color:#fff;font-weight:600;font-size:16px;text-transform:uppercase;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:2px solid rgba(255,255,255,.9)}.user-dropdown-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:8px 8px 0 0}.user-initial-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-right:14px;flex-shrink:0;box-shadow:0 4px 12px #00000026;text-transform:uppercase;transition:all .3s ease}.user-initial-large:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:600;color:#000;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email,.user-phone{font-size:12px;color:#bbb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.4}.user-role{display:inline-block;background:#667eea33;color:#7c9af2;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;margin-top:4px;align-self:flex-start;text-transform:uppercase;letter-spacing:.5px}.dropdown-header{display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,#f8f9fc,#f0f5ff);border-bottom:1px solid rgba(0,0,0,.05);cursor:default;transition:all .3s ease}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;min-width:280px;border-radius:16px;box-shadow:0 12px 32px #00000026;padding:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1000;border:1px solid rgba(0,0,0,.05);overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dropdown-item{display:flex;align-items:center;padding:12px 20px;color:#e0e0e0;text-decoration:none;transition:all .25s ease;font-size:14px;position:relative;overflow:hidden;border-radius:4px;margin:2px 8px;width:calc(100% - 16px)}.dropdown-item:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.account-btn:hover .user-initial{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.account-btn{cursor:pointer;transition:transform .2s}.account-btn:hover{transform:scale(1.1)}.no-results span{font-size:16px;text-align:center}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes placeholderSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header-search-container{width:100%;max-width:400px}.search-suggestions{margin-left:-16px;margin-right:-16px;width:calc(100% + 28px)}}@media (max-width: 480px){.header-search-container{border-radius:12px;min-height:48px}.search-field{font-size:14px;padding:14px 0}.search-btn{padding:10px 14px;border-radius:10px}.search-suggestions{border-radius:12px;max-height:300px}.suggestion-item{padding:12px 16px}}.search-loading{display:flex;align-items:center;justify-content:center;padding:20px}.search-loading:after{content:"";width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--modern-blue);border-radius:50%;animation:spin 1s linear infinite}.header-search-container:hover{border-color:#d0d0d0;box-shadow:0 4px 16px #0000001a}.header-search-container:not(.focused):hover{transform:translateY(-.5px)}.cart-btn .count.has-items{background:var(--modern-blue)!important;color:#fff!important;animation:cartBounce .6s cubic-bezier(.68,-.55,.265,1.55)}.cart-btn:hover .count.has-items{transform:scale(1.1)}@keyframes cartBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer-item{display:flex;align-items:center;gap:8px;padding:8px}.shimmer-icon{width:20px;height:20px;border-radius:50%;background:#f0f0f0;background-image:linear-gradient(to right,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:800px 100%;animation:shimmer 1.5s infinite linear}.shimmer-text{height:12px;border-radius:6px;background:#f0f0f0;background-image:linear-gradient(to right,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:800px 100%;animation:shimmer 1.5s infinite linear}.shimmer-text.short{width:80px}.shimmer-text.long{width:120px}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.shimmer-section .slider-item{display:flex;gap:16px;padding:16px;border-radius:12px;align-items:center;background:#fff;box-shadow:0 2px 6px #00000014}.shimmer-img{width:400px;height:346px;border-radius:8px;background:#f0f0f0;background-image:linear-gradient(to right,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-repeat:no-repeat;background-size:1000px 100%;animation:shimmer 1.5s infinite linear}.shimmer-content{flex:1;display:flex;flex-direction:column;gap:8px}.shimmer-line{height:14px;border-radius:6px;background:#f0f0f0;background-image:linear-gradient(to right,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-repeat:no-repeat;background-size:1000px 100%;animation:shimmer 1.5s infinite linear}.shimmer-line.short{width:30%}.shimmer-line.medium{width:60%}.shimmer-line.long{width:90%}.shimmer-btn{width:100px;height:30px;border-radius:6px;margin-top:10px;background:#f0f0f0;background-image:linear-gradient(to right,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-repeat:no-repeat;background-size:1000px 100%;animation:shimmer 1.5s infinite linear}@media screen and (max-width: 768px){.shimmer-img{width:100%;height:200px}}.shimmer-box1,.shimmer-line{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8,#edeef1 20%,#f6f7f8 40% 100%);background-repeat:no-repeat;background-size:800px 100%;animation:shimmer 1.5s infinite linear forwards;border-radius:4px}.showcase .shimmer-box1{width:366px;height:220px;border-radius:8px;margin-bottom:8px}.product-grid-skeleton{padding:40px 0;max-width:1200px;margin:0 auto}.skeleton-title{width:200px;height:36px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin:0 auto 30px;animation:shimmer 1.5s infinite}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;padding:0 15px}.skeleton-product{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.skeleton-banner{position:relative;padding-top:100%;background:#f9f9f9;overflow:hidden}.skeleton-image{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-badge{position:absolute;top:15px;right:15px;width:40px;height:20px;border-radius:10px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-actions{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:center;gap:10px;padding:0 20px;opacity:0;transition:opacity .3s ease}.skeleton-product:hover .skeleton-actions{opacity:1}.skeleton-action-btn{width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:20px}.skeleton-category{width:40%;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:3px;animation:shimmer 1.5s infinite;margin-bottom:8px}.skeleton-product-title{width:80%;height:18px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:3px;animation:shimmer 1.5s infinite;margin-bottom:12px}.skeleton-rating{display:flex;gap:3px;margin-bottom:12px}.skeleton-star{width:14px;height:14px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-price-box{display:flex;align-items:center;gap:10px;margin-top:10px}.skeleton-price{width:60px;height:22px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:3px;animation:shimmer 1.5s infinite}.skeleton-original-price{width:50px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:3px;animation:shimmer 1.5s infinite;opacity:.7;text-decoration:line-through}.skeleton-product:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}@media (max-width: 1024px){.skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:20px}.skeleton-title{width:160px;height:30px;margin-bottom:20px}.skeleton-product-title{height:16px}.skeleton-price{height:20px}.skeleton-original-price{height:14px}}@media (max-width: 480px){.skeleton-grid{grid-template-columns:1fr;gap:15px}.skeleton-content{padding:15px}.skeleton-product-title{height:18px}.skeleton-price{height:22px}}.product-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.preview-content{position:relative;background:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;z-index:2;box-shadow:0 10px 30px #0003;animation:modalFadeIn .3s ease-out}.close-preview{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;z-index:3;transition:color .2s}.close-preview:hover{color:#333}.preview-image-container{width:100%;padding:20px;background:#f9f9f9;display:flex;justify-content:center;align-items:center}.preview-image{max-width:100%;max-height:500px;object-fit:contain;border-radius:8px}.preview-details{padding:25px;text-align:center}.preview-details h3{font-size:1.5rem;margin-bottom:15px;color:#333}.price-box{margin:15px 0}.price{font-size:1.5rem;font-weight:600;color:#2563eb;margin:0}del{color:#888;margin-left:10px;font-size:1.1rem}.add-to-cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;margin-top:15px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.add-to-cart-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.add-to-cart-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.add-to-cart-btn .cart-icon{transition:transform .2s ease}.add-to-cart-btn:hover .cart-icon{transform:translate(2px)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.preview-content{flex-direction:row;max-height:80vh}.preview-image-container{width:60%;padding:40px}.preview-details{width:40%;display:flex;flex-direction:column;justify-content:center;text-align:left;padding:40px}.preview-details h3{font-size:1.75rem;margin-bottom:20px}}.btn-action{background:#fff;border:1px solid #e5e7eb;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#4b5563;margin:0 5px}.btn-action:hover{background:#f3f4f6;color:#1f2937;transform:translateY(-2px)}.btn-action:active{transform:translateY(0)}.btn-action.active{color:#ef4444;border-color:#fecaca;background:#fef2f2}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-action ion-icon{font-size:18px}.modal-closing{animation:modalFadeOut .3s ease-in}@keyframes modalFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes shimmer{0%{background-position:-450px 0}to{background-position:450px 0}}.shimmer-box,.shimmer-line{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8,#edeef1 20%,#f6f7f8 40% 100%);background-repeat:no-repeat;background-size:800px 100%;animation:shimmer 1.5s infinite linear forwards;border-radius:4px}.shimmer-box{width:40px;height:40px;border-radius:50%}.shimmer-line{height:12px;margin:6px 0}.shimmer-line.short{width:100px}.shimmer-line.long{width:150px}.shimmer-line.tiny{width:50px}.best-seller-skeleton{margin-bottom:30px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.skeleton-showcase-heading{width:150px;height:28px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:20px;animation:shimmer 1.5s infinite}.skeleton-showcase-wrapper{overflow:hidden}.skeleton-showcase-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.skeleton-showcase-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #f0f0f0;transition:all .3s ease}.skeleton-showcase-img-box{width:75px;height:75px;background:linear-gradient(90deg,#f5f5f5 25%,#f0f0f0,#f5f5f5 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-showcase-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-showcase-title{width:80%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-showcase-rating{display:flex;gap:3px;margin:5px 0}.skeleton-star{width:14px;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;animation:shimmer 1.5s infinite}.skeleton-price-box{display:flex;align-items:center;gap:8px;margin-top:5px}.skeleton-original-price{width:50px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;opacity:.7;text-decoration:line-through}.skeleton-price{width:60px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}@media (max-width: 768px){.skeleton-showcase-container{grid-template-columns:1fr}.skeleton-showcase-item{padding:12px}.skeleton-showcase-img-box{width:60px;height:60px}.skeleton-showcase-title{height:14px}.skeleton-star{width:12px;height:12px}.skeleton-original-price,.skeleton-price{height:14px}}.sidebar-menu-category-list{padding:0;margin:0;list-style:none}.sidebar-menu-category-skeleton{border-radius:8px;margin-bottom:5px;overflow:hidden;border:1px solid #f0f0f0;background:#fff;transition:all .3s ease}.sidebar-menu-category-skeleton:last-child{margin-bottom:0}.skeleton-accordion{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;cursor:pointer;background:#fff;border:none;width:100%;text-align:left}.skeleton-menu-title-flex{display:flex;align-items:center;gap:12px}.skeleton-menu-img{width:20px;height:20px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-menu-title{width:120px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-menu-icon{width:16px;height:16px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-submenu{list-style:none;padding:0;margin:0;background:#f9f9f9;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.sidebar-menu-category-skeleton.active .skeleton-submenu{max-height:200px}.skeleton-submenu-item{padding:10px 15px 10px 47px;border-top:1px solid #f0f0f0}.skeleton-submenu-title{display:flex;justify-content:space-between;align-items:center}.skeleton-product-name{width:100px;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:3px;animation:shimmer 1.5s infinite}.skeleton-product-count{width:30px;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:3px;animation:shimmer 1.5s infinite}.sidebar-menu-category-skeleton:hover{box-shadow:0 2px 8px #0000000d}@media (max-width: 768px){.skeleton-accordion{padding:10px 12px}.skeleton-menu-title{width:100px;height:14px}.skeleton-product-name{width:80px;height:12px}.skeleton-product-count{width:25px;height:12px}.skeleton-submenu-item{padding:8px 12px 8px 44px}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.discount-badge{background:linear-gradient(135deg,#4759ff,#374bff)!important;color:#fff;padding:.2rem .4rem;font-size:.5rem;font-weight:500;border-radius:var(--border-radius-md);top:-34px;left:-15px;position:absolute}.showcase-img-box{position:relative}.product-description-page *{box-sizing:border-box;margin:0;padding:0}.product-description-page{padding:30px 0 50px;background:var(--white);min-height:100vh}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:30px;font-size:var(--fs-8);color:var(--sonic-silver)}.breadcrumb a{color:var(--modern-blue);transition:var(--transition-timing)}.breadcrumb a:hover{color:var(--eerie-black)}.breadcrumb span:not(:last-child){color:var(--sonic-silver)}.breadcrumb span:last-child{color:var(--eerie-black);font-weight:var(--weight-500)}.product-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.product-description-page .product-gallery{display:flex;flex-direction:column;gap:20px}.main-image-container{position:relative;width:100%;aspect-ratio:1;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--cultured);background:var(--white)}.product-description-page .main-image{position:relative;width:100%;height:100%;cursor:zoom-in;overflow:hidden}.main-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-timing)}.main-image.zoomed{cursor:zoom-out;background-size:200%;background-repeat:no-repeat}.main-image.zoomed img{opacity:0}.zoom-btn{position:absolute;top:15px;right:15px;background:#000000b3;color:var(--white);border:none;padding:8px;border-radius:50%;cursor:pointer;opacity:0;transition:all var(--transition-timing);z-index:2}.main-image-container:hover .zoom-btn{opacity:1}.zoom-btn:hover{background:#000000e6}.thumbnail-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.thumbnail{flex-shrink:0;width:80px;height:80px;border:2px solid transparent;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;transition:var(--transition-timing)}.thumbnail.active{border-color:var(--modern-blue)}.thumbnail:hover{border-color:var(--sonic-silver)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info{padding:0 20px}.product-header-description{margin-bottom:30px}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.category{color:var(--modern-blue);font-size:var(--fs-8);font-weight:var(--weight-500);text-transform:uppercase}.sku{color:var(--sonic-silver);font-size:var(--fs-9)}.product-title{font-size:var(--fs-1);font-weight:var(--weight-600);color:var(--eerie-black);line-height:1.2;margin-bottom:15px}.rating-section{display:flex;align-items:center;gap:10px;margin-bottom:20px}.stars{display:flex;gap:2px}.star{width:16px;height:16px;color:var(--cultured)}.star.filled{color:var(--sandy-brown)}.rating-text{color:var(--sonic-silver);font-size:var(--fs-8)}.price-section{display:flex;align-items:center;gap:15px;margin-bottom:20px}.current-price{font-size:var(--fs-1);font-weight:var(--weight-700);color:var(--modern-blue)}.original-price{font-size:var(--fs-3);color:var(--sonic-silver);text-decoration:line-through}.discount{background:var(--ocean-green);color:var(--white);padding:3px 8px;border-radius:var(--border-radius-sm);font-size:var(--fs-9);font-weight:var(--weight-600)}.product-description-page .product-description{color:var(--sonic-silver);line-height:1.6;margin-bottom:20px}.stock-info{margin-bottom:30px}.stock-status{font-size:var(--fs-8);font-weight:var(--weight-500);padding:5px 12px;border-radius:var(--border-radius-sm)}.stock-status.in-stock{background:#46c3891a;color:var(--ocean-green)}.stock-status.out-of-stock{background:#ff66661a;color:var(--bittersweet)}.product-description-page .product-actions{margin-bottom:30px}.product-description-page .option-group{margin-bottom:25px}.product-description-page .option-label{display:block;font-size:var(--fs-7);font-weight:var(--weight-600);color:var(--eerie-black);margin-bottom:10px}.product-description-page .option-label span{font-weight:var(--weight-400);color:var(--modern-blue)}.product-description-page .color-options{display:flex;gap:10px;flex-wrap:wrap}.product-description-page .color-option{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:var(--transition-timing);display:flex;align-items:center;justify-content:center}.product-description-page .color-option:hover{transform:scale(1.1)}.product-description-page .color-option.selected{border-color:var(--eerie-black)}.product-description-page .color-option[style*=ffffff]{border:2px solid var(--cultured)}.product-description-page .checkmark{font-size:16px;font-weight:700;color:var(--white);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.product-description-page .color-option[style*=ffffff] .checkmark{color:var(--eerie-black);text-shadow:none}.product-description-page .size-options{display:flex;gap:10px;flex-wrap:wrap}.product-description-page .size-option{padding:8px 16px;border:1px solid var(--cultured);background:var(--white);color:var(--sonic-silver);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-timing);font-size:var(--fs-8);font-weight:var(--weight-500)}.product-description-page .size-option:hover{border-color:var(--modern-blue);color:var(--modern-blue)}.product-description-page .size-option.selected{background:var(--modern-blue);color:var(--white);border-color:var(--modern-blue)}.product-description-page .quantity-selector{display:flex;align-items:center;border:1px solid var(--cultured);border-radius:var(--border-radius-sm);width:fit-content}.product-description-page .qty-btn{background:var(--white);border:none;padding:10px 12px;cursor:pointer;transition:var(--transition-timing);display:flex;align-items:center;justify-content:center;color:var(--sonic-silver)}.product-description-page .qty-btn:hover:not(:disabled){background:var(--cultured);color:var(--eerie-black)}.product-description-page .qty-btn:disabled{opacity:.5;cursor:not-allowed}.product-description-page .qty-input{border:none;padding:10px;width:60px;text-align:center;font-size:var(--fs-8);font-weight:var(--weight-500);color:var(--eerie-black)}.product-description-page .qty-input:focus{outline:none}.product-description-page .action-buttons{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.product-description-page .btn-primary{background:var(--modern-blue);color:var(--white);padding:12px 24px;border:none;border-radius:var(--border-radius-sm);font-size:var(--fs-8);font-weight:var(--weight-600);cursor:pointer;transition:var(--transition-timing);display:flex;align-items:center;gap:8px;flex:1;justify-content:center;min-width:150px}.product-description-page .btn-primary:hover:not(:disabled){background:var(--eerie-black)}.product-description-page .btn-primary:disabled{background:var(--cultured);color:var(--sonic-silver);cursor:not-allowed}.product-description-page .btn-secondary{background:var(--eerie-black);color:var(--white);padding:12px 24px;border:none;border-radius:var(--border-radius-sm);font-size:var(--fs-8);font-weight:var(--weight-600);cursor:pointer;transition:var(--transition-timing);flex:1;min-width:120px}.product-description-page .btn-secondary:hover:not(:disabled){background:var(--davys-gray)}.product-description-page .btn-secondary:disabled{background:var(--cultured);color:var(--sonic-silver);cursor:not-allowed}.product-description-page .btn-icon{background:var(--white);color:var(--sonic-silver);padding:12px;border:1px solid var(--cultured);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-timing);display:flex;align-items:center;justify-content:center}.product-description-page .btn-icon:hover{background:var(--cultured);color:var(--eerie-black)}.product-description-page .btn-icon.wishlist.active{color:var(--bittersweet);border-color:var(--bittersweet)}.product-description-page .product-features{padding:20px;background:var(--cultured);border-radius:var(--border-radius-md)}.product-description-page .product-features h3{font-size:var(--fs-6);font-weight:var(--weight-600);color:var(--eerie-black);margin-bottom:15px}.product-description-page .features-list{list-style:none;padding:0;margin:0}.product-description-page .features-list li{position:relative;padding:5px 0 5px 20px;color:var(--sonic-silver);font-size:var(--fs-8)}.product-description-page .features-list li:before{content:"✓";position:absolute;left:0;color:var(--ocean-green);font-weight:700}.product-description-page .product-details{margin-bottom:60px}.product-description-page .tab-navigation{display:flex;border-bottom:1px solid var(--cultured);margin-bottom:30px}.product-description-page .tab-btn{background:none;border:none;padding:15px 20px;cursor:pointer;font-size:var(--fs-7);font-weight:var(--weight-500);color:var(--sonic-silver);transition:var(--transition-timing);border-bottom:2px solid transparent}.product-description-page .tab-btn:hover{color:var(--eerie-black)}.product-description-page .tab-btn.active{color:var(--modern-blue);border-bottom-color:var(--modern-blue)}.product-description-page .tab-content{min-height:300px}.product-description-page .description-content h3{font-size:var(--fs-5);font-weight:var(--weight-600);color:var(--eerie-black);margin-bottom:20px}.product-description-page .description-content p{color:var(--sonic-silver);line-height:1.6;margin-bottom:15px}.product-description-page .specifications-content h3{font-size:var(--fs-5);font-weight:var(--weight-600);color:var(--eerie-black);margin-bottom:20px}.product-description-page .specs-table{width:100%;border-collapse:collapse;margin-top:20px}.product-description-page .specs-table tr{border-bottom:1px solid var(--cultured)}.product-description-page .spec-label{padding:15px 20px;font-weight:var(--weight-600);color:var(--eerie-black);width:30%;background:var(--cultured)}.product-description-page .spec-value{padding:15px 20px;color:var(--sonic-silver)}.product-description-page .reviews-content h3{font-size:var(--fs-5);font-weight:var(--weight-600);color:var(--eerie-black);margin-bottom:20px}.product-description-page .reviews-summary{background:var(--cultured);padding:30px;border-radius:var(--border-radius-md);margin-bottom:30px;text-align:center}.product-description-page .rating-overview{display:flex;flex-direction:column;align-items:center;gap:15px}.product-description-page .rating-number{font-size:3rem;font-weight:var(--weight-700);color:var(--eerie-black)}.product-description-page .total-reviews{color:var(--sonic-silver);font-size:var(--fs-8)}.product-description-page .reviews-list{margin-bottom:40px}.product-description-page .review-item{border-bottom:1px solid var(--cultured);padding:25px 0}.product-description-page .review-item:last-child{border-bottom:none}.product-description-page .review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.product-description-page .reviewer-info{display:flex;align-items:center;gap:10px}.product-description-page .reviewer-name{font-weight:var(--weight-600);color:var(--eerie-black)}.product-description-page .verified-badge{background:var(--ocean-green);color:var(--white);font-size:var(--fs-10);padding:2px 6px;border-radius:var(--border-radius-sm);text-transform:uppercase;font-weight:var(--weight-500)}.product-description-page .review-meta{display:flex;align-items:center;gap:10px}.product-description-page .review-date{color:var(--sonic-silver);font-size:var(--fs-9)}.product-description-page .review-content p{color:var(--sonic-silver);line-height:1.6;margin-bottom:15px}.product-description-page .review-images{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.product-description-page .review-image{width:80px;height:80px;object-fit:cover;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-timing)}.product-description-page .review-image:hover{transform:scale(1.05)}.product-description-page .review-actions{display:flex;gap:15px}.product-description-page .helpful-btn{background:none;border:1px solid var(--cultured);padding:8px 15px;border-radius:var(--border-radius-sm);color:var(--sonic-silver);cursor:pointer;transition:var(--transition-timing);font-size:var(--fs-9)}.product-description-page .helpful-btn:hover{background:var(--cultured);color:var(--eerie-black)}.product-description-page .write-review{background:var(--cultured);padding:30px;border-radius:var(--border-radius-md)}.product-description-page .write-review h3{font-size:var(--fs-5);font-weight:var(--weight-600);color:var(--eerie-black);margin-bottom:25px}.product-description-page .review-form{max-width:600px}.product-description-page .form-group{margin-bottom:20px}.product-description-page .form-group label{display:block;font-size:var(--fs-7);font-weight:var(--weight-600);color:var(--eerie-black);margin-bottom:8px}.product-description-page .rating-input{display:flex;gap:5px}.product-description-page .star-btn{background:none;border:none;cursor:pointer;transition:var(--transition-timing);color:var(--cultured);padding:0}.product-description-page .star-btn.active,.product-description-page .star-btn:hover{color:var(--sandy-brown)}.product-description-page .form-group textarea{width:100%;padding:12px;border:1px solid var(--cultured);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--fs-8);color:var(--eerie-black);resize:vertical;min-height:120px}.product-description-page .form-group textarea:focus{outline:none;border-color:var(--modern-blue)}.product-description-page .image-upload{display:none}.product-description-page .upload-btn{background:var(--white);border:1px solid var(--cultured);padding:10px 20px;border-radius:var(--border-radius-sm);color:var(--sonic-silver);cursor:pointer;transition:var(--transition-timing);font-size:var(--fs-8)}.product-description-page .upload-btn:hover{background:var(--modern-blue);color:var(--white);border-color:var(--modern-blue)}.product-description-page .submit-review-btn{background:var(--modern-blue);color:var(--white);padding:12px 30px;border:none;border-radius:var(--border-radius-sm);font-size:var(--fs-8);font-weight:var(--weight-600);cursor:pointer;transition:var(--transition-timing)}.product-description-page .submit-review-btn:hover{background:var(--eerie-black)}.product-description-page .related-products{margin-bottom:60px}.product-description-page .section-title{font-size:var(--fs-3);font-weight:var(--weight-600);color:var(--eerie-black);margin-bottom:30px;text-align:center}.product-description-page .products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.product-description-page .product-card{border:1px solid var(--cultured);border-radius:var(--border-radius-md);overflow:hidden;transition:var(--transition-timing);background:var(--white)}.product-card:hover{transform:translateY(-2px)}.product-link{display:block;color:inherit}.product-card .product-image{width:100%;height:200px;overflow:hidden}.product-card .product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-timing)}.product-card:hover .product-image img{transform:scale(1.05)}.product-card .product-details{padding:20px}.product-name{font-size:var(--fs-7);font-weight:var(--weight-600);color:var(--eerie-black);margin-bottom:10px;line-height:1.3}.product-rating{display:flex;align-items:center;gap:8px;margin-bottom:10px}.reviews-count{color:var(--sonic-silver);font-size:var(--fs-9)}.product-description-page .product-price{display:flex;align-items:center;gap:10px}.product-card .current-price{font-size:var(--fs-6);font-weight:var(--weight-700);color:var(--modern-blue)}.product-card .original-price{font-size:var(--fs-8);color:var(--sonic-silver);text-decoration:line-through}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content-desc{position:relative;max-width:90vw;max-height:90vh;background:var(--white);border-radius:var(--border-radius-md);overflow:hidden}.modal-close{position:absolute;top:15px;right:15px;background:#000000b3;color:var(--white);border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:var(--transition-timing)}.modal-close:hover{background:#000000e6}.modal-content-desc img{width:100%;height:100%;object-fit:contain;display:block}@media (max-width: 1024px){.product-content{grid-template-columns:1fr;gap:30px}.product-info{padding:0 10px}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{flex:none;min-width:auto}.products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}}@media (max-width: 768px){.product-description-page{padding:20px 0 30px}.breadcrumb{margin-bottom:20px;font-size:var(--fs-9)}.product-content{gap:20px}.main-image-container{aspect-ratio:4/3}.thumbnail-list{gap:8px}.thumbnail{width:60px;height:60px}.product-title,.current-price{font-size:var(--fs-2)}.color-options{gap:8px}.color-option{width:35px;height:35px}.size-options{gap:8px}.action-buttons{gap:10px}.tab-navigation{flex-wrap:wrap}.tab-btn{flex:1;min-width:calc(33.333% - 10px);padding:12px 8px;font-size:var(--fs-8);text-align:center}.review-header{flex-direction:column;align-items:flex-start;gap:10px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.product-card .product-details{padding:15px}.specs-table{font-size:var(--fs-9)}.spec-label,.spec-value{padding:10px 15px}.write-review{padding:20px}}@media (max-width: 480px){.product-description-page{padding:15px 0 25px}.container{padding:0 10px}.breadcrumb{font-size:var(--fs-10);gap:5px}.main-image-container{aspect-ratio:1}.thumbnail{width:50px;height:50px}.product-info{padding:0}.product-meta{flex-direction:column;align-items:flex-start;gap:5px}.product-title{font-size:var(--fs-3)}.price-section{flex-direction:column;align-items:flex-start;gap:8px}.current-price{font-size:var(--fs-2)}.color-option{width:30px;height:30px}.size-option{padding:6px 12px;font-size:var(--fs-9)}.btn-primary,.btn-secondary{padding:10px 16px;font-size:var(--fs-9)}.tab-btn{font-size:var(--fs-9);padding:10px 5px}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card .product-image{height:120px}.product-card .product-details{padding:10px}.product-name{font-size:var(--fs-8);line-height:1.2}}.tab-content>div{animation:fadeIn .3s ease-in-out}.thumbnail-list::-webkit-scrollbar{height:4px}.thumbnail-list::-webkit-scrollbar-track{background:var(--cultured)}.thumbnail-list::-webkit-scrollbar-thumb{background:var(--sonic-silver);border-radius:2px}.thumbnail-list::-webkit-scrollbar-thumb:hover{background:var(--eerie-black)}.cart-skeleton{min-height:100vh;background:linear-gradient(135deg,#f8fffe,#f0f9ff);padding:2rem 0 4rem}.cart-skeleton .container{max-width:1400px;margin:0 auto;padding:0 1rem}.skeleton-page-header{margin-bottom:3rem;text-align:center}.skeleton-title{width:200px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;margin:0 auto 1rem;border-radius:8px;animation:shimmer 1.5s infinite}.skeleton-breadcrumb{width:300px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;margin:0 auto;border-radius:4px;animation:shimmer 1.5s infinite}.cart-skeleton-content{display:grid;grid-template-columns:1fr 350px;gap:2rem;margin-top:2rem}.cart-skeleton-items{display:flex;flex-direction:column;gap:1.5rem}.cart-skeleton-item{display:flex;gap:1.5rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 15px #0000000d;animation:fadeIn .3s ease-out}.skeleton-item-image{width:120px;height:150px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite}.skeleton-item-details{flex:1;display:flex;flex-direction:column;gap:.75rem}.skeleton-item-title{width:70%;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-item-option{width:50%;height:18px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;opacity:.8}.skeleton-item-price{width:30%;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;margin-top:.5rem}.skeleton-item-quantity{width:100px;height:36px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite;margin-top:1rem}.cart-skeleton-summary{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 15px #0000000d;height:fit-content;position:sticky;top:2rem}.skeleton-summary-title{width:60%;height:28px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;margin-bottom:1.5rem}.skeleton-summary-row{display:flex;justify-content:space-between;margin-bottom:1rem}.skeleton-summary-row:before,.skeleton-summary-row:after{content:"";height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-summary-row:before{width:40%}.skeleton-summary-row:after{width:30%}.skeleton-summary-divider{height:1px;background:#f0f0f0;margin:1.5rem 0}.skeleton-summary-total{width:100%;height:28px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;margin:1.5rem 0}.skeleton-summary-button{width:100%;height:48px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.cart-skeleton-content{grid-template-columns:1fr}.cart-skeleton-summary{position:static;margin-top:2rem}}@media (max-width: 576px){.cart-skeleton-item{flex-direction:column}.skeleton-item-image{width:100%;height:200px}.skeleton-page-header{margin-bottom:2rem}.skeleton-title{width:160px;height:32px}.skeleton-breadcrumb{width:200px;height:16px}}.cart-page{min-height:100vh;background:linear-gradient(135deg,#f8fffe,#f0f9ff);padding:2rem 0 4rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;padding:2rem;background:#fff8f8;border:1px solid #ffdddd;border-radius:8px;max-width:600px;margin:2rem auto}.error-container p{color:#d32f2f;margin-bottom:1rem}.empty-cart{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;box-shadow:0 2px 15px #0000000d;max-width:600px;margin:0 auto}.empty-cart-icon{font-size:4rem;color:#e0e0e0;margin-bottom:1.5rem}.empty-cart h2{color:#2c3e50;margin-bottom:1rem}.empty-cart p{color:#7f8c8d;margin-bottom:2rem}.cart-page .container{max-width:1400px;margin:0 auto;padding:0 1rem}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;background:var(--modern-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;color:#666}.breadcrumb a{color:var(--modern-blue);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--modern-blue)}.breadcrumb svg{width:.9rem;height:.9rem;vertical-align:middle;margin:0 4px;color:#6b7280}.empty-cart{text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:600px;margin:0 auto}.empty-cart-icon{display:flex;justify-content:center;font-size:5rem;color:#ddd;margin-bottom:2rem}.empty-cart h3{font-size:1.8rem;color:#333;margin-bottom:1rem}.empty-cart p{color:#666;font-size:1.1rem;margin-bottom:2rem}.continue-shopping-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--modern-blue);color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease}.continue-shopping-btn:hover{transform:translateY(-2px)}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start}.cart-items-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f5f5f5}.section-header h2{font-size:1.5rem;font-weight:600;color:#333}.clear-cart-btn{display:flex;align-items:center;gap:.5rem;background:none;border:2px solid #ff4757;color:#ff4757;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.clear-cart-btn:hover{background:#ff4757;color:#fff;transform:translateY(-1px)}.cart-items-list{display:flex;flex-direction:column;gap:1.5rem}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto auto;gap:1.5rem;align-items:center;padding:1.5rem;background:#fafafa;border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.cart-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.cart-item.removing{transform:translate(-100%);opacity:0}.item-image{width:100px;height:100px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #0000001a}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart-item:hover .item-image img{transform:scale(1.05)}.item-details{display:flex;flex-direction:column;gap:.5rem}.item-name{font-size:1.1rem;font-weight:600;color:#333;margin:0;line-height:1.3}.item-category{color:#666;font-size:.9rem;margin:0}.price-section{display:flex;align-items:center;gap:.8rem;margin-top:.5rem}.current-price{font-size:1.1rem;font-weight:700;color:var(--modern-blue)}.original-price{font-size:.9rem;color:#999;text-decoration:line-through}.quantity-controls{display:flex;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.quantity-btn{background:none;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease;font-size:1.1rem}.quantity-btn:hover:not(:disabled){background:var(--modern-blue);color:#fff}.quantity-btn:disabled{color:#ccc;cursor:not-allowed}.quantity{padding:0 1rem;font-weight:600;color:#333;min-width:40px;text-align:center}.item-total{display:flex;flex-direction:column;align-items:end}.total-price{font-size:1.2rem;font-weight:700;color:var(--modern-blue)}.remove-btn{background:none;border:none;color:#ff4757;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;opacity:.7}.remove-btn:hover{opacity:1;background:#ff47571a;transform:scale(1.1)}.continue-shopping{margin-top:2rem;padding-top:2rem;border-top:2px solid #f5f5f5}.continue-shopping-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--modern-blue);text-decoration:none;font-weight:600;transition:all .2s ease}.continue-shopping-link:hover{transform:translate(-4px);color:#0a7a1c}.cart-summary-section{position:sticky;top:2rem}.cart-summary{position:sticky;top:2rem;background:#fff;border-radius:20px;padding:1rem;box-shadow:0 8px 32px #0000001a}.coupon-section{margin:1.5rem 0;padding:1.25rem;background:#f8f9fa;border-radius:12px;border:1px dashed #d1e7dd;transition:all .3s ease}.coupon-section:hover{border-color:#a5d6a7;box-shadow:0 4px 12px #0000000d}.coupon-section h4{color:#2c3e50;font-size:1.1rem;margin:0 0 1rem;display:flex;align-items:center;gap:8px}.coupon-section h4:before{content:"🎁";font-size:1.2em}.loading-coupons{display:flex;align-items:center;gap:10px;padding:1rem 0;color:#666;font-size:.95rem}.loading-coupons .loading-spinner.small{width:20px;height:20px;border-width:2px;margin:0}.coupon-error{background:#ffebee;color:#c62828;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin:.5rem 0;border-left:4px solid #c62828}.no-coupons{color:#666;font-style:italic;text-align:center;padding:1rem 0;background:#f8f9fa;border-radius:8px;margin:.5rem 0}.coupon-input-group{display:flex;gap:10px;margin-bottom:12px}.coupon-input{flex:1;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff}.coupon-input:focus{outline:none;border-color:var(--modern-blue);box-shadow:0 0 0 3px #007bff26}.apply-coupon-btn{background:var(--modern-blue);color:#fff;border:none;padding:0 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.apply-coupon-btn:hover{background:#0056b3;transform:translateY(-1px)}.apply-coupon-btn:disabled{background:#a0c4ff;cursor:not-allowed;transform:none}.applied-coupon{display:flex;align-items:center;justify-content:space-between;background:#e8f5e9;padding:.75rem 1rem;border-radius:8px;margin:1rem 0;animation:fadeIn .3s ease-out}.coupon-success{display:flex;align-items:center;gap:8px;color:#2e7d32;font-size:.95rem;font-weight:500}.coupon-success svg{color:#2e7d32;width:1.2rem;height:1.2rem;vertical-align:middle;margin-right:8px}.remove-coupon{background:none;border:1px solid #2e7d32;color:#2e7d32;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.remove-coupon:hover{background:#d1e7dd}.coupon-message{padding:.75rem 1rem;border-radius:8px;margin:.75rem 0;font-size:.9rem;font-weight:500;animation:fadeIn .3s ease-out}.coupon-message.success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #2e7d32}.coupon-message.error{background-color:#ffebee;color:#c62828;border-left:4px solid #c62828}.available-coupons-popup{margin-top:1rem}.view-coupons-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--modern-blue);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 0;transition:all .2s ease}.view-coupons-btn:hover{color:#0056b3;text-decoration:underline}.available-coupons{margin:1.5rem 0}.available-coupons .coupon-title{font-size:1rem;color:#444;margin-bottom:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.available-coupons .coupon-title:before{content:"🎯";font-size:1.1em}.coupon-card{background:#fff;border-radius:10px;padding:1rem;border:1px solid #e0e0e0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 8px #0000000d}.coupon-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0000001a;border-color:var(--modern-blue)}.coupon-card.applied{border:2px solid #2e7d32;background-color:#f1f8e9}.coupon-amount{font-size:1.3rem;font-weight:700;color:var(--modern-blue);margin-bottom:.75rem}.coupon-details{flex:1;display:flex;flex-direction:column;gap:6px}.coupon-code{font-family:Courier New,monospace;font-weight:700;color:#2c3e50;background:#f0f4f8;padding:.25rem .5rem;border-radius:4px;display:inline-block;align-self:flex-start;font-size:.9rem}.coupon-desc{color:#444;font-size:.9rem;line-height:1.4;margin:.25rem 0}.coupon-terms,.coupon-expiry{font-size:.8rem;color:#666;margin-top:.25rem}.coupon-expiry{color:#e65100;font-style:italic}.coupon-applied{position:absolute;top:0;right:0;background:#2e7d32;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-bottom-left-radius:4px;display:flex;align-items:center;gap:4px}.coupon-applied:before{content:"✓";font-size:.8rem}@media (max-width: 768px){.coupon-grid{grid-template-columns:1fr}.coupon-card{max-width:100%}}.available-coupons .coupon-title:before{content:"🎯";font-size:1.2em}.coupon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:.5rem}.coupon-card{background:#fff;border-radius:10px;border:1px solid #e0e0e0;overflow:hidden;display:flex;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.coupon-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a;border-color:var(--modern-blue)}.coupon-amount{background:linear-gradient(135deg,var(--modern-blue),#4a90e2);color:#fff;padding:1rem .75rem;min-width:80px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;text-align:center;line-height:1.2;text-transform:uppercase}.coupon-details{padding:.75rem;flex:1;display:flex;flex-direction:column;gap:4px}.coupon-code{font-weight:700;color:var(--modern-blue);font-size:1rem;letter-spacing:.5px}.coupon-desc{color:#444;font-size:.85rem;line-height:1.4}.coupon-terms{font-size:.75rem;color:#666;margin-top:4px;font-style:italic}@media (max-width: 768px){.coupon-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cart-summary h3{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:1.5rem;text-align:center}.coupon-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f5f5f5}.coupon-section h4{font-size:1rem;font-weight:600;color:#333;margin-bottom:1rem}.coupon-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.coupon-input{flex:1;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s ease}.coupon-input:focus{outline:none;border-color:var(--modern-blue)}.apply-coupon-btn{background:var(--modern-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;white-space:nowrap}.apply-coupon-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0c831f4d}.coupon-message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500}.coupon-message.success{background:linear-gradient(135deg,#e8f5e8,#d4f0d4);color:var(--modern-blue);border:1px solid #b8e6b8}.coupon-message.error{background:linear-gradient(135deg,#ffe8e8,#ffd4d4);color:#ff4757;border:1px solid #ffb8b8}.applied-coupon{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#e8f5e8,#d4f0d4);padding:1rem;border-radius:12px;border:1px solid #b8e6b8}.coupon-info{display:flex;flex-direction:column;gap:.2rem}.coupon-code{font-weight:700;color:var(--modern-blue);font-size:.95rem}.coupon-desc{font-size:.8rem;color:#666}.remove-coupon-btn{background:none;border:none;color:#ff4757;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.remove-coupon-btn:hover{background:#ff47571a}.price-breakdown{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#333}.price-row.discount{color:var(--modern-blue);font-weight:600}.price-row.total{font-size:1.2rem;font-weight:700;padding-top:1rem;border-top:2px solid #f5f5f5;color:var(--modern-blue)}.free-shipping-message{background:var(--modern-blue);padding:.75rem 1rem;border-radius:8px;text-align:center;font-size:.9rem;font-weight:600;color:#fff;margin:.5rem 0}.shipping-message{background:var(--modern-blue);padding:.75rem 1rem;border-radius:8px;text-align:center;font-size:.9rem;color:#fff;margin:.5rem 0}.savings-message{background:var(--modern-blue);padding:.5rem 1rem;border-radius:8px;text-align:center;font-size:.9rem;font-weight:600;color:var(--modern-blue)}.checkout-btn{width:100%;background:var(--modern-blue);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #0c831f4d}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c831f66}.trust-badges{display:flex;flex-direction:column;gap:.8rem}.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666}.trust-item svg{color:var(--modern-blue);width:1rem;height:1rem;vertical-align:middle;margin-right:6px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.confirm-modal{background:#fff;padding:2rem;border-radius:16px;max-width:400px;width:90%;text-align:center}.confirm-modal h3{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:1rem}.confirm-modal p{color:#666;margin-bottom:2rem;line-height:1.5}.modal-actions{display:flex;gap:1rem;justify-content:center}.cancel-btn,.confirm-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0}.confirm-btn{background:#ff4757;color:#fff}.confirm-btn:hover{background:#ff3742;transform:translateY(-1px)}@media (max-width: 1024px){.cart-content{grid-template-columns:1fr;gap:2rem}.cart-summary-section{position:static}}@media (max-width: 768px){.cart-page{padding:1rem 0 2rem}.page-header h1{font-size:2rem}.cart-item{grid-template-columns:80px 1fr;grid-template-rows:auto auto auto;gap:1rem;padding:1rem}.item-image{width:80px;height:80px}.item-details{grid-column:2}.quantity-controls{grid-column:1 / -1;justify-self:start}.item-total{grid-column:1 / -1;align-items:start}.remove-btn{position:absolute;top:1rem;right:1rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.clear-cart-btn{align-self:center}.coupon-input-group,.modal-actions{flex-direction:column}}@media (max-width: 480px){.cart-items-section,.cart-summary{padding:1.5rem;border-radius:16px}.empty-cart{padding:2rem 1rem}.page-header h1{font-size:1.8rem}.cart-item{padding:.8rem}}.legal-container{max-width:1000px;margin:0 auto;padding:40px 20px;color:#333;line-height:1.8;font-size:1rem}.legal-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eee}.legal-header h1{color:var(--eerie-black);font-size:2.2rem;margin-bottom:15px}.legal-header p{color:#666;font-size:1.1rem}.legal-content{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 15px #0000000d}.legal-section{margin-bottom:30px}.legal-section h2{color:var(--modern-blue);font-size:1.5rem;margin:25px 0 15px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.legal-section h3{font-size:1.2rem;margin:20px 0 10px;color:#444}.legal-section p,.legal-section ul,.legal-section ol{margin-bottom:15px;color:#555}.legal-section ul,.legal-section ol{padding-left:25px}.legal-section li{margin-bottom:8px}.legal-section a{color:var(--modern-blue);text-decoration:none;transition:color .2s ease}.legal-section a:hover{text-decoration:underline}.last-updated{font-size:.9rem;color:#888;font-style:italic;margin-top:40px;padding-top:20px;border-top:1px solid #eee}@media (max-width: 768px){.legal-container{padding:20px 15px}.legal-content{padding:20px}.legal-header h1{font-size:1.8rem}}.about-us{font-family:Poppins,sans-serif;color:#333;line-height:1.6}.about-hero{background:linear-gradient(#0009,#0009),url(/assets/images/about-hero.jpg);background-size:cover;background-position:center;color:#fff;text-align:center;padding:120px 20px;margin-bottom:60px}.about-hero h1{font-size:3.5rem;margin-bottom:20px;font-weight:700}.about-hero p{font-size:1.2rem;max-width:700px;margin:0 auto}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.5rem;color:#222;margin-bottom:15px;position:relative;display:inline-block}.underline{height:3px;width:80px;background:#ff6b6b;margin:0 auto;position:relative;bottom:-10px}.about-story{padding:80px 0;background-color:#f9f9f9}.story-content{display:flex;align-items:center;gap:50px;max-width:1200px;margin:0 auto}.story-text{flex:1}.story-text p{margin-bottom:20px;font-size:1.1rem;line-height:1.8}.story-image{flex:1;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.story-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.story-image:hover img{transform:scale(1.05)}.mission-vision{padding:80px 0;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff}.mission-vision .container{display:flex;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto}.mission-box,.vision-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 30px;border-radius:15px;flex:1;text-align:center;transition:transform .3s ease}.mission-box:hover,.vision-box:hover{transform:translateY(-10px)}.mission-vision .icon{font-size:3rem;margin-bottom:20px}.mission-vision h3{font-size:1.8rem;margin-bottom:20px;color:#fff}.team-section{padding:80px 0;background-color:#fff}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.team-member{text-align:center;padding:20px;transition:all .3s ease;border-radius:10px}.team-member:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.member-image{width:200px;height:200px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:5px solid #f0f0f0}.member-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.team-member:hover .member-image img{transform:scale(1.1)}.team-member h4{font-size:1.4rem;margin:15px 0 5px;color:#333}.team-member p{color:#666;font-size:.9rem}.cta-section{background:linear-gradient(#000000b3,#000000b3),url(/assets/images/cta-bg.jpg);background-size:cover;background-position:center;color:#fff;text-align:center;padding:100px 20px}.cta-section h2{font-size:2.5rem;margin-bottom:20px}.cta-section p{font-size:1.2rem;max-width:700px;margin:0 auto 30px}.cta-button{display:inline-block;background:#ff6b6b;color:#fff;padding:15px 40px;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{background:#ff5252;transform:translateY(-3px);box-shadow:0 10px 20px #0003}@media (max-width: 992px){.story-content,.mission-vision .container{flex-direction:column}.mission-box,.vision-box{width:100%}}@media (max-width: 768px){.about-hero h1{font-size:2.5rem}.section-header h2{font-size:2rem}.team-grid{grid-template-columns:1fr;max-width:400px}}@media (max-width: 576px){.about-hero{padding:80px 20px}.about-hero h1,.cta-section h2{font-size:2rem}}.about-hero{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1520975918319-6b6c1e63f81f?auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;color:#fff;text-align:center;padding:150px 20px;margin-bottom:60px;animation:fadeIn 1.5s ease}.story-image img{border-radius:15px;box-shadow:0 15px 35px #00000026}.mission-box,.vision-box{background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:50px 35px;border-radius:20px;text-align:center;transition:all .4s ease}.mission-box:hover,.vision-box:hover{transform:translateY(-12px) scale(1.02);background:#ffffff40}.team-member{background:#fff;border-radius:15px;padding:25px;transition:all .3s ease;box-shadow:0 8px 20px #0000000d}.team-member:hover{transform:translateY(-8px);box-shadow:0 12px 25px #00000026}.cta-section{background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1556905055-8f358a7a47b2?auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;padding:120px 20px}.contact-us{font-family:Poppins,sans-serif;color:#333;line-height:1.6}.contact-hero{background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;color:#fff;padding:120px 20px;text-align:center;margin-bottom:60px}.contact-hero h1{font-size:3rem;margin-bottom:15px;font-weight:700}.contact-hero p{font-size:1.2rem;max-width:700px;margin:0 auto}.contact-container{display:flex;max-width:1200px;margin:0 auto 80px;padding:0 20px;gap:50px}.contact-info{flex:1}.info-box{display:flex;align-items:flex-start;margin-bottom:30px;background:#f9f9f9;padding:25px;border-radius:10px;transition:transform .3s ease}.info-box:hover{transform:translateY(-5px)}.info-box .icon{font-size:1.8rem;color:var(--modern-blue);margin-right:20px;min-width:40px;text-align:center;padding-top:5px}.info-box h3{font-size:1.3rem;margin-bottom:10px;color:#222}.info-box p{margin:5px 0;color:#666}.contact-form{flex:1.5;background:#fff;padding:40px;border-radius:10px}.contact-form h2{font-size:1.8rem;margin-bottom:25px;color:#222;text-align:center}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s ease;font-family:Poppins,sans-serif}.form-group input:focus,.form-group textarea:focus{border-color:var(--modern-blue);outline:none}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--modern-blue);color:#fff;border:none;padding:12px 30px;font-size:1rem;border-radius:5px;cursor:pointer;width:100%;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:background .3s ease,transform .2s ease}.submit-btn:hover{background:#5a52d3;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.map-container{width:100%;margin-bottom:-5px}.map-container iframe{display:block;width:100%;border:none}@media (max-width: 992px){.contact-container{flex-direction:column}.contact-info,.contact-form{width:100%}.contact-form{margin-top:30px}}@media (max-width: 768px){.contact-hero{padding:80px 20px}.contact-hero h1{font-size:2.2rem}.contact-form{padding:30px 20px}.info-box{flex-direction:column;text-align:center}.info-box .icon{margin:0 auto 15px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-form,.info-box{animation:fadeInUp .6s ease-out forwards}.info-box:nth-child(2){animation-delay:.2s}.info-box:nth-child(3){animation-delay:.4s}.shipping-policy{font-family:Poppins,sans-serif;color:#333;line-height:1.8;background-color:#fff}.policy-hero{background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;color:#fff;padding:100px 20px;text-align:center;margin-bottom:50px}.policy-hero h1{font-size:3rem;margin-bottom:15px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.policy-hero p{font-size:1.2rem;max-width:700px;margin:0 auto;opacity:.9}.policy-container{max-width:1000px;margin:0 auto 80px;padding:0 20px}.policy-content{background:#fff;border-radius:10px;padding:50px}.policy-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eee;animation:fadeIn .6s ease-out forwards}.policy-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.policy-section h2{font-size:2rem;color:#222;margin-bottom:20px;position:relative;padding-bottom:10px}.policy-section h2:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;background:var(--modern-blue)}.policy-section h3{font-size:1.4rem;color:#333;margin:30px 0 15px}.policy-section p{margin-bottom:15px;color:#555;line-height:1.8}.policy-section ul{margin:15px 0 20px 20px}.policy-section li{margin-bottom:10px;color:#555;position:relative;padding-left:25px}.policy-section li:before{content:"•";color:var(--modern-blue);font-weight:700;display:inline-block;width:1em;margin-left:-1em;position:absolute;left:0}.policy-update{margin-top:50px;padding:20px;background:#f9f9ff;border-radius:8px;border-left:4px solid var(--modern-blue)}.policy-update p{margin-bottom:10px;color:#666;font-size:.95rem}.policy-update a{color:var(--modern-blue);text-decoration:none;transition:color .3s ease}.policy-update a:hover{color:#5a52d3;text-decoration:underline}@media (max-width: 992px){.policy-content{padding:40px 30px}}@media (max-width: 768px){.policy-hero{padding:80px 20px}.policy-hero h1{font-size:2.2rem}.policy-content{padding:30px 20px}.policy-section h2{font-size:1.8rem}.policy-section h3{font-size:1.3rem}}.policy-section:nth-child(1){animation-delay:.1s}.policy-section:nth-child(2){animation-delay:.2s}.policy-section:nth-child(3){animation-delay:.3s}.policy-section:nth-child(4){animation-delay:.4s}.policy-section:nth-child(5){animation-delay:.5s}.policy-section:nth-child(6){animation-delay:.6s}.policy-section:nth-child(7){animation-delay:.7s}.policy-section:nth-child(8){animation-delay:.8s}.policy-update{animation:fadeIn .6s ease-out .9s forwards;opacity:0}.secure-payment{font-family:Poppins,sans-serif;color:#333;line-height:1.6;background-color:#f9f9ff}.payment-hero{background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;color:#fff;padding:100px 20px;text-align:center;margin-bottom:50px}.payment-hero h1{font-size:3rem;margin-bottom:15px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.payment-hero p{font-size:1.2rem;max-width:700px;margin:0 auto;opacity:.9}.payment-container{max-width:1200px;margin:0 auto 80px;padding:0 20px}.payment-content{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000000d;padding:50px;position:relative;overflow:hidden}.payment-section{margin-bottom:50px;animation:fadeIn .6s ease-out forwards}.payment-section:last-child{margin-bottom:0}.payment-section h2{font-size:2rem;color:#222;margin-bottom:20px;position:relative;padding-bottom:10px}.payment-section h2:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;background:var(--modern-blue)}.payment-section h3{font-size:1.5rem;color:#333;margin:30px 0 20px}.payment-section p{margin-bottom:20px;color:#555;line-height:1.8}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:30px 0}.payment-method{background:#f9f9ff;border-radius:10px;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #eee}.payment-method:hover{transform:translateY(-5px);box-shadow:0 10px 30px #6c63ff1a}.payment-icon{font-size:2.5rem;color:var(--modern-blue);margin-bottom:15px}.payment-method h4{font-size:1.3rem;margin-bottom:10px;color:#333}.payment-method p{color:#666;margin-bottom:15px}.card-icons,.wallet-icons,.secure-icons{display:flex;justify-content:center;gap:15px;font-size:1.5rem;margin-top:15px;opacity:.8}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:30px 0}.security-feature{display:flex;align-items:flex-start;gap:20px;background:#f9f9ff;padding:25px;border-radius:10px;transition:transform .3s ease}.security-feature:hover{transform:translate(5px)}.feature-icon{font-size:1.8rem;color:var(--modern-blue);margin-top:5px}.feature-details h4{margin-bottom:8px;color:#333;font-size:1.1rem}.feature-details p{margin:0;color:#666;font-size:.95rem}.fraud-prevention{display:flex;flex-direction:column;gap:15px;margin:20px 0}.prevention-tip{display:flex;align-items:center;gap:10px;color:#4caf50;font-weight:500}.prevention-tip svg{width:1.2rem;height:1.2rem;margin-right:8px;color:#3b82f6;flex-shrink:0}.contact-options{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0}.contact-option{display:inline-flex;align-items:center;gap:8px;background:#f0f0ff;color:var(--modern-blue);padding:10px 20px;border-radius:50px;text-decoration:none;transition:all .3s ease;font-weight:500}.contact-option:hover{background:var(--modern-blue);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #6c63ff4d}.contact-option svg{width:1.2rem;height:1.2rem;margin-right:8px;color:#3b82f6;flex-shrink:0}.payment-note{background:#f0f7ff;border-left:4px solid var(--modern-blue);padding:15px 20px;border-radius:5px;margin-top:40px}.payment-note p{margin:0;color:#2c5282;font-size:.95rem}@media (max-width: 992px){.payment-content{padding:40px 30px}.payment-methods,.security-features{grid-template-columns:1fr}}@media (max-width: 768px){.payment-hero{padding:80px 20px}.payment-hero h1{font-size:2.2rem}.payment-content{padding:30px 20px}.payment-section h2{font-size:1.8rem}.payment-section h3{font-size:1.4rem}.contact-options{flex-direction:column;gap:15px}.contact-option{justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-section:nth-child(1){animation-delay:.1s}.payment-section:nth-child(2){animation-delay:.2s}.payment-section:nth-child(3){animation-delay:.3s}.payment-section:nth-child(4){animation-delay:.4s}.payment-note{animation:fadeIn .6s ease-out .5s forwards;opacity:0}.wishlist-skeleton{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000a}.wishlist-skeleton:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:12px 12px 0 0;animation:shimmer 1.5s infinite}.wishlist-skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0;position:relative}.skeleton-title{width:200px;height:36px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite}.skeleton-count{display:flex;align-items:center;gap:8px;background:#f9fafb;padding:.5rem 1rem;border-radius:20px}.skeleton-icon{width:20px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;animation:shimmer 1.5s infinite}.skeleton-text{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;display:inline-block}.wishlist-skeleton-items{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.wishlist-skeleton-item{display:flex;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #f0f0f0;background:linear-gradient(to bottom,#fff,#fafafa);height:220px}.skeleton-image{width:220px;height:100%;background:linear-gradient(135deg,#f9fafb,#f3f4f6);animation:shimmer 1.5s infinite;position:relative;overflow:hidden}.skeleton-details{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.skeleton-detail-row{display:flex;justify-content:space-between;align-items:flex-start}.skeleton-details .title{width:70%;height:24px;margin-bottom:.5rem}.skeleton-details .remove{width:20px;height:20px;border-radius:4px}.skeleton-details .price{width:100px;height:24px;margin:.5rem 0}.skeleton-details .variant{width:150px;height:16px;margin-bottom:1rem}.skeleton-buttons{display:flex;gap:1rem;margin-top:auto}.skeleton-button{height:40px;width:120px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.wishlist-skeleton{padding:1.5rem 1rem}.wishlist-skeleton-item{flex-direction:column;height:auto}.skeleton-image{width:100%;height:200px}.skeleton-details{padding:1rem}.skeleton-title{width:160px;height:28px}.skeleton-count .skeleton-text{width:40px}}.wishlist-container{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000a;position:relative;overflow:hidden}.wishlist-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#000,#4b5563);border-radius:12px 12px 0 0}.wishlist-header{text-align:left;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;position:relative;padding-right:2rem}.wishlist-header:after{content:"";position:absolute;bottom:-1px;left:0;width:120px;height:2px;background:#000;transition:width .3s ease}.wishlist-header h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.wishlist-count{display:flex;align-items:center;gap:.5rem;background:#f9fafb;padding:.5rem 1rem;border-radius:20px;font-size:.95rem;color:#4b5563}.wishlist-count svg{color:#ef4444;width:1.2rem;height:1.2rem;vertical-align:middle;margin-right:4px}.wishlist-empty{text-align:center;padding:3rem 1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.wishlist-empty h2{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.wishlist-empty p{color:#6b7280;margin-bottom:1.5rem}.wishlist-items{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.wishlist-item{display:flex;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #f0f0f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:linear-gradient(to bottom,#fff,#fafafa)}.wishlist-item:hover{box-shadow:0 15px 30px -5px #00000014;transform:translateY(-4px);border-color:#e0e0e0;background:#fff}.wishlist-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#000,#4b5563);opacity:0;transition:opacity .3s ease}.wishlist-item:hover:before{opacity:1}.wishlist-item-image{width:220px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:2rem}.wishlist-item-image .image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.wishlist-item-image img{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain;transition:all .5s cubic-bezier(.4,0,.2,1);transform-origin:center;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.wishlist-item:hover .wishlist-item-image img{transform:scale(1.08);filter:drop-shadow(0 8px 15px rgba(0,0,0,.1))}.quick-view{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 20px;text-align:center;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 15px #0000001a;min-width:140px;opacity:0;z-index:2}.wishlist-item:hover .quick-view{bottom:20px;opacity:1}.quick-view svg{width:1rem;height:1rem;transition:transform .3s ease;vertical-align:middle}.quick-view:hover svg{transform:scale(1.2)}.quick-view:hover{background:#000;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 20px #00000026}.wishlist-item-details{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;background:#fff;transition:all .3s ease}.wishlist-item:hover .wishlist-item-details{background:#fcfcfc}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.product-title{margin:0;font-size:1.1rem;font-weight:600;line-height:1.4;color:#1f2937}.product-title a{color:inherit;text-decoration:none;transition:color .2s ease}.product-meta{display:flex;align-items:center;gap:1.5rem;margin:.25rem 0;flex-wrap:wrap}.product-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.4}.product-title a{color:#1f2937;text-decoration:none;transition:color .2s ease;position:relative;display:inline-block}.product-description{color:#4b5563;font-size:.9rem;line-height:1.5;margin:.25rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:2}.read-more{color:#3b82f6;text-decoration:none;font-weight:500;margin-left:.25rem;white-space:nowrap;transition:all .2s ease}.read-more:hover{text-decoration:underline;color:#2563eb}.product-title{font-size:1.15rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.5;flex:1;padding-right:2rem;position:relative;transition:color .2s ease}.product-title a{position:relative;display:inline-block;transition:color .2s ease}.product-title a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#000;transition:width .3s ease}.product-title a:hover:after{width:100%}.product-title a{color:inherit;text-decoration:none;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-title a:hover{color:#3b82f6}.remove-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:32px;height:32px;flex-shrink:0}.remove-btn:hover{background:#f3f4f6;color:#ef4444;transform:scale(1.1)}.remove-btn:focus{outline:none;box-shadow:0 0 0 3px #ef444433}.variant-info{display:flex;align-items:center;gap:.75rem;margin:.25rem 0;color:#4b5563;font-size:.85rem;padding:.25rem 0;max-width:100%;flex-wrap:wrap}.variant-name{display:flex;align-items:center;gap:.5rem}.variant-name strong{font-weight:500;color:#374151}.color-swatch{width:16px;height:16px;border-radius:50%;display:inline-block;border:1px solid #e5e7eb}.price-section{display:flex;align-items:center;gap:1rem;margin:.75rem 0 1rem;flex-wrap:wrap}.product-price{font-size:1.4rem;font-weight:700;color:#111827;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.5px;position:relative;display:inline-block}.original-price{text-decoration:line-through;color:#9ca3af;font-size:1.05rem;font-weight:500;margin-left:.5rem;position:relative;top:-1px}.discount-badge-wishlist{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;margin-left:.5rem;position:relative;top:-2px;box-shadow:0 2px 8px #10b98133;text-transform:uppercase;letter-spacing:.5px}.stock-status{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#166534;font-weight:500;margin:0;padding:0;background:none;border:none}.stock-status svg{color:#22c55e;width:1.1rem;height:1.1rem;vertical-align:middle;margin-right:4px}.wishlist-item-actions{margin-top:.5rem;padding-top:1rem;border-top:1px solid #f0f0f0}.wishlist-item-actions .btn{width:100%;justify-content:center;padding:.6rem 1rem;font-size:.9rem;border-radius:6px;background:#000;color:#fff;border:none;transition:all .2s ease}.wishlist-item-actions .btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.wishlist-item-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:8px;font-weight:500;font-size:.95rem;transition:all .2s ease;cursor:pointer;text-decoration:none;border:1px solid transparent}.wishlist-item-actions .btn-outline{background:transparent;color:#4b5563;border-color:#d1d5db}.wishlist-item-actions .btn-outline:hover{background:#f9fafb;border-color:#9ca3af;color:#1f2937}.wishlist-item-actions .btn-primary{background:#3b82f6;color:#fff}.wishlist-item-actions .btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.wishlist-item-actions svg{width:1.1rem;height:1.1rem;vertical-align:middle;margin-right:4px}.wishlist-item-actions:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}@media (max-width: 1200px){.wishlist-container{margin:1.5rem;width:auto}}@media (max-width: 1024px){.wishlist-item{flex-direction:column;position:relative}.wishlist-item-image{width:100%;height:200px}.wishlist-item-details{padding:1.5rem}.wishlist-header{flex-direction:column;align-items:flex-start;gap:1.25rem;padding-right:0}.wishlist-header:after{width:100px}.remove-btn{top:1rem;right:1rem;background:#ffffffe6;box-shadow:0 2px 10px #0000001a}.remove-btn:hover{transform:rotate(90deg) scale(1.1)}}@media (max-width: 768px){.wishlist-container{padding:1.5rem;margin:1rem;border-radius:10px}.wishlist-header h1{font-size:1.6rem}.wishlist-item-image{height:280px;padding:2rem}.wishlist-item-details{padding:1.75rem 1.5rem}.product-title{font-size:1.1rem;margin-bottom:.5rem}.product-price{font-size:1.3rem}.original-price{font-size:1rem}.wishlist-item-actions{flex-direction:column}.btn{width:100%;padding:.9rem 1.5rem}}@media (max-width: 480px){.wishlist-container{padding:1.25rem 1rem;margin:.75rem;border-radius:8px}.wishlist-header{margin-bottom:1.75rem;padding-bottom:1.25rem}.wishlist-header h1{font-size:1.5rem}.wishlist-count{font-size:.9rem;padding:.4rem .9rem}.wishlist-item{border-radius:8px}.wishlist-item-image{height:240px;padding:1.75rem 1.5rem}.wishlist-item-details{padding:1.5rem 1.25rem}.product-title{font-size:1rem;padding-right:1.5rem;margin-bottom:.4rem}.product-price{font-size:1.2rem}.original-price{font-size:.95rem}.discount-badge{font-size:.7rem;padding:.2rem .6rem;border-radius:8px}.wishlist-empty{padding:3rem 1.5rem;margin:0 .5rem}.wishlist-empty h2{font-size:1.5rem}.wishlist-empty p{font-size:1rem;margin-bottom:2rem}.wishlist-empty .btn{padding:.8rem 2rem;font-size:.9rem}}.wishlist-empty{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto;position:relative;background:#fff;border-radius:12px;box-shadow:0 5px 25px #00000008;border:1px dashed #e5e7eb;overflow:hidden}.wishlist-empty:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#000,#4b5563)}.wishlist-empty h2{font-size:1.75rem;color:#111827;margin:0 0 1.25rem;font-weight:700;position:relative;display:inline-block;padding-bottom:.75rem}.wishlist-empty h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#000,#4b5563);border-radius:3px}.wishlist-empty p{color:#6b7280;font-size:1.1rem;margin:0 0 2.5rem;line-height:1.7;max-width:400px;margin-left:auto;margin-right:auto}.wishlist-empty .btn{padding:.9rem 2.5rem;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#000,#333);color:#fff;border:none;box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden;z-index:1}.wishlist-empty .btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#333,#000);opacity:0;transition:opacity .3s ease;z-index:-1}.wishlist-empty .btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.wishlist-empty .btn:hover:before{opacity:1}.wishlist-empty .btn:active{transform:translateY(0);box-shadow:0 4px 10px #0000001a}.wishlist-empty .btn svg{margin-right:8px;width:1.1rem;height:1.1rem;position:relative;top:-1px;transition:transform .3s ease;vertical-align:middle}.wishlist-empty .btn:hover svg{transform:translate(3px)}.btn{display:inline-block;padding:.5rem 1.25rem;border-radius:.375rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s}.btn-primary{background-color:#3b82f6;color:#fff;border:1px solid transparent}.btn-primary:hover{background-color:#2563eb}:root{--primary-color: #1890ff;--primary-hover: #40a9ff;--text-color: #333;--text-secondary: #666;--border-color: #e8e8e8;--background-light: #f9f9f9;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--transition: all .3s ease}.search-results-container{max-width:1400px;margin:0 auto;padding:24px 16px 60px;min-height:70vh}.search-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.search-header h1{font-size:28px;font-weight:600;color:var(--text-color);margin:0;line-height:1.3}.search-query{color:var(--primary-color);font-weight:700;text-transform:capitalize}.results-count{font-size:15px;color:var(--text-secondary);background:var(--background-light);padding:4px 12px;border-radius:12px;font-weight:500}.search-page-content{position:relative}.search-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:16px}.filters-sidebar{background:#fff;border-radius:8px;padding:20px;box-shadow:var(--box-shadow);height:fit-content;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin}.filters-sidebar::-webkit-scrollbar{width:4px}.filters-sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.filters-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.reset-filters{background:none;border:none;color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--transition)}.reset-filters:hover{background:#1890ff1a}.filter-section{margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.filter-section:last-child{margin-bottom:0}.filter-section-header{padding:12px 16px;background:var(--background-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.filter-section-header:hover{background:#f0f0f0}.filter-section-header h4{margin:0;font-size:15px;font-weight:600;color:var(--text-color)}.filter-section-content{padding:16px;background:#fff}.price-inputs{display:flex;gap:12px;margin-top:16px}.price-input{flex:1;display:flex;flex-direction:column;gap:6px}.price-input span{font-size:13px;color:var(--text-secondary)}.price-input input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;transition:var(--transition)}.price-input input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #1890ff33}.filter-option{margin-bottom:10px}.filter-option:last-child{margin-bottom:0}.filter-option .ant-checkbox-wrapper{display:flex;align-items:center;margin:0;font-size:14px;color:var(--text-color);transition:var(--transition)}.filter-option .ant-checkbox-inner{width:18px;height:18px;border-color:#d9d9d9}.filter-option .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-color);border-color:var(--primary-color)}.search-results-main{background:#fff;border-radius:8px;padding:20px;box-shadow:var(--box-shadow)}.sort-bar{display:flex;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.sort-label{font-size:14px;color:var(--text-secondary);margin-right:12px;font-weight:500}.sort-options{display:flex;flex-wrap:wrap;gap:8px}.sort-option{background:none;border:1px solid var(--border-color);border-radius:16px;padding:4px 12px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.sort-option:hover{border-color:var(--primary-color);color:var(--primary-color)}.sort-option.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:16px}.mobile-filter-button{display:none;align-items:center;gap:8px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:16px;transition:var(--transition)}.mobile-filter-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.no-results{text-align:center;padding:40px 20px;background:#fff;border-radius:8px;box-shadow:var(--box-shadow)}.no-results i{font-size:48px;color:#e0e0e0;margin-bottom:16px}.no-results h3{font-size:20px;color:var(--text-color);margin:0 0 8px}.no-results p{color:var(--text-secondary);margin-bottom:20px;font-size:15px}.mobile-filters-drawer .ant-drawer-header{border-bottom:1px solid var(--border-color);padding:16px 24px}.mobile-filters-drawer .ant-drawer-title{font-size:18px;font-weight:600;color:var(--text-color)}.mobile-filters-drawer .ant-drawer-body{padding:0}.mobile-filters-drawer .filter-section{border-radius:0;border-left:none;border-right:none;margin-bottom:0;border-bottom:1px solid var(--border-color)}.mobile-filters-drawer .filter-section:last-child{border-bottom:none}.filter-actions{padding:20px;border-top:1px solid var(--border-color);position:sticky;bottom:0;background:#fff;z-index:1}@media (max-width: 992px){.search-layout{grid-template-columns:240px 1fr;gap:16px}.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media (max-width: 768px){.search-layout{grid-template-columns:1fr}.filters-sidebar{display:none}.mobile-filter-button{display:flex}.search-header{flex-direction:column;align-items:flex-start;gap:8px}.search-header h1{font-size:24px}.sort-bar{flex-direction:column;align-items:flex-start;gap:12px}.sort-options{width:100%;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.sort-options::-webkit-scrollbar{height:4px}.sort-options::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.sort-option{white-space:nowrap;flex-shrink:0}}@media (max-width: 480px){.search-results-container{padding:16px 12px 60px}.search-results-main{padding:16px}.search-results-grid{grid-template-columns:1fr 1fr;gap:12px}.price-inputs{flex-direction:column;gap:12px}.mobile-filters-drawer{width:100%!important;max-width:100%}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;width:100%;padding:40px 20px;background:#fff;margin:0;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box}.loading-spinner{width:50px;height:50px;border:5px solid rgba(52,152,219,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s ease-in-out infinite;margin:0 auto 20px;position:relative}.loading p{font-size:16px;color:#4b5563;margin-top:16px;font-weight:500}.error-message{text-align:center;padding:48px 32px;background:#fff;border-radius:12px;border:1px solid #ffebee;max-width:500px;margin:40px auto;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000005;display:flex;flex-direction:column;align-items:center;gap:20px}.error-icon{width:80px;height:80px;border-radius:50%;background:#fef2f2;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.error-icon svg{color:#ef4444;stroke-width:1.5}.error-text{color:#1f2937;font-size:17px;line-height:1.6;margin:0;max-width:400px;font-weight:500}.error-message p.secondary{color:#6b7280;font-size:15px;margin-top:-10px;font-weight:400}.retry-button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:160px;margin-top:8px;box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden}.retry-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);pointer-events:none}.retry-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb40}.retry-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.retry-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}@media (max-width: 480px){.error-message{padding:32px 20px;margin:20px 16px}.error-icon{width:68px;height:68px}.error-text{font-size:16px}.retry-button{width:100%;padding:14px 24px}}.no-results{text-align:center;padding:60px 20px;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.no-results i{font-size:48px;color:#ccc;margin-bottom:15px}.no-results h3{font-size:18px;color:#666;margin-bottom:10px}.no-results p{color:#999;margin-bottom:20px}.search-again-button{background:#1890ff;color:#fff;border:none;padding:8px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.search-again-button:hover{background:#40a9ff}@media (max-width: 768px){.search-results-container{padding:15px 10px 30px}.search-header h1{font-size:20px}.results-count{font-size:13px}}.search-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #eee}.filter-group{display:flex;align-items:center;gap:15px}.filter-label{font-size:14px;color:#666;margin-right:8px}.filter-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.search-product-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:#333;height:100%}.search-product-card:hover{transform:translateY(-4px);box-shadow:0 4px 15px #00000026;text-decoration:none;color:#333}.search-product-image{position:relative;padding-top:100%;background:#f8f8f8;overflow:hidden}.search-product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.search-product-card:hover .search-product-image img{transform:scale(1.05)}.search-product-actions{position:absolute;bottom:15px;right:15px;display:flex;gap:10px;opacity:0;transform:translateY(10px);transition:all .3s ease}.search-product-card:hover .search-product-actions{opacity:1;transform:translateY(0)}.wishlist-btn,.add-to-cart-btn{width:135px;height:48px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff!important;box-shadow:0 2px 5px #0003;transition:all .2s ease;color:#333}.wishlist-btn:hover,.add-to-cart-btn:hover{background:#083dec;transform:scale(1.1)}.wishlist-btn.in-wishlist{color:#ff4d4f}.add-to-cart-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.search-product-info{padding:15px;display:flex;flex-direction:column;flex-grow:1}.search-product-title{font-size:15px;font-weight:500;margin:0 0 8px;min-height:40px;line-height:1.3;position:relative;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical}.search-product-price{display:flex;align-items:center;gap:8px;margin-bottom:8px}.current-price{font-size:16px;font-weight:700;color:#333}.original-price{font-size:13px;color:#999;text-decoration:line-through}.discount{font-size:12px;font-weight:600;color:#ff4d4f;background:#ffebee;padding:2px 6px;border-radius:4px}.search-product-rating{display:flex;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid #f0f0f0}.stars{color:#ffc107;font-size:13px;margin-right:6px;display:flex;gap:2px}.stars .fa-star{position:relative}.stars .fa-star:not(.active){color:#e0e0e0}.stars .fa-star.half:after{content:"";position:absolute;left:0;width:50%;overflow:hidden;color:#ffc107}.rating-count{font-size:12px;color:#999}.out-of-stock{position:absolute;top:10px;left:0;background:#ff4d4fe6;color:#fff;font-size:11px;font-weight:500;padding:4px 10px;border-radius:0 4px 4px 0;z-index:1}@media (max-width: 768px){.search-product-card{border-radius:6px}.search-product-title{font-size:14px;min-height:38px}.current-price{font-size:15px}.original-price{font-size:12px}.search-product-actions{opacity:1;transform:translateY(0)}}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:0 10px}@media (max-width: 576px){.search-results-grid{grid-template-columns:repeat(2,1fr);gap:12px}.search-product-card{box-shadow:0 1px 3px #00000014}.search-product-card:hover{transform:none;box-shadow:0 1px 5px #0000001f}}:root{--primary: #3b82f6;--primary-hover: #2563eb;--text: #1f2937;--text-light: #6b7280;--border: #e5e7eb;--background: #f9fafb;--card-bg: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981}.account-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.account-header{margin-bottom:2.5rem;text-align:center}.account-header h1{font-size:2.25rem;font-weight:800;background:linear-gradient(90deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.025em}.account-header p{color:var(--text-light);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.account-content-wrapper{display:grid;grid-template-columns:300px 1fr;gap:2rem;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000005;overflow:hidden;min-height:600px;position:relative}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;margin:0 auto 1.5rem;transition:all .2s ease}.mobile-menu-toggle:hover{background:var(--primary-hover);transform:translateY(-1px)}.sidebar{background:#f8fafc;padding:1.5rem 0;border-right:1px solid var(--border);transition:transform .3s ease;height:100%;overflow-y:auto}.user-profile-summary{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--border);margin-bottom:1rem;text-align:center}.avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;margin:0 auto 1rem;position:relative;box-shadow:0 4px 6px -1px #0000001a}.user-info h3{font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.user-info p{color:var(--text-light);font-size:.9rem;margin:0}.sidebar-items{padding:0 .5rem}.sidebar-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--text-light);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.95rem;border-radius:8px;margin:.25rem .5rem;position:relative}.sidebar-item:hover{background:#f1f5f9;color:var(--primary)}.sidebar-item.active{background:#e0f2fe;color:var(--primary);font-weight:600}.sidebar-item .sidebar-icon{width:20px;height:20px;margin-right:12px;flex-shrink:0}.chevron-icon{width:16px;height:16px;margin-left:auto;opacity:.5;transition:transform .2s ease}.sidebar-item:hover .chevron-icon{opacity:1;transform:translate(2px)}.sidebar-item.logout{color:var(--danger);margin-top:1rem}.sidebar-item.logout:hover{background:#fee2e2}.account-details{padding:2rem 2.5rem;background:var(--card-bg);flex:1;overflow-y:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.section-header h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.025em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.9375rem;line-height:1.25rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-text{background:transparent;color:var(--primary);padding:.5rem .75rem;font-size:.875rem}.btn-text:hover{background:#f1f5f9}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.profile-content{display:grid;grid-template-columns:240px 1fr;gap:3rem;margin-top:1rem}.avatar-uploader{text-align:center}.avatar-preview{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);margin:0 auto 1.5rem;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.avatar-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem;font-weight:600;color:#fff;-webkit-user-select:none;user-select:none}.avatar-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.avatar-preview:hover .avatar-overlay{opacity:1}.profile-form{max-width:600px}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text);font-size:.9375rem}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;width:18px;height:18px;pointer-events:none}.form-input{width:100%;padding:.75rem 1rem .75rem 44px;border:1px solid var(--border);border-radius:8px;font-size:.9375rem;transition:all .2s ease;background:#f8fafc;color:var(--text)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;background:#fff}.form-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.8}.form-input.editable{background:#fff;border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.alert{padding:.875rem 1.25rem;border-radius:8px;font-size:.9375rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.alert-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.empty-state{text-align:center;padding:4rem 2rem;background:#f8fafc;border-radius:12px;margin-top:1rem}.empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000000d}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.empty-state p{color:var(--text-light);max-width:400px;margin:0 auto 1.5rem;line-height:1.6}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.address-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s ease;display:flex;flex-direction:column;height:100%}.address-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.address-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.address-card h3{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.default-badge{background:#dbeafe;color:#1e40af;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px}.address-details{flex:1;color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.address-details p{margin:0 0 .5rem}.address-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.address-card.add-new{border:2px dashed #cbd5e1;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s ease}.address-card.add-new:hover{border-color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.address-card.add-new h3{color:var(--primary);margin:.75rem 0 .25rem}.address-card.add-new p{color:var(--text-light);font-size:.875rem;margin:0}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.profile-content{grid-template-columns:1fr;gap:2rem}.avatar-uploader{text-align:center}.profile-form{max-width:100%}}@media (max-width: 768px){.account-content-wrapper{grid-template-columns:1fr;min-height:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:50;transform:translate(-100%);box-shadow:4px 0 15px #0000001a}.sidebar.mobile-visible{transform:translate(0)}.mobile-menu-toggle{display:inline-flex}.account-details{padding:1.5rem 1.25rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.addresses-grid{grid-template-columns:1fr}}@media (max-width: 480px){.account-container{padding:1.5rem .75rem}.account-header h1{font-size:1.75rem}.account-header p{font-size:1rem}.address-actions{flex-direction:column}.address-actions .btn{width:100%}}:root{--primary-color: #4a6cf7;--primary-hover: #3a5ce4;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--light-color: #f8f9fa;--dark-color: #343a40;--border-radius: 8px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}.df-page{min-height:100vh!important;display:flex;justify-content:center;align-items:center;background:#f0f2f5;font-family:Poppins,sans-serif}.df-container{background-color:#fff;border-radius:8px;box-shadow:0 15px 35px #0000001a;position:relative;overflow:hidden;width:900px;max-width:100%;min-height:580px;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.d-f-form-container{position:absolute;top:0;height:100%;width:50%;transition:all .6s ease-in-out;padding:40px;display:flex;flex-direction:column;justify-content:center;background:#fff;overflow:hidden}.d-f-sign-in-container{left:0;width:50%;z-index:2}.d-f-container.d-f-right-panel-active .d-f-sign-in-container{transform:translate(100%);opacity:0;z-index:1}.d-f-sign-up-container{left:0;width:50%;opacity:0;z-index:1;transform:translate(-20%)}.d-f-container.d-f-right-panel-active .d-f-sign-up-container{transform:translate(0);opacity:1;z-index:5;animation:d-f-show .6s}@keyframes d-f-show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.d-f-overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.d-f-container.d-f-right-panel-active .d-f-overlay-container{transform:translate(-100%)}.d-f-overlay{background:linear-gradient(135deg,#4a6cf7,#6a11cb);color:#fff;position:absolute;top:0;left:0;height:100%;width:100%;transition:transform .6s ease-in-out;display:flex;align-items:center;justify-content:center;flex-direction:row;overflow:hidden}.d-f-overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:100%;transition:transform .6s ease-in-out}.d-f-overlay-left{transform:translate(-20%);left:0}.d-f-overlay-right{right:0;transform:translate(0)}.d-f-container.d-f-right-panel-active .d-f-overlay-left{transform:translate(0)}.d-f-container.d-f-right-panel-active .d-f-overlay-right{transform:translate(20%)}.d-f-container.d-f-right-panel-active .d-f-overlay{transform:translate(50%)}.d-f-form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;height:100%;text-align:center;transition:var(--transition)}.d-f-form h1{font-weight:700;margin:0 0 15px;font-size:2.2rem;color:var(--dark-color);line-height:1.2;position:relative;padding-bottom:15px}.d-f-form h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-color);border-radius:3px}.d-f-form p{font-size:15px;font-weight:400;line-height:1.6;color:#6c757d;margin:15px 0 25px;max-width:300px}.d-f-form span{font-size:12px;margin:15px 0}.d-f-form input{background-color:#f5f7fa;border:2px solid #e1e5ee;border-radius:6px;padding:14px 20px;margin:10px 0;width:100%;font-size:14px;color:#333;transition:var(--transition);outline:none}.d-f-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6cf71a;background-color:#fff}.d-f-form a{color:#333;font-size:14px;text-decoration:none;margin:15px 0}.d-f-form a:hover{text-decoration:underline}.d-f-btn{border-radius:50px;border:2px solid var(--primary-color);background-color:var(--primary-color);color:#fff;font-size:14px;font-weight:600;padding:12px 45px;letter-spacing:.5px;text-transform:uppercase;transition:var(--transition);cursor:pointer;margin:10px 0;box-shadow:0 4px 15px #4a6cf74d;outline:none;position:relative;overflow:hidden}.d-f-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4a6cf766}.d-f-btn:active{transform:scale(.98)}.d-f-social-container{margin:20px 0;display:flex;justify-content:center;gap:15px}.d-f-social-container a{border:2px solid #e1e5ee;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;height:45px;width:45px;color:#6c757d;text-decoration:none;transition:var(--transition);background:#fff;box-shadow:0 3px 10px #0000000d}.d-f-social-container a:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #4a6cf74d;border-color:var(--primary-color)}:root{--primary-color: #4a6cf7;--primary-light: #eef2ff;--text-color: #333;--text-light: #666;--border-color: #e0e0e0;--bg-light: #f8f9fa;--success-color: #2ecc71;--warning-color: #f39c12;--danger-color: #e74c3c;--info-color: #3498db}.admin-dashboard{padding:20px;max-width:1400px;margin:0 auto}.admin-dashboard h1{color:var(--text-color);margin-bottom:30px;font-size:1.8rem}.stats-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.stat-icon{font-size:2rem;margin-right:15px;color:var(--primary-color);background:var(--primary-light);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-info h3{margin:0 0 5px;font-size:.9rem;color:var(--text-light);font-weight:500}.stat-number{font-size:1.5rem;font-weight:600;margin:0 0 5px;color:var(--text-color)}.stat-change{margin:0;font-size:.8rem}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--danger-color)}.dashboard-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color)}.section-header h2{margin:0;font-size:1.2rem;color:var(--text-color)}.view-all{color:var(--primary-color);text-decoration:none;font-size:.9rem;font-weight:500}.view-all:hover{text-decoration:underline}.table-container{overflow-x:auto;padding:0 20px 20px}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{text-align:left;padding:12px 15px;border-bottom:1px solid var(--border-color)}th{font-weight:600;color:var(--text-light);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}tbody tr:hover{background-color:#f9f9f9}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.delivered{background-color:#e6f7ee;color:var(--success-color)}.status-badge.shipped{background-color:#e6f0ff;color:var(--info-color)}.status-badge.processing{background-color:#fff8e6;color:var(--warning-color)}.action-link{color:var(--primary-color);text-decoration:none;font-weight:500}.action-link:hover{text-decoration:underline}.admin-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.1rem;color:var(--text-light)}@media (max-width: 768px){.stats-container{grid-template-columns:1fr 1fr}.table-container{padding:0 10px 10px}th,td{padding:10px 8px}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}.admin-dashboard{padding:10px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}}
