:root{--brand: #6366f1;--brand-hover: #4f46e5;--brand-light: #eef2ff;--accent: #f59e0b;--success: #10b981;--danger: #ef4444;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--font: "Inter", system-ui, -apple-system, sans-serif;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 24px;--r-full: 9999px;--sh-sm: 0 1px 3px rgba(0,0,0,.06);--sh-md: 0 4px 14px rgba(0,0,0,.07);--sh-lg: 0 12px 36px rgba(0,0,0,.09);--sh-xl: 0 24px 60px rgba(0,0,0,.13)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font);line-height:1.6;color:var(--gray-800);background:var(--white)}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none}.container{max-width:1240px;margin:0 auto;padding:0 20px}.topbar{background:var(--gray-900);color:var(--gray-300);font-size:12px;padding:8px 0}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-promo{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar-link{background:none;border:none;color:var(--gray-300);font-size:12px;font-weight:600;cursor:pointer;padding:0}.topbar-link:hover{color:#fff}.topbar-user{font-weight:600;color:var(--gray-200)}.topbar-sep{color:var(--gray-600)}.topbar-lang{background:none;border:none;color:var(--gray-300);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0}.topbar-lang:hover{color:#fff}.lang-selector{position:relative}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:6px;min-width:170px;z-index:200;animation:fadeDown .12s ease-out}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;color:var(--gray-700);background:none;border:none;border-radius:var(--r-sm);cursor:pointer;transition:background .1s}.lang-option:hover{background:var(--gray-100)}.lang-option-active{background:#eef2ff;color:var(--brand);font-weight:600}.app-header{background:#fff;border-bottom:2px solid var(--brand);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #0000000f}.header-inner{display:flex;align-items:center;padding:12px 0;gap:20px}.header-logo img{height:40px;width:auto}.header-search{flex:1;max-width:420px}.header-search form{display:flex;border:2px solid var(--gray-200);border-radius:var(--r-md);overflow:hidden;transition:border-color .15s}.header-search form:focus-within{border-color:var(--brand)}.search-input{flex:1;padding:9px 14px;font-size:14px;border:none;outline:none;background:#fff;color:var(--gray-900);min-width:0}.search-btn{padding:9px 20px;font-size:13px;font-weight:700;background:var(--brand);color:#fff;border:none;cursor:pointer;transition:background .15s;white-space:nowrap}.search-btn:hover{background:var(--brand-hover, #4f46e5)}.header-nav{display:flex;gap:4px}.nav-link{padding:8px 18px;font-size:14px;font-weight:600;color:var(--gray-700);border-radius:var(--r-md);transition:all .15s}.nav-link:hover{background:var(--gray-100);color:var(--brand)}.nav-link-accent{color:var(--brand)}.nav-link-accent:hover{background:var(--brand);color:#fff!important}.header-deals{display:flex;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:700;color:var(--brand);border:2px solid var(--brand);border-radius:var(--r-full);transition:all .15s;white-space:nowrap}.header-deals:hover{background:var(--brand);color:#fff}.hero-section{padding:24px 0;background:var(--gray-50)}.hero-layout{display:grid;grid-template-columns:260px 1fr;gap:0;min-height:420px}.hero-sidebar{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg) 0 0 var(--r-lg);overflow:hidden}.sidebar-title{padding:14px 20px;font-size:14px;font-weight:700;color:var(--gray-900);background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.sidebar-menu{display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;gap:10px;padding:11px 20px;font-size:13px;font-weight:500;color:var(--gray-700);border-bottom:1px solid var(--gray-100);transition:all .12s}.sidebar-item:hover{background:var(--brand);color:#fff}.sidebar-icon{font-size:16px;width:22px;text-align:center}.hero-banner{border-radius:0 var(--r-lg) var(--r-lg) 0;padding:48px 52px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;transition:background .5s;gap:24px}.hero-banner:after{content:"";position:absolute;right:-40px;top:-40px;width:360px;height:360px;border-radius:50%;background:#ffffff12}.banner-content{position:relative;z-index:1;max-width:480px}.banner-tag{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.banner-title{font-size:40px;font-weight:900;color:#fff;line-height:1.1;margin-bottom:14px;letter-spacing:-.02em}.banner-subtitle{font-size:15px;color:#fffc;line-height:1.6;margin-bottom:24px}.banner-cta{display:inline-block;padding:12px 32px;background:#fff;color:var(--brand);font-size:14px;font-weight:700;border-radius:var(--r-md);transition:all .2s;box-shadow:0 4px 16px #0000001f}.banner-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.banner-image{position:relative;z-index:1;flex-shrink:0;max-width:280px}.banner-image img{max-width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 16px 40px rgba(0,0,0,.25));animation:floatIn .6s ease-out}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.banner-dots{position:absolute;bottom:20px;left:52px;display:flex;gap:8px;z-index:1}.dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff6;cursor:pointer;padding:0;transition:all .2s}.dot-active{background:#fff;transform:scale(1.3)}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.featured-card{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);overflow:hidden;transition:all .25s;box-shadow:var(--sh-sm)}.featured-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--brand)}.featured-img{height:200px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);padding:16px}.featured-img img{max-width:80%;max-height:80%;object-fit:contain;transition:transform .4s}.featured-card:hover .featured-img img{transform:scale(1.08)}.featured-info{padding:16px}.featured-name{font-size:14px;font-weight:600;color:var(--gray-800);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-price{display:flex;align-items:baseline;gap:8px}.f-price{font-size:20px;font-weight:800;color:var(--gray-900)}.f-original{font-size:13px;color:var(--gray-400);text-decoration:line-through}.featured-badge{position:absolute;top:10px;right:10px;padding:4px 10px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;border-radius:var(--r-sm);box-shadow:0 2px 6px #ef44444d}.section{padding:56px 20px}.section-gray{background:var(--gray-50)}.section-header{text-align:center;margin-bottom:40px}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-title{font-size:26px;font-weight:800;color:var(--gray-900);letter-spacing:-.02em}.section-subtitle{font-size:15px;color:var(--gray-500);margin-top:6px}.section-link{font-size:14px;font-weight:600;color:var(--brand)}.section-link:hover{text-decoration:underline}.filter-btn{padding:7px 16px;font-size:12px;font-weight:600;border:1.5px solid var(--gray-200);border-radius:var(--r-full);background:#fff;color:var(--gray-600);cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:var(--brand);color:var(--brand)}.filter-active{background:var(--brand);color:#fff!important;border-color:var(--brand)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.cat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:24px 20px;text-align:center;transition:all .25s}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--brand)}.cat-icon{font-size:32px;width:64px;height:64px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.cat-name{font-size:14px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.cat-desc{font-size:12px;color:var(--gray-500);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-hero{background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7);padding:32px 20px 40px;position:relative;overflow:hidden}.cat-hero:before{content:"";position:absolute;right:-60px;top:-60px;width:300px;height:300px;border-radius:50%;background:#ffffff0f}.cat-hero-content{display:flex;align-items:center;gap:20px}.cat-hero-icon{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border-radius:var(--r-xl);flex-shrink:0}.cat-hero-title{font-size:32px;font-weight:900;color:#fff;text-transform:capitalize;letter-spacing:-.02em;line-height:1.1}.cat-hero-count{font-size:14px;color:#ffffffb3;margin-top:6px;font-weight:500}.cat-toolbar{background:#fff;border-bottom:1px solid var(--gray-200);padding:12px 0;position:sticky;top:56px;z-index:50;box-shadow:0 1px 4px #0000000a}.cat-toolbar-inner{display:flex;align-items:center;justify-content:space-between}.cat-toolbar-info{font-size:13px;font-weight:600;color:var(--gray-500)}.cat-sort-select{padding:8px 32px 8px 14px;font-size:13px;font-weight:600;color:var(--gray-700);border:1.5px solid var(--gray-200);border-radius:var(--r-md);background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.cat-sort-select:focus{outline:none;border-color:var(--brand)}.product-view-btn{font-size:12px;font-weight:700;color:var(--brand);white-space:nowrap;opacity:0;transition:opacity .2s}.product-card:hover .product-view-btn{opacity:1}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.product-card{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid var(--gray-200);transition:all .25s;box-shadow:var(--sh-sm)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--brand)}.product-image{position:relative;height:220px;overflow:hidden;background:var(--gray-50);display:flex;align-items:center;justify-content:center}.product-image img{max-width:80%;max-height:80%;object-fit:contain;transition:transform .4s}.product-card:hover .product-image img{transform:scale(1.06)}.product-badge{position:absolute;top:10px;right:10px;padding:4px 10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:800;border-radius:var(--r-sm);box-shadow:0 2px 6px #ef44444d}.product-bestseller,.product-badge-label{position:absolute;top:10px;left:10px;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:800;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #00000026}.badge-true{background:linear-gradient(135deg,#f59e0b,#d97706)}.badge-deal{background:linear-gradient(135deg,#ef4444,#dc2626)}.badge-new{background:linear-gradient(135deg,#22c55e,#16a34a)}.badge-hot{background:linear-gradient(135deg,#f97316,#ea580c)}.badge-limited{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.pd-badge-true{background:linear-gradient(135deg,#f59e0b,#d97706)}.pd-badge-deal{background:linear-gradient(135deg,#ef4444,#dc2626)}.pd-badge-new{background:linear-gradient(135deg,#22c55e,#16a34a)}.pd-badge-hot{background:linear-gradient(135deg,#f97316,#ea580c)}.pd-badge-limited{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.product-body{padding:16px;flex:1;display:flex;flex-direction:column}.product-name{font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-desc{font-size:12px;color:var(--gray-500);margin-bottom:10px;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:6px;margin-bottom:10px}.product-stars{color:#f59e0b;font-size:12px;letter-spacing:1px}.product-rating-text{font-size:11px;color:var(--gray-400)}.product-footer{padding-top:10px;border-top:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.product-price{display:flex;align-items:baseline;gap:8px}.price-current{font-size:20px;font-weight:800;color:var(--gray-900)}.price-original{font-size:13px;color:var(--gray-400);text-decoration:line-through}.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.pd-image-wrap{position:relative}.pd-image{width:100%;border-radius:var(--r-2xl);background:var(--gray-50);border:1px solid var(--gray-200);object-fit:contain;padding:32px}.pd-bestseller{position:absolute;top:16px;left:16px;padding:6px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:var(--r-md);font-size:12px;font-weight:800;text-transform:uppercase}.pd-title{font-size:28px;font-weight:800;color:var(--gray-900);line-height:1.2;margin-bottom:12px}.pd-rating{display:flex;align-items:center;gap:8px;margin-bottom:16px}.pd-stars{color:#f59e0b;font-size:16px;letter-spacing:1px}.pd-stars-num{font-size:14px;font-weight:700;color:var(--gray-800)}.pd-ratings-count{font-size:13px;color:var(--gray-500)}.pd-description{font-size:14px;color:var(--gray-600);line-height:1.7;margin-bottom:24px}.pd-price-box{background:var(--gray-50);border:1px solid var(--gray-200);padding:24px;border-radius:var(--r-xl);margin-bottom:20px}.pd-badge{position:static;display:inline-block;margin-bottom:12px}.pd-prices{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.pd-price{font-size:36px;font-weight:900;color:var(--brand)}.pd-original{font-size:18px;color:var(--gray-400);text-decoration:line-through}.pd-savings{font-size:14px;color:#10b981;font-weight:700}.pd-cta{display:block;text-align:center;font-size:15px;font-weight:700;padding:16px;background:var(--brand);color:#fff;border-radius:var(--r-lg);transition:all .2s;box-shadow:0 4px 14px #6366f140}.pd-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.breadcrumb{background:#fff;padding:12px 0;border-bottom:1px solid var(--gray-100)}.breadcrumb-list{display:flex;align-items:center;gap:8px;font-size:13px}.breadcrumb-link{color:var(--brand);font-weight:500}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:var(--gray-300)}.breadcrumb-current{color:var(--gray-500);font-weight:500;text-transform:capitalize}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--brand);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:var(--gray-500)}.empty-state{text-align:center;padding:64px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-title{font-size:22px;font-weight:700;color:var(--gray-800);margin-bottom:8px}.empty-text{font-size:14px;color:var(--gray-500);margin-bottom:24px}.app-footer{background:var(--gray-900);color:var(--gray-400);padding:48px 20px 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}.footer-brand{max-width:300px}.footer-logo{font-size:20px;font-weight:800;color:#fff;margin-bottom:10px}.footer-about{font-size:13px;line-height:1.6}.footer-section-title{font-size:12px;font-weight:700;color:var(--gray-300);margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-link{font-size:13px;transition:color .15s}.footer-link:hover{color:#fff}.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:12px;color:var(--gray-500)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.login-card{width:100%;max-width:400px;background:#fff;border-radius:var(--r-2xl);padding:40px;box-shadow:0 24px 60px #0003}.login-header{text-align:center;margin-bottom:24px}.login-title{font-size:26px;font-weight:800;color:var(--gray-900);margin-bottom:6px}.login-subtitle{font-size:13px;color:var(--gray-500)}.login-demo{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:12px;margin-top:14px}.demo-title{font-size:10px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.demo-list{font-size:11px;color:var(--gray-500);font-family:monospace;display:flex;flex-direction:column;gap:2px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--gray-600);margin-bottom:4px}.form-input{width:100%;padding:10px 12px;font-size:14px;border:1.5px solid var(--gray-200);border-radius:var(--r-md);background:#fff;color:var(--gray-900);transition:all .15s}.form-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #6366f11a}.form-error{margin-bottom:16px;padding:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--r-md);color:#ef4444;font-size:13px}.btn-submit{width:100%;padding:12px;font-size:14px;font-weight:700;color:#fff;background:var(--brand);border:none;border-radius:var(--r-md);transition:all .15s}.btn-submit:hover:not(:disabled){background:var(--brand-hover, #4f46e5)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-login{display:inline-flex;padding:8px 20px;font-size:13px;font-weight:700;color:#fff;background:var(--brand);border-radius:var(--r-full);transition:all .15s}.btn-login:hover{background:var(--brand-hover, #4f46e5)}.login-footer{margin-top:16px;text-align:center}.guest-link{font-size:13px;color:var(--brand);font-weight:600}.guest-link:hover{text-decoration:underline}.about-page{background:#fff}.ab-label{display:inline-block;padding:5px 16px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;border-radius:var(--r-sm);margin-bottom:14px}.ab-intro{padding:60px 0 80px}.ab-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ab-intro-images{position:relative;min-height:420px}.ab-img-main{width:75%;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);position:relative;z-index:1}.ab-img-main img{width:100%;height:360px;object-fit:cover;display:block}.ab-img-small{position:absolute;width:45%;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);border:4px solid #fff;z-index:2}.ab-img-tl{top:-20px;right:0}.ab-img-br{bottom:-10px;right:10%}.ab-img-small img{width:100%;height:160px;object-fit:cover;display:block}.ab-exp-badge{position:absolute;bottom:30px;left:-10px;z-index:3;background:var(--brand);color:#fff;padding:20px 24px;border-radius:var(--r-lg);box-shadow:var(--sh-lg);text-align:center}.ab-exp-num{display:block;font-size:36px;font-weight:900;line-height:1}.ab-exp-text{display:block;font-size:12px;font-weight:600;opacity:.9;margin-top:4px}.ab-title{font-size:36px;font-weight:900;color:var(--gray-900);line-height:1.15;margin-bottom:20px;letter-spacing:-.02em}.ab-text{font-size:15px;color:var(--gray-600);line-height:1.75;margin-bottom:14px}.ab-highlights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.ab-highlight{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--gray-50);border-radius:var(--r-md);font-size:14px;font-weight:600;color:var(--gray-800)}.ab-check{width:24px;height:24px;background:var(--brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.ab-services{padding:72px 0;background:var(--gray-50)}.ab-section-header{text-align:center;margin-bottom:48px}.ab-section-title{font-size:30px;font-weight:800;color:var(--gray-900);letter-spacing:-.02em}.ab-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ab-service-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:32px 24px;position:relative;transition:all .3s}.ab-service-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000014;border-color:var(--brand)}.ab-service-num{position:absolute;top:20px;right:20px;font-size:48px;font-weight:900;color:var(--gray-100);line-height:1}.ab-service-icon{width:56px;height:56px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px}.ab-service-title{font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:8px}.ab-service-text{font-size:13px;color:var(--gray-500);line-height:1.6}.ab-counters{background:var(--brand);padding:56px 0}.ab-counters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.ab-counter{text-align:center}.ab-counter-icon{display:block;font-size:28px;margin-bottom:8px}.ab-counter-num{display:block;font-size:40px;font-weight:900;color:#fff;line-height:1;margin-bottom:4px}.ab-counter-label{display:block;font-size:13px;font-weight:600;color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px}.ab-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.ab-why-features{margin-top:28px;display:flex;flex-direction:column;gap:20px}.ab-why-item{display:flex;gap:16px;align-items:flex-start}.ab-why-icon{width:48px;height:48px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.ab-why-title{font-size:15px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.ab-why-text{font-size:13px;color:var(--gray-500);line-height:1.5}.ab-why-image{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}.ab-why-image img{width:100%;height:400px;object-fit:cover;display:block}.ab-cta{background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7);padding:72px 0}.ab-cta-inner{text-align:center;max-width:600px;margin:0 auto}.ab-cta-title{font-size:34px;font-weight:900;color:#fff;margin-bottom:14px;letter-spacing:-.02em}.ab-cta-text{font-size:16px;color:#fffc;line-height:1.6;margin-bottom:28px}.ab-cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.ab-cta-primary{padding:14px 36px;background:#fff;color:var(--brand);font-size:15px;font-weight:700;border-radius:var(--r-lg);transition:all .2s;box-shadow:0 4px 16px #00000026}.ab-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0003}.ab-cta-secondary{padding:14px 36px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:15px;font-weight:700;border-radius:var(--r-lg);transition:all .2s}.ab-cta-secondary:hover{background:#ffffff38}@media (max-width: 1024px){.ab-services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ab-intro-grid{grid-template-columns:1fr;gap:40px}.ab-intro-images{min-height:320px}.ab-title{font-size:28px}.ab-highlights,.ab-services-grid{grid-template-columns:1fr}.ab-counters-grid{grid-template-columns:repeat(2,1fr)}.ab-why-grid{grid-template-columns:1fr}.ab-why-image{order:-1}.ab-section-title{font-size:24px}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-layout{grid-template-columns:220px 1fr}.featured-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.pd-grid{gap:32px}}@media (max-width: 768px){.topbar-promo{display:none}.hero-layout{grid-template-columns:1fr}.hero-sidebar{display:none}.hero-banner{border-radius:var(--r-lg);flex-direction:column}.banner-image{max-width:200px}.banner-title{font-size:28px}.cat-hero-title{font-size:24px}.cat-hero-icon{width:56px;height:56px;font-size:32px}.cat-toolbar{top:0}.header-inner{flex-wrap:wrap;gap:10px}.header-search{order:3;max-width:100%;width:100%}.header-nav{order:4;width:100%;justify-content:center}.header-deals{display:none}.featured-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.pd-grid{grid-template-columns:1fr;gap:20px}.pd-title{font-size:22px}.pd-price{font-size:28px}.section{padding:40px 16px}.footer-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 480px){.featured-grid{grid-template-columns:1fr 1fr}.category-grid,.product-grid{grid-template-columns:1fr}.banner-title{font-size:24px}.hero-banner{padding:32px 24px}.login-card{padding:28px 20px}}