.hero{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#2563eb 40%,#3b82f6 70%,#60a5fa 100%);margin-bottom:48px;padding:0;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.hero:after{content:"";background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-40%;left:-5%}.hero .container{z-index:1;flex-direction:column;justify-content:center;min-height:280px;padding-top:56px;padding-bottom:56px;display:flex;position:relative}.hero h1{letter-spacing:-.02em;max-width:600px;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.15}.hero p{opacity:.9;max-width:560px;margin-bottom:28px;font-size:18px;line-height:1.6}.hero-btn{color:var(--primary-dark);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;background:#fff;border:none;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #00000026}.hero-btn:hover{color:var(--primary-darker);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.home-section{margin-bottom:56px}.section-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.section-title{letter-spacing:-.02em;color:var(--text);font-size:26px;font-weight:800}.section-link{color:var(--primary);border-radius:var(--radius);transition:all var(--transition);align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.section-link:hover{background:var(--primary-lighter);color:var(--primary-dark)}.category-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1100px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.category-grid{grid-template-columns:repeat(2,1fr)}}.category-card{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border);color:var(--text);transition:all var(--transition-slow);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.category-card:before{content:"";opacity:0;transition:opacity var(--transition-slow);border-radius:var(--radius-xl);position:absolute;inset:0}.category-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)scale(1.02)}.category-card:nth-child(12n+1){background:linear-gradient(135deg,#eff6ff,#dbeafe)}.category-card:nth-child(12n+2){background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.category-card:nth-child(12n+3){background:linear-gradient(135deg,#fefce8,#fef3c7)}.category-card:nth-child(12n+4){background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.category-card:nth-child(12n+5){background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.category-card:nth-child(12n+6){background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.category-card:nth-child(12n+7){background:linear-gradient(135deg,#fff7ed,#fed7aa)}.category-card:nth-child(12n+8){background:linear-gradient(135deg,#f0f9ff,#bae6fd)}.category-card:nth-child(12n+9){background:linear-gradient(135deg,#fef2f2,#fecaca)}.category-card:nth-child(12n+10){background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.category-card:nth-child(12n+11){background:linear-gradient(135deg,#fffbeb,#fde68a)}.category-card:nth-child(12n+12){background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.category-card-icon{z-index:1;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;display:flex;position:relative}.category-card-name{color:var(--text);z-index:1;font-size:14px;font-weight:600;line-height:1.3;position:relative}.category-card-count{color:var(--text-muted);z-index:1;font-size:12px;position:relative}.trust-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:768px){.trust-grid{grid-template-columns:repeat(2,1fr)}}.trust-item{text-align:center;background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border);transition:all var(--transition);padding:32px 20px}.trust-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.trust-icon{margin-bottom:16px;font-size:40px}.trust-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:700}.trust-desc{color:var(--text-light);font-size:13px;line-height:1.5}.hp-root{padding-bottom:48px}.hp-loading{min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.hp-loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite hp-spin}@keyframes hp-spin{to{transform:rotate(360deg)}}.hp-hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 35%,#2563eb 70%,#3b82f6 100%);margin-bottom:32px;position:relative;overflow:hidden}.hp-hero-bg{background:radial-gradient(600px 400px at 80% 20%,#3b82f64d,#0000),radial-gradient(400px 300px at 10% 80%,#6366f133,#0000);animation:8s ease-in-out infinite alternate hp-hero-pulse;position:absolute;inset:0}@keyframes hp-hero-pulse{0%{opacity:.7}to{opacity:1}}.hp-hero-content{z-index:1;flex-direction:column;justify-content:center;min-height:300px;padding-top:56px;padding-bottom:56px;display:flex;position:relative}.hp-hero-title{letter-spacing:-.03em;max-width:600px;margin-bottom:14px;font-size:42px;font-weight:900;line-height:1.1;animation:.6s ease-out hp-slide-up}.hp-hero-subtitle{opacity:.85;max-width:520px;margin-bottom:24px;font-size:18px;line-height:1.6;animation:.6s ease-out .1s both hp-slide-up}.hp-hero-stats{gap:32px;margin-bottom:28px;animation:.6s ease-out .2s both hp-slide-up;display:flex}.hp-hero-stat{flex-direction:column;display:flex}.hp-hero-stat strong{letter-spacing:-.02em;font-size:28px;font-weight:800}.hp-hero-stat span{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:13px}.hp-hero-cta{color:var(--primary-dark);border-radius:var(--radius-lg);transition:all var(--transition);background:#fff;align-items:center;gap:8px;width:fit-content;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;animation:.6s ease-out .3s both hp-slide-up;display:inline-flex;box-shadow:0 4px 20px #00000026}.hp-hero-cta:hover{color:var(--primary-darker);transform:translateY(-2px);box-shadow:0 8px 30px #00000040}@keyframes hp-slide-up{0%{opacity:0}to{opacity:1}}.hp-section{margin-bottom:48px}.hp-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hp-section-title{letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.hp-section-icon{text-align:center;border-radius:8px;width:28px;height:28px;font-size:16px;line-height:28px;display:inline-block}.hp-icon-fire:before{content:"🔥"}.hp-icon-bolt:before{content:"⚡"}.hp-icon-new:before{content:"🆕"}.hp-icon-clock:before{content:"🕓"}.hp-icon-box:before{content:"📦"}.hp-icon-tag:before{content:"🏷️"}.hp-section-link{color:var(--primary);border:2px solid var(--primary);white-space:nowrap;background:0 0;border-radius:100px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hp-section-link:hover{background:var(--primary);color:#fff;transform:translate(4px);box-shadow:0 4px 12px #2563eb40}.hp-scroll-wrapper{position:relative}.hp-scroll-row{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:4px 0 8px;display:flex;overflow-x:auto}.hp-scroll-row::-webkit-scrollbar{display:none}.hp-scroll-row>*{scroll-snap-align:start;flex-shrink:0}.hp-scroll-arrow{z-index:5;background:var(--bg-white);border:1px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow-lg);color:var(--text);transition:all var(--transition);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hp-scroll-arrow:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.hp-scroll-left{left:-12px}.hp-scroll-right{right:-12px}.hp-promos-section{margin-top:24px;margin-bottom:40px}.hp-promo-card{background:var(--bg-white);border-radius:var(--radius-xl);border:2px solid var(--border);min-width:200px;transition:all var(--transition);flex-direction:column;align-items:flex-start;gap:8px;padding:20px 24px;text-decoration:none;display:flex}.hp-promo-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.hp-promo-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 3px #0006;filter:brightness(.82);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.hp-promo-name{color:var(--text);font-size:15px;font-weight:700}.hp-promo-count{color:var(--text-muted);font-size:13px}.hp-product-card{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border);width:220px;transition:all var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.hp-product-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.hp-product-image{aspect-ratio:1;background:#f8fafc;justify-content:center;align-items:center;width:100%;padding:16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hp-product-image img{object-fit:contain;max-width:100%;max-height:100%;transition:transform var(--transition-slow)}.hp-product-card:hover .hp-product-image img{transform:scale(1.06)}.hp-badge{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.03em;text-shadow:0 1px 3px #0006;filter:brightness(.82);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.hp-badge-discount{background:var(--danger)}.hp-stock{z-index:2;border-radius:10px;padding:2px 7px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.hp-stock-yes{background:var(--success-light);color:#166534}.hp-stock-no{color:#4b5563;background:#f1f5f9}.hp-product-body{flex-direction:column;flex:1;padding:12px 14px 14px;display:flex}.hp-product-brand{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:12px;font-weight:600}.hp-product-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin-bottom:8px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.hp-product-name:hover{color:var(--primary)}.hp-product-prices{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:auto;display:flex}.hp-price-current{color:var(--text);letter-spacing:-.02em;font-size:17px;font-weight:800}.hp-price-old{color:var(--text-muted);font-size:13px;text-decoration:line-through}.hp-discount-tag{color:var(--danger);background:var(--danger-light);border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700}.hp-price-request{color:var(--text-muted);font-size:13px;font-style:italic}.hp-deals-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.hp-deals-grid .hp-product-card{width:auto}@media (max-width:1200px){.hp-deals-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.hp-deals-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.hp-deals-grid{grid-template-columns:repeat(2,1fr)}}.hp-categories-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hp-cat-card{border-radius:var(--radius-xl);border:1px solid var(--border);color:var(--text);transition:all var(--transition-slow);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;text-decoration:none;display:flex}.hp-cat-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)scale(1.02)}.hp-cat-card:nth-child(8n+1){background:linear-gradient(135deg,#eff6ff,#dbeafe)}.hp-cat-card:nth-child(8n+2){background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.hp-cat-card:nth-child(8n+3){background:linear-gradient(135deg,#fefce8,#fef3c7)}.hp-cat-card:nth-child(8n+4){background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.hp-cat-card:nth-child(8n+5){background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.hp-cat-card:nth-child(8n+6){background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.hp-cat-card:nth-child(8n+7){background:linear-gradient(135deg,#fff7ed,#fed7aa)}.hp-cat-card:nth-child(8n+8){background:linear-gradient(135deg,#f0f9ff,#bae6fd)}.hp-cat-icon{font-size:32px;line-height:1}.hp-cat-name{font-size:14px;font-weight:600;line-height:1.3}.hp-cat-count{color:var(--text-muted);font-size:12px}@media (max-width:900px){.hp-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.hp-categories-grid{grid-template-columns:repeat(2,1fr)}}.hp-brands-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.hp-brand-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 12px;text-decoration:none;display:flex}.hp-brand-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hp-brand-logo{object-fit:contain;width:80px;height:48px;margin-bottom:4px}.hp-brand-name{color:var(--text);text-align:center;font-size:14px;font-weight:700;line-height:1.3}.hp-brand-count{color:var(--text-muted);font-size:12px}@media (max-width:900px){.hp-brands-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.hp-brands-grid{grid-template-columns:repeat(3,1fr)}}.hp-trust-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hp-trust-item{text-align:center;background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border);transition:all var(--transition);padding:28px 16px}.hp-trust-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hp-trust-icon{margin-bottom:12px;font-size:36px}.hp-trust-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.hp-trust-desc{color:var(--text-light);font-size:13px}@media (max-width:768px){.hp-trust-grid{grid-template-columns:repeat(2,1fr)}.hp-hero-title{font-size:28px}.hp-hero-subtitle{font-size:15px}.hp-hero-content{min-height:auto;padding-top:36px;padding-bottom:36px}.hp-hero-stats{gap:20px}.hp-hero-stat strong{font-size:22px}.hp-section-title{font-size:20px}.hp-scroll-arrow{display:none}.hp-product-card{width:180px}}@media (max-width:480px){.hp-hero-title{font-size:24px}.hp-hero-stats{flex-wrap:wrap;gap:16px}.hp-product-card{width:160px}}