:root{--navy-deep: hsl(222, 47%, 11%);--blue-ocean: hsl(217, 91%, 48%);--blue-cobalt: hsl(224, 76%, 38%);--bg-slate: hsl(210, 40%, 98%);--surface-white: hsl(0, 0%, 100%);--border-light: hsl(214, 32%, 91%);--color-whatsapp: hsl(142, 70%, 45%);--color-whatsapp-hover: hsl(142, 70%, 38%);--status-pending-bg: hsl(38, 92%, 92%);--status-pending-text: hsl(38, 92%, 28%);--status-payment-bg: hsl(217, 91%, 92%);--status-payment-text: hsl(217, 91%, 28%);--status-success-bg: hsl(142, 71%, 92%);--status-success-text: hsl(142, 71%, 22%);--status-special-bg: hsl(265, 85%, 93%);--status-special-text: hsl(265, 85%, 35%);--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-slate);color:var(--navy-deep);line-height:1.5;padding-bottom:90px;overflow-x:hidden}section{scroll-margin-top:85px}.header-sticky{position:sticky;top:0;z-index:100;background:#0f172af5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;padding:.35rem .85rem;box-shadow:var(--shadow-md);border-bottom:1px solid rgba(255,255,255,.12)}.header-container{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:relative}.btn-header-cat-pill{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.3rem .75rem;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-header-cat-pill:hover,.btn-header-cat-pill.active{background:#ffffff38;border-color:#ffffff73}.btn-header-cat-pill svg.cat-chevron{transition:transform .22s ease}.btn-header-cat-pill.active svg.cat-chevron,.nav-item-dropdown:hover .btn-header-cat-pill svg.cat-chevron,.nav-item-dropdown.open .btn-header-cat-pill svg.cat-chevron{transform:rotate(180deg)}.nav-item-dropdown{position:static;display:inline-flex;align-items:center}.nav-link-has-dropdown{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.4rem .3rem}.nav-link-has-dropdown svg.cat-chevron{width:13px;height:13px;transition:transform .22s ease}.nav-item-dropdown:hover .nav-link-has-dropdown svg.cat-chevron,.nav-item-dropdown.open .nav-link-has-dropdown svg.cat-chevron,.nav-link-has-dropdown.active svg.cat-chevron,.nav-item-simple-dropdown:hover .nav-link-has-dropdown svg.cat-chevron,.nav-item-simple-dropdown.open .nav-link-has-dropdown svg.cat-chevron{transform:rotate(180deg)}.nav-item-simple-dropdown{position:relative;display:inline-flex;align-items:center}.nav-simple-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;min-width:210px;border-radius:12px;box-shadow:0 14px 35px #0f172a40,0 0 0 1px #0f172a14;padding:.5rem;display:none;z-index:250;animation:megaMenuFadeIn .18s cubic-bezier(.16,1,.3,1) forwards}.nav-simple-dropdown-menu:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;background:transparent}.nav-item-simple-dropdown:hover .nav-simple-dropdown-menu,.nav-simple-dropdown-menu:hover,.nav-item-simple-dropdown.open .nav-simple-dropdown-menu{display:block}.nav-dropdown-link{display:flex;align-items:center;gap:.65rem;padding:.6rem .85rem;border-radius:8px;color:#1e293b;text-decoration:none;font-size:.88rem;font-weight:600;transition:all .15s ease}.nav-dropdown-link svg{color:#0284c7;flex-shrink:0}.nav-dropdown-link:hover,.nav-dropdown-link.active{background:#f1f5f9;color:var(--blue-ocean)}.categories-mega-dropdown{position:absolute;top:calc(100% + 6px);right:0;left:auto;width:760px;max-width:calc(100vw - 2rem);background:#fff;color:#0f172a;border-radius:14px;box-shadow:0 20px 45px #0f172a4d,0 0 0 1px #0f172a14;display:none;z-index:300;overflow:hidden;animation:megaMenuFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.categories-mega-dropdown:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;background:transparent}.categories-mega-dropdown.open,.nav-item-dropdown:hover .categories-mega-dropdown,.categories-mega-dropdown:hover{display:block}@media (max-width: 1024px){.categories-mega-dropdown{width:680px;right:0}}@keyframes megaMenuFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mega-menu-inner{display:flex;height:480px;max-height:75vh}.mega-menu-cats-col{width:310px;flex-shrink:0;background:#f8fafc;border-right:1px solid #e2e8f0;overflow-y:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.mega-menu-cats-col::-webkit-scrollbar{width:5px}.mega-menu-cats-col::-webkit-scrollbar-track{background:transparent}.mega-menu-cats-col::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mega-cat-item-btn{width:100%;display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:8px;background:transparent;border:none;text-align:left;cursor:pointer;transition:all .15s ease;font-family:inherit;color:#1e293b;position:relative;box-sizing:border-box}.mega-cat-item-btn:hover,.mega-cat-item-btn.selected{background:#fff;color:#0f172a;box-shadow:0 2px 6px #0f172a14}.mega-cat-item-btn.selected:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3.5px;border-radius:0 3px 3px 0;background:var(--cat-color, #2563eb)}.mega-cat-icon-badge{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mega-cat-icon-badge svg{width:16px;height:16px}.mega-cat-name{flex:1;font-size:.84rem;font-weight:600;white-space:normal;line-height:1.25;word-break:normal;overflow-wrap:break-word}.mega-cat-count{margin-left:auto;font-size:11px;color:#64748b;font-weight:600;background:#f1f5f9;padding:2px 6px;border-radius:10px;flex-shrink:0}.mega-cat-chevron{color:#94a3b8;display:flex;align-items:center;margin-left:4px;flex-shrink:0}.mega-menu-subcats-col{flex:1;background:#fff;overflow-y:auto;padding:1.15rem 1.35rem;display:flex;flex-direction:column}.mega-subcats-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;margin-bottom:.95rem;border-bottom:1px solid #f1f5f9;gap:1rem}.mega-subcats-header-title{display:flex;align-items:center;gap:.5rem}.mega-subcats-header-title h4{font-size:1rem;font-weight:800;color:#0f172a;margin:0}.btn-mega-view-all-category{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:6px;background:#f1f5f9;color:#1e40af;border:1px solid #e2e8f0;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-mega-view-all-category:hover{background:#2563eb;color:#fff;border-color:#2563eb}.mega-subcats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.5rem}.mega-subcat-pill-btn{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.45rem .65rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;text-align:left;cursor:pointer;transition:all .15s ease;font-family:inherit;color:#334155;text-decoration:none}.mega-subcat-pill-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;transform:translate(2px)}.mega-subcat-pill-name{font-size:.81rem;font-weight:600;line-height:1.3}.mega-subcat-pill-count{font-size:.72rem;color:#64748b;font-weight:600;background:#e2e8f0;padding:.1rem .4rem;border-radius:10px;flex-shrink:0}.mega-subcat-pill-btn:hover .mega-subcat-pill-count{background:#dbeafe;color:#1e40af}.header-container{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:relative}.header-left{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.logo-brand{font-size:1.25rem;font-weight:800;letter-spacing:-.5px;color:#fff;display:flex;align-items:center;gap:.35rem;text-decoration:none}.logo-brand span{color:var(--blue-ocean)}.logo-brand .logo-img{height:28px;width:auto}.btn-header-cat-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-header-cat-pill:hover,.btn-header-cat-pill.active{background:var(--blue-ocean);border-color:var(--blue-ocean)}.btn-header-cat-pill .cat-icon{font-size:.95rem}.btn-header-cat-pill .cat-chevron{width:14px;height:14px;transition:transform .25s ease}.btn-header-cat-pill.active .cat-chevron{transform:rotate(180deg)}.header-search-center{display:flex;align-items:center;justify-content:center;position:relative;width:280px;min-width:220px;max-width:340px;transition:width .25s cubic-bezier(.16,1,.3,1)}.header-search-center:focus-within{width:320px}@media (max-width: 1180px){.header-search-center{width:230px;min-width:180px}.header-search-center:focus-within{width:260px}}@media (max-width: 1024px){.header-search-center{width:190px;min-width:150px}.header-search-center:focus-within{width:220px}}.header-search-box{width:100%;height:38px;display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:0 .45rem 0 .65rem;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;box-sizing:border-box;box-shadow:0 1px 3px #0000001a}.header-search-box:hover{background:#fff;border-color:#94a3b8}.header-search-box:focus-within{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c738}.header-search-icon{display:flex;align-items:center;justify-content:center;color:#64748b;margin-right:.45rem;flex-shrink:0;pointer-events:none}.header-search-icon svg{width:16px;height:16px;stroke:#64748b}.header-search-box:focus-within .header-search-icon svg{stroke:#0284c7}.header-global-search{flex:1;min-width:0;border:none;background:transparent;color:#0f172a;font-size:.84rem;font-weight:600;outline:none;padding:0;font-family:inherit}.header-global-search::placeholder{color:#64748b;font-weight:400;opacity:.9}.btn-clear-global-search{background:transparent;border:none;color:#94a3b8;font-size:1.15rem;line-height:1;padding:0 .25rem;cursor:pointer;display:none;transition:color .15s ease;flex-shrink:0}.btn-clear-global-search:hover{color:#0f172a}.btn-global-search-submit{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#64748b;cursor:pointer;flex-shrink:0;width:38px;height:38px;border-radius:6px;transition:all .2s ease;margin-left:.15rem;padding:0;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-global-search-submit svg{width:14px;height:14px;stroke:currentColor}.btn-global-search-submit:hover{background:#f1f5f9;color:#0284c7;transform:scale(1.05)}.search-suggestions-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;width:440px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 14px 35px #0f172a38,0 0 0 1px #0f172a0f;z-index:1000;max-height:440px;overflow-y:auto;scrollbar-width:thin}.suggestion-item{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #f1f5f9;gap:12px;cursor:pointer;transition:background-color .15s ease}.suggestion-item:hover,.suggestion-item.active{background-color:#f8fafc}.suggestion-item:last-of-type{border-bottom:none}.suggestion-thumb{width:48px;height:48px;object-fit:contain;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:2px;flex-shrink:0}.suggestion-details{flex-grow:1;display:flex;flex-direction:column;min-width:0}.suggestion-title{font-size:.88rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.suggestion-meta{font-size:.76rem;color:#64748b;margin-top:2px}.suggestion-sku{font-weight:600;color:#0369a1}.suggestion-price{font-size:.88rem;font-weight:700;color:#0284c7;margin-top:3px}.suggestion-add-btn{background-color:#0284c7;color:#fff;border:none;padding:6px 14px;border-radius:8px;font-weight:700;font-size:.8rem;cursor:pointer;flex-shrink:0;transition:all .2s ease;box-shadow:0 2px 6px #0284c740}.suggestion-add-btn:hover{background-color:#0369a1;transform:scale(1.04)}.suggestion-all-link{display:block;padding:10px 14px;background-color:#f8fafc;color:#0284c7;font-size:.84rem;font-weight:700;text-align:center;text-decoration:none;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;transition:background-color .15s ease}.suggestion-all-link:hover{background-color:#e0f2fe;color:#0369a1}@media (max-width: 768px){.search-suggestions-dropdown{position:fixed;top:58px;left:0;right:0;width:100vw;height:calc(100vh - 58px);max-height:none;border-radius:0;border:none;border-top:1px solid #e2e8f0;box-shadow:0 10px 30px #0000004d;z-index:99999;background-color:#fff}.suggestion-item{padding:12px 16px}.suggestion-thumb{width:54px;height:54px}.suggestion-title{font-size:.92rem}.suggestion-add-btn{padding:8px 16px;font-size:.85rem}}.btn-qr-scan-header{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#64748b;cursor:pointer;padding:.3rem .4rem;transition:color .2s ease}.btn-qr-scan-header:hover{color:#0f172a}.header-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.btn-header-special{color:#fef08a;font-weight:700;font-size:.8rem;background:#eab30826;border:1px solid rgba(234,179,8,.35);padding:.3rem .65rem;border-radius:8px;text-decoration:none;white-space:nowrap;transition:all .2s ease;display:inline-flex;align-items:center}.btn-header-special:hover{background:#eab3084d;color:#fff;border-color:#eab30899}@media (max-width: 600px){.btn-header-special{display:none}}.btn-header-cart{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);width:44px;height:44px;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-header-cart:hover{background:#ffffff38;border-color:#38bdf8;color:#38bdf8}.header-cart-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:800;min-width:17px;height:17px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid #0f172a}.lang-selector-wrapper{display:flex;align-items:center}.lang-select{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.3rem .55rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;outline:none;transition:all .2s ease}.lang-select:hover{background:#ffffff38;border-color:#ffffff73}.lang-select option{background:var(--navy-deep);color:#fff}@media (min-width: 861px){#drawer-toggle,.btn-drawer-toggle{display:none!important}}.nav-desktop{display:none;align-items:center;gap:1rem}@media (min-width: 1040px){.nav-desktop{display:flex}}.nav-link{color:#ffffffd9;text-decoration:none;font-size:.88rem;font-weight:600;transition:color .2s ease,transform .2s ease;position:relative;padding:.25rem 0;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:var(--blue-ocean);transition:width .2s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link-special{color:#fde047;font-weight:700;background:#eab3081f;padding:.35rem .85rem;border-radius:9999px;border:1px solid rgba(234,179,8,.35);transition:all .2s ease;display:inline-flex;align-items:center}.nav-link-special:after{display:none!important}.nav-link-special:hover{background:#eab30840;border-color:#eab30899;color:#fff}.nav-link-special:after{display:none}.floating-side-actions{position:fixed;right:18px;top:auto;bottom:95px!important;z-index:150;display:flex;flex-direction:column;gap:.75rem;align-items:center;pointer-events:none}.floating-btn{pointer-events:auto;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.floating-cart-btn{position:relative;width:52px;height:52px;border-radius:50%;background:#073a71;color:#fff;box-shadow:0 4px 14px #073a7166}@media (max-width: 768px){.floating-cart-btn{display:none!important}}.floating-cart-btn:hover{transform:scale(1.08);background:#062b56}.floating-cart-badge{position:absolute;top:-2px;left:-2px;background:#ff5722;color:#fff;font-size:.75rem;font-weight:800;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 6px #0000004d}.floating-bottom-group{display:flex;flex-direction:column;gap:.75rem;align-items:center}.floating-whatsapp-btn{width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;box-shadow:0 4px 14px #25d36666}.floating-whatsapp-btn:hover{transform:scale(1.08);background:#20ba5a}.floating-top-btn{width:44px;height:44px;border-radius:6px;background:#073a71;color:#fff;font-size:.85rem;box-shadow:0 4px 12px #073a7159}.floating-top-btn:hover{background:#062b56;transform:translateY(-2px)}.btn-drawer-toggle{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:.2rem}@media (min-width: 860px){.btn-drawer-toggle{display:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-backdrop.active{opacity:1;pointer-events:auto}.drawer-menu{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100%;background:var(--surface-white);z-index:201;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-lg);overflow-y:auto}.drawer-header{background:var(--navy-deep);color:#fff;padding:1.25rem 1rem;display:flex;justify-content:space-between;align-items:center}.drawer-content{padding:1rem}.drawer-nav-links{display:flex;flex-direction:column;gap:.35rem}.drawer-link{display:block;padding:.65rem .85rem;border-radius:var(--radius-md);text-decoration:none;color:var(--navy-deep);font-weight:600;font-size:.95rem;transition:background-color .2s ease}.drawer-link:hover{background:var(--bg-slate)}.drawer-link.highlight{background:var(--status-special-bg);color:var(--status-special-text);font-weight:700}.accordion-item{border-bottom:1px solid var(--border-light)}.accordion-title{padding:.85rem .5rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.9rem}.accordion-content{display:none;background:var(--bg-slate);padding:.5rem 1rem .85rem 1.25rem;border-radius:var(--radius-sm)}.accordion-item.open>.accordion-content{display:block}.main-layout{max-width:1200px;margin:.65rem auto 1.5rem;padding:0 1rem}.canarias-slider-wrapper{margin-top:.15rem;margin-bottom:1.25rem}.slider-top-title{display:none}.canarias-slider-container{position:relative;background:var(--navy-deep);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.slider-track-viewport{overflow:hidden;width:100%}.slider-track{display:flex;transition:transform .4s cubic-bezier(.25,1,.5,1);width:100%}.slider-slide{min-width:100%;box-sizing:border-box}.hero-slide-banner{min-height:140px;background-size:cover;background-position:center;display:flex;align-items:center;padding:1.15rem 2.25rem;color:#fff;position:relative}@media (min-width: 768px){.hero-slide-banner{min-height:180px;padding:1.5rem 3.5rem}}.hero-slide-content{max-width:850px;z-index:2;width:100%}.hero-badge-tag{display:inline-block;background:#a7f3d0;color:#064e3b;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:20px;margin-bottom:.35rem}.hero-slide-title{font-size:1.15rem;font-weight:800;line-height:1.2;margin:0 0 .35rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7);letter-spacing:-.4px}@media (min-width: 768px){.hero-slide-title{font-size:1.45rem}}.hero-slide-desc{font-size:.82rem;color:#ffffffeb;line-height:1.35;text-shadow:0 1px 5px rgba(0,0,0,.7);margin-bottom:0}@media (min-width: 768px){.hero-slide-desc{font-size:.95rem;line-height:1.4}}.hero-ymm-bar{display:flex;align-items:center;gap:.45rem;margin-top:.65rem;flex-wrap:wrap;width:100%}.hero-ymm-select-group{flex:1;min-width:150px}.hero-ymm-select{width:100%;background:#fff;color:#0f172a;border:1.5px solid #e2e8f0;border-radius:8px;padding:.5rem .7rem;font-size:.84rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease;box-shadow:0 2px 6px #00000026}.hero-ymm-select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c740}.hero-ymm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem 1rem;font-size:.82rem;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 12px #00000040}.hero-ymm-btn:not(:disabled):hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 6px 16px #0284c766}.hero-ymm-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 768px){.hero-ymm-bar{display:none!important}}.ymm-strip-wrapper{margin-top:-.25rem;margin-bottom:1.25rem;position:relative;z-index:20}.ymm-thin-strip{width:100%;background:#0b1d3a;background:linear-gradient(135deg,#091a33,#0d274d,#091a33);border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:.55rem 1.25rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 14px #0b1d3a33;transition:all .25s ease}.ymm-thin-strip:hover{border-color:#38bdf88c;box-shadow:0 6px 20px #0b1d3a59;transform:translateY(-1px)}.ymm-strip-side-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.outboard-icon-svg{width:32px;height:32px;color:#38bdf8;filter:drop-shadow(0 2px 4px rgba(56,189,248,.3))}.ymm-strip-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-align:center}.ymm-strip-badge{background:#a7f3d0;color:#064e3b;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.12rem .55rem;border-radius:12px}.ymm-strip-title{color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.4)}@media (min-width: 768px){.ymm-strip-title{font-size:1.05rem}}.ymm-collapsible-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,margin-top .25s ease;background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 12px 28px #0f172a1f;margin-top:0}.ymm-collapsible-panel.open{max-height:600px;opacity:1;margin-top:.65rem;overflow:visible}.ymm-panel-inner{padding:1.15rem 1.35rem}.ymm-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.ymm-panel-header h4{font-size:.95rem;font-weight:800;color:#0f172a}.btn-close-ymm-panel{background:#f1f5f9;border:none;font-size:1.1rem;width:28px;height:28px;border-radius:50%;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-close-ymm-panel:hover{background:#e2e8f0;color:#0f172a}.ymm-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}@media (max-width: 640px){.ymm-panel-inner{padding:.85rem 1rem}.ymm-panel-grid{grid-template-columns:1fr;gap:.65rem}.ymm-collapsible-panel.open{max-height:950px}}.slider-features-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.feature-pill{display:inline-flex;align-items:center;gap:.4rem;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:.4rem .85rem;border-radius:20px;font-size:.825rem;color:#fff;box-shadow:0 2px 6px #00000040}.single-slide-banner{min-height:240px;background-size:cover;background-position:center;display:flex;align-items:center;padding:2rem;color:#fff}.single-slide-content{max-width:650px}.single-slide-content h2{font-size:1.5rem;font-weight:800;margin:.5rem 0}.single-slide-content p{font-size:.95rem;color:#ffffffe6}.slider-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:1px solid rgba(255,255,255,.2);width:38px;height:44px;border-radius:var(--radius-sm);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.slider-nav-btn:hover{background:#0f172ae6;transform:translateY(-50%) scale(1.05)}.prev-btn{left:8px}.next-btn{right:8px}.slider-dots{display:flex;justify-content:center;gap:.45rem;margin-top:.75rem}.dot{width:9px;height:9px;border-radius:50%;background:#bccadc;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.dot.active{background:var(--blue-ocean);transform:scale(1.25);box-shadow:0 0 8px #2563eb80}.section-title{font-size:1.25rem;font-weight:800;margin-bottom:.75rem;color:var(--navy-deep);letter-spacing:-.3px}.text-muted{color:#65758b}.text-sm{font-size:.825rem}.matrix-card{background:var(--surface-white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:2rem;transition:box-shadow .2s ease}.matrix-card:hover{box-shadow:var(--shadow-md)}.matrix-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.matrix-header h3{font-size:1.15rem;font-weight:800;color:var(--navy-deep)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-light)}.matrix-table{width:100%;border-collapse:collapse;min-width:520px}.matrix-table th,.matrix-table td{padding:.75rem .65rem;text-align:center;border:1px solid var(--border-light);font-size:.85rem}.matrix-table th{background:#f1f5f9;font-weight:700;color:var(--navy-deep);text-transform:uppercase;font-size:.8rem;letter-spacing:.3px}.matrix-cell{background:var(--surface-white);transition:background-color .2s ease,border-color .2s ease}.matrix-cell:hover{background-color:#f0f6fe;border-color:var(--blue-ocean)}.cell-price{display:block;font-weight:800;color:var(--blue-cobalt);font-size:.95rem;margin-bottom:.35rem}.qty-input{width:55px;padding:.35rem;text-align:center;border:1px solid hsl(214,32%,75%);border-radius:var(--radius-sm);font-weight:700;color:var(--navy-deep);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.qty-input:focus{border-color:var(--blue-ocean);box-shadow:0 0 0 3px #2563eb26}.ymm-card{background:var(--surface-white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:2rem;transition:box-shadow .2s ease}.ymm-card:hover{box-shadow:var(--shadow-md)}.ymm-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:.75rem}@media (min-width: 640px){.ymm-grid{grid-template-columns:repeat(3,1fr)}}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.78rem;font-weight:700;text-transform:uppercase;color:#65758b;letter-spacing:.2px}.form-control{padding:.65rem .85rem;border:1px solid hsl(214,32%,80%);border-radius:var(--radius-md);font-size:.9rem;font-family:var(--font-family);outline:none;background:var(--surface-white);transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{border-color:var(--blue-ocean);box-shadow:0 0 0 3px #2563eb1f}.or-divider{text-align:center;margin:1.25rem 0;font-size:.8rem;font-weight:700;color:#7a899f;position:relative}.or-divider:before,.or-divider:after{content:"";position:absolute;top:50%;width:35%;height:1px;background:var(--border-light)}.or-divider:before{left:0}.or-divider:after{right:0}.input-group-search{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 640px){.input-group-search{flex-direction:row}.input-group-search .form-control{flex:1}}.special-order-card{background:var(--surface-white);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:2rem;position:relative;overflow:hidden}.special-order-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,var(--blue-ocean),var(--blue-cobalt))}.special-order-header{margin-bottom:1.25rem}.special-order-form .form-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 640px){.special-order-form .form-grid{grid-template-columns:repeat(2,1fr)}}.btn{padding:.65rem 1.25rem;border-radius:var(--radius-md);font-weight:700;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-family:var(--font-family);transition:transform .1s ease,background-color .2s ease,box-shadow .2s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--blue-ocean);color:#fff;box-shadow:0 4px 12px #2563eb40}.btn-primary:hover{background:var(--blue-cobalt)}.btn-navy{background:var(--navy-deep);color:#fff}.btn-navy:hover{background:#182543}.btn-success{background:#1eae53;color:#fff}.btn-block{width:100%}.btn-lg{padding:.8rem 1.5rem;font-size:.95rem}.badge{padding:.25rem .6rem;border-radius:14px;font-size:.75rem;font-weight:700;display:inline-block;text-transform:uppercase;letter-spacing:.3px}.badge-success{background:var(--status-success-bg);color:var(--status-success-text)}.badge-pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.badge-special{background:var(--status-special-bg);color:var(--status-special-text)}.alert-info{background:#f0f6ff;border-left:4px solid var(--blue-ocean);padding:.85rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.875rem;display:flex;align-items:flex-start;gap:.75rem;box-shadow:var(--shadow-sm)}.categories-catalog-card{background:var(--surface-white);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem;border:1px solid var(--border-light)}.catalog-header{margin-bottom:1.25rem}.section-subtitle{font-size:.88rem;color:#65758b;margin-top:.25rem}.category-filter-bar{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.65rem;margin-bottom:1.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-filter-bar::-webkit-scrollbar{display:none}.chip-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:20px;font-size:.82rem;font-weight:600;background:#f1f5f9;color:var(--navy-deep);border:1px solid var(--border-light);white-space:nowrap;cursor:pointer;transition:all .2s ease}.chip-btn:hover:not(.active){background:#dbe6f0}.chip-btn.active{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep);box-shadow:0 2px 8px #0f172a33}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem}@media (min-width: 640px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem}}@media (min-width: 1024px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:1rem}}.cat-card{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all .25s cubic-bezier(.16,1,.3,1);min-height:74px;height:auto;box-shadow:var(--shadow-sm);position:relative}.cat-card:hover{transform:translateY(-3px);border-color:var(--cat-color);box-shadow:0 8px 20px -4px #0f172a1f,0 0 12px -2px var(--cat-color)}.cat-card.filtered-out{display:none}.cat-badge{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px #0000002e;transition:transform .25s ease}.cat-card:hover .cat-badge{transform:scale(1.08)}.cat-badge svg{width:22px;height:22px;stroke:#fff;fill:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.cat-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.cat-title{font-size:.86rem;font-weight:700;color:var(--navy-deep);line-height:1.25;margin:0 0 .2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cat-desc{font-size:.74rem;color:#6b7c94;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:normal;overflow-wrap:break-word;line-height:1.3;margin:0}@media (max-width: 640px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.65rem}.cat-card{padding:.65rem .75rem;gap:.6rem;min-height:68px}.cat-badge{width:38px;height:38px}.cat-badge svg{width:19px;height:19px}.cat-title{font-size:.8rem;line-height:1.22}.cat-desc{font-size:.7rem}}@media (max-width: 360px){.category-grid{grid-template-columns:1fr;gap:.5rem}}.logo-brand .logo-img{height:38px;width:auto;max-width:175px;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));transition:transform .2s ease}.logo-brand:hover .logo-img{transform:scale(1.02)}@media (max-width: 640px){.logo-brand .logo-img{height:32px;max-width:140px}}.btn-drawer-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;min-width:44px;min-height:44px;border-radius:8px;background:transparent;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease}.btn-drawer-toggle:hover{background-color:#ffffff26}.drawer-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;transition:opacity .3s ease}.drawer-backdrop.active{display:block;opacity:1}.drawer-menu{position:fixed;top:0;left:0;width:300px;max-width:85vw;height:100%;background:var(--navy-deep);color:#fff;z-index:1001;transform:translate(-100%);transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:4px 0 24px #00000059;overflow-y:auto}.drawer-menu.active{transform:translate(0)}.drawer-header{padding:1.25rem 1.25rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}.drawer-header h3{font-size:1.1rem;font-weight:800;color:#fff;margin:0}.btn-drawer-close{background:transparent;border:none;color:#fffc;cursor:pointer;padding:.35rem;min-width:44px;min-height:44px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.btn-drawer-close:hover{background:#ffffff26;color:#fff}.drawer-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.drawer-nav-links{display:flex;flex-direction:column;gap:.25rem}.drawer-link{display:flex;align-items:center;padding:.75rem 1rem;color:#ffffffe0;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:var(--radius-md, 8px);transition:all .2s ease}.drawer-link:hover,.drawer-link.active{background:#ffffff1f;color:#3b82f6;font-weight:700}.drawer-link.highlight{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.drawer-menu .accordion-item{margin-bottom:.5rem;border-radius:var(--radius-md, 8px);border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#ffffff0a}.drawer-menu .accordion-title{display:flex;align-items:center;justify-content:space-between;padding:.75rem .85rem;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;background:#ffffff0f;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,color .2s ease}.drawer-menu .accordion-title:hover,.drawer-menu .accordion-title.active{background:#ffffff1f;color:#3b82f6}.drawer-menu .accordion-content{display:none;padding:.75rem .85rem;background:#0f172af2!important;color:#ffffffe6!important;border-top:1px solid rgba(255,255,255,.08)}.drawer-menu .accordion-item.open>.accordion-content{display:block!important}.drawer-cat-row{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border-radius:var(--radius-md, 8px);color:#ffffffe6;font-size:.85rem;font-weight:600;cursor:pointer;margin-bottom:.35rem;background:#ffffff0d;transition:all .2s ease}.drawer-cat-row:hover,.drawer-cat-row.active{background:#ffffff26;color:#3b82f6;font-weight:700}.drawer-cat-dot{width:18px;height:18px;border-radius:50%;color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-cat-name{flex:1;white-space:normal;word-break:break-word}.drawer-cat-count{font-size:.75rem;color:#ffffff8c;font-weight:600;flex-shrink:0}.icon-svg{display:inline-block;vertical-align:middle}.icon-chevron{transition:transform .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.accordion-title.active .icon-chevron{transform:rotate(90deg)}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:64px;background:#0f172af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-around;z-index:999;padding:0 .25rem;box-shadow:0 -4px 20px #00000040}@media (min-width: 769px){.mobile-bottom-bar{display:none!important}}.bottom-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;min-height:48px;color:#ffffffb3;background:transparent;border:none;text-decoration:none;font-size:.68rem;font-weight:600;cursor:pointer;transition:color .2s ease,transform .15s ease}.bottom-bar-item:active{transform:scale(.95)}.bottom-bar-item.active,.bottom-bar-item:hover{color:#3b82f6}.bottom-bar-item.highlight-ws{color:var(--color-whatsapp)}.bottom-bar-icon{stroke-width:2.2}.cart-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.mobile-cart-badge{position:absolute;top:-6px;right:-8px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0000004d;border:1.5px solid var(--navy-deep)}@media (max-width: 768px){body{padding-bottom:75px}}.catalog-layout-container{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.25rem;margin-top:1.25rem;align-items:start;width:100%;max-width:1440px;margin-left:auto;margin-right:auto;box-sizing:border-box}.catalog-main-content{min-width:0;width:100%;max-width:100%}@media (max-width: 1024px){.catalog-layout-container{grid-template-columns:230px minmax(0,1fr);gap:1rem}}@media (max-width: 860px){.catalog-layout-container{display:block;width:100%}}.catalog-layout-container.categories-full-width{grid-template-columns:1fr!important;display:block!important}.catalog-layout-container.categories-full-width #catalog-sidebar-filters,.catalog-layout-container.categories-full-width .mobile-filter-trigger-wrapper,.catalog-layout-container.categories-full-width #other-categories-dock{display:none!important}.catalog-layout-container.categories-full-width .category-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.catalog-layout-container.categories-full-width .products-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}@media (min-width: 1400px){.catalog-layout-container.categories-full-width .products-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.15rem}}@media (max-width: 640px){.catalog-layout-container.categories-full-width .category-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.65rem}}@media (max-width: 360px){.catalog-layout-container.categories-full-width .category-grid{grid-template-columns:1fr;gap:.5rem}}.mobile-filter-trigger-wrapper{display:none;margin-bottom:1rem}@media (max-width: 860px){.mobile-filter-trigger-wrapper{display:block}}.btn-mobile-filter-trigger{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;min-height:48px;background:var(--navy-deep);color:#fff;border:none;border-radius:var(--radius-md);font-size:.92rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .2s ease}.btn-mobile-filter-trigger:hover{background:#16213c}.filter-count-badge{background:var(--blue-ocean);color:#fff;font-size:.75rem;font-weight:800;padding:.15rem .5rem;border-radius:12px}.catalog-sidebar-filters{width:260px;min-width:260px;max-width:260px;flex-shrink:0;box-sizing:border-box;background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:.85rem;box-shadow:var(--shadow-sm);position:sticky;top:85px;min-height:calc(100vh - 110px);max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.catalog-sidebar-filters::-webkit-scrollbar{width:5px}.catalog-sidebar-filters::-webkit-scrollbar-track{background:transparent}.catalog-sidebar-filters::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;border-bottom:1px solid var(--border-light);margin-bottom:1.25rem}.filter-header-title{display:flex;align-items:center;gap:.5rem;color:var(--navy-deep)}.filter-header-title h3{font-size:1.05rem;font-weight:800;margin:0}.btn-close-filter-drawer{display:none;background:transparent;border:none;font-size:1.2rem;color:var(--navy-deep);cursor:pointer;padding:.25rem .5rem}.filter-group{margin-bottom:1.25rem;padding-bottom:1.15rem;border-bottom:1px solid var(--border-light)}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-label{display:block;font-size:.85rem;font-weight:700;color:var(--navy-deep);margin-bottom:.65rem}.sidebar-search-wrapper{position:relative;width:100%}.sidebar-input{width:100%;padding:.55rem 2rem .55rem .75rem;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:.85rem;color:var(--navy-deep);outline:none;transition:border-color .2s ease;box-sizing:border-box}.sidebar-input:focus{border-color:var(--blue-ocean);box-shadow:0 0 0 3px #2563eb1a}.btn-clear-input{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#7a899f;cursor:pointer;font-size:.85rem}.filter-options-list{display:flex;flex-direction:column;gap:.35rem;max-height:380px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;padding-right:.15rem}.filter-options-list::-webkit-scrollbar{width:5px}.filter-options-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sidebar-cat-item{display:flex;flex-direction:column;width:100%}.sidebar-cat-pill{width:100%;display:flex;align-items:center;gap:.5rem;padding:6px 8px;min-height:44px;border-radius:8px;border:1px solid #e2e8f0;border-left:4px solid var(--cat-color, #0284c7);background:#fff;color:#0f172a;text-align:left;cursor:pointer;box-shadow:0 1px 2px #0f172a08;transition:all .15s ease;line-height:1.25;-webkit-user-select:none;user-select:none;box-sizing:border-box}.sidebar-cat-pill:hover{background:#f1f5f9;border-color:#cbd5e1;transform:none}.sidebar-cat-pill.active{background:#f1f5f9;border:1px solid #cbd5e1;border-left:4px solid var(--cat-color, #0f2c59);color:#0f2c59;font-weight:800;box-shadow:none}.sidebar-cat-icon-badge{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px #0000001f;transition:transform .2s ease}.sidebar-cat-pill:hover .sidebar-cat-icon-badge{transform:scale(1.04)}.sidebar-cat-icon-badge svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none}.sidebar-cat-name{flex:1 1 auto;min-width:0;font-size:13px;font-weight:700;line-height:1.25;color:#0f172a;word-break:normal;overflow-wrap:break-word;white-space:normal}.sidebar-cat-right-group{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto;white-space:nowrap}.sidebar-cat-count{font-size:11px;color:#64748b;font-weight:700;background:#f1f5f9;padding:2px 6px;border-radius:10px;flex-shrink:0;white-space:nowrap}.sidebar-cat-chevron{display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:transform .25s cubic-bezier(.16,1,.3,1);flex-shrink:0;width:14px;height:14px}.sidebar-cat-chevron svg{width:12px;height:12px;display:block}.sidebar-cat-item.open>.sidebar-cat-pill .sidebar-cat-chevron{transform:rotate(90deg);color:#0f2c59}.sidebar-subcategories-list{display:none;flex-direction:column;gap:.25rem;padding:.35rem .25rem .35rem .85rem;margin:.15rem 0 .35rem .25rem;border-left:2px dashed rgba(148,163,184,.4);animation:slideDownSubcat .2s ease-out}.sidebar-cat-item.open>.sidebar-subcategories-list{display:flex}@keyframes slideDownSubcat{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-subcat-pill{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.4rem .5rem;min-height:38px;border-radius:6px;background:transparent;border:none;font-size:.8rem;color:#475569;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;line-height:1.25;width:100%;box-sizing:border-box}.sidebar-subcat-pill:hover{background:#f1f5f9;color:var(--blue-cobalt, #0284c7);padding-left:.6rem}.sidebar-subcat-pill.active{background:#e0f2fe;color:#0369a1;font-weight:700;border-left:2px solid #0284c7}.sidebar-subcat-name{flex:1 1 auto;min-width:0;word-break:normal;overflow-wrap:break-word;white-space:normal}.sidebar-subcat-count{flex-shrink:0;white-space:nowrap;font-size:10px;color:#64748b;background:#f1f5f9;padding:1px 5px;border-radius:8px;margin-left:auto}.sidebar-subcat-dot{width:5px;height:5px;border-radius:50%;background:#94a3b8;flex-shrink:0;transition:all .15s ease}.sidebar-subcat-pill:hover .sidebar-subcat-dot,.sidebar-subcat-pill.active .sidebar-subcat-dot{background:#0284c7;transform:scale(1.3)}.sidebar-subcat-name{flex:1;min-width:0;word-break:normal;overflow-wrap:break-word;white-space:normal}.sidebar-subcat-count{margin-left:auto;font-size:11px;color:#94a3b8;font-weight:600;background:#f1f5f9;padding:1px 5px;border-radius:8px;flex-shrink:0}.brand-filters-scrollable{max-height:185px;overflow-y:auto;overflow-x:hidden;padding-right:.35rem;scrollbar-width:thin}.brand-search-input{padding:.4rem 1.8rem .4rem .65rem;font-size:.8rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-light)}.filter-checkbox-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--navy-deep);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem .35rem;border-radius:var(--radius-sm);transition:background-color .15s ease}.filter-checkbox-item:hover{background:var(--bg-slate)}.filter-checkbox-item.disabled{opacity:.45;cursor:not-allowed}.filter-checkbox-item input{display:none}.checkbox-custom{width:16px;height:16px;border:1.5px solid hsl(215,20%,65%);border-radius:4px;display:inline-block;position:relative;flex-shrink:0;transition:all .15s ease}.filter-checkbox-item input:checked+.checkbox-custom{background:var(--blue-ocean);border-color:var(--blue-ocean)}.filter-checkbox-item input:checked+.checkbox-custom:after{content:"-";position:absolute;color:#fff;font-size:11px;font-weight:800;top:-2px;left:2px}.filter-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-item-count{font-size:.75rem;color:#7a899f;font-weight:600}.price-inputs-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.price-field{flex:1;position:relative}.price-currency{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#6b7c94;font-weight:600}.price-input{width:100%;padding:.45rem .45rem .45rem 1.4rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.82rem;outline:none}.price-separator{color:#8996a9;font-weight:700}.range-slider-wrapper{position:relative;height:24px;display:flex;align-items:center}.slider-thumb{position:absolute;width:100%;height:4px;background:none;pointer-events:none;-webkit-appearance:none;outline:none}.slider-thumb::-webkit-slider-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--blue-ocean);border:2px solid white;box-shadow:0 2px 4px #0003;cursor:pointer;-webkit-appearance:none}.slider-track-fill{height:4px;background:var(--border-light);width:100%;border-radius:2px}.catalog-control-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-light)}.results-title{font-size:1.15rem;font-weight:800;color:var(--navy-deep);margin:0}.results-subtext{font-size:.8rem;color:#6b7c94}.sort-selector-wrapper{display:flex;align-items:center;gap:.5rem}.sort-label{font-size:.85rem;font-weight:600;color:var(--navy-deep);white-space:nowrap}.sort-select-dropdown{padding:.45rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-white);color:var(--navy-deep);font-size:.85rem;font-weight:600;outline:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .2s ease}.sort-select-dropdown:focus{border-color:var(--blue-ocean)}.filter-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1040;opacity:0;transition:opacity .25s ease}.filter-backdrop.active{display:block;opacity:1}.mobile-sticky-header-container,.mobile-sticky-toolbar{display:none}@media (max-width: 860px){.mobile-sticky-header-container{display:block;position:sticky;top:54px;z-index:99;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);box-shadow:0 4px 14px #0f172a0f}.mobile-sticky-toolbar{display:flex;gap:.5rem;padding:.55rem .85rem}.sort-selector-wrapper,.floating-whatsapp-btn{display:none!important}.floating-side-actions{top:auto!important;bottom:75px!important;right:12px!important;z-index:120}.floating-top-btn{width:38px;height:38px;border-radius:50%;opacity:.9;box-shadow:0 3px 10px #073a7159}.btn-sticky-tool{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-white);color:var(--navy-deep);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-sticky-tool:active{background:var(--bg-slate);transform:scale(.98)}.filter-count-badge{background:#0284c7;color:#fff;font-size:.72rem;font-weight:800;padding:.15rem .45rem;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 0 8px #0284c766}.mobile-quick-filter-pills{display:flex;align-items:center;gap:.45rem;padding:.4rem .85rem .6rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fffffff2;border-bottom:1px solid var(--border-light)}.mobile-quick-filter-pills::-webkit-scrollbar{display:none}.quick-pill-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .8rem;border-radius:20px;border:1px solid var(--border-light);background:var(--surface-white);color:var(--navy-deep);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 3px #0f172a0a}.quick-pill-btn:active,.quick-pill-btn.active{background:#0284c7;border-color:#0284c7;color:#fff;box-shadow:0 3px 8px #0284c740}.drawer-drag-handle{display:block;width:40px;height:5px;background:#cbd5e1;border-radius:3px;margin:8px auto 2px}.catalog-sidebar-filters{display:flex!important;flex-direction:column!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:94dvh!important;max-height:94dvh!important;z-index:1050!important;border-radius:24px 24px 0 0!important;background:#fff!important;padding:0!important;margin:0!important;overflow:hidden!important;transform:translateY(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 35px #0f172a40;visibility:hidden}.catalog-sidebar-filters.active{transform:translateY(0)!important;visibility:visible!important}.filter-panel-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-light);background:var(--surface-white);z-index:2}.filter-header-title h3{font-size:1.15rem;font-weight:800;color:var(--navy-deep);margin:0}.btn-clear-all-mobile{background:none;border:none;color:#ef4444;font-size:.88rem;font-weight:700;cursor:pointer;padding:.4rem .6rem;border-radius:6px;transition:background-color .15s ease}.btn-clear-all-mobile:active{background-color:#fee2e2}.btn-close-filter-drawer{background:var(--bg-slate);border:1px solid var(--border-light);width:38px;height:38px;border-radius:50%;font-size:1.25rem;color:var(--navy-deep);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.btn-close-filter-drawer:active{background-color:#e2e8f0}.filter-panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:.85rem 1rem 2.5rem;display:flex;flex-direction:column;gap:.75rem;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}.filter-panel-body .filter-group,.filter-panel-body .filter-accordion,.filter-panel-body .filter-section-island{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:.75rem .85rem;box-shadow:0 1px 3px #0f172a05;margin-bottom:0;width:100%;box-sizing:border-box}.filter-panel-body .filter-label{font-size:.85rem;font-weight:800;color:var(--navy-deep);margin-bottom:.4rem}.filter-panel-body .accordion-trigger{background:transparent;border:none;padding:.25rem 0;font-size:.95rem;font-weight:800;color:var(--navy-deep);width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.filter-panel-body .accordion-content{padding:.5rem 0 0;background:transparent}.sidebar-cat-pill{padding:8px 10px;min-height:44px;width:100%}.sidebar-cat-name{font-size:.85rem;font-weight:700;color:#0f172a;word-break:keep-all;overflow-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-filters-scrollable,.brand-chips-container{display:flex;flex-direction:column;gap:.35rem;padding:.25rem .15rem}.filter-panel-body .brand-filters-scrollable,.filter-panel-body .brand-chips-container,.filter-panel-body .filter-options-list{max-height:none!important;overflow-y:visible!important;overflow-x:hidden!important}.brand-chip-item,.filter-panel-body .filter-checkbox-item{display:flex;align-items:center;justify-content:flex-start;gap:.65rem;padding:.55rem .85rem;border-radius:10px;background:#fff;border:1px solid #e2e8f0;font-size:.85rem;font-weight:600;color:var(--navy-deep);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box}.brand-chip-item:hover,.filter-panel-body .filter-checkbox-item:hover{border-color:#cbd5e1;background:#f8fafc}.brand-chip-item.active,.filter-panel-body .filter-checkbox-item.active{background:#f0f9ff;color:#0284c7;border-color:#0284c7;font-weight:700;box-shadow:0 2px 6px #0284c71f}.filter-panel-body .filter-checkbox-item input[type=checkbox]{display:none}.filter-panel-body .checkbox-custom{display:inline-block;width:16px;height:16px;border:1.5px solid #94a3b8;border-radius:4px;flex-shrink:0;position:relative;transition:all .15s ease}.filter-panel-body .filter-checkbox-item.active .checkbox-custom,.filter-panel-body .filter-checkbox-item input:checked+.checkbox-custom{background:#0284c7;border-color:#0284c7}.filter-panel-body .filter-checkbox-item.active .checkbox-custom:after,.filter-panel-body .filter-checkbox-item input:checked+.checkbox-custom:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-panel-footer-mobile{flex-shrink:0;padding:.85rem 1.25rem;border-top:1px solid var(--border-light);background:#fff;box-shadow:0 -4px 14px #0f172a14;display:flex;flex-direction:column;gap:.5rem;z-index:10}.btn-reset-filters-link{background:none;border:none;color:#64748b;font-size:.82rem;font-weight:600;text-decoration:underline;cursor:pointer;text-align:center;padding:.2rem}.filter-panel-footer-mobile .btn,.filter-panel-footer-mobile .btn-apply-filters-mobile{width:100%;min-height:48px;font-size:.95rem;font-weight:800;border-radius:var(--radius-lg);background:var(--blue-ocean);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0284c759;cursor:pointer}}.active-filter-chips-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem 1rem;margin-bottom:1.15rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-md);box-shadow:0 2px 6px #0284c70f}.active-filter-chips-title{font-size:.75rem;font-weight:800;color:#0369a1;text-transform:uppercase;letter-spacing:.04em;margin-right:.25rem;display:flex;align-items:center;gap:.3rem}.active-filter-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#fff;border:1px solid #7dd3fc;color:#0369a1;font-size:.82rem;font-weight:700;border-radius:20px;box-shadow:var(--shadow-sm);transition:all .18s ease}.active-filter-chip:hover{border-color:#0284c7;background:#e0f2fe}.active-filter-chip .chip-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e0f2fe;color:#0369a1;border:none;font-size:.85rem;font-weight:800;cursor:pointer;line-height:1;transition:all .15s ease;margin-left:2px}.active-filter-chip .chip-remove-btn:hover{background:#ef4444;color:#fff}.active-filter-chip-clear-all{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;cursor:pointer}.active-filter-chip-clear-all:hover{background:#ef4444;color:#fff;border-color:#dc2626}@media (min-width: 861px){.btn-clear-all-mobile,.btn-close-filter-drawer,.filter-panel-footer-mobile,.mobile-sort-backdrop{display:none!important}}.mobile-sort-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1060;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s ease}.mobile-sort-backdrop.active{display:flex!important;opacity:1}.mobile-sort-drawer{background:#fff;width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:1.25rem 1.25rem 2.25rem;box-shadow:0 -8px 30px #00000040;animation:slideUpSortDrawer .25s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes slideUpSortDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sort-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;border-bottom:1px solid var(--border-light);margin-bottom:.85rem}.mobile-sort-header h4{font-size:1.1rem;font-weight:800;color:var(--navy-deep);margin:0}.btn-close-sort-drawer{background:var(--bg-slate);border:none;width:34px;height:34px;border-radius:50%;font-size:1.3rem;line-height:1;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-sort-options{display:flex;flex-direction:column;gap:.5rem}.mobile-sort-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1rem;min-height:48px;border-radius:var(--radius-md, 10px);border:1px solid var(--border-light);background:var(--bg-slate);color:var(--navy-deep);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:left;box-sizing:border-box}.mobile-sort-option:active{transform:scale(.98)}.mobile-sort-option.active{background:#e0f2fe;border-color:#0284c7;color:#0369a1;font-weight:800}.mobile-sort-check{font-size:1.1rem;font-weight:900;color:#0284c7}.filter-accordion{border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:.75rem;overflow:hidden;background:var(--surface-white)}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--bg-slate);border:none;color:var(--navy-deep);font-size:.88rem;font-weight:700;cursor:pointer;text-align:left}.accordion-chevron{font-size:.9rem;transition:transform .25s ease}.filter-accordion.open .accordion-chevron{transform:rotate(180deg)}.accordion-content{display:none;padding:.65rem .5rem}.filter-accordion.open .accordion-content{display:block}.view-mode-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--border-light);padding-bottom:.5rem}.view-tab-btn{padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-white);color:var(--navy-deep);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.view-tab-btn:hover{border-color:var(--blue-ocean)}.view-tab-btn.active{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep);box-shadow:var(--shadow-sm)}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem;min-height:500px;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 1200px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}}@media (max-width: 991px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.product-image-container{position:relative;width:100%;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:var(--radius-md, 8px)}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.product-card{padding:.65rem;box-sizing:border-box;overflow:hidden}.product-image-container{height:130px!important}.product-title{font-size:.78rem;line-height:1.25;min-height:2rem;max-height:2rem;margin-bottom:.4rem}.product-footer{flex-direction:column;align-items:stretch;gap:.35rem;margin-top:.4rem;padding-top:.4rem}.product-price{font-size:.92rem;text-align:center}.btn-add-product-cart{width:100%;min-height:44px;padding:.4rem .2rem;font-size:.78rem;text-align:center}}@media (max-width: 380px){.products-grid{grid-template-columns:1fr;gap:.5rem}}.product-card{background:var(--surface-white, #ffffff);border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:.85rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;word-break:break-word;min-height:380px}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue-ocean, #0284c7)}.product-card-top{flex:1 1 auto;display:flex;flex-direction:column}.product-image-container{height:150px!important;min-height:150px!important;max-height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;position:relative;overflow:hidden}.product-title{font-size:.88rem;font-weight:700;color:#0f172a;line-height:1.25;min-height:32px;max-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 4px}.product-footer{margin-top:auto!important;padding-top:8px;display:flex;flex-direction:column;gap:6px}.btn-purchase-card,.btn-add-product-cart{min-height:44px!important;height:44px!important;background:#0f172a;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.88rem;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.btn-purchase-card:hover,.btn-add-product-cart:hover{background:#0284c7}.pricing-tax,.tax-note{font-size:.75rem;color:#64748b;font-weight:500}.product-card__brand-wrapper{margin-top:.35rem;margin-bottom:.2rem;display:flex;align-items:center}.brand-badge-pill{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:3px 10px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;outline:none;text-decoration:none;box-sizing:border-box;transition:border-color .15s ease-in-out,transform .15s ease-in-out,box-shadow .15s ease-in-out;max-width:100%;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #00000008}.brand-badge-pill:hover,.brand-badge-pill:active,.brand-badge-pill:focus{background-color:#fff!important;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 2px 6px #0284c733}.brand-badge-pill__logo{height:18px;max-height:22px;max-width:80px;width:auto;object-fit:contain;filter:none;opacity:.95;transition:opacity .15s ease,transform .15s ease;flex-shrink:0}.brand-badge-pill:hover .brand-badge-pill__logo{opacity:1;transform:scale(1.05)}.brand-badge-pill__text{font-size:11px;font-weight:700;color:#0284c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.brand-badge-pill:hover .brand-badge-pill__text{color:#0369a1}.modal-brand-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;height:32px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;text-decoration:none;font-family:inherit}.modal-brand-badge:hover,.modal-brand-badge:active,.modal-brand-badge:focus{background-color:#fff!important;border-color:#0284c7;box-shadow:0 2px 6px #0284c733}.modal-brand-badge--disabled{background-color:#f1f5f9;border-color:#e2e8f0;cursor:default}.modal-brand-badge--disabled:hover{background-color:#f1f5f9;border-color:#e2e8f0;box-shadow:none}.modal-brand-badge__logo{height:22px;max-width:70px;width:auto;object-fit:contain}.modal-brand-badge__text{font-size:12px;font-weight:700;color:#0284c7;line-height:1}.product-badge-brand{font-size:.78rem;font-weight:800;color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;display:inline-flex;align-items:center;gap:2px;padding:2px 7px;margin-top:.35rem;margin-bottom:.2rem;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:fit-content}.product-badge-brand:hover{background:#0284c7;color:#fff;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 2px 4px #0284c740}.product-badge-brand .brand-bracket{color:#0284c7;font-weight:900}.product-badge-brand:hover .brand-bracket{color:#fff}.product-ref{font-size:.72rem;color:#64748b;font-weight:600;display:block;margin-top:2px}.product-shipping-text{font-size:.72rem;color:#475569;line-height:1.3;margin:.4rem 0;display:block}.product-title{font-size:.88rem;font-weight:700;color:var(--navy-deep);line-height:1.35;margin-top:.25rem;margin-bottom:.35rem;min-height:2.2rem;max-height:2.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;flex-direction:column;gap:.45rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light)}.product-price-row{display:flex;align-items:baseline;justify-content:space-between}.product-price{font-size:1.15rem;font-weight:800;color:#0f172a}.btn-add-product-cart{width:100%;background:#0f172a;color:#fff;border:none;border-radius:8px;padding:.55rem .85rem;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;text-align:center}.btn-add-product-cart:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 10px #0284c74d}.other-categories-dock{background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem .75rem;box-shadow:var(--shadow-sm);position:sticky;top:90px}.dock-header h4{font-size:.85rem;font-weight:800;color:var(--navy-deep);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.03em;padding-bottom:.4rem;border-bottom:2px solid var(--border-light)}.dock-categories-list{display:flex;flex-direction:column;gap:.35rem}.dock-cat-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-radius:var(--radius-md);border:1px solid var(--border-light);border-left:3.5px solid var(--cat-color, var(--blue-ocean));background:var(--surface-white);color:var(--navy-deep);font-size:.78rem;font-weight:700;line-height:1.25;word-break:normal;overflow-wrap:break-word;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;box-shadow:0 1px 3px #0f172a0a}.dock-cat-item:hover{border-color:var(--cat-color, var(--blue-ocean));background:color-mix(in srgb,var(--cat-color, #0284c7) 8%,#ffffff);transform:translate(3px);box-shadow:0 4px 10px #0f172a14}.dock-cat-item.active{background:color-mix(in srgb,var(--cat-color, #0284c7) 14%,#ffffff);border:1.5px solid var(--cat-color, var(--blue-ocean));border-left-width:4px;color:var(--navy-deep);box-shadow:0 4px 14px color-mix(in srgb,var(--cat-color, #0284c7) 28%,transparent);transform:translate(2px)}.dock-icon{font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.dock-cat-item.active .dock-icon{transform:scale(1.15)}.mobile-family-carousel{display:none;margin:0;width:100%;overflow:visible}@media (max-width: 860px){.mobile-family-carousel{display:block;padding:.2rem 0 .45rem}}.carousel-chips-track{display:flex;align-items:center;gap:.55rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .85rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.carousel-chips-track::-webkit-scrollbar{display:none}.carousel-chip-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .45rem;border-radius:24px;border:1px solid rgba(226,232,240,.8);background:var(--surface-white);color:var(--navy-deep);font-size:.78rem;font-weight:700;white-space:nowrap;cursor:pointer;scroll-snap-align:start;flex-shrink:0;box-shadow:0 2px 8px #0f172a0d;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.carousel-chip-btn:active{transform:scale(.96)}.carousel-chip-btn:hover:not(.active){border-color:var(--cat-color, var(--blue-ocean));background:#fff;box-shadow:0 4px 12px #0f172a14}.carousel-chip-btn.active{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff;box-shadow:0 4px 14px #0f172a40;transform:scale(1.02)}.chip-badge{width:22px;height:22px;border-radius:50%;background:var(--cat-color, var(--blue-ocean));color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px color-mix(in srgb,var(--cat-color, #0284c7) 40%,transparent);transition:transform .2s ease}.carousel-chip-btn.active .chip-badge{background:#fff;color:var(--navy-deep);box-shadow:0 2px 6px #0003}.chip-title{line-height:1;letter-spacing:-.01em}.infinite-scroll-loader{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--nautic-blue);font-weight:500}.spinner{width:40px;height:40px;border:4px solid rgba(0,119,182,.2);border-left-color:var(--nautic-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.po-modal-container{display:grid;grid-template-columns:1.2fr .8fr;flex:1;overflow-y:auto}.po-col-left{padding:24px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px}.po-col-right{padding:24px;background:#f8fafc;display:flex;flex-direction:column;justify-content:space-between}.po-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.po-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}@media (max-width: 860px){.po-modal-container{display:flex;flex-direction:column;overflow-y:auto}.po-col-left{padding:16px;border-right:none;border-bottom:1px solid #e2e8f0;gap:16px}.po-col-right{padding:16px}}@media (max-width: 640px){.po-form-grid{display:flex;flex-direction:column;gap:10px}.po-section-header{flex-direction:column;align-items:flex-start;gap:8px}}.content-section{padding:4rem 1.5rem;max-width:1200px;margin:2.5rem auto;background:var(--surface-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);scroll-margin-top:85px}.section-container{width:100%}.text-center{text-align:center}.section-header{margin-bottom:2.5rem}.section-title{font-size:2rem;font-weight:800;color:var(--navy-deep);margin-top:.5rem;margin-bottom:.5rem;letter-spacing:-.5px}.section-subtitle{font-size:1.05rem;color:#566376;max-width:780px;margin:0 auto;line-height:1.6}.quienes-somos-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.quienes-somos-text .story-title{font-size:1.4rem;font-weight:700;color:var(--navy-deep);margin-bottom:1rem}.quienes-somos-text p{font-size:.98rem;color:#404a59;line-height:1.7;margin-bottom:1.25rem}.brand-allies-box{background:var(--bg-slate);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-light);margin-top:1.5rem}.allies-label{display:block;font-size:.85rem;font-weight:700;color:var(--navy-deep);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.allies-tags{display:flex;flex-wrap:wrap;gap:.5rem}.ally-tag{background:var(--surface-white);color:var(--blue-cobalt);font-weight:600;font-size:.82rem;padding:.35rem .75rem;border-radius:20px;border:1px solid rgba(37,99,235,.2)}.quienes-somos-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.pillar-card{background:var(--bg-slate);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all .3s ease}.pillar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue-ocean)}.pillar-icon{width:48px;height:48px;border-radius:12px;background:#2563eb1a;color:var(--blue-ocean);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.pillar-card h4{font-size:1.05rem;font-weight:700;color:var(--navy-deep);margin-bottom:.5rem}.pillar-card p{font-size:.88rem;color:#607085;line-height:1.5}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.servicio-card{background:var(--surface-white);padding:1.75rem;border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .3s ease}.servicio-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--blue-ocean)}.servicio-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.servicio-card h3{font-size:1.15rem;font-weight:700;color:var(--navy-deep);margin-bottom:.6rem}.servicio-card p{font-size:.9rem;color:#566376;line-height:1.6;margin-bottom:1rem}.servicio-bullets{list-style:none;padding:0;margin:0}.servicio-bullets li{font-size:.82rem;font-weight:600;color:var(--blue-cobalt);display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.servicio-bullets li:before{content:"•";font-weight:800;color:var(--blue-ocean)}.envios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem}.envio-feature-card{background:var(--bg-slate);padding:2rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-light);position:relative;text-align:center}.envio-step-num{width:44px;height:44px;border-radius:50%;background:var(--blue-ocean);color:#fff;font-weight:800;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 4px 10px #2563eb4d}.envio-feature-card h3{font-size:1.1rem;font-weight:700;color:var(--navy-deep);margin-bottom:.6rem}.envio-feature-card p{font-size:.9rem;color:#607085;line-height:1.5}.marinas-coverage-box{background:#0f172a08;padding:1.75rem;border-radius:var(--radius-md);border:1px solid var(--border-light);text-align:center}.marinas-coverage-box h3{font-size:1.05rem;font-weight:700;color:var(--navy-deep);margin-bottom:1rem}.marinas-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.marina-pill{background:var(--surface-white);color:var(--navy-deep);font-size:.85rem;font-weight:600;padding:.45rem .9rem;border-radius:20px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.marina-pill:hover{background:#f0f9ff;color:#0284c7;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 12px #0284c726}.contacto-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:2rem}.contacto-info-card{background:var(--navy-deep);color:#fff;padding:2.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.contacto-info-card h3{font-size:1.4rem;font-weight:800;margin-bottom:.75rem;color:#fff}.contacto-intro{font-size:.92rem;color:#b3bdcc;line-height:1.6;margin-bottom:1.75rem}.info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.info-icon{font-size:1.4rem;line-height:1}.info-item strong{display:block;font-size:.88rem;color:#c2cad6;margin-bottom:.2rem}.info-item p{font-size:.95rem;margin:0;color:#fff}.info-item a{color:#60a5fa;text-decoration:none;font-weight:600;transition:color .2s ease}.info-item a:hover{color:#93c5fd;text-decoration:underline}.contacto-form-card{background:var(--bg-slate);padding:2.25rem;border-radius:var(--radius-md);border:1px solid var(--border-light)}.contacto-form-card h3{font-size:1.3rem;font-weight:700;color:var(--navy-deep);margin-bottom:1.25rem}.contacto-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.footer-nautiten{background:var(--navy-deep);color:#fff;padding:4rem 1.5rem 2rem;margin-top:4rem;border-top:3px solid var(--blue-ocean)}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;margin-bottom:3rem}.footer-logo-img{height:38px;width:auto;margin-bottom:1rem}.footer-slogan{font-size:.9rem;color:#b3bdcc;line-height:1.6;margin-bottom:1.5rem}.footer-social-links{display:flex;gap:.75rem}.social-icon{width:38px;height:38px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.1rem;transition:all .2s ease}.social-icon:hover{background:var(--blue-ocean);transform:translateY(-2px)}.footer-col h4{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:1.25rem;position:relative;padding-bottom:.5rem}.footer-col h4:after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--blue-ocean);border-radius:2px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.65rem}.footer-links a{color:#b3bdcc;text-decoration:none;font-size:.9rem;transition:all .2s ease}.footer-links a:hover{color:#fff;padding-left:4px}.footer-badge-list{display:flex;flex-direction:column;gap:.65rem}.footer-badge-item{font-size:.85rem;color:#c2cad6;display:flex;align-items:center;gap:.5rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.75rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:#94a3b8}.footer-legal-links{display:flex;gap:1rem}.btn-legal-link{background:none;border:none;color:#b3bdcc;font-size:.85rem;cursor:pointer;padding:0;transition:color .2s ease}.btn-legal-link:hover{color:#fff;text-decoration:underline}.legal-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:1rem}.legal-modal-backdrop.active{opacity:1;pointer-events:auto}.legal-modal-card{background:var(--surface-white);border-radius:var(--radius-lg);max-width:650px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(20px);transition:transform .3s ease}.legal-modal-backdrop.active .legal-modal-card{transform:translateY(0)}.legal-modal-header{padding:1.25rem 1.5rem;background:var(--navy-deep);color:#fff;display:flex;justify-content:space-between;align-items:center}.legal-modal-header h3{font-size:1.15rem;font-weight:700;margin:0;color:#fff}.btn-modal-close{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1}.legal-modal-body{padding:1.5rem;overflow-y:auto;font-size:.92rem;color:#404a59;line-height:1.6}.legal-modal-body h4{font-size:1rem;font-weight:700;color:var(--navy-deep);margin-top:1rem;margin-bottom:.5rem}@media (max-width: 992px){.quienes-somos-grid,.contacto-grid,.envios-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.quienes-somos-cards,.contacto-form .form-row,.footer-grid{grid-template-columns:1fr}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#0f172af5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.15);color:#fff;padding:1rem;box-shadow:0 -4px 20px #0000004d}.cookie-consent-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.cookie-consent-text{font-size:.85rem;line-height:1.5;color:#ffffffe6;max-width:750px}.cookie-consent-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn-link-light{background:none;border:none;color:#fffc;text-decoration:underline;font-size:.82rem;cursor:pointer;padding:.35rem .6rem}.btn-link-light:hover{color:#fff}.btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:.4rem .85rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline-light:hover{background:#ffffff26}.badge-free-service{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;font-size:.78rem;padding:.25rem .65rem;border-radius:20px;letter-spacing:.02em;box-shadow:0 2px 4px #10b98140}.photo-locator-box{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:1.5rem;margin-top:1.25rem;transition:all .25 ease}.photo-locator-box:hover{border-color:var(--blue-ocean, #0284c7);background:#f0f9ff}.photo-locator-header h3{font-size:1.05rem;font-weight:700;color:var(--navy-deep, #0f172a);margin-bottom:.25rem}.photo-locator-header p{font-size:.88rem;color:#64748b;margin-bottom:1rem}.photo-upload-dropzone{display:block;background:#fff;border:1px dashed #94a3b8;border-radius:10px;padding:1.75rem 1rem;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.photo-upload-dropzone:hover{transform:translateY(-2px);border-color:#0284c7;box-shadow:0 4px 12px #0284c71f}.dropzone-content{display:flex;flex-direction:column;align-items:center}.dropzone-icon{font-size:2.2rem;margin-bottom:.5rem}.dropzone-title{font-size:1rem;color:#0f172a}.dropzone-sub{font-size:.82rem;color:#64748b;margin-top:.25rem}.photo-preview-container{margin-top:1.25rem;background:#fff;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.preview-thumb-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid #cbd5e1;background:#f1f5f9;height:100px}.preview-thumb-item img{width:100%;height:100%;object-fit:cover;display:block}.btn-remove-thumb{position:absolute;top:4px;right:4px;background:#e11d48e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.btn-remove-thumb:hover{background:#be123c}.photo-tips-card{margin-top:1.25rem;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:6px;padding:.85rem 1rem;font-size:.85rem;color:#1e3a8a}.tips-header{margin-bottom:.35rem}.tips-list{margin:0;padding-left:1.2rem;line-height:1.5}.tips-list li{margin-bottom:.25rem}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff!important;font-weight:700;border:none;border-radius:var(--radius-md, 8px);padding:.75rem 1.25rem;cursor:pointer;box-shadow:0 4px 10px #25d3664d;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center}.btn-whatsapp:hover{background:linear-gradient(135deg,#20ba5a,#0e7065);box-shadow:0 6px 14px #25d36673;transform:translateY(-1px)}.sticky-motor-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-md, 8px);margin-bottom:1.25rem;box-shadow:0 4px 14px #0f172a26;border-left:4px solid var(--blue-ocean, #0284c7);animation:fadeInDown .3s ease-out;flex-wrap:wrap;gap:.75rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sticky-motor-bar .motor-info{display:flex;align-items:center;gap:.65rem;font-size:.92rem}.sticky-motor-bar .motor-icon{font-size:1.25rem}.sticky-motor-bar .motor-label{color:#94a3b8;font-weight:500}.sticky-motor-bar .active-motor-name{color:#38bdf8;font-weight:800;letter-spacing:-.2px}.btn-clear-active-motor{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.35);padding:.35rem .85rem;border-radius:20px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-clear-active-motor:hover{background:#ef4444;color:#fff;border-color:#ef4444}.motor-conflict-banner{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:var(--radius-md, 8px);padding:.85rem 1.15rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;animation:fadeInDown .3s ease-out}.motor-conflict-banner .conflict-content{display:flex;align-items:center;gap:.65rem;font-size:.88rem;color:#92400e;font-weight:600}.motor-conflict-banner .conflict-actions{display:flex;gap:.5rem}.btn-conflict{padding:.4rem .85rem;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-outline-conflict{background:#fff;color:#92400e;border:1px solid #d97706}.btn-outline-conflict:hover{background:#fef3c7}.btn-primary-conflict{background:#d97706;color:#fff;border:1px solid #d97706}.btn-primary-conflict:hover{background:#b45309}.product-compatibility-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:800;padding:.28rem .65rem;border-radius:14px;margin-top:.45rem;letter-spacing:.1px}.badge-compatible-green{background:#dcfce7;color:#15803d;border:1px solid #86efac;box-shadow:0 1px 3px #22c55e26}.badge-universal-amber{background:#fef9c3;color:#854d0e;border:1px solid #fde047}.badge-incompatible-red{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.product-oem-row{display:flex;align-items:baseline;gap:.35rem;font-size:.72rem;color:#475569;background:#f1f5f9;padding:.2rem .45rem;border-radius:6px;margin:.3rem 0;border:1px solid #e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-oem-row .oem-tag{font-weight:800;color:#0f172a;flex-shrink:0}.product-oem-row .oem-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;color:#0369a1}.product-price-breakdown{display:flex;flex-direction:column;gap:.1rem}.product-pvp-net{font-size:1.1rem;font-weight:800;color:#0f172a;line-height:1.25}.product-pvp-net .tax-note,.tax-note{display:block;font-size:.72rem;font-weight:500;color:#64748b;margin-top:1px;margin-left:0}.product-price-igic-incl{display:none!important}.sidebar-whatsapp-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:var(--radius-md, 8px);padding:1rem;margin-top:1rem;text-align:center;box-shadow:0 2px 6px #22c55e1a}.sidebar-whatsapp-card .sw-icon{font-size:1.75rem;margin-bottom:.35rem;display:block}.sidebar-whatsapp-card h4{font-size:.88rem;font-weight:800;color:#14532d;margin-bottom:.25rem}.sidebar-whatsapp-card p{font-size:.75rem;color:#166534;line-height:1.35;margin-bottom:.65rem}.btn-sidebar-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:#25d366;color:#fff;font-size:.78rem;font-weight:800;padding:.45rem .85rem;border-radius:8px;text-decoration:none;width:100%;box-sizing:border-box;transition:all .2s ease;box-shadow:0 2px 8px #25d36659}.btn-sidebar-whatsapp:hover{background:#1eb857;transform:translateY(-1px)}.ymm-fallback-card{grid-column:1 / -1;background:#f8fafc;border:2px dashed #38bdf8;border-radius:var(--radius-lg, 14px);padding:2.5rem 1.75rem;text-align:center;margin:1.5rem 0;box-shadow:0 4px 14px #38bdf81a}.ymm-fallback-card .fallback-icon{font-size:2.75rem;margin-bottom:.75rem;display:block}.ymm-fallback-card h3{font-size:1.25rem;font-weight:900;color:var(--navy-deep, #0f172a);margin-bottom:.5rem;letter-spacing:-.2px}.ymm-fallback-card p{color:#475569;font-size:.92rem;max-width:620px;margin:0 auto 1.35rem;line-height:1.55}.btn-whatsapp-fallback{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#25d366;color:#fff;font-size:.92rem;font-weight:800;padding:.75rem 1.45rem;border-radius:10px;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 14px #25d36659}.btn-whatsapp-fallback:hover{background:#1eb857;transform:translateY(-2px);box-shadow:0 6px 18px #25d36680}.ymm-dimmed{opacity:.45;pointer-events:none;transition:opacity .25s ease}.brand-filters-scrollable{max-height:220px;overflow-y:auto;overflow-x:hidden;padding-right:.35rem;scrollbar-width:thin;overscroll-behavior:contain}.active-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.15rem;padding:.5rem .25rem;animation:fadeInDown .2s ease-out}.active-chip{display:inline-flex;align-items:center;gap:.45rem;background:#f1f5f9;color:var(--navy-deep, #0f172a);font-size:.82rem;font-weight:700;padding:.35rem .75rem;border-radius:20px;border:1px solid #cbd5e1;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.active-chip:hover{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.active-chip .chip-remove-icon{font-size:1rem;line-height:1;font-weight:800;color:#64748b;transition:color .2s ease}.active-chip:hover .chip-remove-icon{color:#ef4444}.active-chip-motor{background:#e0f2fe;color:#0369a1;border-color:#7dd3fc}.btn-clear-all-chips{background:transparent;border:none;color:#ef4444;font-size:.8rem;font-weight:700;cursor:pointer;padding:.35rem .5rem;text-decoration:underline;text-underline-offset:2px}@media (max-width: 860px){.ymm-grid .form-control,.input-group-search .form-control,.input-group-search .btn{min-height:48px;font-size:.95rem}.btn-add-product-cart{min-height:44px;font-size:.88rem;font-weight:800}.filter-checkbox-item{padding:.45rem .35rem;min-height:38px}.product-price{font-size:1.15rem!important;font-weight:800!important;color:#0369a1!important}}.search-fallback-container{grid-column:1 / -1;background:linear-gradient(180deg,#fff,#f8fafc);border:1.5px solid #cbd5e1;border-radius:18px;padding:2rem 1.5rem;box-shadow:0 10px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a;animation:fadeInDown .35s ease-out;margin-bottom:2rem}.search-fallback-header{text-align:center;max-width:850px;margin:0 auto 1.75rem}.fallback-badge-notice{display:inline-flex;align-items:center;gap:.5rem;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:.4rem 1rem;border-radius:9999px;font-size:.88rem;font-weight:600;margin-bottom:.85rem}.fallback-main-title{font-size:1.35rem;font-weight:800;color:#0f172a;margin-bottom:1rem;letter-spacing:-.02em}.fallback-breakdown-wrapper{margin-top:1rem}.fallback-breakdown-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.5rem}.fallback-breakdown-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.fallback-category-chip{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #cbd5e1;color:#0369a1;padding:.35rem .75rem;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.fallback-category-chip:hover{background:#0284c7;color:#fff;border-color:#0284c7;transform:translateY(-1px)}.fallback-category-chip .chip-count{background:#0369a11f;color:inherit;font-size:.72rem;padding:.15rem .4rem;border-radius:6px}.fallback-category-chip:hover .chip-count{background:#ffffff40;color:#fff}.fallback-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1.5rem 0}.fallback-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.fallback-product-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #00000014;border-color:#38bdf8}.fallback-card-top{display:flex;gap:1rem;align-items:center;margin-bottom:.85rem}.fallback-thumb-img{width:76px;height:76px;object-fit:contain;border-radius:8px;background:#f8fafc;border:1px solid #f1f5f9;padding:4px;flex-shrink:0}.fallback-meta{flex:1;min-width:0}.fallback-sku-badge{display:inline-block;background:#f1f5f9;color:#334155;font-family:monospace;font-size:.78rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;margin-bottom:.25rem}.fallback-section-tag{font-size:.76rem;color:#0284c7;font-weight:700;display:block}.fallback-product-title{font-size:.95rem;font-weight:800;color:#0f172a;line-height:1.35;margin-bottom:.65rem}.fallback-price-box{margin-bottom:.85rem}.ymm-compat-badge{font-size:.78rem;padding:.4rem .65rem;border-radius:6px;font-weight:700;margin-bottom:.85rem;line-height:1.3}.ymm-compat-badge.compat-yes{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.ymm-compat-badge.compat-no{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.ymm-compat-badge.compat-info{background:#f0f9ff;color:#075985;border:1px solid #bae6fd}.fallback-card-actions{display:flex;gap:.5rem;margin-top:auto}.fallback-btn-add{flex:1.2;background:var(--blue-ocean, #0284c7);color:#fff;border:none;padding:.55rem .75rem;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s ease}.fallback-btn-add:hover{background:#0369a1}.fallback-btn-view{flex:1;background:#f8fafc;border:1px solid #cbd5e1;color:#334155;padding:.55rem .65rem;border-radius:8px;font-weight:700;font-size:.78rem;cursor:pointer;transition:all .2s ease;text-align:center}.fallback-btn-view:hover{background:#e2e8f0;color:#0f172a}.fallback-actions-bar{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;padding-top:1.25rem;border-top:1px solid #e2e8f0;margin-top:1rem}.variant-select-wrapper{margin:.5rem 0 .75rem;position:relative}.product-variant-dropdown{width:100%;padding:.45rem .65rem;font-size:.82rem;font-weight:600;color:var(--navy-deep);background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.product-variant-dropdown:focus{outline:none;border-color:var(--blue-ocean);background-color:#fff;box-shadow:0 0 0 3px #0284c726}.badge-matrix-tag{display:inline-flex;align-items:center;gap:.35rem;background:#f0f9ff;color:#0369a1;font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;border:1px solid #bae6fd;margin-bottom:.45rem}.btn-open-matrix-modal{width:100%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;padding:.6rem .75rem;border-radius:10px;font-weight:700;font-size:.84rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 3px 8px #0284c740;transition:all .2s ease}.btn-open-matrix-modal:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px);box-shadow:0 6px 14px #0284c759}.matrix-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ac7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;display:none;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.matrix-modal-container{background:#fff;border-radius:20px;max-width:950px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 25px 60px -15px #00000059;position:relative;display:flex;flex-direction:column;animation:modalFadeIn .25s cubic-bezier(.16,1,.3,1)}.matrix-modal-header{padding:1.5rem 1.75rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.matrix-modal-title{font-size:1.35rem;font-weight:800;color:#0f2c59;line-height:1.25;margin-bottom:.25rem}.matrix-modal-subtitle{font-size:.85rem;color:#64748b;font-weight:600}.matrix-modal-close{background:#f1f5f9;border:none;width:38px;height:38px;border-radius:50%;font-size:1.25rem;font-weight:700;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.matrix-modal-close:hover{background:#e2e8f0;color:#0f172a}.matrix-modal-body{padding:1.5rem 1.75rem;flex:1}.color-swatches-section{margin-bottom:1.5rem}.color-swatches-label{font-size:.85rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.65rem;display:block}.color-swatches-row{display:flex;flex-wrap:wrap;gap:.6rem}.color-swatch-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:all .2s ease;box-shadow:0 2px 4px #00000014}.color-swatch-chip.active{box-shadow:0 0 0 3px #0284c7,0 4px 10px #00000026;transform:translateY(-1px)}.color-swatch-chip.is-light{border-color:#cbd5e1}.matrix-table-wrapper{overflow-x:auto;margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.matrix-table{width:100%;border-collapse:collapse;text-align:center;font-size:.88rem}.matrix-table th{background:#f8fafc;padding:.85rem 1rem;font-weight:800;color:#0f2c59;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;white-space:nowrap}.matrix-table th:last-child{border-right:none}.matrix-table td{padding:.75rem .65rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:middle}.matrix-table td:last-child{border-right:none}.matrix-table tr:last-child td{border-bottom:none}.matrix-row-header{font-weight:800;color:#0f172a;background:#fdfdfd;text-align:left;padding-left:1.25rem!important;border-right:2px solid #e2e8f0!important;font-size:.95rem;white-space:nowrap}.matrix-cell-content{display:flex;flex-direction:column;align-items:center;gap:.35rem}.matrix-price-val{font-weight:800;color:#0369a1;font-size:.92rem}.matrix-qty-input{width:62px;height:34px;text-align:center;border:1.5px solid #cbd5e1;border-radius:8px;font-size:.92rem;font-weight:700;color:#0f172a;background:#fff;transition:all .2s ease}.matrix-qty-input:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c733;background:#f0f9ff}.matrix-qty-input.has-qty{border-color:#16a34a;background:#f0fdf4;color:#15803d}.matrix-cell-disabled{color:#94a3b8;font-size:1.2rem;font-weight:700;padding:1rem 0;background:#f8fafc}.matrix-mobile-stepper{display:none}@media (max-width: 768px){.matrix-table-wrapper{display:none}.matrix-mobile-stepper{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.stepper-step-title{font-size:.88rem;font-weight:800;color:#0f2c59;margin-bottom:.65rem;display:flex;align-items:center;gap:.4rem}.stepper-chips-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin}.stepper-chip-btn{padding:.6rem 1rem;border-radius:12px;font-size:.9rem;font-weight:800;border:2px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer;white-space:nowrap;transition:all .2s ease}.stepper-chip-btn.active{border-color:#0284c7;background:#0284c7;color:#fff;box-shadow:0 4px 10px #0284c74d}.stepper-variants-list{display:grid;grid-template-columns:1fr;gap:.65rem}.stepper-variant-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.stepper-variant-info h5{font-size:.92rem;font-weight:800;color:#0f172a;margin-bottom:.15rem}.stepper-variant-prices{font-size:.84rem;color:#0369a1;font-weight:700}.stepper-qty-controls{display:flex;align-items:center;gap:.35rem}.stepper-qty-btn{width:36px;height:36px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:1.1rem;font-weight:800;color:#0f172a;display:flex;align-items:center;justify-content:center;cursor:pointer}.stepper-qty-val{width:32px;text-align:center;font-weight:800;font-size:.95rem}}.matrix-modal-footer{padding:1.25rem 1.75rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.matrix-summary-box{display:flex;flex-direction:column}.matrix-summary-count{font-size:.84rem;color:#64748b;font-weight:600}.matrix-summary-total{font-size:1.25rem;font-weight:800;color:#0f2c59}.btn-matrix-add-all{background:#0284c7;color:#fff;border:none;padding:.85rem 1.75rem;border-radius:12px;font-weight:800;font-size:.98rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0284c759;transition:all .2s ease}.btn-matrix-add-all:hover:not(:disabled){background:#0369a1;transform:translateY(-1px)}.btn-matrix-add-all:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.toast-container{position:fixed;top:85px;right:20px;z-index:100005;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast-message{background:#0f2c59;color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-size:.88rem;font-weight:700;box-shadow:0 10px 25px #00000040;display:flex;align-items:center;gap:.6rem;pointer-events:auto;animation:toastSlideIn .25s ease-out;border-left:4px solid #10b981}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cart-drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100000;display:none}.cart-drawer{position:fixed;top:0;right:-420px;width:400px;max-width:90vw;height:100vh;background:#fff;z-index:100001;box-shadow:-10px 0 35px #0003;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.16,1,.3,1)}.cart-drawer.open{right:0}.cart-drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.cart-drawer-header h3{font-size:1.15rem;font-weight:800;color:#0f2c59}.cart-drawer-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;font-weight:700;cursor:pointer}.cart-drawer-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.85rem}.cart-drawer-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.85rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:.65rem}.cart-item-details h5{font-size:.88rem;font-weight:800;color:#0f172a;line-height:1.25}.cart-item-variant{font-size:.78rem;color:#0284c7;font-weight:700;margin-top:.15rem}.cart-item-sku{font-size:.74rem;color:#64748b;font-family:monospace}.cart-item-price-box{text-align:right;flex-shrink:0}.cart-item-total{font-size:.95rem;font-weight:800;color:#0f2c59}.cart-drawer-footer{padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.cart-fiscal-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.84rem}.cart-fiscal-row{display:flex;justify-content:space-between;margin-bottom:.25rem;color:#475569}.cart-fiscal-row.total-row{border-top:1px dashed #cbd5e1;padding-top:.45rem;margin-top:.45rem;font-size:1.05rem;font-weight:800;color:#0284c7}.btn-drawer-checkout{width:100%;background:#16a34a;color:#fff;border:none;padding:.85rem;border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #16a34a4d;transition:all .2s}.btn-drawer-checkout:hover{background:#15803d}button,select,.btn,.sidebar-cat-pill,.sidebar-subcat-pill,.carousel-chip-btn,.hero-ymm-btn,.hero-ymm-select,.qty-btn,.btn-conflict,.active-chip,.dock-cat-item,.drawer-cat-row,.drawer-subcat-row{min-height:44px}.btn-clear-search,.btn-clear-global-search,.btn-clear-active-motor{min-height:38px;min-width:38px;display:inline-flex;align-items:center;justify-content:center}.matrix-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.matrix-modal-dialog,.matrix-modal-container{background:#fff;border-radius:16px;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;padding:1.5rem}.btn-close-matrix-modal{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;font-size:1.5rem;width:38px;height:38px;min-height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.btn-close-matrix-modal:hover{background:#e2e8f0;color:#0f172a}.color-swatches-section{margin-bottom:1.25rem;padding:.85rem 1.1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.color-swatches-label{display:block;font-size:.85rem;font-weight:800;color:#0f2c59;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.4px}.color-swatches-row{display:flex;gap:.65rem;flex-wrap:wrap}.color-swatch-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1.1rem;border-radius:24px;border:1.5px solid #cbd5e1;background:#fff;color:#0f2c59!important;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.color-swatch-chip:hover{border-color:#0284c7;color:#0284c7!important;background:#f0f9ff}.color-swatch-chip.active{background:#0f2c59!important;color:#fff!important;border-color:#0f2c59;box-shadow:0 4px 10px #0f2c5940}.color-swatch-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;display:inline-block}.matrix-mobile-stepper{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.stepper-step-title{font-size:.9rem;font-weight:800;color:#0f2c59;margin-bottom:.6rem}.stepper-chips-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.stepper-chip-btn{padding:.5rem 1rem;border-radius:20px;border:1.5px solid #cbd5e1;background:#fff;color:#0f2c59;font-size:.85rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .2s ease}.stepper-chip-btn.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 2px 6px #0284c74d}.stepper-variants-list{display:flex;flex-direction:column;gap:.75rem}.stepper-variant-card{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a}.stepper-variant-info h5{margin:0 0 .25rem;font-size:.95rem;font-weight:800;color:#0f2c59}.stepper-variant-prices{font-size:.9rem;font-weight:700;color:#0284c7}.stepper-qty-controls{display:flex;align-items:center;gap:.5rem}.stepper-qty-btn{width:36px;height:36px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f2c59;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.stepper-qty-btn:active{transform:scale(.95);background:#e2e8f0}.stepper-qty-val{min-width:24px;text-align:center;font-size:1rem;font-weight:800;color:#0f2c59}.matrix-table-wrapper{display:block!important;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0;border-radius:12px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 2px 8px #0000000a}.matrix-table{width:100%;min-width:520px;border-collapse:collapse;text-align:center}.matrix-table th,.matrix-table td{padding:.75rem .6rem;border:1px solid #e2e8f0;vertical-align:middle}.matrix-table th{background:#f8fafc;color:#0f2c59;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.matrix-table .matrix-row-header{position:sticky;left:0;z-index:5;background:#f1f5f9;color:#0f2c59;font-weight:800;font-size:.88rem;text-align:center;box-shadow:2px 0 5px #0000000f;white-space:nowrap}.matrix-table thead th.matrix-row-header{z-index:6;background:#e2e8f0}.matrix-cell-content{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:80px}.matrix-price-val{font-size:.92rem;font-weight:800;color:#0284c7}.matrix-price-igic{font-size:.72rem;color:#64748b;font-weight:600}.matrix-qty-input{width:54px;height:38px;text-align:center;border:1.5px solid #cbd5e1;border-radius:8px;font-weight:800;font-size:.95rem;color:#0f2c59;background:#fff;outline:none;transition:all .2s ease}.matrix-qty-input.has-qty{border-color:#0284c7;background:#f0f9ff;box-shadow:0 0 0 2px #0284c733}.matrix-cell-disabled{background:#f8fafc;color:#94a3b8;font-weight:700}.matrix-mobile-stepper{display:none!important}@media (max-width: 767px){.matrix-modal-dialog,.matrix-modal-container{padding:.85rem .5rem!important;max-height:94vh!important;width:98vw!important;border-radius:12px!important}.matrix-table{min-width:360px}.matrix-table th,.matrix-table td{padding:.45rem .3rem}.matrix-table th{font-size:.74rem}.matrix-table .matrix-row-header{font-size:.76rem;padding:.45rem .4rem}.matrix-cell-content{min-width:62px;gap:.2rem}.matrix-price-val{font-size:.8rem}.matrix-price-igic{font-size:.62rem}.matrix-qty-input{width:44px!important;height:32px!important;font-size:.85rem!important;border-radius:6px!important}}.matrix-color-swatches{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.matrix-color-pill{padding:.5rem 1rem;border-radius:30px;border:2px solid #cbd5e1;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.matrix-color-pill.active{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.matrix-grid-table{width:100%;border-collapse:collapse;margin:1rem 0}.matrix-grid-table th,.matrix-grid-table td{border:1px solid #e2e8f0;padding:.6rem;text-align:center;font-size:.85rem}.matrix-grid-table th{background:#f8fafc;color:#334155;font-weight:700}.matrix-cell-box{display:flex;flex-direction:column;align-items:center;gap:.35rem}.matrix-cell-price{font-weight:700;color:#0f172a}.matrix-qty-input{width:54px;height:38px;text-align:center;border:1px solid #cbd5e1;border-radius:8px;font-weight:700}.matrix-footer-summary{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.matrix-total-pill{font-size:1.1rem;font-weight:800;color:#0284c7}.card-variant-1d-select,.product-variant-dropdown{width:100%;min-height:44px;padding:.5rem .75rem;border:1.5px solid #cbd5e1;border-radius:8px;font-size:.85rem;background-color:#f8fafc;color:#0f2c59;font-weight:700;cursor:pointer;outline:none;transition:all .2s ease}.product-variant-dropdown:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726;background-color:#fff}.variant-chip-btn{min-height:44px;min-width:44px;padding:.4rem .85rem;border:1.5px solid #cbd5e1;border-radius:22px;background:#f8fafc;color:#334155;font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.variant-chip-btn:hover{border-color:#0284c7;color:#0284c7;background:#f0f9ff}.variant-chip-btn.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 2px 6px #0284c74d}.pdf-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99998;animation:fadeIn .25s ease-out}.pdf-viewer-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:94vw;max-width:1100px;height:90vh;max-height:850px;background:#fff;border-radius:16px;box-shadow:0 24px 60px #0f172a66;z-index:99999;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.2);animation:modalScaleUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pdf-modal-header{height:60px;background:#0f172a;color:#fff;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1e293b}.pdf-modal-title-box{display:flex;align-items:center;gap:.65rem}.pdf-modal-title{font-weight:700;font-size:.95rem;color:#f8fafc}.pdf-modal-page-badge{background:#0284c7;color:#fff;font-size:.76rem;font-weight:800;padding:.2rem .6rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.pdf-modal-actions{display:flex;align-items:center;gap:.5rem}.btn-pdf-action{width:36px;height:36px;border-radius:8px;background:#1e293b;color:#cbd5e1;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease}.btn-pdf-action:hover{background:#0284c7;color:#fff}.btn-pdf-close{width:36px;height:36px;border-radius:8px;background:#1e293b;border:none;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-pdf-close:hover{background:#ef4444;color:#fff}.pdf-modal-body{flex:1;position:relative;background:#f1f5f9;overflow:hidden}.pdf-modal-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#475569;font-weight:600;font-size:.9rem;z-index:1;pointer-events:none}.pdf-modal-iframe{width:100%;height:100%;border:none;position:relative;z-index:2;background:transparent}.btn-view-pdf-catalog{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;padding:.35rem .65rem;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-top:.35rem;text-decoration:none}.btn-view-pdf-catalog:hover{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 2px 6px #0284c740}.stock-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:9999px;line-height:1.2;margin-top:.35rem;margin-bottom:.35rem;letter-spacing:.01em}.stock-pill .status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.stock-pill.in-stock{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.stock-pill.in-stock .status-dot{background:#22c55e}.stock-pill.low-stock{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.stock-pill.low-stock .status-dot{background:#f59e0b}.stock-pill.on-demand{background:#f0f9ff;color:#075985;border:1px solid #bae6fd}.stock-pill.on-demand .status-dot{background:#0284c7}.cat-card-wrapper{position:relative;width:100%;height:64px;z-index:1}.cat-card-wrapper:hover{z-index:350}.cat-card{height:64px;max-height:64px;display:flex;align-items:center;padding:0 12px;gap:10px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;text-decoration:none;transition:border-color .2s ease,border-radius .2s ease,box-shadow .2s ease;cursor:pointer;box-sizing:border-box;width:100%}.cat-card-wrapper:hover .cat-card,.cat-card.popover-active{border-color:var(--cat-color, #0284c7);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px dashed rgba(0,0,0,.08);box-shadow:0 4px 12px #0000000d}.cat-card .cat-badge{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background-color:var(--cat-color, #0284c7);color:#fff;flex-shrink:0}.cat-card .cat-badge svg{width:18px;height:18px}.cat-card .cat-info{display:flex;flex-direction:column;justify-content:center;flex:1;overflow:hidden}.cat-card .cat-title{font-size:.86rem;font-weight:600;color:#0f172a;margin:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.cat-card .cat-count{display:none}.cat-card .cat-chevron{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;color:#94a3b8;margin-left:auto;transition:transform .25s ease,color .25s ease;flex-shrink:0}.cat-card-wrapper:hover .cat-chevron,.cat-card.popover-active .cat-chevron{transform:rotate(90deg);color:var(--cat-color, #0284c7)}.cat-subcats-popover{position:absolute;top:100%;left:0;right:0;z-index:300;background:#fff;border:1px solid var(--cat-color, #0284c7);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 14px 28px -4px #00000024,0 6px 12px -4px #00000014;padding:6px;opacity:0;visibility:hidden;transform:translateY(0);transition:opacity .2s ease,visibility .2s ease;pointer-events:none;max-height:280px;overflow-y:auto}.cat-card-wrapper:hover .cat-subcats-popover,.cat-card-wrapper.popover-active .cat-subcats-popover{opacity:1;visibility:visible;pointer-events:auto}.cat-subcats-popover .popover-header{display:none}.cat-subcat-link{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:6px 10px;border-radius:8px;font-size:.81rem;font-weight:500;color:#334155;text-decoration:none;transition:background .15s ease,color .15s ease;box-sizing:border-box;width:100%;margin-bottom:2px}.cat-subcat-link:hover{background:#f8fafc;color:var(--cat-color, #0284c7);font-weight:600}.cat-subcat-link .subcat-badge-count{font-size:.72rem;font-weight:500;background:#f1f5f9;color:#64748b;padding:2px 7px;border-radius:10px;transition:background .15s ease,color .15s ease}.sidebar-cat-pill.active{background:#0284c714!important;color:var(--cat-color, #0284c7)!important;font-weight:700!important;border-left:3px solid var(--cat-color, #0284c7)!important}.sidebar-cat-item.open .sidebar-subcategories-list{display:block!important}.sidebar-cat-item.open .sidebar-cat-chevron{transform:rotate(90deg)!important;color:var(--cat-color, #0284c7)!important}.sidebar-subcat-pill.active{background:var(--cat-color, #0284c7)!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 6px #0284c740}.sidebar-subcat-pill.active .sidebar-subcat-dot{background:#fff!important}.sidebar-subcat-pill.active .sidebar-subcat-count{background:#ffffff40!important;color:#fff!important;font-weight:700!important}.drawer-cat-item{border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:2px}.drawer-cat-header{display:flex;align-items:center;justify-content:space-between;padding:9px 0;color:#ffffffe6;cursor:pointer;-webkit-user-select:none;user-select:none}.drawer-cat-left{display:flex;align-items:center;gap:10px}.drawer-cat-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--cat-color, #0ea5e9);color:#fff;flex-shrink:0;box-shadow:0 2px 5px #0003}.drawer-cat-badge svg{width:16px;height:16px;stroke:#fff;fill:none}.drawer-cat-title{font-size:.85rem;font-weight:600}.drawer-cat-right{display:flex;align-items:center;gap:8px}.drawer-cat-count{font-size:.74rem;color:#ffffff8c;background:#ffffff14;padding:1px 7px;border-radius:10px}.drawer-cat-chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff9;transition:transform .3s ease}.drawer-cat-item.accordion-open .drawer-cat-chevron{transform:rotate(180deg);color:#38bdf8}.drawer-subcats-accordion{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;padding-left:38px}.drawer-cat-item.accordion-open .drawer-subcats-accordion{max-height:320px;opacity:1;padding-bottom:8px}.drawer-subcat-link{display:flex;align-items:center;justify-content:space-between;padding:8px 0;min-height:44px;font-size:.85rem;color:#ffffffb8;text-decoration:none;transition:color .2s ease}.drawer-subcat-link:hover{color:#38bdf8}.catalog-subcategories-bar{display:none!important}#category-filter-list{max-height:720px!important}.subcat-chip{scroll-snap-align:start;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background-color:#f1f5f9;border:1px solid #e2e8f0;color:#334155;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.subcat-chip:hover{background-color:#e2e8f0;color:#0f172a}.subcat-chip.active{background-color:var(--cat-color, #0284c7);color:#fff;border-color:var(--cat-color, #0284c7);box-shadow:0 2px 6px #0284c740}.subcat-chip-count{font-size:.72rem;opacity:.85;background:#00000014;padding:1px 6px;border-radius:10px}.subcat-chip.active .subcat-chip-count{background:#ffffff40}.brand-bar-clean{width:100%;max-width:1440px;margin:12px auto;padding:0;box-sizing:border-box}.brand-bar-inner{display:flex;align-items:center;gap:16px;height:52px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 14px;box-sizing:border-box;box-shadow:0 1px 3px #0000000a}.brand-bar-title{font-size:11px;font-weight:800;letter-spacing:.8px;color:#64748b;text-transform:uppercase;white-space:nowrap;flex:0 0 auto}.brand-track-container{flex:1 1 auto;height:100%;overflow:hidden;position:relative;display:flex;align-items:center;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}.brand-track-list{display:flex;align-items:center;gap:36px;width:max-content;will-change:transform;animation:scrollContinuousBrands 32s linear infinite}.brand-bar-inner:hover .brand-track-list{animation-play-state:paused}.brand-logo-item{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;flex:0 0 auto;-webkit-user-select:none;user-select:none;min-height:32px}.brand-logo-item img{height:26px;max-width:100px;width:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:grayscale(100%) opacity(.55);transition:filter .25s ease,transform .25s ease,opacity .25s ease}.brand-logo-item:hover img,.brand-logo-item.active img{filter:grayscale(0%) opacity(1);transform:scale(1.08)}.brand-logo-item span{font-size:12px;font-weight:700;color:#64748b;white-space:nowrap;transition:color .2s ease,transform .2s ease}.brand-logo-item:hover span,.brand-logo-item.active span{color:#0284c7;transform:scale(1.05)}.brand-bar-btn-all{flex:0 0 auto;background:none;border:none;border-left:1px solid #e2e8f0;padding-left:14px;font-size:12px;font-weight:700;color:#0284c7;cursor:pointer;white-space:nowrap;transition:color .15s ease;height:100%;display:flex;align-items:center}.brand-bar-btn-all:hover{color:#0369a1;text-decoration:underline}@keyframes scrollContinuousBrands{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media (max-width: 768px){.brand-bar-clean{margin:8px auto}.brand-bar-inner{height:44px;padding:0 10px;gap:10px;border-radius:6px}.brand-bar-title{display:none}.brand-logo-item img{height:20px;max-width:80px}.brand-track-list{gap:20px}}button:not(.btn-clear-search),select,.btn{min-height:38px}@media (max-width: 768px){button:not(.brand-card):not(.other-brand-tile):not(.other-brand-pill),.btn,.nav-link,.category-chip,.filter-checkbox-label,.pagination-link,.mobile-sort-option,.brand-logo-item{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.filter-group-item,.brand-filter-item,.category-filter-item,.sidebar-filter-label{min-height:44px;display:flex;align-items:center;gap:12px;padding:6px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;transition:background-color .12s ease}.filter-group-item:active,.brand-filter-item:active,.category-filter-item:active{background-color:#f1f5f9}.filter-group-item input[type=checkbox],.brand-filter-checkbox,.category-filter-checkbox{width:20px;height:20px;min-width:20px;min-height:20px;cursor:pointer;accent-color:#0284c7}.filter-item-name,.filter-label-text{font-size:13px;font-weight:500;color:#334155;flex:1;line-height:1.3}.filter-count-badge{font-size:11px;font-weight:600;color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;padding:2px 8px;border-radius:12px}}.motor-dedicated-section{background:#f8fafc;border-radius:var(--radius-lg);padding:1.75rem 1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #e2e8f0;margin-top:1.5rem;margin-bottom:2rem}.motor-header-banner{background:#0f172a;border-radius:var(--radius-md);padding:1.25rem 1.5rem;color:#fff;margin-bottom:1.5rem;box-shadow:0 4px 12px #0f172a26}.subsystem-tab-btn{background:#fff;color:#334155;border:1px solid #cbd5e1;padding:.45rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.subsystem-tab-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.subsystem-tab-btn.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 2px 6px #0284c74d}#motor-dedicated-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}@media (max-width: 992px){#motor-dedicated-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 767px){.motor-dedicated-container{padding:1rem!important;border-radius:12px!important;margin-bottom:1rem!important}#motor-dedicated-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.motor-product-card,.skeleton-motor-card{padding:.6rem!important}.motor-card-img-wrapper{height:95px!important}.motor-card-img-wrapper img{max-height:85px!important}.motor-card-title{font-size:.78rem!important;margin-bottom:.25rem!important}.motor-card-price{font-size:.9rem!important}}.skeleton-motor-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:.85rem!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:0 2px 8px #0000000a!important;min-height:220px;position:relative;overflow:hidden}.skeleton-box{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.motor-subsystem-tabs{display:flex!important;gap:.5rem!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:.5rem!important}.motor-subsystem-tabs::-webkit-scrollbar{display:none!important}.motor-subtab{white-space:nowrap!important;flex-shrink:0!important}.motor-product-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:.85rem!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:0 2px 8px #0000000a!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;position:relative!important;overflow:hidden!important}.motor-product-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 20px #00000014!important;border-color:#38bdf8!important}.motor-card-img-wrapper{background:#fff!important;border-radius:6px!important;height:130px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;margin-bottom:.65rem!important;padding:.4rem!important;border:1px solid #f1f5f9!important}.motor-card-img-wrapper img{max-height:115px!important;max-width:100%!important;object-fit:contain!important;transition:transform .3s ease!important}.motor-product-card:hover .motor-card-img-wrapper img{transform:scale(1.04)!important}.motor-card-title{font-size:.86rem!important;font-weight:700!important;color:#0f172a!important;line-height:1.3!important;margin-bottom:.35rem!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:2.5em!important}.motor-card-brand-badge{display:inline-block!important;background:#e0f2fe!important;color:#0369a1!important;font-size:.68rem!important;font-weight:700!important;text-transform:uppercase!important;padding:.12rem .45rem!important;border-radius:4px!important;margin-bottom:.4rem!important;letter-spacing:.03em!important}.motor-card-ref{font-size:.74rem!important;color:#64748b!important;font-family:monospace!important;margin-bottom:.4rem!important}.motor-card-price-row{display:flex!important;align-items:baseline!important;justify-content:space-between!important;margin-top:auto!important;padding-top:.6rem!important;border-top:1px solid #f1f5f9!important}.motor-card-price{font-size:1.08rem!important;font-weight:800!important;color:#0f172a!important}.motor-card-tax-note{font-size:.68rem!important;color:#166534!important;font-weight:600!important}.slider-slide{flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box!important}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9998}.product-detail-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.product-detail-modal-content{background:#fff;border-radius:16px;max-width:860px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid #e2e8f0;animation:modalFadeIn .25s cubic-bezier(.16,1,.3,1);position:relative}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.product-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid #f1f5f9}.detail-sku-badge{background:#0284c7;color:#fff;font-weight:700;font-size:.8rem;padding:.25rem .75rem;border-radius:6px;letter-spacing:.05em}.btn-detail-close{background:transparent;border:none;font-size:1.75rem;line-height:1;color:#64748b;cursor:pointer;padding:.25rem;border-radius:6px;transition:color .2s,background .2s}.btn-detail-close:hover{color:#0f172a;background:#f1f5f9}.product-detail-modal-body{padding:1.75rem}.detail-modal-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem}@media (max-width: 768px){.detail-modal-grid{grid-template-columns:1fr;gap:1.5rem}}.detail-image-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:260px;display:flex;align-items:center;justify-content:center;padding:1rem}.detail-image-box img{max-height:230px;max-width:100%;object-fit:contain}.detail-modal-title{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.3;margin:0 0 .5rem}.detail-brand-badge{display:inline-block;background:#e0f2fe;color:#0369a1;font-weight:700;font-size:.75rem;text-transform:uppercase;padding:.2rem .6rem;border-radius:4px;margin-bottom:1rem}.detail-price-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:.85rem 1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.25rem}.detail-price-amount{font-size:1.65rem;font-weight:800;color:#0284c7}.detail-tax-note{font-size:.75rem;color:#166534;font-weight:600}.detail-attributes-section h4{font-size:.88rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem}.detail-attributes-grid{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem}.detail-attr-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.45rem .75rem;background:#f8fafc;border-radius:6px;border:1px solid #f1f5f9}.detail-attr-key{font-weight:600;color:#64748b}.detail-attr-val{font-weight:700;color:#0f172a;text-align:right}.detail-add-cart-btn{padding:.85rem;font-size:.95rem;font-weight:700;background:#0f172a;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.detail-add-cart-btn:hover{background:#0284c7}.hero-hybrid-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:#0f172ad1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.3);border-radius:14px;padding:.75rem 1rem;margin-top:.65rem;box-shadow:0 16px 36px -6px #0009,inset 0 1px #ffffff1f;transition:all .3s cubic-bezier(.16,1,.3,1)}.hero-hybrid-bar:hover{border-color:#38bdf880;box-shadow:0 20px 40px -6px #000000b3,0 0 24px #38bdf833}.hero-hybrid-select-group{position:relative;flex:0 0 180px}@media (max-width: 768px){.hero-hybrid-select-group{flex:1 1 100%}}.hero-hybrid-select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#1e293be6;color:#f8fafc;border:1px solid rgba(148,163,184,.3);border-radius:9px;padding:.6rem 2rem .6rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%3C38bdf8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:14px}.hero-hybrid-select:focus,.hero-hybrid-select:hover{border-color:#38bdf8;background-color:#1e293bfa;box-shadow:0 0 0 3px #38bdf833}.hero-hybrid-select option{background:#0f172a;color:#f8fafc}.hero-hybrid-input-group{flex:1 1 180px;position:relative}.hero-hybrid-input{width:100%;box-sizing:border-box;background:#1e293be6;color:#fff;border:1px solid rgba(148,163,184,.3);border-radius:9px;padding:.6rem .85rem;font-size:.85rem;font-weight:500;outline:none;transition:all .2s ease}.hero-hybrid-input::placeholder{color:#94a3b8;font-size:.82rem}.hero-hybrid-input:focus{border-color:#38bdf8;background-color:#1e293bfa;box-shadow:0 0 0 3px #38bdf833}.hero-hybrid-shield-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .85rem;border-radius:9px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;outline:none;flex:0 0 auto}.hero-hybrid-shield-btn.active{background:#10b9812e;color:#34d399;border:1px solid rgba(52,211,153,.45);box-shadow:0 2px 8px #10b98133}.hero-hybrid-shield-btn.active:hover{background:#10b98147;border-color:#34d399}.hero-hybrid-shield-btn:not(.active){background:#64748b40;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.hero-hybrid-shield-btn:not(.active):hover{background:#64748b59;color:#fff}.hero-hybrid-shield-btn .shield-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:shieldPulse 2s infinite}.hero-hybrid-shield-btn:not(.active) .shield-dot{background:#94a3b8;box-shadow:none;animation:none}@keyframes shieldPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.25);opacity:1}to{transform:scale(.95);opacity:.8}}.hero-hybrid-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:9px;padding:.6rem 1.15rem;font-size:.85rem;font-weight:800;letter-spacing:.04em;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px #0284c773;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none;flex:0 0 auto}.hero-hybrid-btn:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-2px);box-shadow:0 6px 20px #0284c7a6}.hero-hybrid-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0284c766}#brands-grid,.brands-grid{display:flex;flex-direction:column;gap:2.25rem;margin-bottom:2.5rem;width:100%}.brand-index-section{width:100%!important}.brand-section-header{margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.brand-section-title{font-size:1.15rem;font-weight:800;color:#0f2c59;display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem}.brand-section-icon{font-size:1.2rem}.brand-section-subtitle{font-size:.84rem;color:#64748b;margin:0;font-weight:500}.brands-featured-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;gap:1.15rem!important;width:100%!important;align-items:stretch!important}@media (max-width: 768px){#brands-grid,.brands-grid{flex-direction:column;gap:1.75rem;width:100%}.brands-featured-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;align-items:stretch!important;width:100%!important}.brand-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;padding:.9rem .6rem .85rem!important;min-height:145px!important;height:100%!important;width:100%!important;box-sizing:border-box!important}.brand-card-logo-wrapper{height:48px!important;flex:0 0 auto!important;margin-bottom:.35rem!important}.brand-card-logo{max-height:38px!important;max-width:90%!important}.brand-card-name{font-size:.82rem!important;margin:.2rem 0 .4rem!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.brand-card-action{font-size:.75rem!important;margin-top:auto!important;flex:0 0 auto!important}.other-brands-flex-container{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;width:100%!important}.other-brand-tile{height:38px!important;min-width:75px!important;padding:2px 8px!important}}.brand-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.15rem .85rem 1rem;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;text-align:center;text-decoration:none;color:#0f172a;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0f172a0a;position:relative;height:100%!important;min-height:155px;box-sizing:border-box}.brand-card:hover{transform:translateY(-4px);border-color:#38bdf8;box-shadow:0 10px 25px #0284c726;background:#fff}.brand-card-logo-wrapper{height:55px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;flex:0 0 auto!important}.brand-card-logo{max-height:48px;max-width:85%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.05));transition:transform .2s ease}.brand-card:hover .brand-card-logo{transform:scale(1.06)}.brand-card-name{font-size:.88rem;font-weight:700;color:#0f172a;margin:.25rem 0 .5rem;word-break:break-word;line-height:1.25;flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.brand-card-action{font-size:.78rem;font-weight:700;color:#0284c7;margin-top:auto!important;flex:0 0 auto!important;opacity:.9;transition:opacity .2s ease}.brand-card:hover .brand-card-action{opacity:1}.other-brands-flex-container{display:flex;flex-wrap:wrap;gap:.6rem;width:100%}.other-brand-pill{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.45rem .85rem;font-size:.83rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;box-shadow:0 1px 3px #00000008;outline:none}.other-brand-pill:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 10px #0284c71f}.other-brand-tile{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:85px;padding:4px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;box-sizing:border-box;transition:all .2s ease-in-out;box-shadow:0 1px 3px #0000000a;outline:none}.other-brand-tile:hover,.other-brand-tile:active,.other-brand-tile:focus{border-color:#0284c7;background-color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #0284c72e}.other-brand-tile-logo{max-height:24px;max-width:75px;width:auto;object-fit:contain;filter:none;transition:transform .2s ease}.other-brand-tile:hover .other-brand-tile-logo{transform:scale(1.05)}.brand-card-action{font-size:.72rem;font-weight:600;color:#0284c7;margin-top:.4rem;display:inline-flex;align-items:center;gap:.2rem;opacity:.85;transition:opacity .2s ease}.brand-card:hover .brand-card-action{opacity:1;color:#0369a1}@media (max-width: 640px){#brands-grid,.brands-grid{flex-direction:column;width:100%;gap:1.75rem}.brand-card{padding:1rem .65rem;min-height:125px}.brand-card-logo-wrapper{height:50px}.brand-card-logo{max-height:40px}.brand-card-fallback-badge{width:42px;height:42px;font-size:1rem}.brand-card-name{font-size:.8rem}}.cookie-banner-container{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);width:calc(100% - 2.5rem);max-width:960px;background:#0f172af5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.25rem 1.75rem;z-index:99990;box-shadow:0 20px 40px #00000059;animation:slideUpCookie .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpCookie{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.cookie-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.cookie-text strong{font-size:1rem;font-weight:700;display:block;margin-bottom:.25rem;color:#38bdf8}.cookie-text p{font-size:.875rem;color:#94a3b8;margin:0;line-height:1.45;max-width:620px}.cookie-actions{display:flex;align-items:center;gap:.75rem}.btn-cookie-accept{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-weight:700;font-size:.875rem;padding:.65rem 1.25rem;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0284c74d}.btn-cookie-accept:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.btn-cookie-reject{background:#ffffff14;color:#cbd5e1;font-weight:600;font-size:.875rem;padding:.65rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-cookie-reject:hover{background:#ffffff26;color:#fff}@media (max-width: 640px){.cookie-banner-container{bottom:.75rem;padding:1rem 1.25rem}.cookie-banner-content{flex-direction:column;align-items:stretch}.cookie-actions{justify-content:flex-end}}.mega-menu-footer{background:#f8fafc;padding:.75rem 1.25rem;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.btn-mega-menu-manuales{width:100%;padding:.6rem 1rem;background:linear-gradient(135deg,#0a192f,#1e293b);color:#38bdf8;border:1px solid rgba(56,189,248,.3);border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-mega-menu-manuales:hover{background:linear-gradient(135deg,#0284c7,#0a192f);color:#fff;border-color:#38bdf8;box-shadow:0 4px 12px #0284c740}.catalog-card-item{border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.catalog-card-item:hover{border-color:#38bdf8;box-shadow:0 10px 25px -5px #0f172a1a;transform:translateY(-2px)}.catalog-card-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .6rem;border-radius:6px;background:#e0f2fe;color:#0369a1;margin-bottom:.5rem;align-self:flex-start}.catalog-card-title{font-size:.98rem;font-weight:700;color:#0f172a;margin:0 0 .35rem;line-height:1.35}.catalog-card-desc{font-size:.82rem;color:#64748b;margin:0 0 1rem;line-height:1.45;flex:1}.catalog-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#94a3b8;padding-top:.75rem;border-top:1px dashed #f1f5f9;margin-bottom:.85rem}.catalog-card-actions{display:flex;gap:.5rem}.btn-catalog-view{flex:1;padding:.5rem .65rem;background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s}.btn-catalog-view:hover{background:#e2e8f0;color:#0f172a}.btn-catalog-download{flex:1;padding:.5rem .65rem;background:#0284c7;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none;transition:all .2s}.btn-catalog-download:hover{background:#0369a1}.flipbook-modal-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999999;padding:1rem;align-items:center;justify-content:center}.flipbook-modal-container{background:#0b1329;border:1px solid rgba(255,255,255,.12);border-radius:16px;width:98vw;max-width:1280px;height:94vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #0009;position:relative}.flipbook-modal-header{padding:.85rem 1.25rem;background:#070e20;color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);gap:.75rem;flex-wrap:wrap}.flipbook-modal-body{flex:1;background:radial-gradient(circle at center,#1e293b,#0f172a);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1rem}.flipbook-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.flipbook-book-wrapper{box-shadow:0 20px 40px #00000080;transition:transform .3s ease}.flipbook-page-canvas{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.flipbook-controls-bar{padding:.65rem 1.25rem;background:#070e20;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.flipbook-btn-ctrl{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#f8fafc;padding:.4rem .75rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s}.flipbook-btn-ctrl:hover{background:#38bdf833;border-color:#38bdf866;color:#38bdf8}.flipbook-btn-ctrl:disabled{opacity:.4;cursor:not-allowed}.flipbook-page-indicator{color:#94a3b8;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.4rem}.flipbook-page-input{width:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;text-align:center;padding:.2rem .3rem;font-size:.85rem;font-weight:600}.header-search-box{position:relative}.search-suggestions-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0f172a40,0 2px 8px #00000014;border:1px solid #e2e8f0;overflow:hidden;z-index:1200;max-height:420px;overflow-y:auto;animation:fadeInDown .18s cubic-bezier(.16,1,.3,1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-bottom:1px solid #f1f5f9;cursor:pointer;text-decoration:none;color:#0f172a;transition:background-color .15s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background-color:#f0f9ff}.suggestion-thumb{width:44px;height:44px;border-radius:6px;object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;flex-shrink:0;padding:2px}.suggestion-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.suggestion-title{font-size:.86rem;font-weight:600;color:#0f2c59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-meta{font-size:.74rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.suggestion-sku{font-weight:700;color:#0284c7;font-family:monospace}.suggestion-price{font-size:.88rem;font-weight:700;color:#059669;white-space:nowrap;flex-shrink:0}.suggestion-all-link{display:block;text-align:center;padding:.65rem;background:#f8fafc;color:#0284c7;font-size:.82rem;font-weight:700;border-top:1px solid #e2e8f0;text-decoration:none;transition:background .15s ease}.suggestion-all-link:hover{background:#e0f2fe}