:root{--primary-blue: #00AEEF;--header-blue: #007bff;--text-dark: #333333;--text-gray: #666666;--bg-light: #f8f9fa;--border-color: #e5e5e5;--color-primary: #0098d9;--color-secondary: #2b27e8;--color-cta: #1d4ed8;--color-accent-orange: #ffb300;--color-accent-highlight: #00c3ff;--color-highlight-purple: #4a00ff;--color-product-link: #0a66c2;--color-product-stat: #0ba4e0;--notification-yellow: #ffc107;--color-text-dark: #222;--color-text-body: #444;--color-text-muted: #7a7a7a;--color-text-white: #fff;--color-text-footer: #555;--color-text-title-dark: #0b0d17;--color-bg-light: #f7f7f7;--color-bg-very-light: #fafafa;--color-border: #e8e8e8;--color-border-card: #f1f1f4;--color-shadow: rgba(33, 35, 38, .1);--padding-page-x: 4rem;--radius-default: 8px;--radius-card: 14px;--radius-banner: 1.5rem;--font-main: "Plus Jakarta Sans", sans-serif;--font-secondary: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-poppins: "Poppins", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{line-height:1.5;background-color:var(--color-text-white);color:var(--color-text-dark);font-family:var(--font-main);overflow-x:hidden}a{text-decoration:none;color:inherit}.fade-in{opacity:1;transition:opacity .3s ease-in}.fade-out{opacity:0;transition:opacity .3s ease-out}.top-banner{background-color:var(--color-accent-orange);color:var(--color-text-dark);text-align:center;padding:12px 0;position:relative;font-size:14px}.top-banner .highlight{color:var(--color-accent-highlight);cursor:pointer}.top-banner .bold{font-weight:700}.top-banner .close-btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer}.sub-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:1rem var(--padding-page-x);background:var(--color-bg-light);color:var(--color-text-muted);font-family:var(--font-secondary)}.sub-header ul{list-style:none;display:flex;gap:20px}.sub-header li{cursor:pointer;transition:color .3s ease}.sub-header li:hover,.sub-header li a:hover{color:var(--color-secondary)}.main-navbar{padding:1rem var(--padding-page-x);display:flex;align-items:center;gap:4rem}.logo img{height:28px}.search-bar{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-default);padding:8px 12px;width:50%;max-width:500px}.search-bar i{color:var(--color-primary)}.search-bar input{border:none;outline:none;background:transparent;width:100%;padding-left:8px;font-size:15px}.right-section{display:flex;gap:18px;margin-left:auto}.headphone{gap:8px;display:flex;align-items:center}.log-txt p{font-size:13px}.log-txt h4{font-weight:400;font-size:13px;color:var(--color-primary)}.category-nav{display:flex;align-items:center;padding:.5rem 5rem;gap:12px}.category-navv{box-shadow:var(--color-shadow) 0 10px 10px -10px;background-color:var(--color-text-white);position:sticky;top:0;z-index:1000}.category-nav ul{list-style:none;display:flex;gap:16px}.first-link{display:flex;align-items:center;gap:8px}.category-nav a{position:relative;display:flex;align-items:center;color:var(--color-text-dark);gap:6px;padding-top:4px;padding-bottom:.5rem;font-weight:500;font-size:14px;transition:color .3s ease}.category-nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--color-secondary);border-radius:2px;opacity:0;transform:scaleX(.6);transform-origin:center;transition:opacity .3s ease,transform .3s ease}.category-nav a:hover{color:var(--color-secondary)}.category-nav a:hover:after{opacity:1;transform:scaleX(1)}.item-box1{font-family:Plus Jakarta Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1.5rem;margin:2rem 4rem;position:relative;overflow:visible}.item-txt1{display:flex;flex-direction:column;gap:1.25rem;width:100%}.ojb{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:.25rem 1rem;border-radius:8px;font-size:1rem;font-weight:500;width:fit-content;margin-bottom:2rem}.ojb-txt{font-size:1.2rem;font-weight:700;line-height:1.2;margin-bottom:16px}.ojb-faq{font-weight:600;margin-bottom:20px}.item-image{height:33rem;position:relative;top:-30px;right:40px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.4));animation:float 4s ease-in-out infinite;transition:transform .5s ease}.item-image:hover{transform:scale(1.05)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.item-box1 button{background-color:#1d4ed8;color:#fff;padding:.9rem 2.2rem;border:none;border-radius:.5rem;font-weight:600;width:fit-content;cursor:pointer;transition:background .3s ease;box-shadow:0 4px 15px #0003}.ojb-slide2{font-family:Plus Jakarta Sans,sans-serif;color:#4f1e11;display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1.5rem;margin:2rem 4rem}.ojb-head{display:flex;justify-content:center;align-items:center;position:relative;left:40px}.ojb-head h1{font-family:Poppins,sans-serif;font-weight:800;font-size:120px}.ojb-image{height:30rem;position:relative;top:-150px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.4));animation:float 4s ease-in-out infinite;transition:transform .5s ease}.ojb-head p{font-family:Poppins,sans-serif;font-weight:800;font-size:80px;position:relative;top:15px}.ojb-sell button{position:relative;left:50rem;bottom:10rem;background-color:#1d4ed8;color:#fff;padding:.9rem 2.2rem;border:none;border-radius:.5rem;font-weight:600;width:fit-content;cursor:pointer;transition:background .3s ease;box-shadow:0 4px 15px #0003}.ojbtxt2{position:relative;top:7rem;left:7rem;font-weight:600}.ojb-slide3{position:relative;height:75vh;width:85%;border-radius:1rem;margin:2rem 4rem 2rem 6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}.ojb-slide3:before{content:"";position:absolute;inset:0;background:#00000073;border-radius:1rem;z-index:1}.ojbtxt3,.ojb-new{position:relative;top:-100px;z-index:2}.ojbtxt3 h1{border:2px solid white;border-radius:.75rem;padding:.5rem 2rem;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background-color:#0006;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.ojb-new h1{opacity:0;transform:translateY(25px);will-change:opacity,transform}.swiper-slide-active .ojb-slide3 .ojb-new h1{animation:fadeInUp 2.2s ease-out forwards}.ojbview{width:100%;padding:2rem 4%;background:var(--color-bg-very-light);font-family:var(--font-secondary)}.section{margin-bottom:3rem}.section-title{font-size:1.9rem;font-weight:700;color:var(--color-text-dark);margin-bottom:.3rem}.section-sub{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1.5rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.4rem}.product-card{background:var(--color-text-white);border-radius:var(--radius-card);padding:12px;cursor:pointer;transition:.25s ease;border:1px solid #eee;box-shadow:none;display:flex;flex-direction:column;justify-content:space-between}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:#ddd}.product-img-wrapper{width:100%;height:180px;border-radius:12px;overflow:hidden;background:#f5f5f5}.product-img{width:100%;height:100%;object-fit:cover;transition:.3s}.product-card:hover .product-img{transform:scale(1.05)}.product-text{font-family:var(--font-main);margin-top:10px;font-size:.95rem;color:var(--color-link-hover);line-height:1.4}.product-text span{color:var(--color-primary);font-size:.85rem}.product-text strong{display:inline-block;margin-top:6px;font-size:1.05rem;color:var(--color-product-link);font-weight:700}.why-container{width:100%;max-width:1200px;margin:0 auto;padding:110px 6%;box-sizing:border-box}.why-header{text-align:center;margin-bottom:70px}.why-header h3{color:var(--color-link-hover);font-size:.95rem;letter-spacing:1px;font-weight:600;text-transform:uppercase}.why-header h1{font-size:2.8rem;font-weight:800;margin-top:10px;line-height:1.2;color:var(--color-text-title-dark)}.why-header span{color:var(--color-highlight-purple)}.why-grid{width:100%}.why-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--color-text-white);border-radius:26px;overflow:hidden;border:1px solid var(--color-border-card);box-shadow:0 25px 60px #00000014;transition:all .35s ease}.why-card:hover{transform:translateY(-6px);box-shadow:0 35px 80px #0000001f}.whyy-card{padding:50px}.why-title{font-size:1.8rem;font-weight:700;margin-bottom:16px;color:var(--color-text-title-dark)}.why-text{font-size:1rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:28px;max-width:420px}.why-btn{background:var(--color-link-hover);border:none;padding:14px 28px;color:#fff;border-radius:14px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease}.why-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.why-img-box{width:100%;height:100%}.why-img-box img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.why-card{grid-template-columns:1fr}.whyy-card{padding:35px}.why-img-box img{height:260px}.why-header h1{font-size:2.2rem}}.footer-container{width:100%;padding:60px 7% 40px;background:#f7f8fa;box-sizing:border-box}.footer-top{text-align:center;max-width:900px;margin:auto auto 60px}.footer-title{font-size:2.8rem;font-weight:800;color:var(--color-primary);line-height:1.2}.footer-desc{margin-top:15px;line-height:1.7;color:var(--color-text-footer);font-size:1.05rem}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;width:100%;flex-wrap:wrap}.footer-contact{display:flex;align-items:center;gap:20px;flex:1 1 260px}.contact-icon{font-size:2.8rem;color:var(--color-highlight-purple)}.contact-text{font-size:1rem;color:var(--color-highlight-purple)}.contact-number{font-size:1.6rem;font-weight:700;color:var(--color-text-title-dark)}.footer-socials{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.social-icon{width:55px;height:55px;border-radius:50%;background:var(--color-text-white);display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 4px 14px #00000014;cursor:pointer;transition:.25s}.social-icon:hover{transform:translateY(-4px)}.footer-links{flex:2 1 300px;display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap}.footer-col{min-width:150px}.footer-col h3{color:var(--color-highlight-purple);margin-bottom:12px;font-size:1.1rem;font-weight:700}.footer-col a{display:block;margin-bottom:10px;font-size:.95rem;color:var(--color-text-footer);cursor:pointer;transition:.25s ease}.footer-col a:hover{color:var(--color-primary);margin-left:4px}.footer-line{margin:50px 0 30px;border:none;height:1px;background:#ddd;width:100%}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--color-text-footer);font-size:.9rem;gap:20px}.footer-cards{font-size:2rem;display:flex;gap:10px}.about-container{width:100%;max-width:1100px;margin:0 auto;padding:30px 20px;color:var(--color-text-body)}.header-section h1{color:var(--color-link-hover);text-align:center;font-size:40px;font-weight:700;margin-bottom:40px}.about-main h2{text-align:center;color:var(--color-product-stat);font-size:28px;margin-bottom:20px}.why-how-section{display:flex;justify-content:space-between;margin:60px 0;gap:40px}.why,.how{flex:1}.stats-section{display:flex;justify-content:space-around;background:var(--color-bg-light);padding:40px 20px;border-radius:10px;margin-bottom:50px}.stat-box{text-align:center}.stat-box h2{font-size:32px;color:var(--color-product-stat)}.page-header{text-align:center;padding:40px 0 20px}.header-title{font-size:2.5rem;color:var(--color-primary);margin-bottom:5px}.policy-page-wrapper{display:flex;flex-direction:column;min-height:100vh}.policy-container{width:100%;max-width:1100px;margin:0 auto;padding:40px 20px;flex:1}.policy-section p{color:var(--color-text-dark);margin-bottom:15px;text-align:justify}.terms-page-wrapper{display:flex;flex-direction:column;min-height:100vh}.terms-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;flex:1}.section-heading{font-size:1.1rem;font-weight:700;color:var(--color-text-muted);margin-bottom:10px;display:flex;align-items:center}.terms-section p{margin-left:25px;color:var(--color-text-muted);font-size:.95rem}.details-container{width:100%;max-width:1200px;margin:3rem auto;padding:1.5rem}.back-btn{font-family:var(--font-main);background:transparent;border:none;font-size:1rem;margin-bottom:1.5rem;cursor:pointer;color:#333;font-weight:600;transition:.2s}.back-btn:hover{color:#000;transform:translate(-3px)}.details-card{display:flex;gap:2rem;background:#fff;border-radius:18px;padding:2rem;box-shadow:0 4px 20px #00000012}.details-img-wrapper{flex:1;max-width:450px}.details-img{width:100%;height:auto;object-fit:cover;border-radius:16px}.details-info{flex:1.2;display:flex;flex-direction:column;gap:1rem}.details-title{font-size:1.9rem;font-weight:700;color:#222}.details-location{font-size:1rem;color:#666;margin-top:-8px}.details-price{font-size:2rem;font-weight:700;color:#0a66c2}.details-description{font-size:1rem;line-height:1.6;color:#444;border-top:1px solid #eee;padding-top:1rem}.buy-btn{font-family:var(--font-main);margin-top:1rem;padding:.9rem 1.5rem;background:#0a66c2;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;width:fit-content;transition:.3s ease}.buy-btn:hover{background:#004a99}@media(max-width:1024px){:root{--padding-page-x: 2.5rem}.main-navbar{gap:2rem;padding-left:var(--padding-page-x);padding-right:var(--padding-page-x)}.search-bar{width:45%}.category-nav{padding:.5rem 2.5rem}.item-box1,.ojb-slide2,.ojb-slide3{margin-left:var(--padding-page-x);margin-right:var(--padding-page-x);width:auto}.item-image{height:28rem}.ojb-head h1{font-size:6rem}}@media(max-width:768px){:root{--padding-page-x: 1.5rem}.sub-header{display:grid}.sub-header li{font-weight:600}.sub-header p{display:none}.main-navbar{flex-wrap:wrap;justify-content:space-between}.search-bar{order:3;width:100%;margin-top:1rem}.right-section{margin-left:0}.category-nav{display:none}.item-box1{flex-direction:column;padding:2rem 1.5rem}.item-txt1{max-width:100%;text-align:center;order:2}.ojb,.item-box1 button{margin-left:auto;margin-right:auto}.item-image{height:18rem;margin-bottom:2rem;order:1;right:0}.ojb-slide2{height:350px;align-items:center;padding:2rem}.ojb-head{gap:10px}.ojb-head h1{font-size:4rem}.ojb-head p{font-size:2rem}.ojb-image{height:18rem;bottom:0;right:10px}.ojb-sell button{position:static;margin:10px auto}.ojbtxt2{margin:0;text-align:center}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.why-how-section{flex-direction:column}.member-image-container{width:80%;max-width:300px;margin-right:0;margin-bottom:20px}.details-card{flex-direction:column;padding:1.5rem}.details-img-wrapper{max-width:100%}.footer-main{flex-direction:column;gap:50px}.footer-links{justify-content:flex-start;gap:40px}}body{font-family:var(--font-main);background-color:#fff;color:var(--text-dark);line-height:1.6;overflow-x:hidden}.notification-bar{background-color:var(--notification-yellow);color:#333;text-align:center;padding:10px 20px;font-size:.9rem;font-weight:500;position:relative}.close-notification{position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.2rem}.refund-page-wrapper{display:flex;flex-direction:column;min-height:100vh}.refund-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;flex:1;text-align:center}.refund-header{margin-bottom:40px}.page-title{font-size:2.5rem;color:var(--primary-blue);margin-bottom:5px;font-weight:700}.page-subtitle{font-size:1rem;color:#a0dbf5;margin-top:0}.refund-content{max-width:900px;margin:0 auto;text-align:left}.intro-text{margin-bottom:25px;color:var(--text-gray)}.policy-block{margin-bottom:25px}.policy-heading{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.policy-block p{color:var(--text-gray);margin-bottom:10px;font-size:.95rem}.policy-list{list-style-type:none;padding-left:0;margin-bottom:10px}.policy-list li{margin-bottom:8px;color:var(--text-gray);font-size:.95rem}.policy-signature{margin-top:40px;font-weight:500;color:var(--text-dark)}.site-footer{background-color:#fff;border-top:1px solid var(--border-color);padding-top:60px;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-column h4{color:var(--header-blue);margin-bottom:20px;font-size:1rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:12px;font-size:.9rem;color:var(--text-gray);cursor:pointer;transition:color .2s}.footer-column li:hover{color:var(--primary-blue)}.support-badge{display:flex;align-items:center;gap:15px;margin-bottom:20px}.headset-icon{font-size:2.5rem;color:var(--header-blue)}.support-label{font-size:.85rem;color:var(--text-gray)}.support-phone{font-size:1.2rem;font-weight:700;color:var(--text-dark)}.social-links span{margin-right:15px;font-size:.9rem;color:var(--text-gray);cursor:pointer}.footer-bottom{border-top:1px solid var(--border-color);padding:20px;text-align:center;font-size:.85rem;color:var(--primary-blue);display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:15px}.payment-icons span{margin-left:10px;font-weight:700;color:var(--text-dark)}@media(max-width:768px){.page-title{font-size:2rem}.refund-container{padding:20px 15px}.footer-bottom{flex-direction:column;text-align:center}}.view-all{background-color:#004c99;color:#fff;border:none;border-radius:4px;padding:14px 30px;cursor:pointer;font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:background-color .3s ease,box-shadow .3s ease}.view-all:hover{background-color:#036;box-shadow:0 4px 8px #00000026}.team-page{padding:80px 40px;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}.team-hero{text-align:center;max-width:800px;margin:0 auto 60px}.team-title{font-size:48px;font-weight:700;color:#0f172a;margin-bottom:16px;letter-spacing:-1px}.team-subtitle{font-size:18px;color:#64748b;line-height:1.6}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1300px;margin:0 auto}.team-card{background:#fff;border-radius:22px;padding:35px 25px 30px;text-align:center;transition:all .35s ease;border:1px solid #e2e8f0;box-shadow:0 12px 30px #0000000d;overflow:hidden;position:relative}.team-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #00000014}.team-image-wrapper{display:flex;justify-content:center;margin-bottom:18px}.team-image{width:160px;height:160px;border-radius:50%;object-fit:cover;object-position:center top;border:5px solid #ffffff;box-shadow:0 15px 35px #0000001a;transition:transform .4s ease}.team-card:hover .team-image{transform:scale(1.05)}.team-image-placeholder{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:700;color:#fff;text-transform:uppercase;box-shadow:0 15px 35px #4f46e540}.team-content{margin-top:10px}.team-name{font-size:20px;font-weight:600;color:#020617;margin-bottom:6px}.team-role{font-size:15px;color:#475569;font-weight:500}@media(max-width:768px){.team-title{font-size:34px}.team-subtitle{font-size:16px}.team-page{padding:60px 20px}}.team-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:40px auto 50px;max-width:900px}.filter-btn{padding:10px 22px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-weight:500;font-size:14px;cursor:pointer;transition:all .25s ease}.filter-btn:hover{background:#f1f5f9;transform:translateY(-2px)}.filter-btn.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 8px 20px #0f172a26}.blog{min-height:100vh;background:#f8fafc;color:#0f172a;font-family:Inter,system-ui,-apple-system,sans-serif}.blog-container{max-width:1200px;margin:0 auto;padding:80px 20px}.blog-header{text-align:center;max-width:650px;margin:0 auto 80px}.blog-header h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.blog-header p{font-size:1.05rem;color:#475569;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.blog-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0f172a0d;transition:all .35s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0f172a1f}.blog-image-wrapper{position:relative;height:230px;overflow:hidden}.blog-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-card:hover img{transform:scale(1.08)}.blog-content{padding:26px 24px 28px;display:flex;flex-direction:column;flex-grow:1}.blog-content h2{font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:12px;transition:color .3s ease}.blog-card:hover h2{color:#4f46e5}.blog-excerpt{font-size:.95rem;color:#475569;line-height:1.6;margin-bottom:28px}.blog-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.blog-footer div{display:flex;flex-direction:column;gap:2px}.blog-footer strong{font-size:.8rem;font-weight:600}.blog-footer span{font-size:.75rem;color:#64748b}.blog-footer button{border:none;background:transparent;font-size:.8rem;font-weight:600;color:#4f46e5;cursor:pointer;transition:all .3s ease}.blog-footer button:hover{color:#4338ca;transform:translate(4px)}@media(max-width:768px){.blog-header h1{font-size:2.3rem}.blog-container{padding:60px 16px}}.blog-link{font-size:.8rem;font-weight:600;color:#4f46e5;text-decoration:none;transition:all .3s ease}.blog-link:hover{color:#4338ca;transform:translate(4px)}.category-filter{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.category-filter button{padding:8px 18px;border:none;background:#eee;cursor:pointer;border-radius:20px;font-weight:500;transition:.3s}.category-filter button:hover{background:#ddd}.category-filter .active{background:#000;color:#fff}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--primary-blue: #007bff;--primary-hover: #0056b3;--text-dark: #2c3e50;--text-light: #95a5a6;--bg-color: #f8f9fa;--white: #ffffff;--shadow: 0 4px 6px rgba(0, 0, 0, .05);--shadow-hover: 0 10px 15px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-dark)}.navbar{background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:100;padding:1rem 0}.nav-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;color:var(--primary-blue);letter-spacing:-1px}.links a{text-decoration:none;color:var(--text-dark);margin-left:20px;font-weight:500;transition:color .3s}.links a.active,.links a:hover{color:var(--primary-blue)}.main-shop{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.header-section{text-align:center;margin-bottom:3rem}.header-section h1{color:var(--primary-blue);font-size:2.5rem;margin-bottom:.5rem}.breadcrumbs{color:var(--text-light);font-size:.9rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.product-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.image-container{position:relative;height:250px;background-color:#eee;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .image-container img{transform:scale(1.05)}.badge{position:absolute;top:10px;right:10px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase}.badge.sale{background-color:#e74c3c}.badge.new{background-color:#2ecc71}.badge.sold-out{background-color:#95a5a6}.badge.luxury{background-color:#000}.badge.best-seller{background-color:#f39c12}.badge.pre-order{background-color:#9b59b6}.badge.hot{background-color:#e67e22}.badge.featured{background-color:#16a085}.card-details{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.category{font-size:.8rem;color:var(--text-light);text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.5px}.product-name{font-size:1.1rem;color:var(--primary-blue);margin-bottom:.5rem;font-weight:600;line-height:1.4}.price{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:1.5rem}.footer{text-align:center;padding:2rem;margin-top:3rem;border-top:1px solid #eaeaea;color:var(--text-light);background-color:var(--white)}.product-details-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}.product-details{background:var(--white);padding:2rem;border-radius:10px;width:90%;max-width:500px;text-align:center;position:relative;box-shadow:var(--shadow-hover)}.product-details img{width:100%;border-radius:8px;margin-bottom:1rem;object-fit:cover}.product-details h2{color:var(--primary-blue);margin-bottom:.5rem}.product-details .category{font-size:.9rem;color:var(--text-light);text-transform:uppercase;margin-bottom:.5rem}.product-details .price{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.product-details p{margin-bottom:.5rem;color:var(--text-dark)}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:25px;cursor:pointer;color:var(--text-dark)}@keyframes fadeIn{to{opacity:1}}@media(max-width:768px){.grid-container{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.image-container{height:180px}.card-details{padding:1rem}.product-name{font-size:1rem}}