.section-py{padding-top:2rem;padding-bottom:2rem}@media (max-width:767px){.section-py{padding-top:2.5rem;padding-bottom:2.5rem}}.home-page{padding-top:0}.hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3.5rem);font-weight:900;line-height:1;letter-spacing:-.03em;margin-bottom:8px;text-transform:uppercase;text-align:center}@media (max-width:640px){.hero-title{font-size:1.85rem;letter-spacing:-.01em}}.category-grid-mobi{display:grid;grid-template-columns:1fr;gap:16px;padding:0 4px}@media (min-width:768px){.category-grid-mobi{grid-template-columns:1fr 1fr;gap:20px}}@media (min-width:1024px){.category-grid-mobi{grid-template-columns:1fr 1fr 1fr;gap:24px}}.mobi-card{background-color:var(--secondary);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.mobi-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.5)}.mobi-card-image-wrap{flex-shrink:0;width:100px;height:100px;background:var(--input);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px}.mobi-card-content{flex:1;display:flex;flex-direction:column}.mobi-card-title{color:var(--foreground);font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:8px}.mobi-card-list{list-style:none;padding:0;margin:0 0 12px}.mobi-card-list li{font-size:.85rem;line-height:1.4;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subcategory-link{color:var(--muted-foreground);text-decoration:none;transition:color .15s ease}.subcategory-link:hover{color:var(--accent);text-decoration:underline}.mobi-card-link{color:var(--accent);font-size:.85rem;font-weight:600;text-transform:uppercase;text-decoration:none;display:inline-block}.mobi-card-link:hover{text-decoration:underline}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width:640px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}}@media (min-width:1100px){.product-grid{grid-template-columns:repeat(6,1fr);gap:20px}}.badge-pulse{width:10px;height:10px;background-color:#7c3aed;border-radius:50%;position:relative;display:inline-block;flex-shrink:0;margin-right:12px}.badge-pulse:after{content:"";position:absolute;inset:-6px;border:1.5px solid #7c3aed;border-radius:50%;animation:pulse-ripple 2.5s cubic-bezier(.4,0,.6,1) infinite;opacity:0}@keyframes pulse-ripple{0%{transform:scale(.6);opacity:.8}to{transform:scale(3.5);opacity:0}}.view-more-link{font-size:.85rem;font-weight:700;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1);padding:6px 12px;border-radius:4px;text-decoration:none;border-bottom:2px solid transparent}.view-more-link:hover{color:#6d28d9;background-color:rgba(124,58,237,.05);transform:translateX(6px);border-bottom-color:#7c3aed}@media (max-width:640px){.view-more-link{font-size:.75rem}}.partners-marquee{position:relative;width:100%;overflow:hidden;padding:var(--spacing-sm) 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;gap:var(--spacing-2xl);width:max-content;animation:marquee-scroll 60s linear infinite}.marquee-track:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.home-banners-section{padding:0;width:100%}@media (max-width:767px){.home-banners-section{display:none}}.carousel-container{position:relative;width:100%;overflow:hidden;background-color:var(--secondary);border-bottom:1px solid var(--border);aspect-ratio:21/6;object-fit:contain}@media (min-width:1024px){.carousel-container{aspect-ratio:25/6;object-fit:contain}}.carousel-track{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1);height:100%;width:100%}.carousel-slide{flex:0 0 100%}.carousel-card,.carousel-slide{width:100%;height:100%;position:relative}.carousel-card{border:none;border-radius:0;overflow:hidden}.carousel-card:hover{transform:none;box-shadow:none}.banner-image-container{position:absolute;inset:0;width:100%;height:100%}.banner-image{object-fit:cover}.banner-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px 60px;pointer-events:none}.banner-btn{background-color:var(--accent);color:#fff;padding:10px 24px;border-radius:6px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.4);pointer-events:auto}.banner-btn:hover{background-color:#fff;color:var(--accent);transform:translateY(-2px)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.3);color:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;opacity:0;backdrop-filter:blur(4px)}.carousel-container:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:var(--accent);scale:1.1}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.dot{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.3);border:none;padding:0;cursor:pointer;transition:all .3s ease}.dot.active{background:var(--accent);opacity:1}@media (max-width:767px){.carousel-container{aspect-ratio:16/10}.banner-overlay{padding:12px 20px}.banner-btn{padding:6px 14px;font-size:.75rem}.carousel-arrow{display:none}}