.navbar{background:var(--color-bg);width:100%;color:var(--color-text);z-index:var(--z-sticky);border-top:3px solid var(--color-primary);position:relative}.nav-category-icon{vertical-align:middle;color:var(--color-primary);align-items:center;margin-right:6px;display:inline-flex}.mega-column-icon{vertical-align:middle;color:var(--color-primary);align-items:center;margin-right:8px;display:inline-flex}.mega-item-icon{vertical-align:middle;color:#6b7280;align-items:center;margin-right:8px;display:inline-flex}.mega-item:hover .mega-item-icon{color:var(--color-primary)}.navbar-top{background:var(--color-bg);border-bottom:1px solid var(--color-border);grid-template-columns:170px minmax(400px,1fr) 285px;align-items:center;gap:20px;width:100%;max-width:1400px;height:72px;margin:0 auto;padding:0 30px;display:grid}.navbar-left{align-items:center;gap:12px;display:flex}.mobile-menu-toggle{background:var(--color-bg-alt);width:40px;height:40px;color:var(--color-text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-menu-toggle:hover{background:var(--color-bg-hover)}.logo-link{text-decoration:none;display:block}.logo{cursor:pointer;-webkit-user-select:none;user-select:none;width:180px;height:auto;transition:transform var(--transition-fast), opacity var(--transition-fast);display:block}.logo-link:hover .logo{opacity:.88;transform:scale(1.05)}.search{justify-self:center;width:100%;max-width:590px;position:relative}.search input{border-radius:var(--radius-full);background:var(--color-bg-alt);width:100%;height:42px;color:var(--color-text);font-size:var(--fs-sm);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition);border:1px solid #0000;outline:none;padding:0 48px 0 20px}.search input::placeholder{color:var(--color-text-subtle)}.search input:hover{background:var(--color-bg-alt-2)}.search input:focus{background:var(--color-bg);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #0ea5b51f}.search-button{width:35px;height:35px;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search-button:hover{background:var(--color-primary-light);color:var(--color-primary-dark);transform:translateY(-50%)scale(1.12)}.search-icon{stroke-width:1.8px;width:17px;height:17px}.search-loading,.search-clear{width:32px;height:32px;color:var(--color-text-subtle);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:44px;transform:translateY(-50%)}.search-loading{pointer-events:none;animation:.8s linear infinite searchSpin}@keyframes searchSpin{to{transform:translateY(-50%)rotate(360deg)}}.search-clear:hover{color:var(--color-coral-dark);background:var(--color-coral-lighter)}.search-suggestions{background:var(--surface-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:searchFadeIn var(--transition);flex-direction:column;max-height:480px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}@keyframes searchFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-suggestions-header{background:var(--color-primary-lighter);color:var(--color-primary-darker);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--color-border-light);align-items:center;gap:6px;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.search-suggestions-list{flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}.search-suggestion-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);align-items:center;gap:12px;padding:8px 10px;display:flex}.search-suggestion-item.active,.search-suggestion-item:hover{background:var(--color-primary-lighter);transform:translate(2px)}.search-suggestion-img{object-fit:cover;border-radius:var(--radius-md);background:var(--color-bg-alt);border:1px solid var(--color-border-light);flex-shrink:0;width:44px;height:44px}.search-suggestion-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-suggestion-name{color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.search-suggestion-cat{color:var(--text-subtle);font-size:11px;font-weight:500}.search-suggestion-price{color:var(--color-primary-dark);flex-shrink:0;font-size:13px;font-weight:800}.search-suggestions-footer{background:var(--color-bg-alt);width:100%;color:var(--color-primary-dark);cursor:pointer;text-align:center;border:none;border-top:1px solid var(--color-border-light);transition:background var(--transition-fast), color var(--transition-fast);padding:11px 16px;font-family:inherit;font-size:12px;font-weight:700}.search-suggestions-footer:hover{background:var(--color-primary);color:var(--text-on-primary)}.search-empty{text-align:center;color:var(--text-muted);padding:22px 16px;font-size:13px;font-weight:500}.navbar-actions{justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.icon-button{color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);font-size:var(--fs-sm);white-space:nowrap;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-weight:500;display:flex}.icon-button svg{stroke-width:1.7px;width:18px;height:18px}.icon-button:hover{color:var(--color-primary-dark);background:var(--color-primary-lighter);transform:translateY(-1px)}.user-menu{align-items:center;display:flex;position:relative}.user-login{padding:8px}.user-login span{white-space:nowrap;display:inline-block}.favorites-button{width:40px;height:40px;padding:0}.favorites-button svg{stroke-width:1.6px;width:19px;height:19px}.cart-button{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);outline:none;justify-content:center;align-items:center;gap:7px;padding:10px;display:flex}.admin-panel-link{border:1px solid var(--color-primary-light);border-radius:var(--radius-md);background:var(--color-primary-lighter);color:var(--color-primary-dark);cursor:pointer;font-size:var(--fs-sm);box-shadow:var(--shadow-sm);transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;text-decoration:none;display:flex}.admin-panel-link svg{stroke-width:1.8px;width:18px;height:18px}.admin-panel-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.cart-button svg{width:20px;height:20px;color:var(--color-text);stroke-width:1.8px;transition:color var(--transition), transform var(--transition);flex-shrink:0;display:block}.cart-badge{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex}.cart-button:hover{background:var(--color-bg);border-color:var(--color-primary-light);color:var(--color-primary-dark);transform:translateY(-3px);box-shadow:0 8px 20px #0ea5b52e}.cart-button:hover svg{color:var(--color-primary-dark);transform:scale(1.12)}.cart-button:active{transform:translateY(0)}.user-dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:235px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--transition), visibility var(--transition), transform var(--transition);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(8px)}.user-menu:hover .user-dropdown,.user-menu:focus-within .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a,.user-dropdown button{background:var(--color-bg);width:100%;min-height:44px;color:var(--color-text);font-size:var(--fs-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;align-items:center;gap:11px;padding:11px 16px;display:flex}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.navbar-bottom{border-top:1px solid var(--color-border);align-items:stretch;width:100%;max-width:1400px;height:48px;margin:0 auto;padding:0 34px;display:flex}.nav-item{align-items:stretch;height:48px;display:flex;position:relative}.nav-link{height:48px;color:var(--color-text);font-size:var(--fs-sm);white-space:nowrap;transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;padding:0 18px;font-weight:600;display:flex;position:relative}.nav-link:after{content:"";background:var(--color-primary);width:0;height:3px;transition:width var(--transition), left var(--transition);position:absolute;bottom:0;left:50%}.nav-link:hover{color:var(--color-primary-dark)}.nav-link:hover:after,.nav-link.is-active:after{width:60%;left:20%}.nav-link-button{cursor:pointer;background:0 0;border:none;font-family:inherit}.nav-item--mega-open>.nav-link{color:var(--color-primary-dark)}.nav-arrow-icon{transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0}.nav-arrow-icon--open{transform:rotate(180deg)}.nav-item-home .nav-link{background:var(--color-text);min-width:70px;color:var(--color-bg)}.nav-item-home .nav-link:after{display:none}.nav-item-home .nav-link:hover{background:var(--color-text);color:var(--color-bg)}.nav-item-products .nav-link{min-width:92px}.nav-item-offers .nav-link{min-width:78px;color:var(--color-orange)}.nav-item-offers .nav-link:after{background:var(--color-orange)}.nav-item-offers .nav-link:hover{background:var(--color-orange-lighter);color:var(--color-orange-dark)}.nav-item:not(.nav-item-home):not(.nav-item-products):not(.nav-item-offers) .nav-link{min-width:90px}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1200px){.navbar-top{grid-template-columns:170px minmax(400px,1fr) 285px;padding:0 25px}.logo{width:145px}.navbar-bottom{padding:0 25px}}@media (width<=992px){.navbar-top{grid-template-columns:150px 1fr 260px;gap:18px}.navbar-actions{gap:3px}.navbar-bottom{scrollbar-width:none;overflow-x:auto}.navbar-bottom::-webkit-scrollbar{display:none}}@media (width<=900px){.navbar-top{grid-template-columns:140px 1fr auto;gap:12px;height:auto;padding:10px 14px}.search{order:2;width:100%}.search input{font-size:14px}.navbar-actions{order:3}.navbar-bottom{display:none}.nav-item .mega-menu{border-top:1px solid var(--color-border);border-radius:0;min-width:100%;max-width:100%;max-height:70vh;animation:.3s slideUp;position:fixed;inset:auto 0 0;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mega-menu-header{background:var(--color-bg-alt);z-index:10;padding:16px 20px;position:sticky;top:0}.mega-menu-header h2{font-size:16px}.mega-menu-cols{grid-template-columns:1fr;gap:20px;padding:16px 20px}.mega-column{border-bottom:1px solid var(--color-border);padding-bottom:16px}.mega-column:last-child{border-bottom:none}.mega-column h3{margin-bottom:10px;padding-bottom:6px;font-size:15px}.mega-items{gap:4px}.mega-item{padding:10px 12px;font-size:14px}.mega-item--single{margin-top:6px}.mobile-menu-toggle{display:flex}.navbar-left{grid-column:1}.logo{width:100px}.navbar-top{grid-template-columns:auto 1fr auto}}@media (width<=768px){.navbar-top{grid-template-columns:1fr auto;row-gap:10px;min-height:70px;padding:12px 18px}.search{grid-area:2/1/auto/-1;max-width:none}.search-suggestions{max-height:360px}.logo{width:135px}.navbar-bottom{padding:0 12px}}@media (width<=500px){.navbar-top{padding:10px 14px}.logo{width:120px}.user-login span{display:none}.cart-button{width:65px}.navbar-bottom{padding:0 6px}.nav-link{padding:0 12px;font-size:11px}}@media (width<=430px){.navbar-top{padding:8px 12px}.logo{width:110px}.search input{padding:0 40px 0 16px;font-size:13px}.search-button{width:32px;height:32px}.navbar-actions{gap:4px}.cart-button{min-width:56px;padding:8px}.cart-badge{min-width:17px;height:17px;font-size:9px}.navbar-bottom{padding:0 4px}.nav-link{padding:0 10px;font-size:10px}}@media (width<=375px){.navbar-top{padding:6px 10px}.logo{width:100px}.search input{height:38px;padding:0 36px 0 14px;font-size:12px}.search-button{width:30px;height:30px}.cart-button{min-width:52px;padding:7px}.nav-link{padding:0 8px;font-size:9px}}@media (width<=320px){.navbar-top{padding:5px 8px}.logo{width:90px}.search input{height:36px;padding:0 32px 0 12px;font-size:11px}.search-button{width:28px;height:28px}.cart-button{min-width:48px;padding:6px}.nav-link{padding:0 6px;font-size:9px}}@media (prefers-reduced-motion:reduce){.navbar *,.navbar :before,.navbar :after{transition-duration:0s!important;animation-duration:0s!important}}.mega-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2999;background:#00000080;animation:.2s backdropFadeIn;position:fixed;inset:0}.mega-menu{z-index:3000;box-sizing:border-box;border:1px solid #e5e7eb;border-top:3px solid var(--color-primary);background:#fff;border-radius:16px;width:max-content;max-width:calc(100vw - 32px);animation:.18s ease-out megaMenuEnter;position:fixed;overflow:hidden;box-shadow:0 18px 45px #0f172a24,0 4px 12px #0f172a0d}.mega-menu-mobile-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:none}.mega-menu-mobile-header h3{color:var(--color-text);margin:0;font-size:16px;font-weight:700}.mega-menu-close-button{width:36px;height:36px;color:var(--color-text);cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.mega-menu-close-button:hover{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.mega-menu-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-wrap:nowrap;align-items:flex-start;gap:0;width:max-content;min-width:100%;max-width:calc(100vw - 32px);padding:22px 8px 20px 22px;display:flex;overflow:auto hidden}.mega-menu-scroll::-webkit-scrollbar{height:7px}.mega-menu-scroll::-webkit-scrollbar-track{background:0 0}.mega-menu-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.mega-menu-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mega-column{box-sizing:border-box;border-right:1px solid #eef2f4;flex:0 0 180px;width:180px;max-width:180px;padding:0 18px}.mega-column:first-child{padding-left:4px}.mega-column:last-child{border-right:none}.mega-column-title{width:100%;color:var(--color-text);text-transform:uppercase;letter-spacing:.045em;background:0 0;border:none;border-bottom:1px solid #e8edef;justify-content:space-between;align-items:center;gap:10px;margin:0 0 11px;padding:0 0 10px;font-size:12px;font-weight:800;line-height:1.25;text-decoration:none;transition:color .18s,border-color .18s;display:flex}.mega-column-title span{text-overflow:ellipsis;overflow:hidden}.mega-column-title svg{color:#94a3b8;flex-shrink:0;transition:color .18s,transform .18s}.mega-column-title:hover{color:var(--color-primary-dark);border-color:var(--color-primary-light)}.mega-column-title:hover svg{color:var(--color-primary);transform:translate(2px)}.mega-column-items{scrollbar-width:thin;scrollbar-color:#dbe4e7 transparent;flex-direction:column;gap:3px;max-height:250px;display:flex;overflow-y:auto}.mega-column-items::-webkit-scrollbar{width:5px}.mega-column-items::-webkit-scrollbar-track{background:0 0}.mega-column-items::-webkit-scrollbar-thumb{background:#dbe4e7;border-radius:999px}.mega-item{color:#4b5563;border-radius:7px;align-items:center;min-height:30px;padding:5px 8px;font-size:12px;font-weight:500;line-height:1.35;text-decoration:none;transition:color .18s,background .18s,transform .18s;display:flex}.mega-item:hover{color:var(--color-primary-dark);background:var(--color-primary-lighter);transform:translate(2px)}.mega-column-all{color:var(--color-primary-dark);white-space:nowrap;align-items:center;gap:5px;margin-top:10px;padding:6px 2px;font-size:11px;font-weight:800;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.mega-column-all:hover{color:var(--color-primary);transform:translate(3px)}.mega-item--empty{color:#9ca3af;cursor:pointer;font-style:italic}.mega-item--empty:hover{color:var(--color-primary-dark);background:var(--color-primary-lighter)}.mega-menu--more{border-top-color:var(--color-primary)}@keyframes megaMenuEnter{0%{opacity:0;transform:translateY(-5px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){.mega-menu{max-width:calc(100vw - 24px)}.mega-menu-scroll{max-width:calc(100vw - 24px);padding:20px 8px 18px 18px}.mega-column{flex-basis:165px;width:165px;max-width:165px;padding:0 14px}}@media (width<=900px){.mega-menu--mobile{border-radius:16px;width:auto;max-width:none;max-height:75vh;position:fixed;bottom:12px;right:12px;top:auto!important;left:12px!important}.mega-menu--mobile .mega-menu-mobile-header{display:flex}.mega-menu--mobile .mega-menu-scroll{width:auto;min-width:0;max-width:none;padding:18px 8px;overflow:auto hidden}.mega-menu--mobile .mega-column{flex-basis:165px;width:165px;max-width:165px}}@media (width<=480px){.mega-menu{bottom:8px;right:8px;left:8px!important}.mega-menu-scroll{padding:15px 6px}.mega-column{flex-basis:150px;width:150px;max-width:150px;padding:0 11px}.mega-column-title{font-size:11px}.mega-item{min-height:29px;font-size:11px}.mega-column-all{font-size:10px}}@media (prefers-reduced-motion:reduce){.mega-menu{animation:none}.mega-item,.mega-column-title,.mega-column-all{transition:none}}.inactivity-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.18s ease-out ina-fade;display:flex;position:fixed;inset:0}@keyframes ina-fade{0%{opacity:0}to{opacity:1}}.inactivity-modal{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:2rem 1.75rem;animation:.22s cubic-bezier(.34,1.56,.64,1) ina-pop;box-shadow:0 25px 60px #00000040}@keyframes ina-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.inactivity-icon{color:#ea580c;background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1rem;display:flex}.inactivity-modal h2{color:#0f172a;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.inactivity-modal p{color:#475569;margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.inactivity-modal p strong{color:#ea580c;font-variant-numeric:tabular-nums}.inactions{justify-content:center;display:flex}.inaction-primary{background:var(--color-primary,#0ea5b5);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .12s,filter .12s;display:inline-flex}.inaction-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.inaction-primary:active{transform:translateY(0)}.inaction-primary:focus-visible{outline-offset:2px;outline:3px solid #0ea5b559}.cart-drawer-overlay{z-index:9998;background:#0000008c;animation:.25s cart-drawer-fade;position:fixed;inset:0}.cart-drawer{z-index:9999;background:#fff;flex-direction:column;width:420px;max-width:100vw;animation:.3s cubic-bezier(.22,1,.36,1) cart-drawer-slide;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #0000002e}.cart-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.cart-drawer-header h3{color:var(--secondary);align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.cart-drawer-close{width:36px;height:36px;color:var(--secondary);cursor:pointer;background:#f1f1f1;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cart-drawer-close:hover{background:var(--primary);color:#fff}.cart-drawer-body{flex:1;padding:12px 18px;overflow-y:auto}.cart-drawer-loading,.cart-drawer-empty{text-align:center;color:#6e7271;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.cart-drawer-empty svg{color:#c5c5c5}.cart-drawer-empty p{color:var(--secondary);margin:0;font-weight:600}.cart-drawer-empty small{color:#9ca3af;max-width:240px;font-size:12px}.cart-drawer-cta{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:10px 22px;font-weight:600;transition:all .2s}.cart-drawer-cta:hover{background:var(--secondary)}.cart-drawer-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cart-drawer-item{background:#fafafa;border-radius:12px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.cart-drawer-item-img img{object-fit:cover;background:#f5f5f3;border-radius:8px;width:64px;height:64px}.cart-drawer-item-info h4{color:var(--secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 2px;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.cart-drawer-item-info small{color:#6e7271;font-size:12px}.cart-drawer-qty{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:2px 4px;display:inline-flex}.cart-drawer-qty button{cursor:pointer;width:32px;height:32px;color:var(--secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cart-drawer-qty button:hover:not(:disabled){background:var(--primary);color:#fff}.cart-drawer-qty button:disabled{opacity:.4;cursor:not-allowed}.cart-drawer-qty span{text-align:center;min-width:22px;font-size:13px;font-weight:700}.cart-drawer-item-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.cart-drawer-item-right strong{color:var(--primary);font-size:14px}.cart-drawer-remove{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.cart-drawer-remove:hover{color:#fff;background:#dc2626}.cart-drawer-footer{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:16px 22px 22px;display:flex}.cart-drawer-total{color:var(--secondary);justify-content:space-between;align-items:baseline;display:flex}.cart-drawer-total strong{color:var(--primary);font-size:18px}.cart-drawer-checkout{background:var(--color-text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:0 18px;font-size:14px;font-weight:700;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 16px #0097a738;color:#fff!important}.cart-drawer-checkout:hover{background:var(--color-text);transform:translateY(-2px);box-shadow:0 10px 22px #0097a747;color:#fff!important}.cart-drawer-checkout:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.cart-drawer-view{border:1px solid var(--border);width:100%;min-height:42px;color:var(--secondary);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s;display:flex}.cart-drawer-view:hover{border-color:var(--primary);color:var(--primary);background:#f8fafb;transform:translateY(-1px)}@keyframes cart-drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes cart-drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes cart-drawer-spin{to{transform:rotate(360deg)}}@media (width<=480px){.cart-drawer{width:100vw}}.site-footer{color:#fff;width:100%;margin:0;position:relative;overflow:hidden}.footer-bg{z-index:0;background:#102a3a;position:absolute;inset:110px 0 0}.footer-waves{pointer-events:none;z-index:1;width:100%;height:190px;position:absolute;top:0;left:0;overflow:hidden}.footer-waves svg{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.footer-container{z-index:5;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:0;width:min(1180px,100% - 60px);margin:0 auto;padding-top:190px;padding-bottom:42px;display:grid;position:relative}.footer-brand{border-right:1px solid #cbd5e126;padding-right:42px}.footer-logo{width:200px;margin-bottom:17px}.footer-logo img{width:100%;height:auto;display:block}.footer-description{color:#cbd5e1;max-width:290px;margin:0;font-size:13px;line-height:1.65}.footer-socials-uiverse{justify-content:flex-start;align-items:center;margin-top:24px;display:flex}.footer-column{border-right:1px solid #cbd5e126;padding-left:28px;padding-right:24px}.footer-column:last-child{border-right:none}.footer-column h3{color:#fff;margin:0;font-size:16px;font-weight:700;line-height:1.2}.footer-title-line{background:#0ea5b5;border-radius:10px;width:24px;height:3px;margin-top:9px;margin-bottom:19px;display:block}.footer-column>a{color:#cbd5e1;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;line-height:1.35;text-decoration:none;transition:color .2s,transform .2s;display:flex}.footer-column>a svg{color:#0ea5b5;stroke-width:2px;flex-shrink:0;width:16px;height:16px}.footer-column>a:hover{color:#fff;transform:translate(3px)}.footer-contact>a svg,.footer-contact-item svg{color:#ff6b6b}.footer-contact-item{color:#cbd5e1;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.footer-contact-item svg{flex-shrink:0;width:16px;height:16px}.footer-bottom{z-index:5;border-top:1px solid #cbd5e126;position:relative}.footer-bottom-container{justify-content:center;align-items:center;gap:25px;width:min(1180px,100% - 60px);min-height:64px;margin:0 auto;display:flex}.footer-bottom p{color:#94a3b8;text-align:center;margin:0;font-size:12px}@media (width<=1100px){.footer-container{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;width:calc(100% - 40px)}.footer-brand{padding-right:25px}.footer-column{padding-left:20px;padding-right:15px}.footer-description,.footer-column>a{font-size:12px}.footer-column h3{font-size:15px}}@media (width<=850px){.footer-waves{height:120px}.footer-container{grid-template-columns:repeat(2,1fr);gap:35px 0;padding-top:145px}.footer-brand{border-bottom:1px solid #cbd5e126;border-right:none;grid-column:span 2;padding-bottom:30px;padding-right:0}.footer-description{max-width:450px}.footer-column:nth-child(3){border-right:none}.footer-bottom-container{flex-direction:column;justify-content:center;padding:18px 0}}@media (width<=600px){.footer-waves{height:110px}.footer-container{grid-template-columns:1fr;gap:25px;width:calc(100% - 35px);padding-top:130px;padding-bottom:30px}.footer-brand{grid-column:auto;padding-bottom:25px}.footer-logo{width:155px}.footer-description{max-width:100%;font-size:12px}.footer-socials-uiverse{margin-top:20px}.footer-column{border-bottom:1px solid #cbd5e126;border-right:none;padding-bottom:20px;padding-left:0;padding-right:0}.footer-column:last-child{border-bottom:none}.footer-column h3{font-size:15px}.footer-column>a{font-size:12px}.footer-bottom-container{width:calc(100% - 35px);min-height:auto;padding:20px 0}.footer-bottom p{text-align:center;font-size:11px}.payment-methods{flex-wrap:wrap;justify-content:center;gap:7px;width:100%}.payment-card{width:60px;height:30px}}.social-buttons-parent{perspective:500px;justify-content:flex-start;align-items:center;gap:10px;width:max-content;height:auto;display:flex}.social-buttons-child{width:50px;height:50px;transform-style:preserve-3d;background:#ffffff0a;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.68,.85,.265,1.85),box-shadow .3s,background-color .3s;display:flex;position:relative;box-shadow:inset 1px 1px 2px #ffffffd9,0 0 5px #0000002e}.social-buttons-child:hover{background-color:#fff;transform:perspective(180px)rotateX(60deg)translateY(2px)}.social-buttons-child-1:hover{box-shadow:0 10px 10px #1e90ffbf}.social-buttons-child-2:hover{box-shadow:0 10px 10px #ff00ffbf}.social-buttons-child-3:hover{box-shadow:0 10px 10px #000000bf}.social-buttons-child-4:hover{box-shadow:0 10px 10px #4267b2bf}.social-buttons-button{cursor:pointer;color:#0ea5b5;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:20px;transition:transform .5s cubic-bezier(.68,-.85,.265,1.55),color .2s;display:flex}.social-buttons-button svg{fill:currentColor;width:20px;height:20px;display:block}.social-buttons-label{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10;font-size:10px;font-weight:600;transition:opacity .2s,visibility .2s;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.social-buttons-child:hover .social-buttons-label{opacity:1;visibility:visible}.social-buttons-child-1 .social-buttons-button{color:#1e90ff}.social-buttons-child-2 .social-buttons-button{color:#f0f}.social-buttons-child-3 .social-buttons-button{color:#000}.social-buttons-child-4 .social-buttons-button{color:#4267b2}.social-buttons-child:hover>.social-buttons-button{transform:translate3d(0,20px,30px)perspective(80px)rotateX(-60deg)translateY(2px)translateZ(10px)}@media (width<=850px){.social-buttons-child{width:46px;height:46px}.social-buttons-button svg{width:18px;height:18px}}@media (width<=600px){.social-buttons-parent{gap:8px}.social-buttons-child{width:42px;height:42px}.social-buttons-button svg{width:17px;height:17px}}.hero{background:var(--color-bg);width:100%;padding:40px 20px 48px;overflow:hidden}.hero-container{width:100%;max-width:1450px;margin:0 auto}.hero-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;display:grid}.hero-card{border-radius:var(--radius-xl);isolation:isolate;min-height:260px;transition:transform var(--transition), box-shadow var(--transition);display:flex;position:relative;overflow:hidden}.hero-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0ea5b526}.hero-card--pets:hover{box-shadow:0 12px 32px #ff7a0026}.hero-card--family:hover{box-shadow:0 12px 32px #0f766e26}.hero-card:focus-within{outline:2px solid var(--color-primary-dark);outline-offset:3px}.hero-card--fashion{background:linear-gradient(135deg, var(--color-primary-lighter) 0%, var(--color-primary-light) 100%)}.hero-card--pets{background:linear-gradient(135deg, var(--color-orange-lighter) 0%, var(--color-orange-light) 100%)}.hero-card--family{background:linear-gradient(135deg,#f2faf7 0%,#eaf6f1 100%)}.hero-card-content{z-index:3;flex-direction:column;align-items:flex-start;width:52%;padding:27px 0 25px 25px;display:flex;position:relative}.hero-card h1{color:var(--color-text);letter-spacing:-.03em;font-size:clamp(24px,2.2vw,30px);font-weight:800;line-height:1.05;font-family:"Outfit", "Geist", "Cabinet Grotesk", var(--font-sans);margin:0}.hero-card--fashion h1{color:var(--color-primary-darker)}.hero-card--family h1{color:#0f766e}.hero-card p{max-width:200px;color:var(--color-text-muted);font-size:var(--fs-sm);margin:12px 0 0;font-weight:500;line-height:1.45}.hero-card-features{align-items:flex-start;gap:14px;margin-top:17px;display:flex}.hero-feature{width:60px;color:var(--color-text);text-align:center;font-size:var(--fs-xs);flex-direction:column;align-items:center;gap:5px;font-weight:500;line-height:1.2;display:flex}.hero-feature-icon{border-radius:var(--radius-full);color:#fff;background:var(--color-primary);width:32px;height:32px;box-shadow:var(--shadow-primary);transition:transform var(--transition);justify-content:center;align-items:center;display:flex}.hero-card:hover .hero-feature-icon{transform:scale(1.12)translateY(-2px)}.hero-card--pets .hero-feature-icon{background:var(--color-orange);box-shadow:var(--shadow-orange)}.hero-card--family .hero-feature-icon{background:#0f766e;box-shadow:0 4px 10px #0f766e38}.hero-card-button{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;min-height:36px;font-size:var(--fs-sm);letter-spacing:.2px;transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;margin-top:16px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.hero-card--pets .hero-card-button{background:var(--color-orange)}.hero-card--family .hero-card-button{background:#0f766e}.hero-card-button:hover{background:var(--color-primary-dark);transform:translateY(-3px);box-shadow:0 8px 20px #0ea5b540}.hero-card--pets .hero-card-button:hover{background:var(--color-orange-dark);box-shadow:0 8px 20px #ff7a0040}.hero-card--family .hero-card-button:hover{background:#0c5f58;box-shadow:0 8px 20px #0f766e40}.hero-card-button:focus-visible{outline-offset:3px}.hero-card-image{z-index:2;object-fit:contain;object-position:right bottom;pointer-events:none;-webkit-user-select:none;user-select:none;width:58%;height:100%;transition:transform var(--transition-slow);position:absolute;bottom:0;right:-3px}.hero-card:hover .hero-card-image{transform:scale(1.04)translateY(-2px)}.hero-decoration{z-index:1;pointer-events:none;position:absolute}.hero-decoration-one{background-image:radial-gradient(var(--color-primary) 1.2px, transparent 1.2px);opacity:.5;background-size:7px 7px;width:32px;height:32px;top:13px;right:15px}.hero-card--pets .hero-decoration-one{background-image:radial-gradient(var(--color-orange) 1.2px, transparent 1.2px)}.hero-card--family .hero-decoration-one{background-image:radial-gradient(#0f766e 1.2px,#0000 1.2px)}.hero-decoration-two{border-top:2px solid #0ea5b573;border-radius:50%;width:45px;height:20px;top:10px;left:58%;transform:rotate(-8deg)}.hero-card--pets .hero-decoration-two{border-color:#ff7a0073}.hero-card--family .hero-decoration-two{border-color:#0f766e73}.hero-benefits{border:1px solid var(--color-border-light);width:100%;min-height:90px;transition:box-shadow var(--transition), transform var(--transition);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:16px;grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;margin-top:32px;padding:20px 32px;display:grid;box-shadow:0 2px 8px #0ea5b50f,0 8px 24px #0ea5b50a}.hero-benefits:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0ea5b51a,0 12px 32px #0ea5b514}.hero-benefit{border-right:1px solid var(--color-border);min-height:50px;transition:background var(--transition), transform var(--transition);align-items:center;gap:14px;padding:8px 16px;display:flex}.hero-benefit:first-child{padding-left:0}.hero-benefit:last-child{border-right:none;padding-right:0}.hero-benefit:hover{background:#0ea5b50a;border-radius:12px}.hero-benefit-icon{width:44px;height:44px;transition:transform var(--transition), box-shadow var(--transition);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0ea5b51f,inset 0 1px #fff9}.hero-benefit:hover .hero-benefit-icon{transform:scale(1.12)rotate(-6deg);box-shadow:0 4px 16px #0ea5b52e,inset 0 1px #ffffffb3}.hero-icon-coral{color:#dc2626;background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%)}.hero-icon-orange{color:#ea580c;background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%)}.hero-icon-turquoise{color:#0891b2;background:linear-gradient(135deg,#a5f3fc 0%,#67e8f9 100%)}.hero-benefit-text{flex-direction:column;gap:4px;min-width:0;display:flex}.hero-benefit-text strong{color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;font-size:14px;font-weight:700}.hero-benefit-text span{color:var(--color-text-subtle);letter-spacing:.01em;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.2}.hero-highlights{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin-top:18px;display:grid}.hero-highlight{border-radius:var(--radius-lg);background:var(--color-primary-lighter);min-height:56px;transition:transform var(--transition), border-color var(--transition), background var(--transition);border:1px solid #0000;align-items:center;gap:10px;padding:10px 13px;text-decoration:none;display:flex}.hero-highlight:nth-child(2){background:#f0faf8}.hero-highlight:nth-child(3){background:var(--color-primary-lighter)}.hero-highlight:nth-child(4){background:var(--color-orange-lighter)}.hero-highlight:hover{border-color:var(--color-border);background:var(--color-bg);box-shadow:var(--shadow-md);transform:translateY(-3px)}.hero-highlight-icon{flex-shrink:0;width:32px;height:32px}.hero-highlight-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hero-highlight-text strong{color:var(--color-text);font-size:var(--fs-xs);white-space:nowrap;font-weight:700}.hero-highlight-text span{color:var(--color-text-subtle);white-space:nowrap;font-size:10px}.hero-highlight-arrow{color:var(--color-text-subtle);transition:transform var(--transition), color var(--transition);flex-shrink:0}.hero-highlight:hover .hero-highlight-arrow{color:var(--color-primary-dark);transform:translate(4px)}@media (width<=1100px){.hero{padding:24px 18px 30px}.hero-categories{gap:14px}.hero-card{min-height:245px}.hero-card-content{width:58%;padding:24px 0 22px 20px}.hero-card h1{font-size:21px}.hero-card-image{width:60%}.hero-benefits{padding:0 15px}.hero-benefit{padding:0 12px}.hero-benefit-text strong,.hero-benefit-text span{white-space:normal}}@media (width<=850px){.hero-categories{grid-template-columns:1fr}.hero-card{min-height:270px}.hero-card-content{width:50%;padding-left:30px}.hero-card-image{width:55%}.hero-benefits{grid-template-columns:repeat(2,1fr);padding:12px 20px}.hero-benefit{border-right:none;min-height:55px}.hero-benefit:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.hero-highlights{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hero{padding:16px 12px 24px}.hero-categories{gap:12px}.hero-card{border-radius:var(--radius-lg);min-height:230px}.hero-card-content{width:57%;padding:20px 0 18px 18px}.hero-card h1{font-size:20px}.hero-card p{max-width:145px;font-size:12px}.hero-card-features{gap:8px;margin-top:12px}.hero-feature{width:50px;font-size:10px}.hero-feature-icon{width:28px;height:28px}.hero-card-button{min-height:32px;font-size:var(--fs-xs);margin-top:12px;padding:0 14px}.hero-card-image{width:57%}.hero-benefits{grid-template-columns:1fr;padding:8px 15px}.hero-benefit,.hero-benefit:first-child,.hero-benefit:last-child{border-right:none;border-bottom:1px solid var(--color-border);min-height:52px;padding:8px 0}.hero-benefit:last-child{border-bottom:none}.hero-highlights{grid-template-columns:1fr}.hero-highlight{min-height:54px}}@media (width<=430px){.hero{padding:clamp(10px,2vw,14px) clamp(6px,1.5vw,10px) clamp(16px,3vw,20px)}.hero-categories{gap:clamp(8px,1.5vw,10px)}.hero-card{border-radius:var(--radius-md);min-height:clamp(190px,40vw,220px)}.hero-card-content{width:clamp(50%,45vw,55%);padding:clamp(14px,3vw,18px) 0 clamp(12px,2.5vw,16px) clamp(12px,2.5vw,16px)}.hero-card h1{font-size:clamp(16px,4vw,19px)}.hero-card p{max-width:clamp(100px,25vw,130px);font-size:clamp(9px,2vw,11px)}.hero-card-features{gap:clamp(4px,1vw,6px);margin-top:clamp(8px,2vw,10px)}.hero-feature{width:clamp(40px,8vw,45px);font-size:clamp(8px,2vw,9px)}.hero-feature-icon{width:clamp(24px,5vw,26px);height:clamp(24px,5vw,26px)}.hero-card-button{min-height:clamp(26px,6vw,30px);margin-top:clamp(8px,2vw,10px);padding:0 clamp(8px,2vw,12px);font-size:clamp(9px,2vw,10px)}.hero-card-image{width:clamp(53%,48vw,55%)}.hero-benefits{grid-template-columns:1fr;gap:clamp(4px,1vw,6px);padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,12px)}.hero-benefit{border-right:none;border-bottom:1px solid var(--color-border);min-height:clamp(45px,8vw,48px);padding:clamp(6px,1.5vw,8px) 0}.hero-benefit:last-child{border-bottom:none}.hero-benefit-icon{width:clamp(32px,7vw,38px);height:clamp(32px,7vw,38px)}.hero-benefit-text strong{font-size:clamp(11px,2.5vw,12px)}.hero-benefit-text span{font-size:clamp(10px,2vw,11px)}.hero-highlights{grid-template-columns:1fr;gap:clamp(8px,1.5vw,10px)}.hero-highlight{min-height:clamp(48px,10vw,50px);padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,10px)}.hero-highlight-icon{width:clamp(26px,5vw,28px);height:clamp(26px,5vw,28px)}.hero-highlight-text strong{font-size:clamp(9px,2vw,10px)}.hero-highlight-text span{font-size:clamp(8px,1.5vw,9px)}}.pc-card{border-radius:var(--radius-lg);cursor:pointer;width:100%;min-width:0;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #cbd5e1;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000d}.pc-card:hover{border-color:var(--color-primary-light);transform:translateY(-6px);box-shadow:0 16px 40px #0ea5b52e}.pc-image{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border-light);justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative;overflow:hidden}.pc-image img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform var(--transition-slow);display:block}.pc-card:hover .pc-image img{transform:scale(1.06)}.pc-image img.is-fallback{object-fit:contain;opacity:.75;background:var(--color-bg-alt-2);width:100%;height:100%;padding:30px}.pc-favorite{background:var(--color-bg);cursor:pointer;z-index:5;width:40px;height:40px;transition:transform var(--transition-fast), background var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0ea5b51f}.pc-favorite svg{color:var(--color-text);transition:color var(--transition-fast)}.pc-favorite:hover{background:var(--color-coral-light);transform:scale(1.15)translateY(-2px);box-shadow:0 4px 12px #ff6b6b40}.pc-favorite.is-favorite{background:var(--color-coral-light)}.pc-favorite.is-favorite svg{color:var(--color-coral);fill:var(--color-coral);stroke:var(--color-coral)}.pc-discount{border-radius:var(--radius-full);background:var(--color-coral);color:#fff;letter-spacing:.3px;box-shadow:var(--shadow-coral);padding:6px 10px;font-size:11px;font-weight:800;line-height:1;animation:2s ease-in-out infinite pulse-coral;position:absolute;top:10px;left:10px}.pc-content{flex-direction:column;min-height:140px;padding:18px;display:flex}.pc-category{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;text-overflow:ellipsis;order:3;margin-bottom:6px;font-size:10px;font-weight:600;display:block;overflow:hidden}.pc-content h3{min-height:20px;color:var(--color-text);font-size:var(--fs-sm);letter-spacing:-.01em;font-weight:600;line-height:1.3;font-family:"Outfit", "Geist", "Cabinet Grotesk", var(--font-sans);-webkit-line-clamp:2;line-clamp:2;transition:color var(--transition);-webkit-box-orient:vertical;order:2;margin:0 0 8px;display:-webkit-box;overflow:hidden}.pc-card:hover h3{color:var(--color-primary-darker)}.pc-price{order:1;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.pc-price-current{color:var(--color-text);font-size:var(--fs-lg);font-weight:800;line-height:1.1}.pc-price-old{color:var(--color-text-subtle);font-size:var(--fs-xs);font-weight:500;text-decoration:line-through}.pc-cart-button{border-radius:var(--radius-md);background:var(--color-text);width:100%;height:40px;color:var(--color-bg);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;order:4;justify-content:center;align-items:center;gap:8px;margin-top:auto;font-weight:700;display:flex}.pc-cart-button:hover{background:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 24px #0ea5b547}.pc-cart-button:active{transform:translateY(0)}@media (width<=1350px){.pc-image{height:320px}}@media (width<=1100px){.pc-image{height:340px}}@media (width<=680px){.pc-image{height:301px}.pc-content{min-height:132px;padding:14px}}@media (width<=420px){.pc-image{height:360px}.pc-content h3{font-size:var(--fs-base)}}@media (width<=430px){.pc-card{border-radius:var(--radius-md);min-height:clamp(215px,45vw,235px)}.pc-image{min-height:clamp(125px,25vw,135px)}.pc-favorite{width:clamp(26px,6vw,30px);height:clamp(26px,6vw,30px);top:clamp(6px,1.5vw,8px);right:clamp(6px,1.5vw,8px)}.pc-favorite svg{width:clamp(13px,3vw,16px);height:clamp(13px,3vw,16px)}.pc-discount{padding:clamp(2px,.5vw,3px) clamp(5px,1vw,7px);font-size:clamp(8px,2vw,10px);top:clamp(6px,1.5vw,8px);left:clamp(6px,1.5vw,8px)}.pc-content{padding:clamp(8px,2vw,12px) clamp(5px,1.5vw,8px) clamp(6px,1.5vw,10px)}.pc-category{letter-spacing:clamp(.2px,.05vw,.3px);padding:clamp(1px,.3vw,2px) clamp(4px,1vw,6px);font-size:clamp(8px,1.5vw,9px)}.pc-content h3{font-size:clamp(10px,2.5vw,12px);line-height:1.3}.pc-price-current{font-size:clamp(11px,2.5vw,13px)}.pc-cart-button{gap:clamp(4px,1vw,5px);height:clamp(28px,6vw,32px);padding:0 clamp(6px,1.5vw,10px);font-size:clamp(9px,2vw,10px)}.pc-cart-button svg{width:clamp(11px,2.5vw,14px);height:clamp(11px,2.5vw,14px)}}@media (prefers-reduced-motion:reduce){.pc-card,.pc-image img,.pc-favorite,.pc-cart-button,.pc-discount{transition:none!important;animation:none!important}}.product-detail{--pd-bg:#f6f7f9;--pd-surface:#fff;--pd-text:#1f2937;--pd-muted:#6b7280;--pd-soft:#9aa3af;--pd-border:#e5e7eb;--pd-border-strong:#d1d5db;--pd-accent:#0ea5b5;--pd-accent-dark:#0b8a98;--pd-accent-soft:#e6f7f9;--pd-danger:#dc2626;--pd-danger-soft:#fff1f2;--pd-star:#f59e0b;--pd-shadow-sm:0 1px 2px #0f172a0a;--pd-shadow-md:0 8px 24px #0f172a0f;--pd-radius:14px}.product-detail,.product-detail *{box-sizing:border-box}.product-detail{background:var(--pd-bg);width:100%;min-height:100vh;color:var(--pd-text);padding:20px 0 64px;overflow-x:hidden}.product-detail-wrapper{width:100%;max-width:1280px;margin:0 auto;padding:0 28px}.product-breadcrumb{width:100%;color:var(--pd-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.product-breadcrumb span:not(.breadcrumb-separator){cursor:pointer;transition:color .2s}.product-breadcrumb span:not(.breadcrumb-separator):hover{color:var(--pd-accent)}.product-breadcrumb strong{color:var(--pd-text);font-weight:600}.breadcrumb-separator{color:var(--pd-soft);font-size:16px}.product-container{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:stretch;gap:48px;width:100%;display:grid}.product-gallery{flex-direction:row-reverse;align-items:stretch;gap:14px;width:100%;min-width:0;height:100%;display:flex}.gallery-main{background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:var(--pd-radius);width:100%;min-width:0;min-height:480px;max-height:720px;box-shadow:var(--pd-shadow-sm);flex:auto;justify-content:center;align-self:stretch;align-items:center;display:flex;overflow:hidden}.gallery-main img{object-fit:contain;width:100%;height:100%;transition:transform .35s;display:block}.gallery-main:hover img{transform:scale(1.02)}.gallery-thumbnail-wrapper{flex-direction:column;flex:0 0 92px;align-self:stretch;align-items:center;gap:10px;width:92px;margin-top:0;display:flex}.gallery-thumbnails{scrollbar-width:thin;flex-direction:column;flex:auto;align-items:center;gap:10px;width:100%;min-width:0;display:flex;overflow:hidden auto}.gallery-thumbnails::-webkit-scrollbar{width:6px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--pd-border-strong);border-radius:4px}.gallery-thumbnail{background:var(--pd-surface);border:1px solid var(--pd-border);cursor:pointer;border-radius:10px;flex:0 0 78px;width:78px;height:84px;padding:0;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}.gallery-thumbnail:hover{border-color:var(--pd-accent);transform:translateY(-2px)}.gallery-thumbnail.active{border:2px solid var(--pd-accent);box-shadow:0 0 0 3px #0ea5b51f}.gallery-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.gallery-arrow{width:34px;height:34px;color:var(--pd-muted);cursor:pointer;background:0 0;border:none;flex:0 0 34px;justify-content:center;align-items:center;padding:0;transition:color .2s,transform .2s;display:flex}.gallery-arrow svg{transform:rotate(-90deg)}.gallery-arrow:hover{color:var(--pd-accent);transform:scale(1.08)}.product-info{flex-direction:column;align-items:flex-start;gap:14px;width:100%;min-width:0;padding-top:4px;display:flex}.product-info-panel{background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:var(--pd-radius);width:100%;box-shadow:var(--pd-shadow-sm);flex-direction:column;flex:auto;align-items:stretch;gap:14px;margin-top:6px;padding:18px;display:flex}.product-category{background:var(--pd-accent-soft);color:var(--pd-accent-dark);letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.product-info h1{width:100%;color:var(--pd-text);word-break:break-word;margin:0;font-size:28px;font-weight:700;line-height:1.2;display:block}.product-price{width:100%;color:var(--pd-text);align-items:baseline;gap:10px;font-size:26px;font-weight:700;line-height:1.1;display:flex}.product-price .price-old{color:var(--pd-soft);font-size:15px;font-weight:500;text-decoration:line-through}.product-price .price-tag{color:#047857;background:#ecfdf5;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.product-rating{align-items:center;gap:8px;width:100%;display:flex}.rating-stars{color:var(--pd-star);align-items:center;gap:2px;display:flex}.product-rating>span{color:var(--pd-muted);white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:inline-flex}.product-rating .rating-dot{color:var(--pd-soft)}.product-options-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;width:100%;display:grid}.product-option-group{background:var(--pd-bg);border:1px solid var(--pd-border);border-radius:12px;flex-direction:column;gap:8px;width:100%;min-width:0;padding:14px;display:flex}.product-option-group h4{color:var(--pd-text);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.product-option-group h4 span{color:var(--pd-muted);font-weight:500}.colors{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.color-item{flex-direction:column;align-items:center;gap:4px;display:flex}.color-swatch{border:2px solid var(--pd-surface);width:32px;height:32px;box-shadow:0 0 0 1px var(--pd-border-strong);cursor:pointer;border-radius:50%;outline:none;flex:0 0 32px;padding:0;transition:transform .2s,box-shadow .2s}.color-swatch:hover{box-shadow:0 0 0 2px var(--pd-accent);transform:scale(1.08)}.color-swatch--active{box-shadow:0 0 0 2px var(--pd-accent);transform:scale(1.05)}.color-swatch__dot{background:#ccc;border-radius:50%;width:100%;height:100%;display:block}.color-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.color-swatch__name{color:var(--pd-muted);font-size:12px;font-weight:600}.sizes{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;width:100%;display:grid}.size-btn{border:1px solid var(--pd-border-strong);background:var(--pd-surface);min-width:0;color:var(--pd-text);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 6px;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.size-btn:hover:not(:disabled){border-color:var(--pd-accent);box-shadow:var(--pd-shadow-sm);transform:translateY(-1px)}.size-btn.active{background:var(--pd-accent);border-color:var(--pd-accent);color:#fff;box-shadow:0 6px 14px #0ea5b538}.size-btn--out{opacity:.45;cursor:not-allowed;background:#f3f4f6;text-decoration:line-through}.size-btn--out:hover{box-shadow:none;transform:none}.size-name{font-size:13px;font-weight:700}.product-description{flex-direction:column;gap:6px;width:100%;display:flex}.product-description h4{color:var(--pd-text);margin:0;font-size:13px;font-weight:600}.product-description p{color:var(--pd-muted);margin:0;font-size:14px;line-height:1.55}.product-stock{align-items:center;gap:6px;width:100%;font-size:13px;font-weight:600;display:flex}.product-stock .stock-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.product-stock.low .stock-dot{background:#f59e0b}.product-stock.out .stock-dot{background:var(--pd-danger)}.product-stock span{color:var(--pd-text)}.product-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.benefit-card{background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:10px;align-items:center;gap:9px;min-width:0;padding:10px 12px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.benefit-card:hover{box-shadow:var(--pd-shadow-sm);border-color:#b9e3e8;transform:translateY(-2px)}.benefit-icon{width:32px;height:32px;color:var(--pd-accent-dark);background:var(--pd-accent-soft);border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;display:flex}.benefit-card>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.benefit-card strong{color:var(--pd-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;display:block;overflow:hidden}.benefit-card span{color:var(--pd-muted);font-size:11px;line-height:1.3;display:block}.purchase-actions{grid-template-columns:auto minmax(0,1fr) 50px;align-items:center;gap:10px;width:100%;margin-top:4px;display:grid}.quantity{border:1px solid var(--pd-border-strong);background:var(--pd-surface);border-radius:10px;align-items:center;height:50px;display:flex;overflow:hidden}.quantity button{width:40px;height:48px;color:var(--pd-muted);cursor:pointer;background:0 0;border:none;flex:0 0 40px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex}.quantity button:hover:not(:disabled){background:var(--pd-accent-soft);color:var(--pd-accent-dark)}.quantity button:disabled{opacity:.35;cursor:not-allowed}.quantity span{text-align:center;width:40px;color:var(--pd-text);flex:0 0 40px;font-size:15px;font-weight:700}.buy-button{background:var(--pd-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;padding:0 18px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 16px #0ea5b538}.buy-button:hover:not(:disabled){background:var(--pd-accent-dark);transform:translateY(-2px);box-shadow:0 10px 22px #0ea5b547}.buy-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.favorite{border:1px solid var(--pd-border-strong);background:var(--pd-surface);width:50px;height:50px;color:var(--pd-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.favorite:hover{background:var(--pd-danger-soft);color:var(--pd-danger);border-color:#fda4af;transform:translateY(-2px)}.favorite-active{background:var(--pd-danger-soft);color:var(--pd-danger);border-color:#fecdd3}.product-detail-state{width:100%;min-height:60vh;color:var(--pd-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.product-detail-state .spin{color:var(--pd-accent)}.detail-back-button{background:var(--pd-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-weight:600;transition:background .2s}.detail-back-button:hover{background:var(--pd-accent-dark)}.product-gallery{animation:.45s both productReveal}.product-info{animation:.45s 80ms both productReveal}@keyframes productReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1200px){.product-container{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:36px}.gallery-main{max-height:440px}}@media (width<=960px){.product-detail{padding-top:14px}.product-container{grid-template-columns:minmax(0,1fr);gap:28px}.product-gallery{flex-direction:column;max-width:700px}.gallery-thumbnail-wrapper{flex-direction:row;width:100%}.gallery-thumbnails{flex-direction:row;overflow:auto hidden}.gallery-arrow svg{transform:rotate(0)}.gallery-main{max-height:min(70vw,460px)}.product-info{max-width:760px}}@media (width<=700px){.product-detail-wrapper{padding:0 16px}.product-breadcrumb{margin-bottom:12px;font-size:12px}.gallery-main{border-radius:12px;height:440px}.gallery-thumbnail{flex-basis:68px;width:68px;height:74px}.product-info h1,.product-price{font-size:24px}.product-benefits{grid-template-columns:1fr}.product-options-row{grid-template-columns:1fr;gap:12px}.purchase-actions{grid-template-columns:minmax(0,1fr) 50px}.quantity{grid-column:1/-1;justify-content:center;width:100%}.quantity span{flex-basis:60px;width:60px}}@media (width<=480px){.product-detail-wrapper{padding:0 12px}.gallery-main{height:380px}.gallery-thumbnail-wrapper{gap:4px}.gallery-arrow{flex-basis:28px;width:28px}.gallery-thumbnail{flex-basis:58px;width:58px;height:64px}.product-info h1,.product-price{font-size:22px}.purchase-actions{grid-template-columns:1fr}.quantity{grid-column:auto}.favorite,.buy-button{width:100%}}.rating-distribution{background:var(--pd-bg);border-radius:10px;flex-direction:column;gap:8px;width:100%;margin-top:8px;padding:14px;display:flex}.rating-bar-row{align-items:center;gap:10px;width:100%;display:flex}.rating-bar-label{width:32px;color:var(--pd-muted);text-align:right;flex:0 0 32px;font-size:12px;font-weight:600}.rating-bar-track{background:var(--pd-border-strong);border-radius:4px;flex:auto;height:8px;overflow:hidden}.rating-bar-fill{background:var(--pd-star);border-radius:4px;height:100%;transition:width .3s}.rating-bar-count{width:28px;color:var(--pd-text);text-align:center;flex:0 0 28px;font-size:12px;font-weight:600}.rating-bar-percent{width:36px;color:var(--pd-muted);text-align:right;flex:0 0 36px;font-size:11px;font-weight:500}.no-reviews{color:var(--pd-muted);font-size:13px;font-style:italic}.product-reviews-section{border-top:1px solid var(--pd-border);flex-direction:column;gap:16px;width:100%;margin-top:24px;padding-top:24px;display:flex}.product-reviews-section h3{color:var(--pd-text);margin:0;font-size:18px;font-weight:700}.review-form-container{background:var(--pd-accent-soft);border:1px solid var(--pd-border);border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:18px;display:flex}.review-form-container h4{color:var(--pd-text);margin:0;font-size:14px;font-weight:600}.review-form-message{color:var(--pd-muted);margin:0;font-size:13px;line-height:1.4}.rating-selector{align-items:center;gap:8px;display:flex}.rating-selector span{color:var(--pd-text);font-size:13px;font-weight:600}.rating-star-btn{border:1px solid var(--pd-border);background:var(--pd-surface);width:32px;height:32px;color:var(--pd-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.rating-star-btn:hover{border-color:var(--pd-accent);transform:scale(1.05)}.rating-star-btn.active{background:var(--pd-accent);border-color:var(--pd-accent);color:#fff}.review-textarea{border:1px solid var(--pd-border-strong);background:var(--pd-surface);width:100%;color:var(--pd-text);resize:vertical;border-radius:10px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.review-textarea:focus{border-color:var(--pd-accent);outline:none;box-shadow:0 0 0 3px #0ea5b51a}.review-submit-btn{background:var(--pd-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:10px 20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.review-submit-btn:hover:not(:disabled){background:var(--pd-accent-dark);transform:translateY(-1px)}.review-submit-btn:disabled{opacity:.6;cursor:not-allowed}.reviews-list{flex-direction:column;gap:14px;width:100%;display:flex}.review-card{background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:10px;flex-direction:column;gap:8px;width:100%;padding:14px;display:flex}.review-header{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.review-author{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.review-author strong{color:var(--pd-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.verified-badge{color:#047857;white-space:nowrap;background:#ecfdf5;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.review-date{color:var(--pd-muted);white-space:nowrap;flex:none;font-size:12px;font-weight:500}.review-stars{color:var(--pd-star);align-items:center;gap:2px;display:flex}.review-comment{color:var(--pd-text);word-break:break-word;margin:0;font-size:14px;line-height:1.5}.no-reviews-message{color:var(--pd-muted);text-align:center;background:var(--pd-bg);border-radius:10px;margin:0;padding:20px;font-size:14px;font-style:italic}.product-recommendations-section{border-top:1px solid var(--pd-border);flex-direction:column;gap:16px;width:100%;margin-top:32px;padding-top:24px;display:flex}.product-recommendations-section h3{color:var(--pd-text);margin:0;font-size:18px;font-weight:700}.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;width:100%;display:grid}@media (width<=960px){.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}}@media (width<=700px){.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}}@media (width<=430px){.product-detail-wrapper{padding:0 10px}.product-breadcrumb{gap:4px;font-size:11px}.gallery-main{border-radius:12px;height:400px}.gallery-thumbnail{flex-basis:62px;width:62px;height:68px}.gallery-arrow{flex-basis:26px;width:26px}.product-info h1,.product-price{font-size:20px}.product-info-panel{padding:14px}.product-category{padding:3px 8px;font-size:10px}.product-options-row{gap:10px}.product-option-group{padding:12px}.color-swatch{flex-basis:28px;width:28px;height:28px}.size-btn{min-width:48px;padding:8px 4px}.size-name{font-size:11px}.product-benefits{grid-template-columns:1fr;gap:8px}.benefit-card{padding:8px 10px}.benefit-icon{width:28px;height:28px}.benefit-card strong{font-size:11px}.benefit-card span{font-size:10px}.quantity{height:46px}.quantity button{flex-basis:36px;width:36px;height:44px}.quantity span{flex-basis:50px;width:50px;font-size:14px}.buy-button{height:46px;font-size:13px}.favorite{height:46px}.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}}@media (width<=375px){.product-detail-wrapper{padding:0 8px}.gallery-main{height:360px}.gallery-thumbnail-wrapper{gap:3px}.gallery-thumbnail{flex-basis:56px;width:56px;height:62px}.product-info h1,.product-price{font-size:18px}.product-info-panel{padding:12px}.product-category{padding:2px 6px;font-size:9px}.color-swatch{flex-basis:26px;width:26px;height:26px}.color-swatch__name{font-size:10px}.size-btn{min-width:44px;padding:7px 3px}.size-name{font-size:10px}.quantity{height:44px}.quantity button{flex-basis:34px;width:34px;height:42px}.quantity span{flex-basis:44px;width:44px;font-size:13px}.buy-button{height:44px;font-size:12px}.favorite{height:44px}.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (width<=320px){.product-detail-wrapper{padding:0 6px}.gallery-main{height:340px}.gallery-thumbnail{flex-basis:52px;width:52px;height:58px}.product-info h1,.product-price{font-size:17px}.product-info-panel{padding:10px}.product-category{padding:2px 5px;font-size:9px}.color-swatch{flex-basis:24px;width:24px;height:24px}.size-btn{min-width:42px;padding:6px 2px}.size-name{font-size:9px}.quantity{height:42px}.quantity button{flex-basis:32px;width:32px;height:40px}.quantity span{flex-basis:40px;width:40px;font-size:12px}.buy-button{height:42px;font-size:11px}.favorite{height:42px}.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.featured-products{background:var(--color-bg);width:100%;max-width:1450px;margin:0 auto;padding:60px 30px 50px}.featured-header{justify-content:space-between;align-items:flex-end;gap:30px;width:100%;margin-bottom:42px;display:flex}.featured-header-content{min-width:0}.featured-subtitle{color:var(--color-primary-darker);font-size:var(--fs-sm);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-weight:700;line-height:1;display:block}.featured-header h2{color:var(--color-text);letter-spacing:-1.5px;margin:0;font-size:40px;font-weight:800;line-height:1.05}.featured-header p{max-width:680px;color:var(--color-text-muted);font-size:var(--fs-md);margin:12px 0 0;font-weight:400;line-height:1.6}.featured-view-all{color:var(--color-primary-darker);font-size:var(--fs-md);transition:transform var(--transition), gap var(--transition);flex-shrink:0;align-items:center;gap:10px;margin-bottom:7px;font-weight:700;text-decoration:none;display:inline-flex}.featured-view-all span{transition:transform var(--transition);font-size:21px;line-height:1}.featured-view-all:hover{gap:14px;transform:translate(2px)}.featured-view-all:hover span{transform:translate(4px)}.featured-products-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;display:grid}.products-message{background:var(--color-bg);width:100%;min-height:250px;color:var(--color-text-muted);text-align:center;font-size:var(--fs-md);border-radius:var(--radius-lg);border:1px dashed var(--color-border);flex-direction:column;justify-content:center;align-items:center;display:flex}.products-message p{margin:15px 0 0}.products-loader{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite productsLoading}@keyframes productsLoading{to{transform:rotate(360deg)}}.product-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);animation:fade-in var(--transition) var(--ease-out);background:#1f29378c;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.product-modal{background:var(--color-bg);border-radius:var(--radius-2xl);width:min(1300px,96vw);min-height:760px;box-shadow:var(--shadow-xl);animation:scale-in var(--transition) var(--ease-out);grid-template-columns:58% 42%;display:grid;position:relative;overflow:hidden}.close-modal{background:var(--color-bg-alt);width:48px;height:48px;color:var(--color-text);cursor:pointer;transition:var(--transition);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:22px;right:22px}.close-modal:hover{background:var(--color-text);color:var(--color-bg);transform:rotate(90deg)}.modal-left{background:var(--color-bg-alt-2);justify-content:center;align-items:center;padding:60px;display:flex}.modal-left img{object-fit:contain;width:100%;max-width:620px;max-height:680px}.modal-right{flex-direction:column;padding:60px;display:flex}.modal-category{text-transform:uppercase;letter-spacing:3px;color:var(--color-primary-darker);font-size:var(--fs-sm);margin-bottom:14px;font-weight:700}.modal-right h2{color:var(--color-text);margin:0 0 18px;font-size:42px;font-weight:800;line-height:1.1}.modal-right h3{color:var(--color-primary-darker);margin:0 0 28px;font-size:38px;font-weight:800}.modal-right p{color:var(--color-text-muted);font-size:var(--fs-md);margin:0 0 35px;line-height:1.7}.modal-right h4{font-size:var(--fs-md);color:var(--color-text);margin:0 0 16px;font-weight:700}.colors{gap:15px;margin-bottom:35px;display:flex}.color{border:2px solid var(--color-border);cursor:pointer;width:40px;height:40px;transition:var(--transition);border-radius:50%}.color:hover{border-color:var(--color-primary);transform:scale(1.12)}.black{background:#000}.gray{background:#a6adb5}.green{background:#0f766e}.white{background:#fff}.sizes{gap:14px;margin-bottom:45px;display:flex}.sizes button{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);width:55px;height:55px;color:var(--color-text);cursor:pointer;transition:var(--transition);font-weight:700}.sizes button:hover{border-color:var(--color-primary);color:var(--color-primary-darker)}.sizes .active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.add-cart-modal{border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;width:100%;height:56px;font-size:var(--fs-md);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-primary);border:none;margin-top:auto;font-weight:700}.add-cart-modal:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 24px #0ea5b54d}.add-cart-modal:active{transform:translateY(0)}@media (width<=1250px){.featured-products{padding:50px 25px 40px}.featured-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-header h2{font-size:36px}}@media (width<=1050px){.featured-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-header h2{font-size:32px}}@media (width<=800px){.featured-products{padding:45px 20px 35px}.featured-header{flex-direction:column;align-items:flex-start;margin-bottom:35px}.featured-header h2{font-size:30px}.featured-header p{font-size:var(--fs-base)}.featured-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (width<=560px){.featured-products{padding:40px 16px 30px}.featured-subtitle{font-size:var(--fs-xs);letter-spacing:2.5px}.featured-header h2{letter-spacing:-.8px;font-size:26px}.featured-header p{font-size:var(--fs-sm)}.featured-products-grid{grid-template-columns:1fr;gap:20px}.featured-view-all{font-size:var(--fs-base)}}@media (width<=1000px){.product-modal{grid-template-columns:1fr;max-height:95vh;overflow-y:auto}.modal-left{padding:30px}.modal-right{padding:35px}}.nosotros-page{background:var(--color-bg);box-sizing:border-box;width:100%;min-height:100vh;padding:56px 24px 80px}.nosotros-container{width:100%;max-width:1120px;margin:0 auto}.nosotros-hero{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 58%, #066976 100%);border-radius:28px;align-items:center;min-height:390px;margin-bottom:34px;padding:72px 76px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #06697624}.nosotros-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 25%,#ffffff29,#0000 24%),radial-gradient(circle at 75% 85%,#ffffff1a,#0000 25%);position:absolute;inset:0}.nosotros-hero-content{z-index:2;width:min(100%,700px);position:relative}.nosotros-eyebrow{color:#ffffffeb;letter-spacing:.15em;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;align-items:center;margin-bottom:18px;padding:8px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.nosotros-hero h1{color:#fff;letter-spacing:-.04em;max-width:680px;margin:0;font-size:clamp(2.5rem,5vw,4.4rem);font-weight:800;line-height:1.04}.nosotros-hero h1 span{color:#dffbff}.nosotros-hero p{color:#ffffffe0;max-width:600px;margin:22px 0 0;font-size:1.05rem;line-height:1.75}.nosotros-hero-decoration{pointer-events:none;position:absolute;inset:0}.decoration-circle{border:1px solid #ffffff29;border-radius:50%;position:absolute}.decoration-circle-one{width:330px;height:330px;top:-110px;right:-100px}.decoration-circle-two{background:#ffffff0a;width:230px;height:230px;bottom:-110px;right:50px}.decoration-circle-three{background:#ffffff14;width:90px;height:90px;top:82px;right:190px}.nosotros-section{background:#fff;border:1px solid #0f172a0f;border-radius:24px;grid-template-columns:260px minmax(0,1fr);column-gap:48px;margin-bottom:24px;padding:46px 48px;display:grid;position:relative;box-shadow:0 10px 28px #0f172a0d}.nosotros-section-heading{align-items:flex-start;gap:16px;display:flex}.nosotros-section-number{background:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary-dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.nosotros-section-label{color:var(--color-primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:800;display:block}.nosotros-section h2{color:var(--color-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.65rem,3vw,2.15rem);font-weight:800;line-height:1.15}.nosotros-content{flex-direction:column;gap:18px;min-width:0;display:flex}.nosotros-content p{color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.85}.nosotros-highlight{background:var(--color-primary-light);border-radius:16px;align-items:stretch;gap:16px;margin-top:8px;padding:20px 22px;display:flex;position:relative}.highlight-line{background:var(--color-primary);border-radius:999px;flex-shrink:0;width:4px}.nosotros-highlight p{color:var(--color-primary-darker);font-size:1rem;font-weight:700;line-height:1.7}.nosotros-mission{background:linear-gradient(135deg,#fff 0%,#f8fcfd 100%)}.nosotros-vision{color:#fff;background:linear-gradient(135deg,#0d3444 0%,#102f3e 55%,#0b4554 100%);border:none;overflow:hidden;box-shadow:0 14px 32px #0d344429}.nosotros-vision:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-140px;right:-100px}.nosotros-vision .nosotros-section-number{color:#b8f5fb;background:#ffffff1a}.nosotros-vision .nosotros-section-label{color:#76e6ef}.nosotros-vision h2{color:#fff}.nosotros-vision .nosotros-content p{color:#ffffffd1}.nosotros-vision-footer{border-top:1px solid #ffffff1a;grid-column:2;align-items:center;gap:20px;margin-top:12px;padding-top:22px;display:flex}.nosotros-vision-footer span{color:#76e6ef;font-size:2.4rem;font-weight:800;line-height:1}.nosotros-vision-footer p{color:#ffffffc2;margin:0;font-size:.95rem;line-height:1.6}.nosotros-closing{text-align:center;flex-direction:column;align-items:center;padding:48px 20px 12px;display:flex}.nosotros-closing-line{background:var(--color-primary);border-radius:999px;width:56px;height:4px;margin-bottom:22px}.nosotros-closing p{color:var(--color-text-secondary);margin:0;font-size:1.1rem;line-height:1.6}.nosotros-closing strong{color:var(--color-primary-darker)}.nosotros-closing span{color:var(--color-primary);letter-spacing:.18em;margin-top:10px;font-size:.75rem;font-weight:800}@media (width<=900px){.nosotros-page{padding:40px 18px 64px}.nosotros-hero{min-height:340px;padding:58px 44px}.nosotros-section{grid-template-columns:210px minmax(0,1fr);gap:28px;padding:36px}.nosotros-vision-footer{grid-column:2}}@media (width<=700px){.nosotros-page{padding:24px 14px 48px}.nosotros-hero{border-radius:22px;min-height:auto;margin-bottom:20px;padding:42px 24px}.nosotros-hero h1{font-size:clamp(2rem,10vw,3rem);line-height:1.06}.nosotros-hero p{margin-top:16px;font-size:.95rem;line-height:1.65}.nosotros-eyebrow{margin-bottom:14px;font-size:.7rem}.decoration-circle-one{width:220px;height:220px;top:-100px;right:-90px}.decoration-circle-two{width:160px;height:160px;bottom:-90px;right:-30px}.decoration-circle-three{width:56px;height:56px;top:56px;right:70px}.nosotros-section{border-radius:20px;margin-bottom:18px;padding:28px 22px;display:block}.nosotros-section-heading{margin-bottom:24px}.nosotros-section-number{border-radius:10px;width:40px;height:40px;font-size:.78rem}.nosotros-section h2{font-size:1.55rem}.nosotros-section-label{font-size:.64rem}.nosotros-content{gap:16px}.nosotros-content p{font-size:.95rem;line-height:1.78}.nosotros-highlight{padding:17px 16px}.nosotros-highlight p{font-size:.9rem}.nosotros-vision-footer{grid-column:auto;align-items:flex-start;gap:14px;margin-top:22px}.nosotros-vision-footer span{font-size:2rem}.nosotros-vision-footer p{font-size:.86rem}.nosotros-closing{padding-top:34px}.nosotros-closing p{font-size:1rem}.nosotros-closing span{letter-spacing:.12em;font-size:.66rem}}@media (width<=430px){.nosotros-page{padding:18px 10px 40px}.nosotros-hero{border-radius:18px;padding:34px 19px}.nosotros-hero h1{font-size:1.95rem}.nosotros-hero p{font-size:.88rem}.nosotros-eyebrow{padding:7px 11px;font-size:.62rem}.nosotros-section{border-radius:18px;padding:24px 17px}.nosotros-section-heading{gap:12px;margin-bottom:20px}.nosotros-section-number{width:36px;height:36px}.nosotros-section h2{font-size:1.35rem}.nosotros-content p{font-size:.89rem;line-height:1.72}.nosotros-highlight{gap:11px;padding:15px 13px}.nosotros-highlight p{font-size:.84rem}.nosotros-vision-footer span{font-size:1.7rem}.nosotros-vision-footer p{font-size:.8rem}}@media (width<=360px){.nosotros-page{padding-left:8px;padding-right:8px}.nosotros-hero{padding:30px 16px}.nosotros-hero h1{font-size:1.75rem}.nosotros-section{padding:22px 15px}.nosotros-section h2{font-size:1.25rem}.nosotros-content p{font-size:.84rem}.nosotros-highlight p{font-size:.8rem}}.breadcrumb{color:#64748b;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 14px;font-family:inherit;font-size:12px;line-height:1.4;display:flex}.breadcrumb-home,.breadcrumb-link{color:#0b8fa1;align-items:center;gap:4px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.breadcrumb-home:hover,.breadcrumb-link:hover{color:#087481;text-decoration:underline}.breadcrumb-sep{color:#94a3b8;align-items:center;display:inline-flex}.breadcrumb-segment{align-items:center;gap:4px;display:inline-flex}.breadcrumb-current{color:#334155;font-weight:700}.products-page{background:var(--color-bg);width:100%;min-height:auto;padding:40px 28px 52px}.products-container{width:100%;max-width:1460px;margin:0 auto}.products-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:36px;display:grid}.filters-modal-inner .products-sidebar{box-shadow:none;border-radius:0;padding:0;position:static}.products-sidebar{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;padding:24px 16px;position:sticky;top:20px;box-shadow:0 2px 8px #0ea5b514}.sidebar-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sidebar-section-header h3{margin:0;font-size:1rem;font-weight:600}.sidebar-toggle-categories{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.sidebar-toggle-categories:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.category-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;transition:all .2s;display:flex}.category-item-text{flex:1}.category-chevron{flex-shrink:0;transition:transform .2s}.category-chevron--expanded{transform:rotate(180deg)}.category-item--parent{font-size:.95rem;font-weight:600}.category-item--sub{padding-left:20px;font-size:.9rem;font-weight:500}.category-item--subsub{padding-left:32px;font-size:.85rem;font-weight:400}.category-item:hover{background:var(--color-bg-hover)}.category-item.active{background:var(--color-primary);color:#fff}.category-subgroup{flex-direction:column;display:flex}.category-sublist{flex-direction:column;margin-top:4px;display:flex}.category-sublist--nested{margin-top:4px}.sidebar-section{flex-direction:column;display:flex}.sidebar-section h3{color:var(--color-text);margin:0 0 14px;padding:0 10px;font-size:15px;font-weight:700}.sidebar-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-clear{color:var(--color-primary-dark);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:12px;font-weight:700}.sidebar-clear:hover{color:var(--color-primary-darker)}.category-item{width:100%;min-height:36px;color:var(--color-text-muted);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;border-radius:0 6px 6px 0;padding:8px 12px;font-size:13px;font-weight:500}.category-item:hover{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.category-item.active{background:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary-darker);font-weight:700}.category-group{flex-direction:column;width:100%;display:flex}.category-item--parent{color:var(--color-text);font-weight:700}.category-item--parent.active{color:var(--color-primary-darker)}.category-sublist{border-left:1px dashed var(--color-border);flex-direction:column;width:100%;margin:2px 0 6px 14px;padding-left:18px;display:flex}.category-item--sub{min-height:32px;color:var(--color-text-muted);padding:6px 12px;font-size:12px;font-weight:500}.category-item--sub.active{color:var(--color-primary-darker);background:var(--color-primary-light);font-weight:700}.category-item--sub:hover{color:var(--color-primary-dark);background:var(--color-primary-lighter)}.sidebar-divider{background:var(--color-border-light);height:1px;margin:18px 8px}.filter-block{flex-direction:column;gap:9px;margin-bottom:18px;display:flex}.filter-label{color:var(--color-text);font-size:13px;font-weight:700}.price-label{color:var(--color-text-muted);justify-content:space-between;font-size:12px;display:flex}.price-inputs{gap:7px;display:flex}.price-inputs input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:50%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:8px 9px;font-size:11px}.price-inputs input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5b51f}.sidebar-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:9px 11px;font-size:12px}.sidebar-input::placeholder{color:var(--color-text-subtle)}.sidebar-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5b51f}.discount-filter{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:9px;margin-bottom:18px;font-size:12px;display:flex}.discount-filter input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.apply-filters-button{border-radius:var(--radius-md);background:var(--color-primary);width:100%;color:var(--color-bg);cursor:pointer;box-shadow:var(--shadow-primary);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;padding:11px 12px;font-size:12px;font-weight:700}.apply-filters-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.products-content{min-width:0}.products-header{justify-content:space-between;align-items:flex-start;gap:25px;min-height:102px;margin-bottom:32px;display:flex}.products-heading{min-width:0}.products-heading h1{color:var(--color-text);letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1.05;font-family:"Outfit", "Geist", "Cabinet Grotesk", var(--font-sans);margin:4px 0 8px}.products-heading p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.products-toolbar{align-items:center;gap:14px;padding-top:38px;display:flex}.products-count{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.products-count strong{color:var(--color-text)}.products-sort{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-width:132px;height:38px;transition:border-color var(--transition-fast);align-items:center;gap:5px;padding:0 11px;display:flex}.products-sort:hover{border-color:var(--color-primary-light)}.products-sort span{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.products-sort select{min-width:76px;color:var(--color-text);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;font-size:11px;font-weight:700}.mobile-filter-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);height:38px;color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast);align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:700;display:none}.mobile-filter-button:hover{border-color:var(--color-primary)}.products-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:22px;width:100%;display:grid}.products-message,.products-empty{border:1px dashed var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px;display:flex}.products-message p,.products-empty p{color:var(--color-text-muted);margin:10px 0 0;font-size:14px}.products-empty h3{color:var(--color-text);margin:0;font-size:22px;font-weight:700}.empty-action{border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-bg);cursor:pointer;box-shadow:var(--shadow-primary);transition:background var(--transition-fast), transform var(--transition-fast);border:none;margin-top:20px;padding:11px 20px;font-size:13px;font-weight:700;text-decoration:none}.empty-action:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite productsSpin}@keyframes productsSpin{to{transform:rotate(360deg)}}.products-pagination{justify-content:center;align-items:center;gap:8px;margin-top:30px;display:flex}.pagination-number,.pagination-next{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.pagination-number:hover,.pagination-next:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.pagination-number.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-bg)}.pagination-dots{color:var(--color-text-muted);padding:0 2px;font-size:13px}.filters-modal{z-index:9000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f29378c;justify-content:flex-end;display:none;position:fixed;inset:0}.filters-modal[style*="display: flex"]{display:flex!important}.filters-modal-inner{background:var(--color-bg);width:min(360px,90vw);height:100%;padding:22px;animation:.3s filtersSlide;overflow-y:auto}.filters-modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.filters-modal-head h3{color:var(--color-text);margin:0;font-size:20px}.filters-modal-head button{background:var(--color-bg-alt);width:36px;height:36px;color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}@keyframes filtersSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.filters-modal-footer{border-top:1px solid var(--color-border);gap:12px;margin-top:24px;padding-top:20px;display:flex}.filters-modal-clear{border:1px solid var(--color-border);background:var(--color-bg);min-height:44px;color:var(--color-text);cursor:pointer;border-radius:10px;flex:1;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s}.filters-modal-clear:hover{background:var(--color-bg-alt);border-color:var(--color-text-subtle)}.filters-modal-apply{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:all .2s}.filters-modal-apply:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5b540}@media (width<=1350px){.products-page{padding-left:22px;padding-right:22px}.products-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}.products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.products-heading h1{font-size:31px}}@media (width<=1100px){.products-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.products-header{flex-direction:column;min-height:auto;margin-bottom:22px}.products-toolbar{justify-content:space-between;width:100%;padding-top:0}}@media (width<=900px){.products-layout{display:block}.products-sidebar{display:none}.mobile-filter-button{display:flex}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters-modal{display:flex!important}}@media (width<=680px){.products-page{padding:22px 15px 35px}.products-heading h1{font-size:27px}.products-heading p{font-size:12px}.products-toolbar{flex-wrap:wrap;gap:9px}.products-count{order:3;width:100%}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width<=420px){.products-grid{grid-template-columns:1fr}.products-sort{flex:1}}.cart-page{box-sizing:border-box;background:#f5f7f8;width:100%;min-height:70vh;padding:32px 20px 70px}.cart-container{width:100%;max-width:1320px;margin:0 auto}.cart-header{justify-content:space-between;align-items:flex-end;gap:25px;margin:22px 0 26px;display:flex}.cart-header-content{min-width:0}.cart-eyebrow{color:#0097a7;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.cart-header h1{color:#031927;letter-spacing:-.7px;margin:0;font-size:32px;font-weight:800;line-height:1.15}.cart-header p{color:#6e7271;margin:8px 0 0;font-size:14px;line-height:1.5}.cart-clear-button{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.cart-clear-button:hover{background:#fff1f1;border-color:#fecaca;transform:translateY(-1px)}.cart-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:28px;display:grid}.cart-products-section{min-width:0}.cart-products-card{background:#fff;border:1px solid #e2e8ea;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0319270e}.cart-table-header{color:#53616b;text-transform:uppercase;letter-spacing:.5px;background:#fbfcfc;border-bottom:1px solid #e8edef;grid-template-columns:minmax(0,1fr) 125px 125px 125px 45px;align-items:center;min-height:52px;padding:0 20px;font-size:11px;font-weight:800;display:grid}.cart-table-header span:nth-child(2),.cart-table-header span:nth-child(3),.cart-table-header span:nth-child(4),.cart-table-header span:nth-child(5){text-align:center}.cart-list{margin:0;padding:0;list-style:none}.cart-item{background:#fff;border-bottom:1px solid #edf0f2;grid-template-columns:minmax(0,1fr) 125px 125px 125px 45px;align-items:center;min-height:122px;padding:18px 20px;transition:background .2s,box-shadow .2s;display:grid}.cart-item:last-child{border-bottom:none}.cart-item:hover{background:#fcfefe}.cart-product{align-items:center;gap:15px;min-width:0;display:flex}.cart-item-image{background:#f3f5f5;border:1px solid #e4e9eb;border-radius:10px;flex:none;width:78px;height:82px;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.cart-item:hover .cart-item-image img{transform:scale(1.035)}.cart-item-info{min-width:0}.cart-item-info h3{color:#031927;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;font-weight:750;line-height:1.35;display:-webkit-box;overflow:hidden}.cart-item-variant{color:#6e7271;margin:0;font-size:12px;line-height:1.4}.cart-item-sku{color:#a0a8ad;margin:5px 0 0;font-size:10px}.cart-item-unit-price{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.cart-item-unit-price span{color:#031927;font-size:13px;font-weight:700}.cart-item-unit-price small{color:#9ca3a9;font-size:10px}.cart-item-qty{justify-content:center;align-items:center;display:inline-flex}.cart-item-qty button{color:#031927;cursor:pointer;background:#fff;border:1px solid #e0e6e8;justify-content:center;align-items:center;width:36px;height:36px;transition:background .18s,color .18s,border-color .18s;display:flex}.cart-item-qty button:first-child{border-radius:8px 0 0 8px}.cart-item-qty button:last-child{border-radius:0 8px 8px 0}.cart-item-qty button:hover:not(:disabled){color:#0097a7;background:#e8f7f8;border-color:#0097a7}.cart-item-qty button:disabled{opacity:.35;cursor:not-allowed}.cart-item-qty span{color:#031927;background:#fff;border-top:1px solid #e0e6e8;border-bottom:1px solid #e0e6e8;justify-content:center;align-items:center;width:38px;height:32px;font-size:13px;font-weight:750;display:flex}.cart-item-price{text-align:center;justify-content:center;align-items:center;display:flex}.cart-item-price strong{color:#031927;font-size:14px;font-weight:800}.cart-item-remove{color:#6e7271;cursor:pointer;background:#fff;border:1px solid #e3e8ea;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto;transition:background .2s,border-color .2s,color .2s,transform .2s;display:flex}.cart-item-remove:hover{color:#dc2626;background:#fff2f2;border-color:#fecaca;transform:translateY(-1px)}.cart-item-remove:focus-visible,.cart-clear-button:focus-visible,.cart-item-qty button:focus-visible,.cart-coupon-form input:focus-visible,.cart-coupon-form button:focus-visible{outline-offset:2px;outline:3px solid #0097a72e}.cart-shipping-progress{background:#eef9fa;border:1px solid #d6edf0;border-radius:12px;align-items:center;gap:13px;margin:15px 20px 20px;padding:14px 16px;display:flex}.cart-shipping-progress--success{background:#f1faf4;border-color:#d6eddf}.cart-shipping-icon{color:#0097a7;background:#0097a71a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.cart-shipping-progress--success .cart-shipping-icon{color:#16a34a;background:#16a34a1a}.cart-shipping-info{flex:1;min-width:0}.cart-shipping-info strong{color:#031927;margin-bottom:3px;font-size:12px;font-weight:800;display:block}.cart-shipping-info span{color:#6e7271;font-size:11px;line-height:1.45;display:block}.cart-shipping-info b{color:#0097a7}.cart-shipping-progress--success .cart-shipping-info b{color:#16a34a}.cart-shipping-progress-row{width:100%;margin-top:9px}.cart-shipping-bar{background:#cbe8eb;border-radius:999px;width:100%;height:6px;overflow:hidden}.cart-shipping-bar span{border-radius:inherit;background:#0097a7;width:0;height:100%;transition:width .45s;display:block}.cart-shipping-progress--success .cart-shipping-bar span{background:#16a34a}.cart-shipping-values{justify-content:space-between;align-items:center;margin-top:3px;display:flex}.cart-shipping-values span{color:#9aa4a9;font-size:9px}.cart-sidebar{min-width:0;position:sticky;top:20px}.cart-summary{background:#fff;border:1px solid #e2e8ea;border-radius:18px;padding:23px;box-shadow:0 8px 30px #03192711}.cart-summary-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.cart-summary-heading>div:first-child>span{color:#0097a7;letter-spacing:1.4px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.cart-summary h2{color:#031927;letter-spacing:-.2px;margin:0;font-size:19px;font-weight:800}.cart-summary-badge{color:#0097a7;background:#e8f7f8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:flex}.cart-summary-row{color:#263a46;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;font-size:13px;display:flex}.cart-summary-row span{color:#445762}.cart-summary-row strong{color:#031927;white-space:nowrap;font-size:13px;font-weight:750}.cart-summary-row .shipping-free{color:#0097a7}.cart-summary-row .shipping-pending{color:#7b858b}.cart-summary-divider{background:#e6ebed;width:100%;height:1px;margin:4px 0 16px}.cart-summary-total{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.cart-summary-total>div{flex-direction:column;gap:3px;display:flex}.cart-summary-total span{color:#031927;font-size:16px;font-weight:800}.cart-summary-total small{color:#8c979d;font-size:10px}.cart-summary-total strong{color:#031927;letter-spacing:-.4px;font-size:23px;font-weight:850}.cart-checkout-button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 18px;font-size:14px;font-weight:750;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #0097a733;color:#fff!important;background:#0097a7!important}.cart-checkout-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #03192740;background:#031927!important}.cart-checkout-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.cart-checkout-security{color:#6e7271;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:12px;font-weight:500;display:flex}.cart-coupon{background:#f8fafb;border:1px solid #e4eaec;border-radius:12px;margin-top:13px;padding:15px}.cart-coupon-title{color:#031927;align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:750;display:flex}.cart-coupon-title svg{color:#0097a7}.cart-coupon-form{gap:7px;display:flex}.cart-coupon-form input{color:#031927;background:#fff;border:1px solid #dfe6e8;border-radius:8px;outline:none;flex:1;min-width:0;height:39px;padding:0 10px;font-size:11px;transition:border-color .2s,box-shadow .2s}.cart-coupon-form input::placeholder{color:#9da6ab}.cart-coupon-form input:focus{border-color:#0097a7;box-shadow:0 0 0 3px #0097a714}.cart-coupon-form button{color:#fff;cursor:pointer;background:#0097a7;border:none;border-radius:8px;flex:none;height:39px;padding:0 15px;font-size:11px;font-weight:750;transition:background .2s,transform .2s}.cart-coupon-form button:hover{background:#031927;transform:translateY(-1px)}.cart-secure{background:#f3fafb;border-radius:11px;align-items:center;gap:11px;margin-top:13px;padding:13px 14px;display:flex}.cart-secure-icon{color:#0097a7;background:#0097a71a;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cart-secure strong{color:#031927;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.cart-secure p{color:#748188;margin:0;font-size:10px;line-height:1.4}.cart-confidence{background:#f8fafb;border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:11px 13px;display:flex}.cart-confidence-icon{color:#0097a7;background:#edf7f8;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.cart-confidence strong{color:#031927;font-size:10px;font-weight:800;display:block}.cart-confidence span{color:#8b969c;margin-top:2px;font-size:9px;display:block}.cart-continue-shopping{color:#0097a7;justify-content:center;align-items:center;margin-top:14px;font-size:12px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.cart-continue-shopping:hover{color:#031927;text-decoration:underline}.cart-loading{text-align:center;background:#fff;border:1px solid #e2e8ea;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:50px 30px;display:flex;box-shadow:0 8px 30px #0319270d}.cart-loading-icon{color:#0097a7;background:#e8f7f8;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:15px;display:flex}.cart-loading h2{color:#031927;margin:0;font-size:18px}.cart-loading p{color:#7c878d;margin:7px 0 0;font-size:13px}.cart-empty{text-align:center;background:#fff;border:1px solid #e2e8ea;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:60px 30px;display:flex;box-shadow:0 8px 30px #0319270d}.cart-empty-icon{color:#0097a7;background:#e8f7f8;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:17px;display:flex}.cart-empty h2{color:#031927;margin:0;font-size:21px;font-weight:800}.cart-empty p{color:#6e7271;max-width:470px;margin:9px 0 0;font-size:13px;line-height:1.6}.cart-empty-actions{flex-direction:column;align-items:center;gap:9px;margin-top:22px;display:flex}.cart-primary-button{color:#fff;cursor:pointer;background:#0097a7;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:13px;font-weight:750;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.cart-primary-button:hover{background:#031927;transform:translateY(-1px);box-shadow:0 8px 18px #03192724}.cart-secondary-link{color:#0097a7;font-size:12px;font-weight:650;text-decoration:none}.cart-secondary-link:hover{text-decoration:underline}.spin{color:#0097a7;animation:.9s linear infinite cart-spin}@keyframes cart-spin{to{transform:rotate(360deg)}}@media (width<=1120px){.cart-layout{grid-template-columns:minmax(0,1fr) 360px;gap:20px}.cart-table-header,.cart-item{grid-template-columns:minmax(0,1fr) 105px 105px 110px 40px}.cart-item,.cart-table-header{padding-left:16px;padding-right:16px}}@media (width<=960px){.cart-layout{grid-template-columns:1fr}.cart-sidebar{width:100%;max-width:560px;margin:0 auto;position:static}.cart-summary{padding:24px}}@media (width<=720px){.cart-page{padding:25px 14px 50px}.cart-header{align-items:flex-start;margin-top:18px;margin-bottom:20px}.cart-header h1{font-size:27px}.cart-header p{font-size:13px}.cart-clear-button{margin-top:5px}.cart-table-header{display:none}.cart-products-card{border-radius:15px}.cart-item{grid-template-columns:72px minmax(0,1fr) 36px;grid-template-areas:"image info remove""image controls controls";gap:12px;min-height:0;padding:15px;display:grid}.cart-product{display:contents}.cart-item-image{grid-area:image;width:72px;height:78px}.cart-item-info{grid-area:info;align-self:start}.cart-item-info h3{font-size:13px}.cart-item-variant{font-size:11px}.cart-item-sku{font-size:9px}.cart-item-unit-price{display:none}.cart-item-qty{grid-area:controls;justify-content:flex-start}.cart-item-price{text-align:right;justify-content:flex-end;margin-left:auto}.cart-item-price strong{font-size:13px}.cart-item-remove{grid-area:remove;justify-self:end;margin:0}.cart-item-qty:before{content:"Cantidad";color:#89949a;margin-right:9px;font-size:10px;font-weight:600}.cart-shipping-progress{align-items:flex-start;margin:13px 13px 15px;padding:13px}.cart-shipping-icon{width:35px;height:35px}.cart-sidebar{max-width:none}.cart-summary,.cart-coupon,.cart-secure,.cart-confidence{border-radius:14px}}@media (width<=480px){.cart-page{padding-left:10px;padding-right:10px}.cart-header{flex-direction:column;gap:7px}.cart-clear-button{margin-top:0;padding-left:0}.cart-item{grid-template-columns:60px minmax(0,1fr) 33px;column-gap:10px;padding:12px}.cart-item-image{width:60px;height:66px}.cart-item-info h3{font-size:12px}.cart-item-qty button{width:28px;height:29px}.cart-item-qty span{width:32px;height:29px}.cart-item-qty:before{display:none}.cart-item-price strong{font-size:12px}.cart-summary{padding:18px}.cart-summary-total strong{font-size:21px}.cart-summary-total span{font-size:15px}.cart-coupon-form{flex-direction:column}.cart-coupon-form input,.cart-coupon-form button{width:100%}}@media (width<=430px){.cart-page{padding:clamp(10px,2vw,14px) clamp(5px,1.5vw,8px) 50px}.cart-header{flex-direction:column;gap:clamp(4px,1vw,7px);padding:clamp(12px,2vw,16px) 0}.cart-header h1{font-size:clamp(17px,4vw,20px)}.cart-clear-button{padding:clamp(4px,1vw,6px) clamp(8px,2vw,10px);font-size:clamp(10px,2.5vw,12px)}.cart-item{grid-template-columns:clamp(45px,10vw,55px) minmax(0,1fr) clamp(26px,6vw,30px);column-gap:clamp(6px,1.5vw,8px);padding:clamp(7px,1.5vw,10px)}.cart-item-image{width:clamp(45px,10vw,55px);height:clamp(50px,12vw,60px)}.cart-item-info h3{font-size:clamp(9px,2.5vw,11px)}.cart-item-qty{height:clamp(28px,6vw,32px)}.cart-item-qty button{flex-basis:clamp(22px,5vw,26px);width:clamp(22px,5vw,26px);height:clamp(26px,6vw,30px)}.cart-item-qty span{width:clamp(26px,6vw,30px);height:clamp(26px,6vw,30px);font-size:clamp(10px,2.5vw,12px)}.cart-item-price strong{font-size:clamp(10px,2.5vw,11px)}.cart-item-remove{width:clamp(26px,6vw,30px);height:clamp(26px,6vw,30px)}.cart-shipping-progress{margin:clamp(8px,2vw,10px) clamp(8px,2vw,10px) clamp(10px,2vw,12px);padding:clamp(8px,2vw,10px)}.cart-shipping-icon{width:clamp(30px,7vw,32px);height:clamp(30px,7vw,32px)}.cart-shipping-text{font-size:clamp(10px,2.5vw,11px)}.cart-shipping-bar{height:clamp(5px,1vw,6px)}.cart-sidebar{padding:clamp(10px,2vw,14px) clamp(6px,1.5vw,10px)}.cart-summary{padding:clamp(10px,2vw,14px)}.cart-summary-row{padding:clamp(6px,1.5vw,8px) 0;font-size:clamp(11px,2.5vw,12px)}.cart-summary-total strong{font-size:clamp(17px,4vw,19px)}.cart-summary-total span{font-size:clamp(13px,3vw,14px)}.cart-checkout-btn{height:clamp(40px,8vw,44px);padding:0 clamp(12px,3vw,14px);font-size:clamp(10px,2.5vw,12px)}.cart-coupon{padding:clamp(10px,2vw,12px)}.cart-coupon-form input{height:clamp(36px,8vw,38px);font-size:clamp(11px,2.5vw,12px)}.cart-coupon-form button{height:clamp(36px,8vw,38px);font-size:clamp(10px,2.5vw,11px)}.cart-secure,.cart-confidence{padding:clamp(10px,2vw,12px)}.cart-secure-text,.cart-confidence-text{font-size:clamp(10px,2.5vw,11px)}}.checkout-page{box-sizing:border-box;background:#f5f7f8;width:100%;min-height:70vh;padding:32px 20px 70px}.checkout-container{width:100%;max-width:1320px;margin:0 auto}.checkout-header{justify-content:space-between;align-items:flex-end;gap:25px;margin:22px 0 26px;display:flex}.checkout-eyebrow{color:#0097a7;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.checkout-header h1{color:#031927;letter-spacing:-.7px;margin:0;font-size:32px;font-weight:800;line-height:1.15}.checkout-header p{color:#6e7271;margin:8px 0 0;font-size:14px;line-height:1.5}.checkout-loading,.checkout-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.checkout-loading h2,.checkout-empty h2{color:#031927;margin:20px 0 10px;font-size:24px;font-weight:700}.checkout-loading p,.checkout-empty p{color:#6e7271;margin:0 0 20px;font-size:14px}.checkout-loading-icon{color:#0097a7}.spin{animation:1s linear infinite spin}.checkout-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-size:14px;display:flex}.checkout-error button{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px}.checkout-error button:hover{background:#fecaca;border-radius:4px}.checkout-layout{grid-template-columns:1fr 400px;gap:32px;margin-top:32px;display:grid}@media (width<=1024px){.checkout-layout{grid-template-columns:1fr}}.checkout-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.checkout-card-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.checkout-card-header h2{color:#031927;margin:0;font-size:18px;font-weight:700}.checkout-loading-small{color:#6e7271;align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.checkout-no-address{text-align:center;padding:20px}.checkout-no-address p{color:#6e7271;margin:0 0 16px;font-size:14px}.checkout-address-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.checkout-address-item{cursor:pointer;border:2px solid #e5e7eb;border-radius:9px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.checkout-address-item:hover{border-color:#0097a7}.checkout-address-item--selected{background:#f0f9fa;border-color:#0097a7}.checkout-address-item input[type=radio]{display:none}.checkout-address-content{flex:1}.checkout-address-main{align-items:center;gap:10px;margin-bottom:4px;display:flex}.checkout-address-text{color:#031927;font-size:14px;font-weight:600}.checkout-address-badge{color:#fff;text-transform:uppercase;background:#0097a7;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.checkout-address-secondary{color:#6e7271;font-size:13px}.checkout-address-radio{color:#0097a7}.checkout-text-button{color:#0097a7;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.checkout-text-button:hover{background:#f0f9fa;border-radius:6px}.checkout-new-address-form{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.checkout-form-group{margin-bottom:16px}.checkout-form-group label{color:#031927;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.checkout-form-group input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.checkout-form-group input:focus{border-color:#0097a7;outline:none}.checkout-input-error{background:#fef2f2;border-color:#dc2626!important}.checkout-error-text{color:#dc2626;margin-top:4px;font-size:11px;font-weight:500;display:block}.checkout-form-hint{color:#6e7271;margin-top:4px;font-size:11px;display:block}.checkout-form-group small{color:#6e7271;margin-top:4px;font-size:12px;display:block}.checkout-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.checkout-form-row{grid-template-columns:1fr}}.checkout-form-actions{gap:12px;margin-top:20px;display:flex}.checkout-checkbox-group{flex-direction:column;gap:16px;display:flex}.checkout-checkbox-label{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;transition:border-color .2s,background .2s;display:flex}.checkout-checkbox-label:hover{background:#f0f9fa;border-color:#0097a7}.checkout-checkbox-label input[type=checkbox]{accent-color:#0097a7;flex-shrink:0;width:18px;height:18px;margin-top:2px}.checkout-checkbox-label.error{background:#fef2f2;border-color:#dc2626!important}.checkout-checkbox-error{color:#dc2626;margin-top:4px;font-size:11px;font-weight:500;display:block}.checkout-checkbox-label span{color:#031927;font-size:14px;line-height:1.5}.checkout-checkbox-label span a{color:#0097a7;font-weight:600;text-decoration:none}.checkout-checkbox-label span a:hover{text-decoration:underline}.checkout-primary-button{color:#fff;cursor:pointer;background:#0097a7;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:14px;font-weight:750;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 18px #0097a738}.checkout-primary-button:hover:not(:disabled){background:#031927;transform:translateY(-2px);box-shadow:0 10px 24px #03192747}.checkout-primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.checkout-secondary-button{color:#031927;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.checkout-secondary-button:hover{color:#0097a7;border-color:#0097a7}.checkout-summary-card{background:#fff;border-radius:12px;padding:24px;position:sticky;top:20px;box-shadow:0 1px 3px #0000001a}.checkout-summary-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.checkout-summary-header h2{color:#031927;margin:0;font-size:18px;font-weight:700}.checkout-summary-count{color:#0097a7;background:#f0f9fa;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.checkout-summary-items{flex-direction:column;gap:16px;max-height:400px;margin-bottom:16px;display:flex;overflow-y:auto}.checkout-summary-item{align-items:center;gap:12px;display:flex}.checkout-summary-item-image{background:#f5f7f8;border-radius:6px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.checkout-summary-item-image img{object-fit:cover;width:100%;height:100%}.checkout-summary-item-info{flex:1;min-width:0}.checkout-summary-item-info h4{color:#031927;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.checkout-summary-item-info small{color:#6e7271;margin-bottom:4px;font-size:12px;display:block}.checkout-summary-item-qty{color:#6e7271;justify-content:space-between;font-size:12px;display:flex}.checkout-summary-item-price{color:#031927;flex-shrink:0;font-size:14px;font-weight:700}.checkout-summary-divider{background:#e5e7eb;height:1px;margin:16px 0}.checkout-summary-total{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.checkout-summary-total>div{flex-direction:column;display:flex}.checkout-summary-total span{color:#031927;font-size:16px;font-weight:700}.checkout-summary-total small{color:#6e7271;font-size:12px}.checkout-summary-total strong{color:#031927;font-size:20px;font-weight:800}.checkout-submit-button{color:#fff;cursor:pointer;background:#0097a7;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;padding:0 20px;font-size:15px;font-weight:750;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 20px #0097a740}.checkout-submit-button:hover:not(:disabled){background:#031927;transform:translateY(-2px);box-shadow:0 10px 26px #0319274d}.checkout-submit-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.checkout-summary-note{color:#6e7271;text-align:center;margin:12px 0 0;font-size:12px}@media (width<=430px){.checkout-page{padding:clamp(8px,2vw,10px) clamp(8px,2vw,10px) 50px}.checkout-header{padding:clamp(14px,3vw,16px) 0}.checkout-header h1{font-size:clamp(17px,4vw,20px)}.checkout-grid{grid-template-columns:1fr;gap:clamp(14px,3vw,16px)}.checkout-form-section{padding:clamp(14px,3vw,16px)}.checkout-form-section h2{font-size:clamp(13px,3vw,16px)}.checkout-address-card{padding:clamp(12px,2.5vw,14px)}.checkout-address-card h3{font-size:clamp(11px,2.5vw,13px)}.checkout-address-details{font-size:clamp(10px,2vw,12px)}.checkout-new-address-form{padding:clamp(12px,2.5vw,14px)}.checkout-form-group{margin-bottom:clamp(10px,2vw,12px)}.checkout-form-group label{margin-bottom:clamp(4px,1vw,6px);font-size:clamp(11px,2.5vw,12px)}.checkout-form-group input,.checkout-form-group select{height:clamp(38px,8vw,40px);padding:0 clamp(10px,2vw,12px);font-size:clamp(11px,2.5vw,13px)}.checkout-submit-button{height:clamp(44px,8vw,46px);font-size:clamp(11px,2.5vw,13px)}.checkout-summary{padding:clamp(14px,3vw,16px)}.checkout-summary h2{font-size:clamp(13px,3vw,16px)}.checkout-summary-item{padding:clamp(6px,1.5vw,8px) 0;font-size:clamp(10px,2vw,12px)}.checkout-summary-total{padding-top:clamp(10px,2vw,12px);font-size:clamp(13px,3vw,15px)}.checkout-summary-note{font-size:clamp(9px,2vw,11px)}}.admin-layout{background:#f6f8fa;min-height:100vh;display:flex}.admin-content{flex:1;width:100%;padding:35px;overflow:auto}@media (width<=768px){.admin-layout{flex-direction:column}.admin-content{width:100%;padding:20px 16px;overflow-x:hidden}}@media (width<=480px){.admin-content{padding:16px 12px}}.admin-sidebar{box-sizing:border-box;background:#062c3b;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;align-self:flex-start;width:280px;max-height:100vh;padding:24px 18px;transition:width .28s;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar.collapsed{align-items:center;width:84px;padding:24px 12px}.admin-sidebar.collapsed .admin-sidebar nav a{justify-content:center;gap:0;padding:14px 0}.admin-sidebar.collapsed .sidebar-nav{align-items:center}.admin-sidebar.collapsed .admin-user{justify-content:center;padding:10px 0}.admin-sidebar.collapsed .logout-button{justify-content:center;padding:12px 0}.sidebar-header{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:14px;display:flex}.admin-sidebar.collapsed .sidebar-header{flex-direction:column;gap:10px}.sidebar-logo-image{object-fit:contain;width:200px;transition:all .3s}.sidebar-logo-image:hover{transform:scale(1.03)}.sidebar-role{color:#fff;letter-spacing:2.5px;text-transform:uppercase;opacity:.85;margin-bottom:28px;font-size:.78rem;font-weight:600;display:block}.sidebar-toggle{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.sidebar-toggle:hover{color:#fff;background:#0ea5b533;transform:translateY(-1px)}.admin-sidebar nav{flex-direction:column;flex:0 auto;gap:7px;width:100%;margin-top:4px;display:flex}.admin-sidebar nav a{color:#ffffffd1;white-space:nowrap;border-radius:14px;align-items:center;gap:15px;padding:14px 18px;font-weight:500;text-decoration:none;transition:all .25s;display:flex;position:relative}.admin-sidebar nav a svg{flex-shrink:0;width:21px;height:21px}.admin-sidebar nav a:hover{color:#fff;background:#0ea5b524;transform:translate(3px)}.admin-sidebar nav a.active{color:#062c3b;background:#fff;font-weight:700;box-shadow:0 6px 18px #00000014}.admin-sidebar nav a.active svg{color:#0ea5b5}.sidebar-separator{background:#ffffff1a;height:1px;margin:10px 0}.sidebar-footer{border-top:1px solid #ffffff1a;width:100%;margin-top:auto;padding-top:22px}.admin-user{background:#ffffff0d;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 12px;display:flex}.admin-avatar{color:#062c3b;background:#e8f7f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex}.admin-info{overflow:hidden}.admin-info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;line-height:1.3;display:block;overflow:hidden}.admin-info span{color:#ffffffa6;margin-top:3px;font-size:.78rem;display:block}.logout-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-weight:600;transition:all .25s;display:flex}.logout-button:hover{color:#062c3b;background:#fff;transform:translateY(-2px)}.logout-button svg{color:#0ea5b5}.admin-sidebar::-webkit-scrollbar{width:5px}.admin-sidebar::-webkit-scrollbar-track{background:0 0}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:20px}@media (width<=900px){.admin-sidebar{width:230px;padding:22px 14px}.admin-sidebar.collapsed{width:72px;padding:22px 10px}.sidebar-logo-image{width:145px}.admin-sidebar nav a{padding:13px 14px}}@media (width<=768px){.admin-sidebar{z-index:1000;width:280px;height:100vh;padding:24px 18px;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar.collapsed{width:280px;padding:24px 18px;transform:translate(-100%)}.admin-sidebar.collapsed.mobile-open{transform:translate(0)}.sidebar-overlay{z-index:999;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;display:block}.mobile-menu-button{z-index:1001;color:#fff;cursor:pointer;background:#062c3b;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 4px 12px #062c3b4d}.mobile-menu-button:hover{background:#0ea5b5;transform:scale(1.05)}.mobile-menu-button:active{transform:scale(.95)}.sidebar-logo-image{width:180px}.sidebar-role{margin-bottom:24px;font-size:.75rem}.admin-sidebar nav a{padding:14px 16px;font-size:14px}.admin-sidebar nav a svg{width:20px;height:20px}.admin-avatar{width:40px;height:40px}.admin-info strong{font-size:.9rem}.admin-info span{font-size:.75rem}.logout-button{padding:12px;font-size:14px}}@media (width<=430px){.admin-sidebar{width:200px;padding:20px 12px}.admin-sidebar.collapsed{width:68px;padding:20px 8px}.sidebar-logo-image{width:130px}.sidebar-role{margin-bottom:22px;font-size:.72rem}.sidebar-toggle{width:32px;height:32px}.admin-sidebar nav a{padding:12px 14px;font-size:13px}.admin-sidebar nav a svg{width:19px;height:19px}.admin-avatar{width:38px;height:38px}.admin-info strong{font-size:.88rem}.admin-info span{font-size:.74rem}.logout-button{padding:11px;font-size:14px}}@media (width<=375px){.admin-sidebar{width:180px;padding:18px 10px}.admin-sidebar.collapsed{width:64px;padding:18px 8px}.sidebar-logo-image{width:115px}.sidebar-role{margin-bottom:18px;font-size:.68rem}.sidebar-toggle{width:30px;height:30px}.admin-sidebar nav a{padding:11px 12px;font-size:12px}.admin-sidebar nav a svg{width:18px;height:18px}.admin-avatar{width:36px;height:36px}.admin-info strong{font-size:.85rem}.admin-info span{font-size:.72rem}.logout-button{padding:10px;font-size:13px}}@media (width<=320px){.admin-sidebar{width:160px;padding:16px 8px}.admin-sidebar.collapsed{width:60px;padding:16px 6px}.sidebar-logo-image{width:100px}.sidebar-role{margin-bottom:16px;font-size:.65rem}.sidebar-toggle{width:28px;height:28px}.admin-sidebar nav a{padding:10px;font-size:11px}.admin-sidebar nav a svg{width:17px;height:17px}.admin-avatar{width:34px;height:34px}.admin-info strong{font-size:.82rem}.admin-info span{font-size:.7rem}.logout-button{padding:9px;font-size:12px}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:calc(100% - 40px);max-width:380px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:13.5px;line-height:1.45;animation:.25s ease-out toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a1f}.toast:before{content:"";background:#0ea5b5;width:4px;position:absolute;top:0;bottom:0;left:0}.toast.toast-success:before{background:#16a34a}.toast.toast-error:before{background:#dc2626}.toast.toast-warning:before{background:#f59e0b}.toast.toast-info:before{background:#0ea5b5}.toast-icon{color:#0ea5b5;background:#f0fafb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-success .toast-icon{color:#16a34a;background:#ecfdf5}.toast-error .toast-icon{color:#dc2626;background:#fef2f2}.toast-warning .toast-icon{color:#d97706;background:#fffbeb}.toast-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast-title{color:#10245b;letter-spacing:-.1px;font-size:13.5px;font-weight:700}.toast-message{color:#4b5563;word-break:break-word;font-size:12.5px;font-weight:400}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:background .15s,color .15s;display:flex}.toast-close:hover{color:#1f2937;background:#f3f4f6}.toast.is-leaving{animation:.2s ease-in forwards toast-slide-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@media (width<=600px){.toast-container{width:auto;max-width:none;top:12px;left:12px;right:12px}}.dashboard{box-sizing:border-box;background:#f7f9fa;min-height:100vh;padding:34px}.dashboard-loading{color:#062b3a;background:#f7f9fa;justify-content:center;align-items:center;gap:10px;min-height:100vh;font-weight:600;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.dashboard-tag{color:#087f8c;text-transform:uppercase;letter-spacing:.5px;background:#ddf5f7;border-radius:20px;align-items:center;margin-bottom:11px;padding:6px 13px;font-size:.73rem;font-weight:700;display:inline-flex}.dashboard-title h1{color:#062b3a;margin:0 0 7px;font-size:2.05rem;font-weight:750;line-height:1.15}.dashboard-title p{color:#64748b;margin:0;font-size:.9rem}.dashboard-button{color:#fff;cursor:pointer;background:#0ea5b5;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 17px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.dashboard-button:hover{color:#fff;background:#062b3a;transform:translateY(-2px)}.dashboard-error{color:#b93838;background:#fdecec;border:1px solid #f5caca;border-radius:11px;align-items:center;gap:10px;margin-bottom:22px;padding:12px 15px;font-size:.85rem;font-weight:600;display:flex}.dashboard-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.9fr);gap:18px;display:grid}.dashboard-panel{background:#fff;border:1px solid #062b3a14;border-radius:18px;min-width:0;padding:22px;box-shadow:0 5px 20px #062b3a0b}.panel-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.panel-header h2{color:#062b3a;margin:0 0 4px;font-size:1rem;font-weight:750}.panel-header p{color:#64748b;margin:0;font-size:.77rem}.panel-header button{color:#0ea5b5;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:5px;font-size:.78rem;font-weight:700;display:flex}.panel-header button:hover{color:#062b3a}.table-wrapper{width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%;min-width:570px}.dashboard-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;background:#f5f8fa;border-bottom:1px solid #e2e8ec;padding:11px 10px;font-size:.69rem;font-weight:700}.dashboard-table td{color:#062b3a;border-bottom:1px solid #edf1f3;padding:14px 10px;font-size:.8rem}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table tbody tr{transition:all .15s}.dashboard-table tbody tr:hover{background:#f5fafb}.order-id{color:#062b3a}.client-name{color:#475569}.status{border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-size:.68rem;font-weight:750;display:inline-flex}.status.success{color:#3d8a48;background:#e7f6e9}.status.warning{color:#c76500;background:#fff1e3}.status.shipping{color:#087f8c;background:#ddf5f7}.status.danger{color:#c74343;background:#fde8e8}.empty-table{text-align:center;color:#94a3b8!important;padding:35px!important}.stock-list{flex-direction:column;gap:9px;display:flex}.stock-item{background:#fafcfd;border:1px solid #e8eef1;border-radius:12px;align-items:center;gap:10px;padding:11px;transition:all .2s;display:flex}.stock-item:hover{background:#f5fafb;border-color:#bde7eb}.stock-product-icon{color:#0ea5b5;background:#e1f5f7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stock-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.stock-info strong{color:#062b3a;white-space:nowrap;text-overflow:ellipsis;font-size:.77rem;overflow:hidden}.stock-info span{color:#64748b;font-size:.67rem}.stock-number{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.stock-number strong{color:#ff7a00;font-size:.85rem}.stock-number span{color:#94a3b8;font-size:.61rem}.stock-number.critical strong{color:#ef6b6b}.stock-warning{color:#ff7a00;flex-shrink:0}.stock-empty{align-items:center;gap:12px;padding:18px 8px;display:flex}.stock-empty-icon{color:#65b96b;background:#e7f6e9;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stock-empty div:last-child{flex-direction:column;gap:4px;display:flex}.stock-empty strong{color:#062b3a;font-size:.8rem}.stock-empty span{color:#94a3b8;font-size:.68rem}.dashboard-bottom{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.dashboard-bottom-card{background:#fff;border:1px solid #062b3a14;border-radius:15px;align-items:center;gap:12px;padding:15px 17px;display:flex}.bottom-icon{color:#0ea5b5;background:#ddf5f7;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dashboard-bottom-card div:last-child{flex-direction:column;gap:3px;display:flex}.dashboard-bottom-card span{color:#64748b;font-size:.69rem}.dashboard-bottom-card strong{color:#062b3a;font-size:1rem}@media (width<=1200px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=800px){.dashboard{padding:22px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-button{justify-content:center;width:100%}.dashboard-bottom{grid-template-columns:1fr}}@media (width<=550px){.dashboard{padding:16px}.dashboard-cards{grid-template-columns:1fr}.dashboard-title h1{font-size:1.7rem}.dashboard-panel{border-radius:15px;padding:16px}.panel-header{align-items:flex-start}}@media (width<=480px){.dashboard{padding:12px}.dashboard-header{gap:16px;margin-bottom:20px}.dashboard-tag{margin-bottom:8px;padding:5px 10px;font-size:.65rem}.dashboard-title h1{font-size:1.5rem;line-height:1.2}.dashboard-title p{font-size:.85rem}.dashboard-button{gap:6px;padding:10px 14px;font-size:.75rem}.dashboard-cards{gap:12px;margin-bottom:18px}.dashboard-grid{gap:14px}.dashboard-panel{border-radius:12px;padding:14px}.panel-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.panel-header h2{font-size:.9rem}.panel-header p{font-size:.7rem}.panel-header button{padding:4px;font-size:.7rem}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto}.dashboard-table{min-width:500px;font-size:.75rem}.dashboard-table th{padding:8px;font-size:.65rem}.dashboard-table td{padding:10px 8px;font-size:.75rem}.status{padding:4px 7px;font-size:.6rem}.stock-item{border-radius:10px;gap:8px;padding:10px}.stock-product-icon{width:32px;height:32px}.stock-info strong{font-size:.72rem}.stock-info span{font-size:.62rem}.stock-number strong{font-size:.8rem}.stock-number span{font-size:.58rem}.dashboard-bottom{gap:12px;margin-top:14px}.dashboard-bottom-card{border-radius:12px;gap:10px;padding:12px 14px}.bottom-icon{width:34px;height:34px}.dashboard-bottom-card span{font-size:.65rem}.dashboard-bottom-card strong{font-size:.9rem}.dashboard-error{margin-bottom:16px;padding:10px 12px;font-size:.75rem}}.dashboard-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:175px;padding:22px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 18px #102a430b}.dashboard-card:before{content:"";background:#0ea5b5;width:3px;height:100%;transition:all .25s;position:absolute;top:0;left:0}.dashboard-card:hover{border-color:#d5e8ea;transform:translateY(-4px);box-shadow:0 10px 25px #102a4314}.dashboard-card:hover:before{width:5px}.dashboard-card:first-child:before{background:#0ea5b5}.dashboard-card:nth-child(2):before{background:#ff7a2f}.dashboard-card:nth-child(3):before{background:#65b96a}.dashboard-card:nth-child(4):before{background:#062c3b}.dashboard-card-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.card-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.dashboard-card:first-child .card-icon{color:#0ea5b5;background:#e8f7f8}.dashboard-card:nth-child(2) .card-icon{color:#ff7a2f;background:#fff0e7}.dashboard-card:nth-child(3) .card-icon{color:#65b96a;background:#ecf8ed}.dashboard-card:nth-child(4) .card-icon{color:#062c3b;background:#e8f1f4}.card-icon svg{width:27px;height:27px}.card-title{color:#64748b;flex:1;font-size:.92rem;font-weight:600}.card-toggle{color:#64748b;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.card-toggle:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.card-toggle:focus-visible{outline-offset:2px;outline:2px solid #0ea5b5}.card-arrow{color:#cbd5e1;flex-shrink:0}.card-arrow svg{display:block}.card-body{flex-direction:column;gap:5px;display:flex}.card-body h2{color:#102a43;margin:0;font-size:2rem;font-weight:750;line-height:1.1}.card-body p{color:#64748b;margin:0;font-size:.78rem}@media (width<=768px){.dashboard-card{min-height:155px;padding:20px}.card-icon{width:52px;height:52px}.card-body h2{font-size:1.8rem}}.admin-login-page{box-sizing:border-box;background:linear-gradient(135deg,#f7fbff 0%,#eef6ff 48%,#f9fcff 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.admin-login-decoration{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.admin-login-decoration-one{background:radial-gradient(circle,#2563eb2e 0%,#2563eb0f 55%,#0000 72%);width:420px;height:420px;top:-220px;left:-180px}.admin-login-decoration-two{background:radial-gradient(circle,#0ea5b524 0%,#0ea5b50d 52%,#0000 72%);width:520px;height:520px;bottom:-300px;right:-280px}.admin-login-decoration-three{border:1px solid #2563eb1f;width:220px;height:220px;top:6%;right:3%;box-shadow:inset 0 0 0 18px #2563eb06,inset 0 0 0 36px #2563eb05}.admin-login-container{z-index:2;width:min(1200px,100%);margin:0 auto;position:relative}.admin-login-card{background:#fff;border:1px solid #94a3b829;border-radius:24px;grid-template-columns:1fr 1fr;width:100%;min-height:720px;display:grid;overflow:hidden;box-shadow:0 30px 80px #0f172a1a,0 10px 30px #2563eb0d}.admin-login-brand-panel{background:linear-gradient(145deg,#edf6ff 0%,#eaf4ff 48%,#f7fbff 100%);border-right:1px solid #94a3b824;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.admin-login-brand-panel:before{content:"";pointer-events:none;background:#93c5fd38;border-radius:50%;width:420px;height:420px;position:absolute;top:-250px;left:-190px}.admin-login-brand-panel:after{content:"";pointer-events:none;background:#60a5fa2e;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-240px;right:-250px}.admin-login-brand-content{z-index:2;padding:72px 72px 0;position:relative}.admin-login-logo{width:330px;max-width:82%;margin-bottom:12px}.admin-login-logo img{object-fit:contain;width:100%;height:auto;display:block}.admin-login-tagline{color:#17304d;letter-spacing:.19em;margin:0 0 46px;font-size:13px;font-weight:700;line-height:1.5}.admin-login-brand-title{color:#102a3a;letter-spacing:-.035em;max-width:520px;margin:0;font-size:clamp(34px,3vw,46px);font-weight:800;line-height:1.06}.admin-login-brand-title span{color:#2563eb;display:block}.admin-login-brand-description{color:#334e68;max-width:460px;margin:24px 0 34px;font-size:17px;line-height:1.55}.admin-login-features{align-items:flex-start;gap:52px;display:flex}.admin-login-feature{flex-direction:column;align-items:center;gap:10px;display:flex}.admin-login-feature-icon{color:#2563eb;background:linear-gradient(145deg,#fffffff2,#dbeafef2);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 8px 20px #2563eb1a,inset 0 0 0 1px #2563eb14}.admin-login-feature span{color:#102a3a;font-size:14px;font-weight:700}.admin-login-illustration{z-index:2;flex:1;justify-content:center;align-items:flex-end;min-height:300px;padding:20px 24px 0;display:flex;position:relative}.admin-login-illustration img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 24px #0f172a14);width:min(100%,620px);max-height:360px;display:block}.admin-login-form-panel{background:#fff;align-items:center;min-width:0;display:flex;position:relative}.admin-login-form-content{width:100%;max-width:590px;margin:0 auto;padding:76px 76px 70px}.admin-login-top-line{background:linear-gradient(90deg,#2563eb 0%,#0ea5b5 100%);border-radius:999px;width:68px;height:5px;margin-bottom:27px;display:block}.admin-login-heading{margin-bottom:48px}.admin-login-heading h2{color:#102a3a;letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(38px,4vw,50px);font-weight:800;line-height:1.05}.admin-login-heading p{color:#334e68;margin:0;font-size:20px;line-height:1.48}.admin-login-error{color:#b42318;background:#fff5f5;border:1px solid #dc262629;border-radius:12px;margin:0 0 24px;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.45}.admin-login-form{flex-direction:column;gap:27px;display:flex}.admin-login-field{flex-direction:column;gap:10px;display:flex}.admin-login-field label{color:#102a3a;font-size:15px;font-weight:700}.admin-login-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.admin-login-input-wrapper svg{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:20px}.admin-login-input-wrapper input{color:#102a3a;background:#f6f9fd;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:62px;padding:0 18px 0 56px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.admin-login-input-wrapper input::placeholder{color:#7c8da1}.admin-login-input-wrapper input:hover:not(:disabled){border-color:#94a3b8}.admin-login-input-wrapper input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.admin-login-input-wrapper:focus-within svg{color:#2563eb}.admin-login-input-wrapper input:disabled{cursor:not-allowed;opacity:.65}.admin-login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1677ea 55%,#0ea5b5 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:64px;margin-top:4px;font-family:inherit;font-size:17px;font-weight:750;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 12px 26px #2563eb33}.admin-login-button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 16px 32px #2563eb3d}.admin-login-button:active:not(:disabled){transform:translateY(0)}.admin-login-button:focus-visible{outline-offset:3px;outline:3px solid #2563eb38}.admin-login-button:disabled{opacity:.72;cursor:not-allowed;box-shadow:none}.admin-login-spin{animation:1s linear infinite admin-login-spin}@keyframes admin-login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-login-divider{align-items:center;gap:15px;width:100%;margin:36px 0 29px;display:flex}.admin-login-divider span{background:#dbe4ee;flex:1;height:1px}.admin-login-divider i{background:#fff;border:2px solid #64748b;border-radius:50%;flex-shrink:0;width:9px;height:9px}.admin-login-back-button{color:#2563eb;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:9px;width:100%;padding:10px;font-family:inherit;font-size:17px;font-weight:700;transition:color .2s,transform .2s;display:flex}.admin-login-back-button:hover:not(:disabled){color:#0f52c8;transform:translate(-3px)}.admin-login-back-button:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #2563eb29}.admin-login-back-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=1050px){.admin-login-page{padding:28px 18px}.admin-login-card{min-height:650px}.admin-login-brand-content{padding:54px 48px 0}.admin-login-form-content{padding:58px 48px 54px}.admin-login-tagline{margin-bottom:34px;font-size:11px}.admin-login-brand-title{font-size:38px}.admin-login-brand-description{font-size:15px}.admin-login-features{gap:32px}.admin-login-illustration{min-height:260px;padding:10px 16px 0}.admin-login-heading{margin-bottom:36px}}@media (width<=850px){.admin-login-card{grid-template-columns:1fr;min-height:auto}.admin-login-brand-panel{border-bottom:1px solid #94a3b824;border-right:none}.admin-login-brand-content{padding:48px 48px 0}.admin-login-logo{width:290px}.admin-login-tagline{margin-bottom:28px}.admin-login-brand-title,.admin-login-brand-description{max-width:600px}.admin-login-illustration{min-height:300px}.admin-login-form-content{max-width:700px;padding:52px 48px 56px}}@media (width<=600px){.admin-login-page{min-height:100svh;padding:14px}.admin-login-card{border-radius:18px;box-shadow:0 18px 50px #0f172a1a}.admin-login-brand-content{padding:34px 25px 0}.admin-login-logo{width:235px;max-width:100%}.admin-login-tagline{letter-spacing:.13em;margin-bottom:26px;font-size:9px}.admin-login-brand-title{letter-spacing:-.025em;font-size:31px}.admin-login-brand-description{margin-top:18px;margin-bottom:26px;font-size:14px}.admin-login-features{justify-content:space-between;gap:10px}.admin-login-feature-icon{width:46px;height:46px}.admin-login-feature span{font-size:12px}.admin-login-illustration{min-height:205px;padding:10px 14px 0}.admin-login-illustration img{max-height:225px}.admin-login-form-content{padding:38px 25px 32px}.admin-login-top-line{width:52px;height:4px;margin-bottom:22px}.admin-login-heading{margin-bottom:32px}.admin-login-heading h2{font-size:35px}.admin-login-heading p{font-size:16px}.admin-login-form{gap:22px}.admin-login-input-wrapper input{border-radius:12px;min-height:58px}.admin-login-button{border-radius:12px;min-height:58px;font-size:16px}.admin-login-divider{margin:30px 0 22px}.admin-login-back-button{font-size:15px}}@media (width<=390px){.admin-login-brand-content{padding:28px 20px 0}.admin-login-logo{width:205px}.admin-login-brand-title{font-size:27px}.admin-login-brand-description{font-size:13px}.admin-login-feature-icon{width:42px;height:42px}.admin-login-form-content{padding:32px 20px 28px}}@media (width<=430px){.admin-login-brand-content{padding:24px 18px 0}.admin-login-logo{width:200px}.admin-login-brand-title{font-size:26px}.admin-login-brand-description{font-size:12px}.admin-login-feature-icon{width:40px;height:40px}.admin-login-form-content{padding:28px 18px 24px}.admin-login-form-title{font-size:22px}.admin-login-form-subtitle{font-size:13px}.admin-login-input-wrapper input{height:44px;font-size:14px}.admin-login-button{height:46px;font-size:14px}.admin-login-divider{margin:24px 0 18px}.admin-login-back-button{font-size:14px}}@media (width<=375px){.admin-login-brand-content{padding:20px 16px 0}.admin-login-logo{width:180px}.admin-login-brand-title{font-size:24px}.admin-login-brand-description{font-size:11px}.admin-login-feature-icon{width:38px;height:38px}.admin-login-form-content{padding:24px 16px 20px}.admin-login-form-title{font-size:20px}.admin-login-form-subtitle{font-size:12px}.admin-login-input-wrapper input{height:42px;font-size:13px}.admin-login-button{height:44px;font-size:13px}.admin-login-divider{margin:20px 0 16px}.admin-login-back-button{font-size:13px}}@media (width<=320px){.admin-login-brand-content{padding:18px 14px 0}.admin-login-logo{width:160px}.admin-login-brand-title{font-size:22px}.admin-login-brand-description{font-size:10px}.admin-login-feature-icon{width:36px;height:36px}.admin-login-form-content{padding:20px 14px 18px}.admin-login-form-title{font-size:18px}.admin-login-form-subtitle{font-size:11px}.admin-login-input-wrapper input{height:40px;font-size:12px}.admin-login-button{height:42px;font-size:12px}.admin-login-divider{margin:18px 0 14px}.admin-login-back-button{font-size:12px}}@media (prefers-reduced-motion:reduce){.admin-login-button,.admin-login-back-button,.admin-login-input-wrapper input{transition:none}.admin-login-spin{animation:none}}.products-page{box-sizing:border-box;flex-direction:column;gap:22px;width:100%;min-width:0;max-width:none;padding:30px 32px 35px;display:flex}.page-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:25px;width:100%;min-width:0;display:flex}.page-header-info{min-width:0}.page-header h1{color:#102a43;letter-spacing:-.5px;margin:0;font-size:31px;font-weight:700;line-height:1.2}.page-header p{color:#53657d;margin:7px 0 0;font-size:15px;line-height:1.5}.new-product-button{color:#fff;cursor:pointer;background:#0ea5b5;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;height:48px;padding:0 21px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 5px 14px #0ea5b52e}.new-product-button span{font-size:21px;font-weight:400;line-height:1}.new-product-button:hover{background:#0b94a3;transform:translateY(-2px);box-shadow:0 8px 18px #0ea5b538}.products-page>.product-table{width:100%;min-width:0}@media (width<=1000px){.products-page{padding:25px 24px 30px}.page-header h1{font-size:28px}}@media (width<=750px){.products-page{padding:22px 18px 28px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.new-product-button{width:100%}}@media (width<=500px){.products-page{padding:18px 14px 24px}.page-header h1{font-size:25px}.page-header p{font-size:14px}}.product-page{color:#142b43;background:#f4f7f9;width:100%;min-height:100vh;padding:24px 30px 40px}.product-type-option{cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.product-type-option:hover{background:#e8f6f7;border-color:#0ea5b5;transform:translateY(-2px)}.product-type-icon{font-size:28px;line-height:1}.product-type-info small{color:#6b7280;font-size:12px;line-height:1.3}.images-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.images-header h3{color:#142b43;margin:0;font-size:16px;font-weight:700}.add-image-button{color:#fff;cursor:pointer;background:#0ea5b5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-image-button:hover{background:#0b8a98;transform:translateY(-1px)}.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.image-item{aspect-ratio:1;border:2px solid #e9ecef;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.image-item:hover{border-color:#0ea5b5}.image-item.principal{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b533}.image-preview{object-fit:cover;width:100%;height:100%}.image-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.image-item:hover .image-actions{opacity:1}.image-action-btn{cursor:pointer;color:#142b43;background:#fffffff2;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.image-action-btn:hover{color:#fff;background:#0ea5b5}.image-action-btn.danger:hover{background:#dc2626}.image-badge{color:#fff;text-transform:uppercase;background:#0ea5b5;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;bottom:6px;left:6px}.product-form{color:#142b43;background:#fff;border-radius:20px;width:100%;max-width:1280px;margin:0 auto;padding:34px 38px 30px;overflow:visible;box-shadow:0 8px 35px #0f2b3e12}.product-header{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:28px;display:flex}.product-header h2{color:#0f2940;letter-spacing:-.4px;margin:0;font-size:28px;font-weight:700}.product-header p{color:#5e7288;margin:7px 0 0;font-size:14px;line-height:1.5}.close-button{color:#0f2940;cursor:pointer;background:#f4f7f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex}.close-button:hover{color:#0ea5b5;background:#e8f6f8;transform:rotate(4deg)}.stepper{align-items:center;width:100%;margin:0 0 30px;padding:4px 25px 15px;display:flex}.step{color:#142b43;cursor:pointer;text-align:left;background:0 0;border:none;flex:none;align-items:center;gap:12px;display:flex}.step-number{color:#53677d;background:#fff;border:1px solid #d7e1e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.step strong{color:#142b43;font-size:14px;display:block}.step.active strong{color:#0ea5b5}.step small{color:#71849a;margin-top:4px;font-size:12px;display:block}.info-banner{color:#0ea5b5;background:#effafc;border:1px solid #d5eef2;border-radius:12px;align-items:center;gap:15px;margin-bottom:22px;padding:17px 20px;display:flex}.info-banner>div{min-width:0}.info-banner strong{color:#132b43;font-size:14px;display:block}.info-banner p{color:#60758a;margin:5px 0 0;font-size:13px;line-height:1.45}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:7px;margin-bottom:20px;display:flex}.form-group input,.form-group select,.form-group textarea{color:#152d45;box-sizing:border-box;background:#fff;border:1px solid #d9e3e9;border-radius:10px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:all .2s}.form-group input,.form-group select{height:46px;padding:0 13px}.form-group textarea{resize:vertical;min-height:120px;padding:13px}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#b8cbd5}.form-group input[readonly]{color:#718399;background:#f5f8fa}.form-error-banner{color:#b91c1c;background:#fff5f5;border:1px solid #f4caca;border-radius:10px;margin-bottom:20px;padding:13px 16px;font-size:13px;line-height:1.5}.error-text{color:#dc2626;font-size:11px;line-height:1.4}.variants-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.variants-main{min-width:0}.colors-section{background:#fff;border:1px solid #e1e8ed;border-radius:14px;margin-bottom:18px;padding:18px}.section-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-top h4,.sizes-header h4{color:#142b43;margin:0;font-size:13px;font-weight:700}.section-top span{color:#8192a4;margin-top:5px;font-size:11px;display:block}.color-options{flex-direction:column;gap:8px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.color-options::-webkit-scrollbar{width:6px}.color-options::-webkit-scrollbar-track{background:#f5f7f9;border-radius:3px}.color-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.color-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.color-option-wrap{position:relative}.color-option{color:#142b43;cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e7ec;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.color-option:hover{background:#fbfefe;border-color:#9cced6}.color-option.selected{background:#f3fcfd;border-color:#0ea5b5;box-shadow:0 0 0 1px #0ea5b5}.color-option strong{font-size:13px;font-weight:500}.color-option.selected strong{font-weight:600}.color-circle{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:20px;height:20px;box-shadow:inset 0 0 0 1px #ffffff4d}.color-check{color:#fff;background:#0ea5b5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 6px #0ea5b533}.color-remove-button{color:#d64646;cursor:pointer;z-index:2;background:#fff8f8;border:1px solid #f2caca;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.color-remove-button:hover{background:#fee5e5;border-color:#edaaaa}.color-remove-button:focus{outline:none;box-shadow:0 0 0 3px #d6464626}.add-color-option{color:#078ca0;cursor:pointer;background:#fff;border:1px dashed #9dd6dd;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-color-option:hover{background:#f0fafc;border-color:#0ea5b5}.add-color-option:focus{outline:none;box-shadow:0 0 0 3px #0ea5b51a}.design-thumbnail{object-fit:cover;border:1px solid #e0e7ec;border-radius:8px;width:32px;height:32px}.design-placeholder{color:#64748b;background:#f1f5f9;border:1px solid #e0e7ec;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.attributes-section{background:#fff;border:1px solid #e1e8ed;border-radius:14px;overflow:hidden}.attributes-tabs{background:#fbfcfd;border-bottom:1px solid #e3e9ed;display:flex}.attribute-tab{color:#61748a;cursor:pointer;background:0 0;border:none;flex:1;padding:14px 20px;font-size:13px;font-weight:600;transition:all .2s;position:relative}.attribute-tab:hover{color:#0ea5b5;background:#0ea5b50d}.attribute-tab.active{color:#0ea5b5;background:#fff}.attribute-tab.active:after{content:"";background:#0ea5b5;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.attribute-content{padding:16px 18px}.attribute-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.attribute-header span{color:#61748a;font-size:12px;font-weight:500}.add-attribute-button{color:#fff;cursor:pointer;background:#0ea5b5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.add-attribute-button:hover{background:#0c9caa;transform:translateY(-1px)}.create-attribute-form{background:#f7fcfd;border:1px solid #9dd6dd;border-radius:10px;margin-bottom:12px;padding:14px}.color-picker-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.color-picker-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #e0e7ec;border-radius:8px;width:40px;height:40px;padding:0}.color-picker-row input[type=text]{color:#152d45;background:#fff;border:1px solid #d8e2e8;border-radius:8px;outline:none;flex:1;height:40px;padding:0 12px;font-size:13px;transition:border-color .2s}.color-picker-row input[type=text]:focus{border-color:#0ea5b5}.create-attribute-form input[type=text]{color:#152d45;background:#fff;border:1px solid #d8e2e8;border-radius:8px;outline:none;width:100%;height:40px;margin-bottom:10px;padding:0 12px;font-size:13px;transition:border-color .2s}.create-attribute-form input[type=text]:focus{border-color:#0ea5b5}.form-actions{gap:8px;margin-top:12px;display:flex}.form-actions button{cursor:pointer;border-radius:8px;flex:1;height:36px;padding:0 12px;font-size:12px;transition:all .2s}.attribute-list{flex-direction:column;gap:8px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.attribute-search{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.attribute-search svg{color:#6b7280;flex-shrink:0}.attribute-search input{color:#142b43;background:0 0;border:none;outline:none;flex:1;font-size:13px}.attribute-search input::placeholder{color:#9ca3af}.clear-search{cursor:pointer;color:#6b7280;background:#e9ecef;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.clear-search:hover{color:#374151;background:#d1d5db}.attribute-item{align-items:center;gap:8px;display:flex;position:relative}.attribute-button{color:#152d45;cursor:pointer;text-align:left;background:#f7f9fa;border:1px solid #e3e9ed;border-radius:10px;flex:1;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:all .2s;display:flex}.attribute-button:hover{background:#f0f5f7;border-color:#d0d8dd}.attribute-item.selected .attribute-button{color:#0ea5b5;background:#0ea5b514;border-color:#0ea5b5}.attribute-item.selected .attribute-button strong{color:#0ea5b5}.check-icon{color:#0ea5b5;margin-left:auto;font-size:14px;font-weight:700}.remove-button{color:#64748b;cursor:pointer;z-index:1;background:#fff;border:1px solid #e3e9ed;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.remove-button:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.sizes-section{background:#fff;border:1px solid #e1e8ed;border-radius:14px;overflow:hidden}.sizes-header{background:#fbfcfd;border-bottom:1px solid #e3e9ed;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:0 18px;display:flex}.selected-color-name{color:#078ca0;background:#e9f7f9;border-radius:6px;align-items:center;gap:7px;margin-left:7px;padding:5px 9px;font-size:12px;display:inline-flex}.small-color-circle{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:13px;height:13px;display:inline-block}.add-size-button{color:#078ca0;cursor:pointer;background:#f7fcfd;border:1px solid #9dd6dd;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.add-size-button:hover{background:#eaf9fb;border-color:#0ea5b5}.add-size-button:disabled{opacity:.45;cursor:not-allowed}.sizes-table-header{background:#f6f8fa;border-bottom:1px solid #e4e9ed;grid-template-columns:1.2fr 1.05fr 1.8fr 1.9fr 1.1fr 45px;align-items:center;min-height:38px;padding:0 18px;display:grid}.sizes-table-header span{color:#61748a;font-size:11px;font-weight:700}.size-row{border-bottom:1px solid #edf1f4;grid-template-columns:1.2fr 1.05fr 1.8fr 1.9fr 1.1fr 45px;align-items:center;min-height:66px;padding:8px 18px;transition:all .2s;display:grid}.size-row:hover{background:#fcfefe}.size-cell,.sku-cell,.stock-cell,.status-cell,.delete-cell{min-width:0}.size-cell select,.sku-cell input{color:#152d45;box-sizing:border-box;background:#fff;border:1px solid #d8e2e8;border-radius:8px;outline:none;width:100%;height:41px;padding:0 11px;font-family:inherit;font-size:12px}.size-cell select:focus,.sku-cell input:focus{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b514}.stock-cell{align-items:center;gap:9px;display:flex}.stock-control{background:#fff;border:1px solid #d8e2e8;border-radius:8px;align-items:center;height:41px;display:flex;overflow:hidden}.stock-control button{color:#19334d;cursor:pointer;background:#fff;border:none;width:34px;height:100%;font-size:18px;transition:all .15s}.stock-control button:hover{color:#0ea5b5;background:#f0f7f8}.stock-control input{text-align:center;outline:none;width:45px;height:100%;box-shadow:none!important;border:none!important;border-left:1px solid #e5ebef!important;border-right:1px solid #e5ebef!important;border-radius:0!important}.stock-unit{color:#60758a;font-size:11px}.stock-status{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-height:25px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.stock-status.available{color:#159447;background:#eaf8ef}.stock-status.warning{color:#b87500;background:#fff5dc}.stock-status.danger{color:#d13c3c;background:#fff0f0}.stock-status.out{color:#718096;background:#f1f3f5}.delete-size-button{color:#d64646;cursor:pointer;background:#fff8f8;border:1px solid #f2caca;border-radius:8px;justify-content:center;align-items:center;width:37px;height:37px;transition:all .2s;display:flex}.delete-size-button:hover{background:#fee5e5;border-color:#edaaaa}.add-size-row{color:#078ca0;cursor:pointer;background:#fbfefe;border:1px dashed #84ced7;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 34px);min-height:38px;margin:10px 17px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.add-size-row:hover{background:#effafc;border-color:#0ea5b5}.select-color-empty{color:#0ea5b5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:160px;display:flex}.select-color-empty strong{color:#40566d;font-size:13px}.select-color-empty span{color:#8a9aaa;font-size:11px}.product-preview{background:#fbfcfd;border:1px solid #e1e8ed;border-radius:14px;padding:18px}.product-preview>h4{color:#142b43;margin:0 0 14px;font-size:13px;font-weight:700}.preview-card{background:#fff;border:1px solid #e1e8ed;border-radius:10px;overflow:hidden}.preview-image{background:#fbfcfd;border-bottom:1px solid #e9eef1;justify-content:center;align-items:center;height:285px;display:flex}.preview-image img{object-fit:contain;width:100%;height:100%}.preview-placeholder{color:#b0bec9;flex-direction:column;align-items:center;gap:8px;display:flex}.preview-placeholder span{font-size:11px}.preview-info{padding:16px}.preview-info h3{color:#142b43;margin:0 0 8px;font-size:15px;font-weight:700}.preview-price{color:#078ca0;font-size:18px;font-weight:800;display:block}.preview-info p{color:#73869a;margin:7px 0 0;font-size:11px}.preview-divider{background:#e7ecef;height:1px;margin:14px 0}.preview-pill{color:#52667b;background:#f3f5f6;border-radius:7px;align-items:center;gap:6px;width:fit-content;margin-bottom:7px;padding:7px 9px;font-size:10px;display:flex}.preview-pill strong{color:#263d55}.images-next-info{background:#f5fbfc;border:1px solid #d5eaf0;border-radius:10px;align-items:center;gap:12px;margin-top:18px;padding:14px 17px;display:flex}.info-circle{color:#078ca0;background:#e2f5f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font-size:12px;font-weight:700;display:flex}.images-next-info strong{color:#314a62;font-size:12px;display:block}.images-next-info p{color:#8091a1;margin:3px 0 0;font-size:11px}.image-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media (width<=768px){.image-color-list{grid-template-columns:1fr}}.color-image-card{background:#fff;border:1px solid #e1e8ed;border-radius:14px;overflow:hidden}.color-image-header{background:#fbfcfd;border-bottom:1px solid #e5ebef;justify-content:space-between;align-items:center;min-height:66px;padding:0 18px;display:flex}.variant-color-info{align-items:center;gap:11px;display:flex}.variant-color-dot{border:1px solid #00000024;border-radius:50%;flex-shrink:0;width:28px;height:28px}.variant-color-info h4{color:#172f47;margin:0;font-size:13px}.variant-color-info span{color:#8191a1;margin-top:3px;font-size:10px;display:block}.image-counter{color:#078ca0;background:#eff8fa;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.image-upload-layout{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f7f9fa;flex-direction:row;gap:12px;padding:18px;display:flex;overflow:auto hidden}.image-upload-layout::-webkit-scrollbar{height:8px}.image-upload-layout::-webkit-scrollbar-track{background:#f7f9fa;border-radius:4px}.image-upload-layout::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.image-upload-layout::-webkit-scrollbar-thumb:hover{background:#94a3b8}.image-preview-card{background:#f7f9fa;border:1px solid #e0e7ec;border-radius:10px;flex-shrink:0;width:190px;height:190px;position:relative;overflow:hidden}.image-preview-card.is-principal{border-color:#0ea5b5;box-shadow:0 0 0 2px #0ea5b514}.image-preview-card img{object-fit:contain;width:100%;height:100%;display:block}.principal-label{color:#fff;background:#0ea5b5;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;top:9px;left:9px}.image-preview-actions{gap:5px;display:flex;position:absolute;top:9px;right:9px}.image-action-button{color:#8493a0;cursor:pointer;background:#fffffff0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 7px #0f2b3e1f}.image-action-button:hover,.image-action-button.active{color:#0ea5b5;background:#effafc}.image-action-button.delete-action{color:#d64646}.image-action-button.delete-action:hover{background:#fff0f0}.image-upload-box{color:#64788c;text-align:center;cursor:pointer;background:#fbfefe;border:1px dashed #8acdd5;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:190px;height:190px;transition:all .2s;display:flex}.image-upload-box:hover{background:#f1fafc;border-color:#0ea5b5}.upload-icon{color:#0ea5b5;background:#eaf8fa;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:3px;display:flex}.image-upload-box strong{color:#1a334c;font-size:12px}.image-upload-box span{color:#7b8d9e;font-size:10px}.image-upload-box small{color:#a0adb8;font-size:9px}.image-upload-box input{display:none}.image-url-row{color:#7b8d9e;border-top:1px solid #edf1f4;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;font-size:11px;display:flex}.image-url-button{color:#0ea5b5;cursor:pointer;background:#f0fafb;border:1px solid #0ea5b5;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.image-url-button:hover{color:#fff;background:#0ea5b5;border-color:#0ea5b5}.image-url-button:disabled{opacity:.4;cursor:not-allowed;color:#94a3b8;background:#f7f9fa;border-color:#e3e9ed}.url-input-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.url-input-content{background:#fff;border-radius:14px;min-width:400px;max-width:500px;padding:24px;box-shadow:0 10px 40px #00000026}.url-input-content h4{color:#172f47;margin:0 0 16px;font-size:16px;font-weight:600}.url-input-content input{color:#152d45;background:#fff;border:1px solid #d8e2e8;border-radius:10px;outline:none;width:100%;height:44px;margin-bottom:16px;padding:0 14px;font-size:14px;transition:border-color .2s}.url-input-content input:focus{border-color:#0ea5b5}.url-input-content input::placeholder{color:#94a3b8}.url-input-actions{justify-content:flex-end;gap:10px;display:flex}.url-input-actions button{cursor:pointer;border-radius:8px;height:40px;padding:0 20px;font-size:13px;font-weight:600;transition:all .2s}.product-type-selector{grid-template-columns:1fr 1fr;gap:16px;display:grid}.product-type-option{cursor:pointer;text-align:left;background:#fff;border:2px solid #e8eef2;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.product-type-option:hover{background:#f0fafb;border-color:#0ea5b5}.product-type-option.active{background:#f0fafb;border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.product-type-icon{flex-shrink:0;font-size:28px}.product-type-info{flex-direction:column;gap:4px;display:flex}.product-type-info strong{color:#142b43;font-size:14px;font-weight:600}.product-type-info small{color:#6b7280;font-size:12px;font-weight:400}.images-empty{color:#9aa9b6;text-align:center;background:#fbfcfd;border:1px dashed #c9d8df;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;display:flex}.images-empty h4{color:#455d73;margin:5px 0 0;font-size:14px}.images-empty p{color:#8a9aa8;max-width:400px;margin:0 0 12px;font-size:11px}.general-images-section{padding:16px 0}.slug-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.slug-header label{margin:0}.text-button{color:#0ea5b5;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .2s}.text-button:hover{background:#f0fafb}.bottom-actions{border-top:1px solid #e8edf0;justify-content:flex-end;align-items:center;gap:12px;margin-top:25px;padding-top:18px;display:flex}.bottom-actions button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:45px;padding:0 21px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.secondary-button{color:#53677b;background:#fff;border:1px solid #d7e1e7}.secondary-button:hover{color:#19334d;background:#f8fafb;border-color:#b8c8d1}.primary-button{color:#fff;background:#0ea5b5;border:1px solid #0ea5b5}.primary-button:hover{background:#078fa0;border-color:#078fa0;transform:translateY(-1px);box-shadow:0 6px 16px #0ea5b533}.primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.save-product-button{min-width:170px}@media (width<=1150px){.variants-layout{grid-template-columns:1fr}.product-preview{max-width:none}.color-options{max-height:240px}.image-upload-layout{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.product-page{padding:15px}.product-form{padding:25px 20px}.stepper{padding-left:0;padding-right:0}.step-line{margin:0 10px}.step small{display:none}.form-grid{grid-template-columns:1fr}.color-options{max-height:200px}.sizes-table-header{display:none}.size-row{grid-template-columns:1fr 1fr;gap:12px;padding:15px}.status-cell{grid-column:1/2}.delete-cell{grid-column:2/3;justify-content:flex-end;display:flex}.image-upload-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.product-page{padding:0}.product-form{border-radius:0;min-height:100vh;padding:20px 15px}.product-header h2{font-size:23px}.stepper{padding-bottom:12px;overflow-x:auto}.step{min-width:130px}.step-line{min-width:25px}.color-options{max-height:180px}.color-option{padding:10px 12px}.color-remove-button{right:10px}.sizes-header{flex-direction:column;align-items:flex-start;padding:14px}.size-row{grid-template-columns:1fr}.status-cell,.delete-cell{grid-column:auto}.delete-cell{justify-content:flex-start}.stock-cell{justify-content:space-between}.image-upload-layout{grid-template-columns:1fr}.image-url-row{flex-direction:column;align-items:flex-start}.bottom-actions{flex-direction:column-reverse;align-items:stretch}.bottom-actions button{width:100%}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{padding:12px;font-size:14px}}@media (width<=480px){.product-form{padding:16px 12px}.product-header h2{font-size:20px}.product-header p{font-size:13px}.stepper{padding:12px 14px 10px}.step{min-width:100px;padding:10px 12px}.step-number{width:28px;height:28px;font-size:12px}.step-text{font-size:11px}.form-section{margin-bottom:14px;padding:14px}.form-section h3{margin-bottom:12px;font-size:14px}.form-row{gap:12px}.form-group{gap:6px}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:13px}.form-group textarea{min-height:80px}.color-option{padding:8px 10px}.color-name-input{padding:8px 10px;font-size:12px}.sizes-header{padding:12px}.sizes-header h3{font-size:13px}.size-row{gap:8px}.size-input,.stock-input{padding:8px 10px;font-size:12px}.image-upload-area{padding:20px}.image-upload-area p{font-size:12px}.image-preview-grid{grid-template-columns:repeat(2,1fr);gap:8px}.image-preview-item{padding:8px}.image-preview-item img{height:100px}.bottom-actions{gap:10px;padding:14px}.bottom-actions button{padding:10px 16px;font-size:13px}}.category-selector{width:100%;position:relative}.category-selector label{color:#172554;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.category-selector-trigger{cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;transition:all .2s;display:flex}.category-selector-trigger:hover{border-color:#0ea5b5}.category-selector-trigger.open{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.category-selector-trigger:disabled{opacity:.6;cursor:not-allowed}.category-selector-selected{color:#172554;flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.category-selector-selected svg{color:#6b7280;flex-shrink:0}.category-selector-placeholder{color:#9ca3af;font-size:13px}.category-selector-clear{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.category-selector-clear:hover{color:#374151;background:#f3f4f6}.category-selector-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.category-selector-toggle:hover{color:#374151;background:#f3f4f6}.category-selector-dropdown{z-index:1000;background:#fff;border:1px solid #dfe3e8;border-radius:8px;flex-direction:column;max-height:min(70vh,520px);animation:.2s dropdownFade;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #0f172a26}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.category-selector-search{z-index:10;background:#fff;border-bottom:1px solid #edf0f2;flex-shrink:0;align-items:center;gap:8px;padding:12px;display:flex;position:sticky;top:0}.category-selector-search svg{color:#9ca3af;flex-shrink:0}.category-selector-search input{color:#172554;background:0 0;border:none;outline:none;flex:1;font-size:13px}.category-selector-search input::placeholder{color:#9ca3af}.category-selector-breadcrumbs{z-index:9;background:#f9fafb;border-bottom:1px solid #edf0f2;flex-shrink:0;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:0}.breadcrumb-back{color:#6b7280;cursor:pointer;background:#fff;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.breadcrumb-back:hover{color:#374151;background:#f3f4f6}.breadcrumb-path{color:#6b7280;scrollbar-width:none;align-items:center;gap:6px;font-size:12px;display:flex;overflow-x:auto}.breadcrumb-path::-webkit-scrollbar{display:none}.breadcrumb-path span{white-space:nowrap}.breadcrumb-path svg{color:#9ca3af;flex-shrink:0}.category-selector-list{flex:1;padding:8px;overflow-y:auto}.category-selector-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.category-selector-item:hover{background:#f9fafb}.category-selector-item.selected{color:#0ea5b5;background:#effbfc}.category-selector-item svg{color:#6b7280;flex-shrink:0}.category-selector-item.selected svg{color:#0ea5b5}.category-selector-item-main{flex:1;align-items:center;gap:8px;display:flex}.category-selector-item-actions{align-items:center;gap:6px;display:flex}.category-select-btn{color:#0ea5b5;cursor:pointer;background:#fff;border:1px solid #0ea5b5;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.category-select-btn:hover{color:#fff;background:#0ea5b5}.category-selector-item-content{flex-direction:column;flex:1;gap:2px;display:flex}.category-name{color:#172554;font-size:13px;font-weight:500}.category-selector-item.selected .category-name{color:#0ea5b5}.category-path{color:#9ca3af;font-size:11px}.item-arrow{color:#9ca3af;margin-left:auto}.category-selector-empty{text-align:center;color:#9ca3af;padding:24px;font-size:13px}.category-selector-level{background:#f9fafb;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:12px;display:flex}.category-selector-level.error{background:#fef2f2;border:1px solid #fecdd3}.level-label{color:#6b7280;font-weight:500}.level-value{color:#172554;font-weight:600}.category-selector-level.error .level-value{color:#dc2626}.level-error{color:#dc2626;margin-left:auto;font-size:11px}.category-multi-selector{width:100%;position:relative}.category-multi-selector label{color:#172554;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.category-multi-selector-trigger{cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;min-height:44px;padding:10px 12px;transition:all .2s;display:flex}.category-multi-selector-trigger:hover{border-color:#0ea5b5}.category-multi-selector-trigger.open{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.category-multi-selector-trigger:disabled{opacity:.6;cursor:not-allowed}.category-multi-selector-selected{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.category-multi-selector-chip{color:#0ea5b5;background:#effbfc;border:1px solid #0ea5b5;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;display:flex}.category-multi-selector-chip svg{color:#0ea5b5;flex-shrink:0}.category-multi-selector-chip-remove{color:#0ea5b5;cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.category-multi-selector-chip-remove:hover{background:#0ea5b526}.category-multi-selector-clear-all{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.category-multi-selector-clear-all:hover{color:#374151;background:#f3f4f6}.category-multi-selector-placeholder{color:#9ca3af;font-size:13px}.category-multi-selector-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.category-multi-selector-toggle:hover{color:#374151;background:#f3f4f6}.category-multi-selector-dropdown{z-index:1000;background:#fff;border:1px solid #dfe3e8;border-radius:8px;flex-direction:column;max-height:min(70vh,520px);animation:.2s dropdownFade;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #0f172a26}.category-multi-selector-search{z-index:10;background:#fff;border-bottom:1px solid #edf0f2;flex-shrink:0;align-items:center;gap:8px;padding:12px;display:flex;position:sticky;top:0}.category-multi-selector-search svg{color:#9ca3af;flex-shrink:0}.category-multi-selector-search input{color:#172554;background:0 0;border:none;outline:none;flex:1;font-size:13px}.category-multi-selector-search input::placeholder{color:#9ca3af}.category-multi-selector-breadcrumbs{z-index:9;background:#f9fafb;border-bottom:1px solid #edf0f2;flex-shrink:0;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:0}.category-multi-selector-breadcrumbs .breadcrumb-back{color:#6b7280;cursor:pointer;background:#fff;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.category-multi-selector-breadcrumbs .breadcrumb-back:hover{color:#374151;background:#f3f4f6}.category-multi-selector-breadcrumbs .breadcrumb-path{color:#6b7280;scrollbar-width:none;align-items:center;gap:6px;font-size:12px;display:flex;overflow-x:auto}.category-multi-selector-breadcrumbs .breadcrumb-path::-webkit-scrollbar{display:none}.category-multi-selector-breadcrumbs .breadcrumb-path span{white-space:nowrap}.category-multi-selector-breadcrumbs .breadcrumb-path svg{color:#9ca3af;flex-shrink:0}.category-multi-selector-list{flex:1;padding:8px;overflow-y:auto}.category-multi-selector-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.category-multi-selector-item:hover{background:#f9fafb}.category-multi-selector-item.selected{color:#0ea5b5;background:#effbfc}.category-multi-selector-item svg{color:#6b7280;flex-shrink:0}.category-multi-selector-item.selected svg,.category-multi-selector-item .check-icon{color:#0ea5b5}.category-multi-selector-item-main{flex:1;align-items:center;gap:8px;display:flex}.category-multi-selector-item-actions{align-items:center;gap:6px;display:flex}.category-toggle-btn{color:#0ea5b5;cursor:pointer;background:#fff;border:1px solid #0ea5b5;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.category-toggle-btn:hover{color:#fff;background:#0ea5b5}.category-navigate-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.category-navigate-btn:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.category-multi-selector-item-content{flex-direction:column;flex:1;gap:2px;display:flex}.category-multi-selector-item .category-name{color:#172554;font-size:13px;font-weight:500}.category-multi-selector-item.selected .category-name{color:#0ea5b5}.category-multi-selector-item .category-path{color:#9ca3af;font-size:11px}.category-multi-selector-empty{text-align:center;color:#9ca3af;padding:24px;font-size:13px}.category-multi-selector-level{background:#f9fafb;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:12px;display:flex}.category-multi-selector-level.error{background:#fef2f2;border:1px solid #fecdd3}.category-multi-selector-level .level-label{color:#6b7280;font-weight:500}.category-multi-selector-level .level-value{color:#172554;font-weight:600}.category-multi-selector-level.error .level-value{color:#dc2626}.category-multi-selector-level .level-error{color:#dc2626;margin-left:auto;font-size:11px}.category-max-level-hint{color:#f59e0b;font-size:10px;font-weight:500}.product-table{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-width:0;display:flex}.product-statistics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;display:grid}.product-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e8ebef;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex;box-shadow:0 5px 18px #1f29370b}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-products{color:#0ea5b5;background:#e4f6f8}.stat-icon-active{color:#159447;background:#e5f7ed}.stat-icon-warning{color:#f27a16;background:#fff1e5}.stat-icon-danger{color:#e3292e;background:#ffe7e8}.stat-content{flex-direction:column;min-width:0;display:flex}.stat-content strong{color:#102a43;font-size:21px;font-weight:700;line-height:1.1}.stat-content span{color:#40556f;margin-top:3px;font-size:13px;font-weight:500}.stat-content small{color:#8491a3;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.product-table-card{box-sizing:border-box;background:#fff;border:1px solid #e6e9ed;border-radius:16px;width:100%;min-width:0;overflow:hidden;box-shadow:0 8px 25px #1f29370e}.table-toolbar{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px 20px;display:flex}.table-search{color:#1f2937;box-sizing:border-box;background:#f5f7f9;border:1px solid #0000;border-radius:10px;flex:200px;align-items:center;gap:9px;min-width:180px;max-width:400px;height:42px;padding:0 13px;transition:all .2s;display:flex}.table-search:focus-within{background:#fff;border-color:#b9dfe4;box-shadow:0 0 0 3px #0ea5b514}.table-search svg{color:#243b53;flex-shrink:0}.table-search input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.table-search input::placeholder{color:#8a96a5}.table-filters{align-items:center;gap:9px;min-width:0;display:flex}.select-wrapper{box-sizing:border-box;align-items:center;min-width:145px;height:42px;display:flex;position:relative}.select-wrapper select{appearance:none;color:#243b53;cursor:pointer;background:#fff;border:1px solid #dfe4e9;border-radius:9px;outline:none;width:100%;height:100%;padding:0 32px 0 13px;font-family:inherit;font-size:12px;font-weight:500}.select-wrapper select:focus{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b514}.select-wrapper>svg{pointer-events:none;color:#243b53;position:absolute;right:10px}.order-select{min-width:135px}.order-select>svg:first-child{left:10px;right:auto}.order-select select{padding-left:31px;padding-right:27px}.order-select>svg:last-child{right:8px}.filter-button{color:#243b53;cursor:pointer;background:#fff;border:1px solid #dfe4e9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.filter-button:hover{color:#0ea5b5;background:#f6fcfd;border-color:#0ea5b5}.table-scroll{scrollbar-width:thin;width:100%;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:760px}thead{background:#f5f7fa}thead tr{border-top:1px solid #edf0f3;border-bottom:1px solid #e8ebef}th{text-align:left;color:#243b53;white-space:nowrap;padding:13px 14px;font-size:12px;font-weight:700}th.product-column{width:30%}th.category-column{width:22%}th.actions-column{width:12%}tbody tr{border-bottom:1px solid #edf0f3;transition:background-color .18s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fbfcfd}td{color:#40556f;vertical-align:middle;padding:12px 14px;font-size:12px}.product-info{align-items:center;gap:11px;min-width:0;display:flex}.product-image{background:#f5f6f7;border:1px solid #edf0f2;border-radius:10px;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.product-name{flex-direction:column;min-width:0;display:flex}.product-name strong{color:#102a43;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.product-name span{color:#728198;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.category-name{color:#53657d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.category-header{flex-direction:column;gap:2px;line-height:1.15;display:inline-flex}.category-header-line{color:#243b53;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700;display:block}.category-header-line:last-child{color:#0ea5b5;font-size:10px;font-weight:700}.category-cell{flex-direction:column;gap:5px;min-width:0;display:flex}.category-parent{color:#078ca0;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#eaf8fa;border-radius:6px;width:fit-content;max-width:100%;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block;overflow:hidden}.category-sub{color:#243b53;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.category-sub-empty{color:#9aa9b7;font-weight:500}.price-cell{color:#304b68;white-space:nowrap;font-weight:500}.stock-value{white-space:nowrap;font-weight:700}.stock-good{color:#16803c}.stock-low{color:#ed7600}.stock-empty{color:#dc2626}.status{text-transform:capitalize;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-width:65px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.status.active{color:#13833c;background:#def5e7}.status.inactive{color:#d52a2f;background:#ffe4e5}.status.archived{color:#596575;background:#e9ecef}.actions{align-items:center;gap:7px;display:flex}.action-button{cursor:pointer;background:#fff;border:1px solid #e1e6eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .2s,background-color .2s,color .2s,transform .2s;display:flex}.action-button:hover{transform:translateY(-1px)}.action-button.edit{color:#163b5c}.action-button.edit:hover{color:#0ea5b5;background:#f1fafb;border-color:#9dc8d0}.action-button.archive{color:#dc2626}.action-button.archive:hover{background:#fff5f5;border-color:#f1b5b7}.action-button.reactivate{color:#16803c}.action-button.reactivate:hover{background:#f2fbf5;border-color:#a8d9ba}.empty-products{text-align:center;color:#77869a;height:130px;font-size:12px}.table-footer{box-sizing:border-box;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:15px;min-height:58px;padding:10px 18px;display:flex}.results-count{color:#64748b;font-size:12px}.results-count strong{color:#40556f;font-weight:600}.pagination{align-items:center;gap:5px;display:flex}.pagination-button{color:#243b53;cursor:pointer;background:#fff;border:1px solid #dfe5ea;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.pagination-button:hover:not(:disabled){color:#0ea5b5;border-color:#0ea5b5}.pagination-button.current{color:#fff;background:#0ea5b5;border-color:#0ea5b5}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.loading-state,.error-state{color:#64748b;box-sizing:border-box;background:#fff;border:1px solid #e6e9ed;border-radius:16px;justify-content:center;align-items:center;min-height:180px;padding:30px;font-size:13px;display:flex}.error-state{color:#dc2626}@media (width<=1150px){.product-statistics{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{flex-direction:column;align-items:stretch}.table-search{width:100%;max-width:500px}.table-filters{flex-wrap:wrap;width:100%}.select-wrapper{flex:1}.filter-button{flex:none}}@media (width<=700px){.product-statistics{grid-template-columns:1fr}.table-toolbar{padding:14px}.table-filters{grid-template-columns:1fr 1fr;display:grid}.select-wrapper,.order-select{width:100%;min-width:0}.filter-button{width:100%}.table-footer{flex-direction:column;align-items:flex-start}.pagination{justify-content:flex-end;width:100%}}@media (width<=480px){.table-filters{grid-template-columns:1fr}.pagination-button{width:30px;height:30px}.table-toolbar{padding:12px}.table-search input,.select-wrapper select{font-size:13px}.filter-button,.product-table{font-size:12px}.product-table th{padding:10px 8px;font-size:11px}.product-table td{padding:12px 8px;font-size:12px}.product-image{width:40px;height:40px}.product-name{font-size:12px}.product-sku{font-size:10px}.status-badge{padding:4px 8px;font-size:10px}.table-footer{padding:12px}.pagination-info{font-size:11px}}@media (width<=430px){.product-statistics{gap:10px}.product-stat-card{padding:12px}.stat-icon{width:36px;height:36px}.stat-content strong{font-size:18px}.stat-content span{font-size:12px}.table-toolbar{padding:12px}.table-search{height:38px;font-size:12px}.table-search input{font-size:12px}.select-wrapper{height:38px}.select-wrapper select{font-size:11px}.filter-button{height:38px;font-size:11px}th,td{padding:10px;font-size:11px}.product-image{width:60px;height:60px}.product-name strong{font-size:11px}.product-name span{font-size:10px}.status{min-width:55px;padding:5px 8px;font-size:10px}.action-button{width:32px;height:32px}.table-footer{padding:8px 12px}.results-count{font-size:11px}.pagination-button{width:28px;height:28px;font-size:11px}}@media (width<=375px){.product-statistics{grid-template-columns:1fr}.product-stat-card{padding:10px}.stat-icon{width:34px;height:34px}.stat-content strong{font-size:16px}.stat-content span{font-size:11px}.table-toolbar{padding:10px}.table-search,.select-wrapper{height:36px}.filter-button{height:36px;font-size:10px}th,td{padding:8px;font-size:10px}.product-image{width:55px;height:55px}.product-name strong{font-size:10px}.action-button{width:30px;height:30px}.pagination-button{width:26px;height:26px;font-size:10px}}@media (width<=320px){.product-stat-card{padding:8px}.stat-icon{width:32px;height:32px}.stat-content strong{font-size:15px}.table-search,.select-wrapper,.filter-button{height:34px}.product-image{width:50px;height:50px}.action-button{width:28px;height:28px}.pagination-button{width:24px;height:24px}}.categories-page{flex-direction:column;gap:24px;width:100%;display:flex}.categories-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.categories-header h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.categories-header p{color:#6b7280;margin:0;font-size:14px}.new-category-button{color:#fff;cursor:pointer;background:#0ea5b5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.new-category-button span{font-size:20px;line-height:1}.new-category-button:hover{background:#0b92a1;transform:translateY(-1px);box-shadow:0 6px 16px #0ea5b52e}.new-category-button:active{transform:translateY(0)}@media (width<=700px){.categories-header{flex-direction:column}.new-category-button{width:100%}}.category-form-page{flex-direction:column;gap:20px;width:100%;display:flex}.category-form-top{align-items:center;display:flex}.back-button{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:4px 0;font-size:13px;font-weight:500;transition:color .2s;display:flex}.back-button:hover{color:#0ea5b5}.category-form-heading{justify-content:space-between;align-items:flex-start;display:flex}.category-form-heading h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.category-form-heading p{color:#6b7280;margin:0;font-size:14px}.category-form-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:20px;display:grid}.category-form-card,.category-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.category-form-content{padding:22px}.form-group label span{color:#ef4444;margin-left:3px}.form-group input::placeholder{color:#a1aab5}.form-row{grid-template-columns:1fr 150px;gap:18px;margin-top:22px;display:grid}.preview-navigation{padding:22px}.preview-column{background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:16px}.preview-column-title{color:#1f2937;text-transform:uppercase;letter-spacing:.02em;font-size:14px;font-weight:700}.preview-column-line{background:#0ea5b5;width:52px;height:2px;margin-top:11px;margin-bottom:12px}.preview-item{color:#4b5563;border-bottom:1px solid #f3f4f6;align-items:center;min-height:38px;font-size:13px;display:flex}.preview-item:last-child{border-bottom:none}.preview-new{color:#0ea5b5;justify-content:space-between;font-weight:600}.preview-new small{color:#0ea5b5;text-transform:uppercase;background:#e6f7f9;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.preview-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:110px;font-size:12px;display:flex}.preview-empty svg{color:#0ea5b5}.preview-tree{flex-direction:column;gap:8px;padding:16px 22px;display:flex}.preview-tree-node{align-items:center;gap:8px;display:flex}.preview-tree-line{background:#e5e7eb;width:2px;height:24px;margin-left:12px}.preview-tree-item{color:#172554;background:#f9fafb;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.preview-tree-item.new{color:#0ea5b5;background:#effbfc}.preview-tree-item.new small{color:#fff;text-transform:uppercase;background:#0ea5b5;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.preview-level-badge{color:#0ea5b5;text-transform:uppercase;background:#e6f7f9;border-radius:18px;padding:6px 12px;font-size:11px;font-weight:600}.preview-max-level{color:#f59e0b;background:#fffbeb;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:11px;font-weight:500;display:flex}@media (width<=900px){.category-form-layout{grid-template-columns:1fr}}@media (width<=600px){.category-form-heading h1{font-size:24px}.category-form-content{padding:18px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-form-button,.save-form-button{justify-content:center;width:100%}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{padding:12px;font-size:14px}}@media (width<=480px){.category-form{padding:12px}.category-form-heading h1{margin-bottom:4px;font-size:20px}.category-form-heading p{font-size:13px}.category-form-content{padding:14px}.form-section{margin-bottom:14px;padding:14px}.form-section h3{margin-bottom:12px;font-size:14px}.form-row{gap:12px}.form-group{gap:6px}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:13px}.form-group textarea{min-height:80px}.form-actions{gap:10px;padding:14px}.cancel-form-button,.save-form-button{padding:10px 16px;font-size:13px}.color-swatch{width:36px;height:36px}}.category-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow:hidden}.category-section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:22px 20px;display:flex}.category-section-header h2{color:#1f2937;margin:0 0 5px;font-size:15px;font-weight:600}.category-section-header p{color:#6b7280;margin:0;font-size:13px}.category-count{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:600}.categories-list{flex-direction:column;gap:8px;padding:16px;display:flex}.category-tree-node{background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s;overflow:hidden}.category-tree-node--level-1{border-width:1px}.category-tree-node--level-2,.category-tree-node--level-3,.category-tree-node--level-4,.category-tree-node--level-5,.category-tree-node--level-6{border-width:1px;margin-left:0}.category-row{justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 14px;transition:background .2s;display:flex}.category-row:hover{background:#f9fafb}.category-row--expanded{background:#fafbfc}.category-row--level-1{min-height:72px;padding:14px 16px}.category-row--level-1 .category-name{color:#1f2937;font-size:14px;font-weight:700}.category-row--level-1 .category-type{color:#6b7280;font-size:12px;font-weight:500}.category-row--level-2{min-height:60px;padding:10px 14px 10px 40px}.category-row--level-2 .category-name{color:#374151;font-size:13px;font-weight:600}.category-row--level-2 .category-type{color:#9ca3af;font-size:11px}.category-row--level-3{min-height:56px;padding:8px 14px 8px 64px}.category-row--level-3 .category-name{color:#4b5563;font-size:13px;font-weight:500}.category-row--level-3 .category-type{color:#9ca3af;font-size:11px}.category-row--level-4{min-height:52px;padding:8px 14px 8px 88px}.category-row--level-5{min-height:52px;padding:8px 14px 8px 112px}.category-row--level-6{min-height:52px;padding:8px 14px 8px 136px}.category-row--level-4 .category-name,.category-row--level-5 .category-name,.category-row--level-6 .category-name{color:#6b7280;font-size:12px;font-weight:500}.category-row--level-4 .category-type,.category-row--level-5 .category-type,.category-row--level-6 .category-type{color:#9ca3af;font-size:10px}.category-row-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.category-row-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.expand-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,color .2s;display:flex}.expand-button:hover{color:#0ea5b5;background:#f3f4f6}.expand-placeholder{flex-shrink:0;width:28px}.category-icon{color:#0ea5b5;background:#e6f7f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.category-icon--level-1{border-radius:10px;width:38px;height:38px}.category-icon--level-2{color:#6b7280;background:#f3f4f6;width:32px;height:32px}.category-icon--level-3,.category-icon--level-4,.category-icon--level-5,.category-icon--level-6{color:#9ca3af;background:#f9fafb;width:28px;height:28px}.category-info{flex:1;min-width:0}.category-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.category-type{white-space:nowrap}.category-children{background:#fafbfc;border-top:1px solid #e5e7eb;flex-direction:column;gap:6px;padding:8px 0;display:flex}.category-max-level{color:#f59e0b;background:#fffbeb;border-top:1px solid #e5e7eb;align-items:center;gap:8px;padding:8px 14px 8px 136px;font-size:11px;font-weight:500;display:flex}.status-badge{border-radius:18px;justify-content:center;align-items:center;min-width:58px;padding:6px 10px;font-size:10px;font-weight:600;display:inline-flex}.status-badge.active{color:#15803d;background:#dcfce7}.status-badge.inactive{color:#6b7280;background:#f3f4f6}.children-count{color:#9ca3af;white-space:nowrap;font-size:11px}.category-actions{align-items:center;gap:6px;display:flex}.icon-action{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s,color .2s,border-color .2s;display:flex}.icon-action.edit{color:#1f4e79}.icon-action.edit:hover{background:#eff6ff;border-color:#bfdbfe}.icon-action.delete{color:#ef4444}.icon-action.delete:hover{background:#fef2f2;border-color:#fecaca}.empty-categories{text-align:center;padding:65px 30px}.empty-icon{color:#0ea5b5;background:#e6f7f9;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;display:flex}.empty-categories h3{color:#1f2937;margin:0 0 6px;font-size:15px}.empty-categories p{color:#9ca3af;margin:0;font-size:13px}.category-loading,.category-error{text-align:center;color:#6b7280;padding:40px;font-size:14px}@media (width<=850px){.category-row-right{gap:8px}.children-count{display:none}}@media (width<=650px){.category-row{align-items:flex-start}.category-row-right{flex-direction:column;align-items:flex-end;gap:6px}}@media (width<=500px){.category-section-header{gap:10px;padding:12px 14px}.category-section-header h2{font-size:16px}.add-category-button{padding:8px 12px;font-size:12px}.category-row{gap:10px;padding:12px 14px}.category-info h3{font-size:13px}.category-info p{font-size:11px}.category-row-right{gap:6px}.action-button{width:32px;height:32px}.action-button svg{width:14px;height:14px}}@media (width<=380px){.category-section-header{flex-direction:column;align-items:stretch}.add-category-button{justify-content:center;width:100%}.category-row{padding:10px 12px}.category-info h3{font-size:12px}.category-info p{font-size:10px}}.offers-page{box-sizing:border-box;flex-direction:column;gap:22px;width:100%;display:flex}.offers-header{justify-content:space-between;align-items:flex-start;gap:24px;width:100%;display:flex}.offers-header-content{flex-direction:column;display:flex}.offers-header h1{color:#1f2937;letter-spacing:-.4px;margin:0;font-size:28px;font-weight:700;line-height:1.2}.offers-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.new-offer-button{color:#fff;white-space:nowrap;cursor:pointer;background:#0ea5b5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 20px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 3px 8px #0ea5b52e}.new-offer-button:hover{background:#0b92a1;transform:translateY(-1px);box-shadow:0 5px 14px #0ea5b542}.new-offer-button:active{transform:translateY(0)}.new-offer-plus{justify-content:center;align-items:center;font-size:18px;font-weight:400;line-height:1;display:inline-flex}@media (width<=700px){.offers-header{flex-direction:column;align-items:stretch}.new-offer-button{width:fit-content}.offers-header h1{font-size:22px}}.offer-form-page{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;display:flex}.offer-form-top{z-index:10;border-bottom:1px solid #f3f4f6;margin-bottom:4px;padding:6px 0 10px;position:sticky;top:0}.back-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.back-button:hover{background:#f9fafb;border-color:#d1d5db}.back-button:active{transform:translateY(1px)}.offer-form-heading{justify-content:space-between;align-items:flex-start;display:flex}.offer-form-heading h1{color:#1f2937;letter-spacing:-.3px;margin:0 0 6px;font-size:28px;font-weight:700}.offer-form-heading p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.offer-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;padding:12px 14px;font-size:13px}.offer-form-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr);align-items:start;gap:20px;display:grid}.offer-form-card,.offer-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.form-card-header,.preview-header{border-bottom:1px solid #e5e7eb;padding:20px}.form-card-header h2,.preview-header h2{color:#1f2937;margin:0 0 5px;font-size:15px;font-weight:600}.form-card-header p,.preview-header p{color:#9ca3af;margin:0;font-size:12px}.offer-form-content{flex-direction:column;gap:18px;padding:22px;display:flex}.form-group{flex-direction:column;gap:8px;min-width:0;display:flex}.form-group.full{width:100%}.form-group label{color:#10245b;flex-wrap:wrap;align-items:center;gap:2px;font-size:13px;font-weight:600;display:inline-flex}.form-group label span{color:#0ea5b5;margin-left:3px;font-weight:700}.form-group label small{color:#64748b;margin-left:6px;font-size:11px;font-weight:400}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#172554;background:#fff;border:1px solid #d9e0e7;border-radius:9px;outline:none;width:100%;padding:0 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-group input,.form-group select{height:44px}.form-group textarea{resize:vertical;min-height:90px;padding:11px 13px;line-height:1.5}.form-group input::placeholder,.form-group textarea::placeholder{color:#a1aab5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.form-group input:disabled,.form-group select:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.form-group small{color:#9ca3af;font-size:11px;line-height:1.4}.select-wrapper{position:relative}.select-wrapper select{appearance:none;padding-right:40px}.select-wrapper svg{color:#64748b;pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.form-row{grid-template-columns:1fr 150px;gap:18px;display:grid}.form-row.two-cols{grid-template-columns:1fr 1fr}.categories-manage-row{justify-content:flex-end;margin-bottom:8px;display:flex}.link-to-categories{color:#0ea5b5;background:#fff;border:1px solid #d9e0e7;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.link-to-categories:hover{color:#075f6a;background:#e6f7f9;border-color:#0ea5b5;transform:translateY(-1px)}.link-to-categories--solid{color:#fff;background:#0ea5b5;border-color:#0ea5b5;margin-top:4px;padding:8px 16px}.link-to-categories--solid:hover{color:#fff;background:#0b92a1;border-color:#0b92a1}.categories-checkbox-list{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:340px;padding:12px;display:grid;overflow-y:auto}.categories-checkbox-list::-webkit-scrollbar{width:6px}.categories-checkbox-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.categories-empty{text-align:center;color:#9ca3af;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:22px 14px;font-size:12.5px;display:flex}.categories-empty svg{color:#cbd5e1}.categories-empty p{margin:0}.category-group{background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.category-check{color:#374151;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s,color .15s;display:flex;position:relative}.category-check:hover{background:#f3f4f6}.category-check.is-checked{color:#075f6a;background:#e6f7f9;font-weight:600}.category-check input[type=checkbox]{accent-color:#0ea5b5;flex-shrink:0;width:16px;height:16px;margin:0}.category-check .cc-icon{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.category-check .cc-text{flex:1;min-width:0}.category-check.is-parent{color:#10245b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px dashed #d6deea;margin-bottom:4px;padding-bottom:8px;font-size:11.5px;font-weight:700}.category-check.is-parent .cc-icon{color:#0ea5b5}.category-check.is-parent.is-checked{color:#075f6a;background:#e6f7f9}.category-check.is-child{color:#4b5563;padding-left:8px;font-size:12.5px;font-weight:500}.category-check.is-child.is-checked{color:#075f6a;font-weight:600}.form-actions{background:#fafbfc;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;padding:18px 22px;display:flex}.cancel-form-button,.save-form-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cancel-form-button{color:#64748b;background:#fff;border:1px solid #d9e0e7}.cancel-form-button:hover{color:#1f2937;background:#f3f4f6}.save-form-button{color:#fff;background:#0ea5b5;border:none}.save-form-button:hover{background:#0b92a1}.save-form-button:disabled,.cancel-form-button:disabled{opacity:.6;cursor:not-allowed}.preview-content{flex-direction:column;gap:16px;padding:20px 22px;display:flex}.preview-status-row{align-items:center;display:flex}.preview-badge{letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.preview-badge.is-active{color:#15803d;background:#dcfce7}.preview-badge.is-inactive{color:#6b7280;background:#f3f4f6}.preview-name{color:#1f2937;font-size:17px;font-weight:700;line-height:1.3}.preview-discount{color:#0ea5b5;font-size:24px;font-weight:700;line-height:1.1}.preview-block{flex-direction:column;gap:6px;display:flex}.preview-block-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.preview-block-value{color:#1f2937;font-size:13px;font-weight:500;line-height:1.4}.preview-dates{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preview-dates>div{background:#fafbfc;border:1px solid #f3f4f6;border-radius:8px;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.preview-dates span{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.preview-dates strong{color:#1f2937;font-size:12.5px;font-weight:600}.preview-empty{text-align:center;color:#9ca3af;border:1px dashed #e5e7eb;border-radius:8px;padding:12px;font-size:12px}.preview-chips{flex-wrap:wrap;gap:6px;display:flex}.preview-chip{color:#075f6a;background:#e6f7f9;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:600}.preview-description{color:#4b5563;background:#f9fafb;border-left:3px solid #0ea5b5;border-radius:6px;padding:10px 12px;font-size:12.5px;line-height:1.5}.preview-price-box{background:#fafbfc;border:1px solid #dce3eb;border-radius:9px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.preview-price-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-price-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.preview-price-original{color:#1f2937;font-size:13px;font-weight:600}.preview-price-original.is-strike{color:#9ca3af;font-weight:500;text-decoration:line-through}.preview-price-final{color:#0793ad;font-size:17px;font-weight:700}.preview-note{color:#6b7280;background:#f3f4f6;border-radius:8px;align-items:flex-start;gap:8px;margin:0 22px 22px;padding:11px 12px;font-size:11.5px;line-height:1.4;display:flex}.preview-note svg{color:#0ea5b5;flex-shrink:0;margin-top:1px}@media (width<=1100px){.offer-form-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,.5fr)}}@media (width<=900px){.offer-form-layout{grid-template-columns:1fr}}@media (width<=600px){.offer-form-heading h1{font-size:24px}.offer-form-content{padding:18px}.form-row,.form-row.two-cols{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-form-button,.save-form-button{width:100%}.categories-checkbox-list{max-height:200px}}.help-hint{color:#9ca3af;cursor:help;vertical-align:middle;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:6px;transition:color .15s,background .15s;display:inline-flex;position:relative}.help-hint:hover,.help-hint:focus-within{color:#0ea5b5;background:#e6f7f9;outline:none}.help-hint-text{color:#f9fafb;white-space:normal;z-index:30;opacity:0;pointer-events:none;visibility:hidden;background:#1f2937;border-radius:6px;min-width:180px;max-width:260px;padding:8px 10px;font-size:11.5px;font-weight:500;line-height:1.4;transition:opacity .12s,visibility .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0f172a2e}.help-hint-text:after{content:"";border:5px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:50%;transform:translate(-50%)}.help-hint:hover .help-hint-text,.help-hint:focus-within .help-hint-text{opacity:1;visibility:visible;transform:translate(-50%)translateY(-2px)}.product-summary-card{background:#fff;border:1px solid #dce3eb;border-radius:9px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;padding:12px 13px;display:flex}.product-summary-card .psc-image{color:#94a3b8;background:#f1f2f4;border:1px solid #eef1f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.product-summary-card .psc-image img{object-fit:cover;width:100%;height:100%}.product-summary-card .psc-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.product-summary-card .psc-row{color:#1f2937;align-items:center;gap:8px;font-size:13.5px;font-weight:700;line-height:1.25;display:flex}.product-summary-card .psc-row .psc-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:10px;font-weight:600}.product-summary-card .psc-price{color:#0793ad;font-size:15px;font-weight:700;line-height:1.1}.product-summary-card .psc-meta{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:400;line-height:1.4}.product-summary-card .psc-variant{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.stepper{box-sizing:border-box;background:#fafbfc;border-bottom:1px solid #f3f4f6;align-items:center;width:100%;margin:0;padding:18px 22px 16px;display:flex}.step{color:#142b43;cursor:pointer;text-align:left;background:0 0;border:none;flex:none;align-items:center;gap:11px;min-width:0;padding:4px 2px;display:flex}.step-number{color:#53677d;background:#fff;border:1px solid #d7e1e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:flex}.step.active .step-number,.step.completed .step-number{color:#fff;background:#0ea5b5;border-color:#0ea5b5}.step-text{flex-direction:column;min-width:0;display:flex}.step-text strong{color:#142b43;font-size:13.5px;font-weight:700;line-height:1.2;display:block}.step.active .step-text strong{color:#0ea5b5}.step-text small{color:#71849a;margin-top:3px;font-size:11.5px;line-height:1.25;display:block}.step-line{background:#e1e8ed;flex:1;min-width:28px;height:1px;margin:0 16px}.step.completed .step-number:before{content:"✓";font-size:14px;font-weight:800}.step.completed .step-number{font-size:0}.step.completed .step-number:before{font-size:14px}.step-content{width:100%}.section-heading{align-items:center;gap:13px;margin-bottom:22px;display:flex}.section-icon{color:#0ea5b5;background:#eaf8fa;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.section-heading h3{color:#102a43;margin:0;font-size:18px;font-weight:700}.section-heading p{color:#708399;margin:4px 0 0;font-size:12.5px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:16px 18px}.summary-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:8px;display:flex}.summary-card-header h4{color:#10245b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:12.5px;font-weight:700}.edit-step-button{color:#0ea5b5;cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:7px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:background .15s,border-color .15s}.edit-step-button:hover{background:#e6f7f9;border-color:#0ea5b5}.summary-row{color:#374151;justify-content:space-between;align-items:flex-start;gap:14px;padding:6px 0;font-size:13px;line-height:1.4;display:flex}.summary-row .summary-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:110px;font-size:11px;font-weight:600}.summary-row .summary-value{color:#1f2937;text-align:right;word-break:break-word;min-width:0;font-size:13px}.summary-empty{color:#9ca3af;padding:4px 0;font-size:12.5px;font-style:italic}.summary-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.summary-chip{color:#075f6a;background:#e6f7f9;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:600}.summary-price-box{background:#fafbfc;border:1px solid #dce3eb;border-radius:9px;flex-direction:column;gap:6px;margin-top:6px;padding:12px 14px;display:flex}.secondary-button{cursor:pointer;color:#374151;background:#fff;border:1px solid #d9e0e7;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.secondary-button:hover{background:#f3f4f6;border-color:#cbd5e1}.secondary-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.stepper{padding:14px 16px 12px}.step-text{display:none}.step-line{margin:0 10px}.help-hint-text{left:0;transform:none}.help-hint-text:after{left:8px;transform:none}.product-summary-card{align-items:flex-start}.product-summary-card .psc-image{width:54px;height:54px}}.offer-table{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:17px;width:100%;padding:17px 20px 12px;box-shadow:0 3px 12px #0f172a0e}.offer-toolbar{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:14px;display:flex}.offer-search{color:#52658c;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:8px;width:335px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.offer-search:focus-within{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b512}.offer-search input{color:#172554;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:13px}.offer-search input::placeholder{color:#94a3b8}.offer-filter{color:#172554;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;outline:none;width:152px;height:38px;padding:0 10px;font-size:13px}.offer-status-tabs{align-items:center;gap:12px;margin-bottom:15px;display:flex}.offer-status-tab{cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:30px;padding:0 12px;font-size:12px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.offer-status-tab:hover{transform:translateY(-1px)}.offer-status-tab strong{border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;display:inline-flex}.offer-status-tab.is-all{color:#334155;background:#eef1f5}.offer-status-tab.is-all strong{color:#475569;background:#dfe4eb}.offer-status-tab.is-all.is-selected{color:#fff;background:#0e93a6}.offer-status-tab.is-all.is-selected strong{color:#fff;background:#fff3}.offer-status-tab.is-active{color:#169447;background:#eefaf2}.offer-status-tab.is-active strong{color:#169447;background:#d9f2e2}.offer-status-tab.is-active.is-selected{color:#fff;background:#16a34a}.offer-status-tab.is-active.is-selected strong{color:#fff;background:#fff3}.offer-status-tab.is-scheduled{color:#2563eb;background:#eff5ff}.offer-status-tab.is-scheduled strong{color:#2563eb;background:#dbeafe}.offer-status-tab.is-scheduled.is-selected{color:#fff;background:#2563eb}.offer-status-tab.is-scheduled.is-selected strong{color:#fff;background:#fff3}.offer-status-tab.is-finished{color:#64748b;background:#f2f4f7}.offer-status-tab.is-finished strong{color:#64748b;background:#e5e7eb}.offer-status-tab.is-finished.is-selected{color:#fff;background:#64748b}.offer-status-tab.is-finished.is-selected strong{color:#fff;background:#fff3}.offer-table-wrapper{width:100%;overflow-x:auto}.offer-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.offer-table thead{background:#f6f7fa}.offer-table thead th{color:#172554;text-align:left;white-space:nowrap;letter-spacing:.01em;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;height:43px;padding:0 10px;font-size:14px;font-weight:700}.offer-table thead th:first-child{border-left:1px solid #e5e7eb;border-top-left-radius:6px;padding-left:12px}.offer-table thead th:last-child{border-right:1px solid #e5e7eb;border-top-right-radius:6px}.offer-table th:first-child{width:25%}.offer-table th:nth-child(2){width:17%}.offer-table th:nth-child(3){width:15%}.offer-table th:nth-child(4){width:9%}.offer-table th:nth-child(5){width:14%}.offer-table th:nth-child(6){width:8%}.offer-table th:nth-child(7){width:12%}.offer-table tbody tr{background:#fff;transition:background .15s}.offer-table tbody tr:hover{background:#fbfdff}.offer-table tbody td{color:#172554;vertical-align:middle;border-bottom:1px solid #e5e7eb;height:73px;padding:10px;font-size:13px}.offer-table tbody td:first-child{padding-left:12px}.offer-info{align-items:center;gap:10px;min-width:0;display:flex}.offer-image{background:#f1f2f4;border-radius:7px;flex:0 0 43px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.offer-image span{color:#0ea5b5;font-size:18px;font-weight:700}.offer-info-content{flex-direction:column;gap:4px;min-width:0;display:flex}.offer-title-row{align-items:center;gap:6px;min-width:0;display:flex}.offer-title-row strong{text-overflow:ellipsis;white-space:nowrap;color:#10245b;max-width:145px;font-size:14px;font-weight:700;overflow:hidden}.offer-desc{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:205px;font-size:12.5px;display:block;overflow:hidden}.offer-mini-status.activa{color:#16a34a;background:#dcfce7}.offer-mini-status.programada{color:#2563eb;background:#dbeafe}.offer-mini-status.finalizada{color:#64748b;background:#f3f4f6}.offer-mini-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.offer-product{flex-direction:column;gap:4px;display:flex}.offer-product strong{color:#10245b;font-size:14px;font-weight:700}.offer-product span{color:#52658c;font-size:12.5px}.offer-product-variant{font-weight:600;color:#075f6a!important;font-size:12px!important}.offer-product-all{font-style:italic;color:#94a3b8!important;font-size:12px!important}.offer-categories{color:#172554;flex-wrap:wrap;align-items:center;gap:5px;max-width:190px;font-size:13px;line-height:1.4;display:flex}.offer-category-more{color:#64748b;background:#f1f3f5;border-radius:999px;justify-content:center;align-items:center;padding:2px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.offer-categories-empty{color:#172554;font-size:13px}.offer-discount{flex-direction:column;gap:3px;display:flex}.offer-discount strong{color:#16a34a;font-size:13px;font-weight:700}.offer-discount span{color:#64748b;font-size:12px}.offer-period{align-items:flex-start;gap:6px;display:flex}.offer-period>svg{color:#52658c;flex-shrink:0;margin-top:2px}.offer-period>div{flex-direction:column;gap:1px;display:flex}.offer-period span{color:#243b6b;font-size:12.5px}.offer-period small{color:#64748b;font-size:12px}.offer-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:60px;padding:5px 8px;font-size:12px;font-weight:600;display:inline-flex}.offer-status.activa{color:#16a34a;background:#dcfce7}.offer-status.programada{color:#2563eb;background:#dbeafe}.offer-status.finalizada{color:#64748b;background:#f3f4f6}.offer-actions{align-items:center;gap:7px;display:flex}.offer-action-button{color:#173b72;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:29px;height:29px;padding:0;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.offer-action-button:hover{background:#f5f8fb;border-color:#cbd5e1;transform:translateY(-1px)}.offer-action-button.is-delete{color:#ef4444}.offer-action-button.is-delete:hover{background:#fff1f2;border-color:#fecdd3}.offer-state{color:#64748b;justify-content:center;align-items:center;min-height:180px;font-size:13px;display:flex}.offer-state-error{color:#dc2626}.offer-empty{text-align:center;height:150px;color:#64748b!important;font-size:13px!important}.offer-table-footer{justify-content:space-between;align-items:center;gap:15px;min-height:42px;display:flex}.offer-table-footer>span{color:#64748b;font-size:12.5px}.offer-table-footer>span strong{color:#52658c;font-weight:600}.offer-pagination{align-items:center;gap:6px;display:flex}.offer-pagination button{color:#243b6b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12.5px;display:flex}.offer-pagination button:hover:not(:disabled){background:#f5f8fb}.offer-pagination button.is-current{color:#fff;background:#0e93a6;border-color:#0e93a6}.offer-pagination button:disabled{opacity:.5;cursor:default}@media (width<=1200px){.offer-table-wrapper{overflow-x:auto}.offer-table table{min-width:1050px}}@media (width<=700px){.offer-toolbar{flex-direction:column;align-items:stretch}.offer-search,.offer-filter{width:100%}.offer-status-tabs{padding-bottom:4px;overflow-x:auto}.offer-status-tab{flex-shrink:0}.offer-table-footer{flex-direction:column;align-items:flex-start;padding:10px 0}}.orders-page{flex-direction:column;gap:24px;width:100%;min-height:100%;padding:4px 0 30px;display:flex}.orders-page-header{justify-content:space-between;align-items:flex-start;padding:0 2px;display:flex}.orders-page-header h1{color:#111827;letter-spacing:-.5px;margin:0 0 6px;font-size:30px;font-weight:700;line-height:1.2}.orders-page-header p{color:#111827;margin:0;font-size:15px;line-height:1.5}@media (width<=900px){.orders-page{gap:20px}.orders-page-header h1{font-size:26px}}@media (width<=650px){.orders-page{padding-bottom:20px}.orders-page-header h1{font-size:24px}.orders-page-header p{font-size:13px}}.order-table{box-sizing:border-box;background:#fff;border:1px solid #f0f1f3;border-radius:16px;width:100%;padding:28px 30px 22px;box-shadow:0 2px 5px #0f172a0a,0 8px 20px #0f172a0f}.order-table-toolbar{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:28px;display:flex}.order-search{width:390px;max-width:100%}.order-search input{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:none;width:100%;height:44px;padding:0 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.order-search input::placeholder{color:#9ca3af}.order-search input:focus{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.order-filter{min-width:180px}.order-filter select{color:#172554;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:none;width:100%;height:44px;padding:0 34px 0 13px;font-size:13px}.order-filter select:focus{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.order-table-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.order-table-title{color:#102a43;margin:0;font-size:1.3rem;font-weight:700}.toggle-totals-button{color:#64748b;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.toggle-totals-button:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.toggle-totals-button:focus-visible{outline-offset:2px;outline:2px solid #0ea5b5}.order-table-wrapper{width:100%;overflow-x:auto}.orders-data-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1050px}.orders-data-table thead{background:#f5f6fa}.orders-data-table thead tr{border:none}.orders-data-table th{color:#111827;text-align:left;white-space:nowrap;border-bottom:1px solid #e6e8ed;padding:13px 15px;font-size:11px;font-weight:700}.orders-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf0f2;padding:16px 15px;font-size:12px;line-height:1.45}.orders-data-table tbody tr{transition:background .15s}.orders-data-table tbody tr:hover{background:#fafcfd}.orders-data-table tbody tr:last-child td{border-bottom:none}.order-id{white-space:nowrap;font-weight:600;color:#1d4ed8!important}.order-client{min-width:150px;font-weight:500;color:#243b64!important}.order-date{white-space:nowrap;color:#64748b!important}.order-total{white-space:nowrap;font-weight:700;color:#172554!important}.payment-method{color:#475569;white-space:nowrap;cursor:pointer;transition:color .2s}.payment-method:hover{color:#0ea5b5}.orders-data-table td select{color:#172554;cursor:pointer;background:#fff;border:1px solid #0ea5b5;border-radius:6px;outline:none;min-width:120px;max-width:200px;padding:6px 10px;font-size:12px;font-weight:500}.orders-data-table td select:focus{box-shadow:0 0 0 2px #0ea5b526}.contact-cell{color:#0ea5b5;white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.contact-cell a{color:inherit;text-decoration:none}.contact-cell a:hover{text-decoration:underline}.empty-contact{color:#9ca3af;font-size:12px;font-style:italic}.add-contact-button{cursor:pointer;justify-content:center;align-items:center;gap:5px;margin:0;padding:6px 10px;transition:background .18s,border-color .18s;display:inline-flex;color:#0ea5b5!important;background:#fff!important;border:1px dashed #0ea5b5!important;border-radius:7px!important;font-size:11px!important;font-weight:600!important}.add-contact-button:hover{background:#effbfc!important;border-color:#0891a2!important}.order-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:70px;padding:5px 11px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.order-status--pending{color:#a16207;background:#fff4d6}.order-status--success{color:#16834c;background:#e7f8ef}.order-status--shipping{color:#2563eb;background:#e8f1ff}.order-status--completed{color:#18864b;background:#e4f8eb}.order-status--cancelled{color:#dc2626;background:#fef0f0}.order-actions{align-items:center;gap:8px;display:flex}.order-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #e1e5ea;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin:0;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.order-action:hover{transform:translateY(-1px)}.order-action--view:hover{color:#2563eb;background:#eff8ff;border-color:#bfdbfe}.order-action--edit:hover{color:#0ea5b5;background:#effbfc;border-color:#a5e3e9}.order-action--delete{color:#ef4444}.order-action--delete:hover{color:#dc2626;background:#fff1f2;border-color:#fecdd3}.order-empty-cell{height:125px;text-align:center!important;color:#64748b!important;padding:30px!important;font-size:12px!important}.order-loading,.order-error{color:#64748b;justify-content:center;align-items:center;min-height:180px;font-size:13px;display:flex}.order-error{color:#dc2626}.order-detail-modal,.order-status-modal{background:#fff;border:1px solid #eef0f3;border-radius:16px;width:100%;max-width:570px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a2e}.order-status-modal{max-width:460px}.detail-section{border-bottom:1px solid #edf0f2;padding:20px 24px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#172554;margin:0 0 12px;font-size:13px;font-weight:700}.detail-section p{color:#475569;margin:0;font-size:13px;line-height:1.7}.detail-section p strong{color:#172554}.detail-info-row{color:#64748b;justify-content:space-between;align-items:center;gap:20px;padding:8px 0;font-size:13px;display:flex}.detail-info-row strong{color:#172554}.detail-products{border:1px solid #e8ebef;border-radius:9px;margin:0;padding:0;list-style:none;overflow:hidden}.detail-products li{color:#475569;border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;font-size:12px;display:flex}.detail-products li:last-child{border-bottom:none}.detail-products strong{color:#172554}.order-status-modal .form-group{flex-direction:column;gap:7px;padding:18px 24px 0;display:flex}.order-status-modal .form-group label{color:#172554;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.order-status-modal .form-group select,.order-status-modal .form-group input{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #dfe3e8;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:13px}.order-status-modal .form-group select:focus,.order-status-modal .form-group input:focus{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.form-buttons{border-top:1px solid #edf0f2;justify-content:flex-end;gap:10px;margin-top:18px;padding:22px 24px;display:flex}@media (width<=900px){.order-table{padding:22px}.order-table-toolbar{flex-direction:column;align-items:stretch}.order-search,.order-filter{width:100%}}@media (width<=600px){.order-table{border-radius:12px;padding:18px}.order-table-title{margin-bottom:14px}.modal-overlay{padding:12px}.order-detail-modal,.order-status-modal{border-radius:13px;max-height:94vh}.modal-header{gap:10px;padding:18px}.modal-header h2{font-size:18px}.detail-section{gap:12px;padding:17px 18px}.detail-section h3{font-size:14px}.detail-item,.detail-item strong{font-size:13px}.order-items-table th{padding:10px 8px;font-size:11px}.order-items-table td{padding:12px 8px;font-size:12px}.form-buttons{gap:10px;padding:18px}.form-buttons button{padding:10px 16px;font-size:13px}}@media (width<=480px){.order-table{padding:14px}.order-table-toolbar{padding:12px}.order-search input,.order-filter select{font-size:13px}.order-table-title h2{font-size:18px}.order-table-title p{font-size:13px}.order-table th{padding:8px 6px;font-size:10px}.order-table td{padding:10px 6px;font-size:11px}.order-id,.customer-name{font-size:11px}.order-total{font-size:12px}.status-badge{padding:3px 6px;font-size:9px}.action-button{width:32px;height:32px}.action-button svg{width:14px;height:14px}.modal-header{padding:14px}.modal-header h2{font-size:16px}.detail-section{gap:10px;padding:14px}.detail-section h3{font-size:13px}.detail-item{gap:6px;font-size:12px}.detail-item strong{font-size:12px}.order-items-table th{padding:8px 6px;font-size:10px}.order-items-table td{padding:10px 6px;font-size:11px}.form-buttons{padding:14px}.form-buttons button{padding:8px 14px;font-size:12px}}.users-page{flex-direction:column;gap:24px;width:100%;min-height:100%;padding:4px 0 30px;display:flex}.users-page-header{justify-content:space-between;align-items:flex-start;padding:0 2px;display:flex}.users-page-header h1{color:#111827;letter-spacing:-.5px;margin:0 0 6px;font-size:30px;font-weight:700;line-height:1.2}.users-page-header p{color:#111827;margin:0;font-size:15px;line-height:1.5}@media (width<=900px){.users-page{gap:20px}.users-page-header h1{font-size:26px}}@media (width<=650px){.users-page{padding-bottom:20px}.users-page-header h1{font-size:24px}.users-page-header p{font-size:13px}}.user-table{box-sizing:border-box;background:#fff;border:1px solid #f0f1f3;border-radius:16px;width:100%;padding:28px 30px 22px;box-shadow:0 2px 5px #0f172a0a,0 8px 20px #0f172a0f}.user-table-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.user-search{width:390px;max-width:100%;position:relative}.user-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.user-search input{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:none;width:100%;height:44px;padding:0 14px 0 40px;font-size:13px;transition:border-color .2s,box-shadow .2s}.user-search input::placeholder{color:#9ca3af}.user-search input:focus{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.user-filters{align-items:center;gap:10px;display:flex}.user-filters select{color:#172554;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:none;min-width:155px;height:44px;padding:0 32px 0 12px;font-size:13px}.user-filters select:focus{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.user-table-title{color:#172554;margin:0 0 18px;font-size:14px;font-weight:600}.user-table-wrapper{width:100%;overflow-x:auto}.users-data-table{border-collapse:collapse;width:100%;min-width:900px}.users-data-table thead{background:#f5f6fa}.users-data-table th{color:#111827;text-align:left;white-space:nowrap;border-bottom:1px solid #e6e8ed;padding:13px 15px;font-size:11px;font-weight:700}.users-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf0f2;padding:15px;font-size:12px;line-height:1.45}.users-data-table tbody tr{transition:background .15s}.users-data-table tbody tr:hover{background:#fafcfd}.users-data-table tbody tr:last-child td{border-bottom:none}.user-id{white-space:nowrap;text-align:left;width:70px;max-width:70px;font-weight:600;color:#1d4ed8!important}.user-name-cell{align-items:center;gap:10px;min-width:0;max-width:220px;display:flex}.user-avatar{color:#0ea5b5;background:#eaf6f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-name{color:#243b64;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-weight:600}.user-email{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:240px;color:#475569!important}.user-phone{white-space:nowrap;color:#64748b!important}.user-role{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}.user-role--client{color:#4f46e5;background:#eef2ff}.user-role--admin{color:#0e8796;background:#eaf6f8}.user-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:60px;padding:5px 11px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.user-status--active{color:#16834c;background:#e7f8ef}.user-status--inactive{color:#dc2626;background:#fef0f0}.user-actions{align-items:center;gap:8px;display:flex}.user-action{cursor:pointer;background:#fff;border:1px solid #e1e5ea;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin:0;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.user-action:hover{transform:translateY(-1px)}.user-action--edit{color:#0ea5b5}.user-action--edit:hover{color:#078f9e;background:#effbfc;border-color:#a5e3e9}.user-action--delete{color:#ef4444}.user-action--delete:hover{color:#dc2626;background:#fff1f2;border-color:#fecdd3}.user-empty-cell{height:125px;text-align:center!important;color:#64748b!important;padding:30px!important;font-size:12px!important}.user-table-message{color:#64748b;justify-content:center;align-items:center;min-height:180px;font-size:13px;display:flex}.user-table-message--error{color:#dc2626}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.user-form{background:#fff;border:1px solid #eef0f3;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a2e}.modal-header{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.modal-header h2{color:#172554;margin:0 0 5px;font-size:18px;font-weight:700}.modal-header p{color:#64748b;margin:0;font-size:12px}.close-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e1e5ea;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .18s,color .18s;display:inline-flex}.close-button:hover{color:#0f172a;background:#f8fafc}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#172554;font-size:12px;font-weight:600}.form-group input,.form-group select{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #dfe3e8;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#0ea5b5;box-shadow:0 0 0 3px #0ea5b51a}.form-buttons{border-top:1px solid #edf0f2;justify-content:flex-end;gap:10px;padding:20px 24px;display:flex}.cancel-button,.save-button{cursor:pointer;border-radius:8px;height:40px;padding:0 18px;font-size:12px;font-weight:600}.cancel-button{color:#334155;background:#fff;border:1px solid #dfe3e8}.cancel-button:hover{background:#f8fafc}.save-button{color:#fff;background:#0ea5b5;border:1px solid #0ea5b5}.save-button:hover{background:#078f9e}.save-button:disabled,.cancel-button:disabled,.close-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.user-table{padding:22px}.user-table-toolbar{flex-direction:column;align-items:stretch}.user-search,.user-filters{width:100%}.user-filters select{flex:1}}@media (width<=700px){.form-grid{grid-template-columns:1fr}}@media (width<=600px){.user-table{border-radius:12px;padding:18px}.user-filters{flex-direction:column;align-items:stretch}.user-filters select{width:100%}.modal-overlay{padding:12px}.user-form{border-radius:13px;max-height:94vh}.modal-header{gap:10px;padding:18px}.modal-header h2{font-size:18px}.user-table th{padding:10px 8px;font-size:11px}.user-table td{padding:12px 8px;font-size:12px}.user-avatar-img{width:36px;height:36px}.user-name{font-size:12px}.user-email{font-size:11px}.status-badge{padding:4px 8px;font-size:10px}.action-button{width:32px;height:32px}.action-button svg{width:14px;height:14px}}@media (width<=480px){.user-table{padding:14px}.user-table-toolbar{padding:12px}.user-search input,.user-filters select{font-size:13px}.add-user-button{padding:8px 12px;font-size:12px}.user-table{font-size:11px}.user-table th{padding:8px 6px;font-size:10px}.user-table td{padding:10px 6px;font-size:11px}.user-avatar-img{width:32px;height:32px}.user-name{font-size:11px}.user-email{font-size:10px}.status-badge{padding:3px 6px;font-size:9px}.modal-header{padding:14px}.modal-header h2{font-size:16px}.form-grid{gap:12px}.form-group label{font-size:12px}.form-group input,.form-group select{padding:10px;font-size:13px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--color-primary:#0ea5b5;--color-primary-dark:#087e8f;--color-primary-darker:#066976;--color-primary-light:#e9f8fa;--color-primary-lighter:#f4fafb;--color-coral:#ff6b6b;--color-coral-dark:#d85555;--color-coral-darker:#b23a3a;--color-coral-light:#fff0f0;--color-coral-lighter:#fff8f8;--color-orange:#ff7a00;--color-orange-dark:#cc6200;--color-orange-darker:#a04f00;--color-orange-light:#fff1e6;--color-orange-lighter:#fff8f2;--color-text:#1f2937;--color-text-muted:#4b5563;--color-text-subtle:#6b7280;--color-border:#e5e7eb;--color-border-light:#eef1f2;--color-bg:#fff;--color-bg-alt:#f3f4f6;--color-bg-alt-2:#f9fafb;--surface-page:#f3f4f6;--surface-card:#fff;--surface-input:#fff;--surface-input-alt:#f8fafb;--surface-soft:#e9f8fa;--text-primary:#1f2937;--text-on-primary:#fff;--text-on-dark:#fff;--text-muted:#4b5563;--text-subtle:#6b7280;--text-heading:#062f40;--text-heading-soft:#071d2d;--text-link:#087e8f;--text-link-hover:#066976;--border-default:#e5e7eb;--border-input:#d7e0e5;--border-input-focus:#0ea5b5;--color-success:#16a34a;--color-success-dark:#15803d;--color-success-soft:#dcfce7;--color-success-border:#bbf7d0;--color-danger:#dc2626;--color-danger-dark:#b91c1c;--color-danger-soft:#fee2e2;--color-danger-border:#fecaca;--color-warning:#ff7a00;--color-warning-dark:#cc6200;--color-warning-soft:#fff1e6;--color-warning-border:#ffd8b0;--shadow-success:0 6px 18px #16a34a2e;--ring-primary:0 0 0 3px #0ea5b51f;--ring-danger:0 0 0 3px #dc26261f;--shadow-sm:0 1px 2px #1f29370d;--shadow-md:0 4px 12px #1f29370f;--shadow-lg:0 10px 28px #1f293714;--shadow-xl:0 16px 40px #1f29371f;--shadow-primary:0 6px 18px #0ea5b538;--shadow-coral:0 6px 18px #ff6b6b40;--shadow-orange:0 6px 18px #ff7a0040;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:22px;--radius-full:9999px;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--fs-xs:11px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--transition-fast:.15s var(--ease-out);--transition:.25s var(--ease-out);--transition-slow:.4s var(--ease-out);--z-dropdown:100;--z-sticky:200;--z-drawer:300;--z-modal:400;--z-toast:500}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition:0s;--transition-slow:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);width:100%;max-width:100vw;margin:0;line-height:1.5;overflow-x:hidden}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);border:2px solid var(--color-bg-alt)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary-light);color:var(--color-primary-darker)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-coral{0%,to{box-shadow:0 0 #ff6b6b80}50%{box-shadow:0 0 0 10px #ff6b6b00}}.animate-fade-in{animation:fade-in var(--transition) var(--ease-out) both}.animate-scale-in{animation:scale-in var(--transition) var(--ease-out) both}.animate-slide-in-right{animation:slide-in-right var(--transition) var(--ease-out) both}.animate-slide-in-up{animation:slide-in-up var(--transition) var(--ease-out) both}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.notifications-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.notification{pointer-events:auto;background:#fff;border-left:4px solid;border-radius:12px;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:16px;animation:.3s slideIn;display:flex;box-shadow:0 10px 40px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification.notification-success{border-left-color:#16a34a}.notification.notification-success .notification-icon{color:#16a34a;background:#dcfce7}.notification.notification-error{border-left-color:#dc2626}.notification.notification-error .notification-icon{color:#dc2626;background:#fee2e2}.notification.notification-warning{border-left-color:#f59e0b}.notification.notification-warning .notification-icon{color:#f59e0b;background:#fef3c7}.notification.notification-info{border-left-color:#0097a7}.notification.notification-info .notification-icon{color:#0097a7;background:#e0f7fa}.notification-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification-content{flex:1;align-items:center;display:flex}.notification-message{color:#031927;font-size:14px;font-weight:500;line-height:1.4}.notification-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.notification-close:hover{color:#64748b;background:#f1f5f9}@media (width<=480px){.notifications-container{left:10px;right:10px}.notification{min-width:auto;max-width:none}}