:root{--color-primary:#1e3a8a;--color-primary-dark:#172554;--color-primary-light:#3b82f6;--color-secondary:#d97706;--color-secondary-hover:#b45309;--color-accent:#0284c7;--color-bg-main:#f8fafc;--color-bg-card:#fff;--color-bg-alt:#f1f5f9;--color-bg-dark:#0f172a;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--font-family-base:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-heading:inherit;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--shadow-hover:0 12px 20px -2px #0f172a1f;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--container-max-width:1280px;--container-padding:1.25rem;--header-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-main);background-color:var(--color-bg-main);flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}@media (width>=768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}}p{margin-bottom:var(--space-4);color:var(--color-text-muted)}p:last-child{margin-bottom:0}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}img,svg,picture,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max-width);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.site-main{flex:1 0 auto}.grid{gap:var(--space-6);display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.625rem 1.25rem;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.btn-secondary:hover{background-color:var(--color-secondary-hover);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn-outline{border:1px solid var(--color-border);background-color:var(--color-bg-card);color:var(--color-text-main)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-bg-alt)}.btn-ghost{color:var(--color-text-main);background-color:#0000}.btn-ghost:hover{background-color:var(--color-bg-alt);color:var(--color-primary)}.btn-lg{font-size:var(--font-size-base);border-radius:var(--radius-lg);padding:.875rem 1.75rem}.btn-sm{font-size:var(--font-size-xs);padding:.375rem .75rem}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;padding:0}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);color:var(--color-text-main);display:block}.form-control{width:100%;font-size:var(--font-size-base);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem 1rem}.form-control:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #3b82f626}.form-control::placeholder{color:var(--color-text-light)}textarea.form-control{resize:vertical;min-height:120px}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em;align-items:center;padding:.2rem .5rem;display:inline-flex}.badge-primary{color:#1e40af;background:#dbeafe}.badge-secondary{color:#92400e;background:#fef3c7}.badge-success{color:#065f46;background:#d1fae5}.badge-danger{color:#991b1b;background:#fee2e2}.section-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.section-title{padding-bottom:var(--space-2);position:relative}.section-title:after{content:"";background-color:var(--color-secondary);border-radius:var(--radius-full);width:48px;height:3px;position:absolute;bottom:0;left:0}.section-subtitle{color:var(--color-text-muted);font-size:var(--font-size-base);margin-top:var(--space-2)}.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section-alt{background-color:var(--color-bg-alt)}.topbar{background-color:var(--color-bg-dark);color:var(--color-text-inverse);font-size:var(--font-size-xs);border-bottom:1px solid #ffffff1a;padding:.4rem 0}.topbar .container{justify-content:space-between;align-items:center;display:flex}.topbar-info{align-items:center;gap:var(--space-4);display:flex}.topbar-info a,.topbar-info span{align-items:center;gap:var(--space-1);color:#cbd5e1;display:inline-flex}.topbar-info a:hover{color:#fff}.lang-switcher{border-radius:var(--radius-sm);background:#ffffff1a;align-items:center;padding:2px;display:inline-flex}.lang-btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#cbd5e1;cursor:pointer;transition:all var(--transition-fast);border-radius:2px;padding:2px 8px}.lang-btn.active,.lang-btn:hover{background:var(--color-primary-light);color:#fff}.site-header{background-color:var(--color-bg-card);box-shadow:var(--shadow-sm);z-index:100;transition:box-shadow var(--transition-fast);position:sticky;top:0}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-main{padding:var(--space-4) 0}.header-main .container{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.brand-logo{align-items:center;gap:var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.02em;display:flex}.brand-logo span.accent{color:var(--color-secondary)}.brand-logo svg{width:32px;height:32px;color:var(--color-primary)}.header-search{flex:1;max-width:560px;display:flex;position:relative}.search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.header-search input{border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-alt);width:100%;font-size:var(--font-size-sm);transition:all var(--transition-fast);padding:.625rem 3rem .625rem 1rem}.header-search input:focus{border-color:var(--color-primary-light);background:var(--color-bg-card);box-shadow:0 0 0 3px #3b82f626}.search-submit-btn{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;width:34px;height:34px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search-submit-btn:hover{background:var(--color-primary-dark)}.search-results-dropdown{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:105;max-height:400px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-results-dropdown.active{display:block}.search-result-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast);display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--color-bg-alt)}.search-result-item img{object-fit:cover;border-radius:var(--radius-sm);width:44px;height:44px}.header-actions{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.header-phone-link{align-items:center;gap:var(--space-3);color:inherit;transition:opacity var(--transition-fast);text-decoration:none;display:flex}.phone-icon-circle{border-radius:var(--radius-full);background:var(--color-bg-alt);border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-primary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-phone-link:hover .phone-icon-circle{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.header-phone-link:hover .phone-cta span.number{color:var(--color-primary-light)}.header-action-item{align-items:center;gap:var(--space-2);color:var(--color-text-main);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;position:relative}.header-action-item .icon-badge{background:var(--color-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.phone-cta{flex-direction:column;line-height:1.2;display:flex}.phone-cta span.label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.phone-cta span.number{font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.header-whatsapp-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.mobile-menu-toggle{font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text-main);background:0 0;border:none;display:none}.site-nav{background:var(--color-primary-dark);color:#fff;border-top:1px solid #ffffff0d}.site-nav .container{justify-content:space-between;align-items:center;display:flex}.nav-links{align-items:center;gap:var(--space-1);display:flex}.nav-item>a{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#e2e8f0;transition:all var(--transition-fast);border-bottom:2px solid #0000;padding:.85rem 1rem;display:inline-flex}.nav-item>a:hover,.nav-item.active>a{color:#fff;border-bottom-color:var(--color-secondary);background:#ffffff14}.catalog-trigger-btn{align-items:center;gap:var(--space-2);background:var(--color-secondary);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;padding:.85rem 1.25rem;display:inline-flex}.catalog-trigger-btn:hover{background:var(--color-secondary-hover)}.mobile-drawer{background:var(--color-bg-card);z-index:200;width:300px;max-width:85vw;transition:transform var(--transition-normal);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-overlay{z-index:199;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0f172a99;position:fixed;inset:0}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-drawer-body{padding:var(--space-4);flex:1;overflow-y:auto}.mobile-nav-list{gap:var(--space-2);flex-direction:column;display:flex}.mobile-nav-list a{padding:var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);color:var(--color-text-main);display:block}.mobile-nav-list a:hover,.mobile-nav-list a.active{background:var(--color-bg-alt);color:var(--color-primary)}.hero-slider-section{background:#0f172a;position:relative;overflow:hidden}.hero-slider-container{width:100%;min-height:480px;display:flex;position:relative}.hero-slide{opacity:0;visibility:hidden;background-position:50%;background-size:cover;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:absolute;inset:0}.hero-slide.active{opacity:1;visibility:visible;width:100%;position:relative}.hero-slide:before{content:"";background:linear-gradient(90deg,#0f172ad9 0%,#0f172a66 60%,#0f172a1a 100%);position:absolute;inset:0}.hero-slide-content{z-index:2;color:#fff;max-width:600px;padding:var(--space-12) 0;position:relative}.hero-slide-badge{margin-bottom:var(--space-3)}.hero-slide-title{font-size:var(--font-size-3xl);color:#fff;margin-bottom:var(--space-4);line-height:1.15}.hero-slide-desc{font-size:var(--font-size-md);color:#cbd5e1;margin-bottom:var(--space-6)}.hero-slider-controls{bottom:var(--space-6);z-index:3;position:absolute;left:0;right:0}.hero-slider-dots{justify-content:center;gap:var(--space-2);display:flex}.slider-dot{border-radius:var(--radius-full);cursor:pointer;width:12px;height:12px;transition:all var(--transition-fast);background:#fff6}.slider-dot.active{background:var(--color-secondary);width:28px}.slider-arrow{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#fff3;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow:hover{background:var(--color-secondary)}.slider-arrow-prev{left:var(--space-4)}.slider-arrow-next{right:var(--space-4)}.product-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-border-hover);transform:translateY(-4px)}.product-card-image-wrapper{aspect-ratio:1;background:var(--color-bg-alt);position:relative;overflow:hidden}.product-card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-card-image{transform:scale(1.06)}.product-badges{top:var(--space-3);left:var(--space-3);gap:var(--space-1);z-index:2;flex-direction:column;display:flex;position:absolute}.product-card-body{padding:var(--space-4);flex-direction:column;flex:1;display:flex}.product-category-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);text-transform:uppercase;font-weight:var(--font-weight-medium)}.product-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-title a:hover{color:var(--color-primary-light)}.product-card-rating{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-warning);margin-bottom:var(--space-3);display:flex}.product-card-price-wrapper{align-items:baseline;gap:var(--space-2);margin-top:auto;margin-bottom:var(--space-3);display:flex}.product-price-current{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-price-old{font-size:var(--font-size-sm);color:var(--color-text-light);text-decoration:line-through}.product-card-actions{gap:var(--space-2);display:flex}.category-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);text-align:center;transition:all var(--transition-normal);cursor:pointer;flex-direction:column;align-items:center;display:flex}.category-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-card-icon{border-radius:var(--radius-full);background:var(--color-bg-alt);width:64px;height:64px;color:var(--color-primary);margin-bottom:var(--space-3);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.category-card:hover .category-card-icon{background:var(--color-primary);color:#fff}.category-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--color-text-main)}.category-card-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.blog-card-image-wrapper{aspect-ratio:16/9;background:var(--color-bg-alt);overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.blog-card-meta{align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);display:flex}.blog-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);line-height:1.35}.blog-card-excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);flex:1}.blog-card-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);align-items:center;gap:var(--space-1);display:inline-flex}.carousel-wrapper{position:relative}.carousel-track{gap:var(--space-6);scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--space-4);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 calc(100% - var(--space-6));scroll-snap-align:start}@media (width>=640px){.carousel-slide{flex:0 0 calc(50% - var(--space-4))}}@media (width>=1024px){.carousel-slide{flex:0 0 calc(25% - var(--space-5))}}.carousel-nav-btn{border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);width:40px;height:40px;box-shadow:var(--shadow-md);color:var(--color-text-main);cursor:pointer;z-index:10;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.carousel-nav-prev{left:-16px}.carousel-nav-next{right:-16px}.breadcrumbs{padding:var(--space-4) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumbs ol{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:var(--space-2);color:var(--color-text-light)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs .current{color:var(--color-text-main);font-weight:var(--font-weight-medium)}.site-footer{background-color:var(--color-bg-dark);color:#cbd5e1;padding-top:var(--space-16);border-top:1px solid #ffffff14}.footer-main{padding-bottom:var(--space-12)}.footer-grid{gap:var(--space-8);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}.footer-col-title{color:#fff;font-size:var(--font-size-md);margin-bottom:var(--space-4);position:relative}.footer-links{gap:var(--space-2);flex-direction:column;display:flex}.footer-links a{color:#94a3b8;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:#fff;padding-left:4px}.footer-about p{color:#94a3b8;font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.footer-newsletter input{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.footer-bottom{padding:var(--space-6) 0;font-size:var(--font-size-xs);color:#64748b;justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid #ffffff14;flex-wrap:wrap;display:flex}@media (width<=1023px){.topbar,.site-nav{display:none}.mobile-menu-toggle{display:block}.header-main .container{gap:var(--space-3)}.header-actions{gap:var(--space-2)}.phone-cta{display:none}.header-phone-link{gap:0}.header-whatsapp-btn{border-radius:var(--radius-full);justify-content:center;width:38px;min-width:38px;height:38px;padding:0}.header-whatsapp-btn .btn-whatsapp-text{display:none}}@media (width<=640px){.brand-logo{font-size:var(--font-size-xl)}.brand-logo svg{width:26px;height:26px}}@media (width<=480px){.header-search input{font-size:var(--font-size-xs);padding:.5rem 2.25rem .5rem .75rem}.phone-icon-circle,.header-whatsapp-btn{width:34px;min-width:34px;height:34px}.phone-icon-circle svg,.header-whatsapp-btn svg{width:16px;height:16px}.header-main .container{gap:var(--space-2);grid-template-columns:auto 1fr auto;grid-template-areas:"toggle logo.""search search actions";align-items:center;display:grid}.mobile-menu-toggle{grid-area:toggle;justify-content:center;align-items:center;display:flex}.brand-logo{grid-area:logo;justify-self:start}.header-search{grid-area:search;width:100%;max-width:none}.header-actions{grid-area:actions;justify-self:end}}.catalog-layout{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=1024px){.catalog-layout{grid-template-columns:280px 1fr}}.filter-sidebar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);height:fit-content}.filter-section{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.filter-options-list{gap:var(--space-2);flex-direction:column;display:flex}.filter-checkbox-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-main);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.filter-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.catalog-toolbar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.catalog-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.catalog-sort{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.catalog-sort select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);padding:.4rem .8rem}.product-detail-layout{gap:var(--space-10);margin-bottom:var(--space-12);grid-template-columns:1fr;display:grid}@media (width>=1024px){.product-detail-layout{grid-template-columns:1.1fr 1fr}}.product-gallery{gap:var(--space-4);flex-direction:column;display:flex}.product-main-image-wrapper{aspect-ratio:1;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.product-main-image{object-fit:cover;width:100%;height:100%}.product-thumbnails{gap:var(--space-3);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.product-thumb{border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:80px;height:80px;transition:border-color var(--transition-fast);flex-shrink:0;overflow:hidden}.product-thumb.active,.product-thumb:hover{border-color:var(--color-primary)}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-info-panel{flex-direction:column;display:flex}.product-info-header{margin-bottom:var(--space-4)}.product-meta-row{align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);display:flex}.product-detail-price{align-items:baseline;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex}.product-detail-price .current{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-detail-price .old{font-size:var(--font-size-lg);color:var(--color-text-light);text-decoration:line-through}.product-purchase-controls{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;flex-wrap:wrap;display:flex}.quantity-control{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);align-items:center;display:inline-flex}.quantity-btn{width:38px;height:38px;font-size:var(--font-size-lg);cursor:pointer;justify-content:center;align-items:center;display:flex}.quantity-btn:hover{background:var(--color-bg-alt)}.quantity-input{text-align:center;width:48px;font-weight:var(--font-weight-semibold)}.product-tabs-container{margin-top:var(--space-12);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.product-tabs-nav{border-bottom:1px solid var(--color-border);gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.tab-btn{padding-bottom:var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);cursor:pointer;border-bottom:3px solid #0000}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-pane{display:none}.tab-pane.active{display:block}.specs-table{border-collapse:collapse;width:100%}.specs-table tr{border-bottom:1px solid var(--color-border)}.specs-table td{padding:var(--space-3) var(--space-2);font-size:var(--font-size-sm)}.specs-table td.spec-name{font-weight:var(--font-weight-semibold);color:var(--color-text-muted);width:35%}.article-header{margin-bottom:var(--space-8);text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.article-hero-image{border-radius:var(--radius-xl);margin-bottom:var(--space-8);width:100%;max-height:480px;overflow:hidden}.article-content{max-width:800px;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:#334155;margin-left:auto;margin-right:auto}.article-content h2,.article-content h3{margin-top:var(--space-8);margin-bottom:var(--space-4)}.article-content p{margin-bottom:var(--space-6)}.contact-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=1024px){.contact-grid{grid-template-columns:1fr 1.2fr}}.contact-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.contact-info-item{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.contact-info-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-primary);background:#dbeafe;flex-shrink:0;justify-content:center;align-items:center;display:flex}