*{margin:0;padding:0;font-family:Chivo,sans-serif;list-style:none;box-sizing:border-box;text-decoration:none;border-style:none}a{color:inherit;text-decoration:none}a:visited{color:inherit}body{background:#fff;overflow-x:hidden}#wsp{position:fixed;top:80%;left:90%;height:9rem;width:auto;cursor:pointer;filter:drop-shadow(0px 10px 15px rgba(0,0,0,.4))}:root{--header-bg: #043390;--header-text: #fff;--header-border: #cecece;--primary: #1263a9;--primary-light: #eaf4ff;--gradient-start: #1263a9;--gradient-end: #17a2b8;--btn-hover: #ffffff;--cart-icon: crimson;--user-icon: skyblue;--ok-bg: #e8fbe5;--ok-border: #bce7b0;--ok-text: #1d712c;--error-bg: #fde4e4;--error-border: #e9b3b3;--error-text: #b60000}#header{background:var(--header-bg);height:4.6rem;display:flex;justify-content:space-between;align-items:flex-end;padding-inline:7%;color:var(--header-text);border-bottom:.8px solid var(--header-border);position:relative}.logo-header{height:4.2rem;padding-bottom:.3rem;width:auto;display:flex;padding-inline:.5rem}.header-section{display:flex;font-size:1.03rem;align-items:center;flex-wrap:nowrap}.header-section button,.header-section-2 button{cursor:pointer;transition:all .3s;border:none;color:inherit;font:inherit}.header-section button:not(.btn-log):not(.cart-icon):hover,.header-section-2 button:hover,.header-section button:not(.btn-log):not(.cart-icon):focus,.header-section-2 button:focus{color:#000;outline:none}.log-shop{display:flex;gap:1rem;margin-inline-start:3rem;align-items:center}.log-shop p{font-size:1rem}.btn-log{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:inherit;padding:.2rem .4rem .5rem;cursor:pointer;transition:all .3s ease;position:relative}.btn-log p{font-size:1rem;margin:0;text-align:start}.btn-log:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--btn-hover);transition:all .3s ease;transform:translate(-50%)}.btn-log:hover,.btn-log:focus{color:var(--btn-hover);transform:translateY(-3px)}.btn-log:hover:after,.btn-log:focus:after{width:90%}.btn-log svg{color:var(--user-icon);font-size:2rem}.cart-icon{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;padding:.2rem .4rem .5rem;transition:all .3s ease;color:inherit;position:relative}.cart-icon p{margin:0;text-align:start}.cart-icon span{color:#7fff00}.cart-icon:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--btn-hover);transition:all .3s ease;transform:translate(-50%)}.cart-icon:hover,.cart-icon:focus{color:var(--btn-hover);transform:translateY(-3px)}.cart-icon:hover:after,.cart-icon:focus:after{width:90%}.cart-icon:hover span{color:var(--btn-hover)}.cart-icon svg{color:var(--cart-icon);font-size:1.8rem}.header-section-2{display:flex;font-size:1.2rem;align-items:center;gap:1rem;justify-content:center}.header-section-2 a{color:inherit;text-decoration:none;padding:.5rem 1rem .8rem;transition:all .3s ease;border-radius:4px;position:relative}.header-section-2 a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--btn-hover);transition:all .3s ease;transform:translate(-50%)}.header-section-2 a:hover,.header-section-2 a:focus{color:var(--btn-hover);transform:translateY(-3px)}.header-section-2 a:hover:after,.header-section-2 a:focus:after{width:80%}.user-greeting{display:flex;align-items:center;gap:1rem;position:relative}.user-greeting span{font-size:.95rem;font-weight:500;color:var(--header-text)}.user-info{display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.user-name{font-size:.95rem;font-weight:500;color:var(--header-text);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-container{position:relative}.user-menu-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.6rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.user-menu-btn:hover{background:#fff3;transform:translateY(-2px)}.hamburger-icon{display:flex;flex-direction:column;gap:3px;width:20px}.hamburger-icon span{display:block;width:100%;height:2px;background:var(--header-text);border-radius:2px;transition:all .3s ease}.user-menu-btn:hover .hamburger-icon span{background:var(--btn-hover)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:200px;overflow:hidden;animation:dropdownFadeIn .3s ease;z-index:1000}.forgot-link{font-size:.9rem;color:var(--primary)!important;margin-left:12px;cursor:pointer}.modal{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background:#191c266c;display:flex;align-items:center;justify-content:center;transition:all .3s}.contenedor-modal-usuario,.modal form{background:#fff;border-radius:18px;padding:21px 32px 18px 20px;min-width:420px;max-width:440px;display:flex;flex-direction:column;position:relative;color:#000;animation:modalFadeIn .4s}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.auth-tabs{display:flex;gap:1rem;justify-content:center}.category-butt{background:transparent;border:none;outline:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;font-size:.95rem;color:#2c3e50;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0;text-align:left;width:100%}.category-butt:hover{background:linear-gradient(90deg,#f8f9fa,#e9ecef);color:var(--primary);padding-left:1.5rem}.category-butt.selected{background:linear-gradient(90deg,#f8f9fa,#e9ecef);color:var(--primary);padding-left:1.5rem;border-bottom:1px solid var(--primary)}.x-mark-modal-user{background:transparent;font-size:1.4rem!important;font-weight:600;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;border-radius:50%;width:36px;height:36px;transition:all .3s ease;position:absolute;top:12px;right:12px}.x-mark-modal-user:hover,.x-mark-modal-user:focus{background:transparent;color:#e74c3c!important}.contenedor-modal-usuario{display:flex;gap:.5rem;padding-top:3rem}.contenedor-modal-usuario input,.modal form input{padding:11px 14px;border:1px solid #d1d8e0;border-radius:4px;font-size:1.04rem;outline:none;transition:all .18s;background:#f8fbfd}.contenedor-modal-usuario input:focus,.modal form input:focus{border:1.5px solid var(--primary);background:#fff}.btn-login{background:#ebebeb;color:#222;border:none;border-radius:10px;font-weight:600;font-size:.8rem;padding:9px 0;cursor:pointer;margin-top:12px;transition:all .3s ease}.btn-login:hover{transform:translateY(-2px)}.btn-login:active{transform:translateY(0)}.error-msg,.ok-msg{margin:3px 0 6px;padding:8px 16px;border-radius:7px;font-size:.97rem;font-weight:500;text-align:center}.error-msg{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.ok-msg{background:var(--ok-bg);color:var(--ok-text);border:1px solid var(--ok-border)}.aside-carrito{display:flex;flex-direction:column;position:fixed;background:#f8f8f8;top:0;right:0;height:100vh;width:18%;padding:4rem 2rem 1.5rem;gap:.5rem;overflow-y:auto;z-index:100}.close-cart{background:none;border:none;color:#1263a9;font-size:1rem;padding:.5rem 0;cursor:pointer;text-align:left}@media (max-width: 1270px){#header{justify-content:center}.searcher-container{padding-inline-start:1rem;width:15rem}.log-shop{gap:.5rem}.header-section{display:flex;justify-content:flex-start}.aside-carrito{width:38vw;padding-inline:1rem}}@media (max-width: 1088px){.header-section-2{display:none}.logo-header{margin-inline-start:.9rem}}@media (max-width: 824px){.log-shop p{display:none}.aside-carrito{width:98vw;padding-inline:.5rem}}@media (max-width: 720px){#header{flex-direction:column;align-items:center;height:auto;padding-block:1rem 0}.logo-header{margin-bottom:.8rem;height:4.5rem;margin:0}.header-section-2{order:2;justify-content:center;margin-top:.5rem}.header-section{order:1;justify-content:center;gap:1rem;flex-wrap:nowrap}.log-shop{margin:0;justify-content:center;gap:1.5rem}}@media (max-width: 600px){.contenedor-modal-usuario,.modal form{min-width:94vw;max-width:99vw;padding:22px 10px 18px}.x-mark-modal-user{top:9px;right:8px}.log-shop{margin:0;justify-content:center;gap:1rem}}@media screen and (max-width: 455px){.nav-menu button{display:flex;align-items:flex-start}.log-shop{gap:.5rem}}.searcher-container{width:23rem}.searcher{width:15rem;height:2.5rem;padding:0 1rem 0 2.5rem;font-size:1rem;background-color:#fffffff2;border:2px solid rgba(255,255,255,.3);border-radius:25px;outline:none;transition:all .3s ease;color:#333;box-shadow:0 2px 8px #0000001a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.7rem center;background-size:1.2rem}.searcher::placeholder{color:#00000080;font-weight:400}.searcher:hover{border-color:#1263a966;box-shadow:0 3px 12px #00000026}.searcher:focus{width:18rem;background-color:#fff;border-color:transparent;box-shadow:0 4px 16px #1263a940;transform:translateY(-1px)}.searcher:focus::placeholder{color:#0000004d}@media (max-width: 1270px){.searcher-container{width:17rem}.searcher{width:15rem;padding:0 .5rem 0 2rem;font-size:.9rem;background-position:.5rem center;background-size:1rem}.searcher:focus{width:17rem}}@media (max-width: 651px){.searcher-container{width:14rem}.searcher{width:13rem;padding:0 .5rem 0 2rem;font-size:.9rem;background-position:.5rem center;background-size:1rem}.searcher:focus{width:13rem}}@media screen and (max-width: 425px){.searcher-container{width:15rem;padding-inline-start:.5rem}.searcher{width:15rem;padding:0 .5rem 0 2rem;font-size:.9rem;background-position:.5rem center;background-size:1rem}.searcher:focus{width:15rem}}@media screen and (max-width: 417px){.searcher-container{width:10rem;padding-inline-start:.5rem;margin:1px;gap:.5rem}.searcher{width:10rem;padding:0 .5rem 0 2rem;font-size:.9rem;background-position:.5rem center;background-size:1rem}.searcher:focus{width:10rem}}.nav-menu-admin{position:relative}.nav-menu{display:none;position:relative}.nav-menu>button{background:none;border:none;cursor:pointer;transition:all .3s ease;position:relative}.nav-menu>button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--btn-hover);transition:all .3s ease;transform:translate(-50%)}.nav-menu>button:hover{transform:translateY(-3px)}.nav-menu>button:hover:after{width:90%}.nav-menu-admin>button{padding:.5rem 1rem;border-radius:6px;border:none;font-size:1.1rem;display:flex;align-items:center;cursor:pointer;width:100%;gap:8px}.user-menu-toggle{display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;background:transparent;border-radius:8px;border:none;color:var(--header-text);cursor:pointer;transition:all .3s ease;width:auto;font-weight:500;position:relative}.user-menu-toggle:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--btn-hover);transition:all .3s ease;transform:translate(-50%)}.user-menu-toggle:hover{color:var(--btn-hover);transform:translateY(-3px)}.user-menu-toggle:hover:after{width:86%}.user-menu-toggle span{font-size:.95rem;font-weight:500;white-space:nowrap}.menu{display:none}.menu.open{display:block}.menu-desplegable{position:absolute;top:calc(100% + .8rem);left:0;min-width:180px;box-shadow:0 10px 40px #0003;border:1px solid rgba(0,0,0,.08);background-color:#fff;color:#000;z-index:100;display:flex;flex-direction:column;align-items:stretch;border-radius:12px;overflow:hidden;opacity:1;animation:dropdownFadeIn .3s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-desplegable a{font-size:.95rem;width:100%;text-align:left;padding:.9rem 1.3rem;text-decoration:none;color:#2c3e50;font-weight:500;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.menu-desplegable a:last-child{border-bottom:none}.menu-desplegable a:hover{background:linear-gradient(90deg,#f8f9fa,#e9ecef);color:var(--primary);padding-left:1.5rem}.menu-admin-dropdown{position:absolute;top:calc(100% + .8rem);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;min-width:240px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;border:1px solid rgba(0,0,0,.08)}.menu-admin-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.menu-desplegable-admin{display:flex;flex-direction:column;cursor:pointer}.menu-desplegable-admin a{padding:.9rem 1.3rem;color:#2c3e50;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:.6rem}.menu-desplegable-admin a:last-of-type{border-bottom:none}.menu-desplegable-admin a:hover{background:linear-gradient(90deg,#f8f9fa,#e9ecef);color:var(--primary);padding-left:1.5rem}.menu-icon{font-size:2.4rem;cursor:pointer;color:#fff}@media screen and (max-width: 1088px){.nav-menu{display:block}}.aside-carrito{position:fixed;top:0;right:0;width:340px;height:100vh;background:#fff;box-shadow:-2px 0 8px #00000026;z-index:999;display:flex;flex-direction:column;padding:1rem;overflow-y:auto;color:#111}.cart{display:flex;flex-direction:column;gap:1rem}.cart-list{list-style:none;margin:0;padding:0;flex:1}.cart-item{display:flex;gap:.75rem;border-bottom:1px solid #eee;padding-bottom:.75rem}.cart-item-img img{width:60px;height:60px;object-fit:contain}.cart-item-info{flex:1;font-size:.85rem}.qty-row{display:flex;align-items:center;gap:.5rem}.qty-row button{width:28px;height:28px;border:1px solid #ccc;background:#fafafa;cursor:pointer}.cart-item-actions{display:flex;flex-direction:column;gap:.5rem}.remove-btn{background:transparent;border:none;color:#dc143c;font-weight:700;cursor:pointer}.cart-footer{border-top:1px solid #ddd;padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.clear-btn{background:#f5f5f5;border:1px solid #ddd;padding:.5rem .75rem;cursor:pointer}.checkout-btn{background:#dc143c;color:#fff;border:none;padding:.6rem .9rem;cursor:pointer;font-weight:600}:root{--header-height: 70px;--sidebar-width: 240px;--color-bg-light: #ffff;--color-bg-card: #ffffff;--color-primary: #8b93ff;--color-primary-dark: #007bff;--color-accent: #50503e;--color-border: #e2e2e2;--color-text: #222;--color-text-secondary: #444;--color-danger: crimson;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 4px;--transition-fast: .22s;--transition-medium: .36s}.shop-container{display:flex;width:100%;min-height:100vh;background:var(--color-bg-light)}.shop-layout{display:grid;gap:1.5rem;grid-template-columns:var(--sidebar-width) 1fr;align-items:flex-start;width:100%;max-width:1850px;margin:0 auto;box-sizing:border-box;padding:2rem 1rem 1rem}.filters-sidebar{width:var(--sidebar-width);background:var(--color-bg-light);border-right:1px solid var(--color-border);min-height:100vh}.filters-scroll{position:sticky;top:calc(var(--header-height) + 12px);max-height:calc(100vh - var(--header-height) - 24px);overflow-y:auto;width:100%;padding-right:6px;padding-bottom:2rem;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.filters-scroll::-webkit-scrollbar{width:6px}.filters-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.filters-scroll::-webkit-scrollbar-track{background:transparent}.aside,.aside-responsive{display:flex;flex-direction:column;gap:.9rem;padding:0rem 1rem 1rem 0rem;background:var(--color-bg-light)}.aside h2,.aside-responsive h2{padding-block:1.2rem .2rem;margin-bottom:.2rem;border-bottom:1px solid var(--color-border);font-size:1.35rem;color:var(--color-text-secondary);letter-spacing:.03em;font-weight:600}.filter-2 button,.aside div button,.aside-responsive div button{background:none;border:none;color:var(--color-accent);font-size:1.3rem;padding:.45rem .8rem;text-align:left;cursor:pointer;transition:background var(--transition-fast);width:100%}.filter-2 h2{color:#222;display:flex;justify-content:space-between}.filter-2 button:hover,.aside div button:hover,.aside-responsive div button:hover{background:#ebebebc0;color:#222}.filtros-activos{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.5rem 0}.filtros-activos [data-filter-key=title],.filtros-activos [data-filter-key=orderBy],.filtros-activos [data-filter-key=search]{display:none}.filtro-etiqueta{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;font-size:.85rem;color:#333;font-weight:500;transition:all .2s ease}.filtro-etiqueta:hover{background:#ebebeb;border-color:#d0d0d0}.filtro-etiqueta .x-mark{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;opacity:.6;transition:all .2s ease;width:16px;height:16px}.filtro-etiqueta .x-mark:hover{opacity:1;transform:scale(1.1)}.filter-2>div>div,.filter-2>div>button:not(.order-by-button):not(h2+div button){animation:all .3s ease-out;transform-origin:top}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.filter-options-container{overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out}.filter-options-container.closing{max-height:0;opacity:0}.filter-options-container.opening{animation:expandHeight .3s ease-out}@keyframes expandHeight{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.toggle-aside,.toggle-aside-inside{cursor:pointer;font-size:1rem;padding:.5rem 1.2rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f4f4f4;transition:background var(--transition-fast),color var(--transition-fast);margin-bottom:1rem}.toggle-aside:hover,.toggle-aside-inside:hover{background:var(--color-primary);color:#fff}.toggle-aside{display:none;width:11rem}.toggle-aside-inside{display:block;width:fit-content}.category-button{background:#f4f4f4;border:1px solid var(--color-border);padding:.2rem .7rem;font-size:1.15rem;cursor:pointer;margin-top:.4rem;border-radius:var(--radius-md);margin-right:7px;margin-bottom:6px;transition:background var(--transition-fast),color var(--transition-fast)}.category-button.selected{background:var(--color-primary-dark);color:#fff;border-color:var(--color-primary-dark);transform:scale(.96)}.order-by-button{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:5px;font-family:Arial,sans-serif;background-color:#043390;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-right:.5rem}.order-by-button .order-by-icon{font-size:1.2rem}.titulo-productos{margin:.7rem 0 1.7rem;display:flex;align-items:center}.titulo-productos div{display:flex;align-items:center}.column{display:flex;flex-direction:column;width:100%}.grid-shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,350px));gap:2.2rem 1.5rem;color:var(--color-text);width:100%;max-width:100vw;margin:0 auto;overflow:hidden;position:relative}.grid-shop .shadow{background:var(--color-bg-card);text-align:center;display:flex;flex-direction:column;border-radius:1.2rem 1.2rem 0 0;font-size:.94rem;transition:box-shadow .2s ease,filter .2s ease;padding-bottom:.7rem;min-width:0;position:relative}.grid-shop .shadow:hover{border:1px solid #ccc;z-index:10;transition:transform .3s ease-out,z-index 0s 0s,box-shadow .3s ease-out}.grid-shop-children{width:100%;aspect-ratio:1/1;height:auto;max-width:100%;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:1.2rem 1.2rem 0 0;position:relative}.discount-badge{position:absolute;top:14px;right:14px;background:#d32f2f;color:#fff;font-size:1.02rem;font-weight:700;padding:4px 15px;border-radius:16px;z-index:5;letter-spacing:.04em;transition:opacity .18s,transform .18s}.grid-shop-children img{width:100%;height:100%;object-fit:cover;display:block;background:#fff;transition:opacity .25s ease;border-radius:inherit}.shadow{position:relative}.shadow:hover .variant-thumbs{opacity:1;pointer-events:auto}.variant-thumbs{position:absolute;bottom:0;width:100%;display:flex;gap:.5rem;justify-content:flex-start;align-items:center;padding:.6rem 1.8rem .4rem;overflow-x:auto;opacity:0;pointer-events:none;background:#ffffff27;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease;z-index:10;height:76px;box-sizing:border-box}.variant-thumbs img{width:55px;height:55px;object-fit:cover}.variant-thumb.selected,.variant-thumb:hover{border:2px solid #8b93ff;transition:all .15s ease-in-out}.info-card-adidas{padding:1.35rem 1.6rem 1.15rem;background:#fff;display:flex;flex-direction:column;gap:.32rem;text-align:left;border-radius:0 0 12px 12px;min-height:120px;position:relative}.price-row{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.8rem;margin-bottom:.1rem}.price-old{color:#888;text-decoration:line-through;font-weight:500}.title-row{font-size:1.09rem;font-weight:600;margin:.13rem 0 .1rem;color:#222;letter-spacing:.01em}.badge-new{display:inline-block;background:#d32f2f;color:#fff;font-size:.95rem;align-self:flex-end;width:fit-content;font-weight:600;padding:2px 12px;border-radius:16px;margin-bottom:6px;letter-spacing:.04em;box-shadow:0 2px 8px -6px #aaa}@media (max-width: 1200px){.shop-layout{grid-template-columns:1fr;padding:1.3rem .5rem;gap:.6rem}.filters-sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:260px;background:#fff;border-right:1px solid var(--color-border);transform:translate(-100%);transition:transform .25s ease;z-index:150;box-shadow:2px 0 12px -4px #0000002e;min-height:100vh}.filters-sidebar.open{transform:translate(0)}.filters-scroll{position:absolute;top:0;left:0;right:0;bottom:0;max-height:none;padding:1rem .7rem 2rem 1rem}.toggle-aside{display:inline-block;margin-left:1rem}}@media (max-width: 900px){.shop-layout{grid-template-columns:1fr;padding:.6rem .1rem;gap:.5rem}.grid-shop{grid-template-columns:1fr;gap:1.1rem .3rem}.grid-shop-children{width:99vw;height:16rem;max-width:99vw}.info-conteiner-card{padding:.9rem .8rem .7rem}.filters-sidebar{width:100vw;min-width:0;left:0;top:var(--header-height)}.toggle-aside{width:100vw;font-size:1.2rem!important;margin:0 auto .7rem}}@media (max-width: 600px){.grid-shop-children{height:11rem;width:99vw}.info-conteiner-card{padding:.7rem .4rem .6rem;font-size:.97rem}.carrito{font-size:.97rem;padding:.4rem .7rem}}.aside-responsive{display:none}@media (max-width: 900px){.aside-responsive{display:flex;position:fixed;z-index:100;width:100vw;left:0;top:var(--header-height);background:var(--color-bg-light);height:100vh;padding:1.2rem 1rem 1rem;box-shadow:2px 0 12px -4px #0000001f;overflow-y:auto}.toggle-aside-inside{display:block;margin-bottom:.8rem;font-size:1.12rem!important}}.footer{width:100%;min-height:2rem;background-color:#f60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}.flex-footer{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;color:#8b93ff;background-color:#043390;font-size:1.1rem;padding-block:2.5rem .5rem}.footer-contacto{display:flex;flex-wrap:wrap;flex-direction:column;padding-top:2rem;gap:.5rem;color:#fff}.footer-contacto p{opacity:.75}.footer-contacto-2{display:flex;flex-wrap:wrap;flex-direction:column;padding-top:2rem;gap:.5rem;color:#fff}.footer-contacto-2 p{opacity:.75}.footer div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding-block-start:.4rem;gap:2rem}.footer-conteiner{display:flex;flex-wrap:wrap;background-color:#222;justify-content:space-evenly}@media screen and (max-width: 643px){.footer-conteiner{padding-inline:7%}.footer-contacto,.footer-contacto-2{display:flex;justify-content:center;align-items:center;text-align:center}.flex-footer{padding-inline:7%;text-align:center}.footer{padding-inline:7%}}.producto-contenedor{max-width:1500px;margin:40px auto;padding:32px 18px 24px;align-items:center;background:#fff;border-radius:18px;box-shadow:0 2px 20px -8px #bbb;display:flex;flex-direction:column;gap:0}.carrito-p{color:#222;font-weight:600;text-decoration:none;margin-bottom:10px;display:flex;align-self:flex-start}.feedback{margin-bottom:10px;padding:8px 16px;border-radius:6px;font-size:1.02rem;font-weight:500}.feedback.ok{background:#e8fbe5;color:#222;border:1px solid #bce7b0}.feedback.error{background:#fde4e4;color:#b60000;border:1px solid #e9b3b3}.producto-main{display:flex;gap:44px;align-items:flex-start;justify-content:stretch}.imagen-producto{min-width:fit-content;max-width:fit-content;flex:0 0 370px;display:flex;flex-direction:column;align-items:center;gap:15px}.main-image{width:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:640px;background:#f9f9f9;border-radius:14px;box-shadow:0 2px 16px -8px #ddd}.img-principal{width:100%;height:640px;object-fit:contain;border-radius:14px}.badges-producto{position:absolute;top:18px;right:18px;z-index:6;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.discount-badge-producto{background:#d32f2f;color:#fff;font-size:1.02rem;font-weight:700;padding:4px 15px;border-radius:16px;box-shadow:0 2px 8px -6px #aaa;letter-spacing:.04em;transition:opacity .18s,transform .18s}.badge-new-producto{background:#009688;color:#fff;font-size:.98rem;font-weight:600;padding:2px 12px;border-radius:14px;box-shadow:0 2px 8px -6px #aaa;letter-spacing:.04em}.thumbs{display:flex;gap:12px;justify-content:center;margin-top:10px;margin-bottom:8px;flex-direction:column}.thumb{border:2px solid #eee;background:#fff;padding:0;border-radius:10px;width:90px;height:96px;cursor:pointer;transition:border .16s;display:flex;align-items:center;justify-content:center}.thumb.selected{border:2px solid #8b93ff;box-shadow:0 2px 8px -4px #888}.thumb img{width:90px;height:98px;object-fit:cover;border-radius:8px}.info-conteiner{flex:1 1 0%;min-width:330px;padding:0 5px;display:flex;flex-direction:column;gap:16px}.title-product{font-size:2.1rem;font-weight:700;margin-bottom:0;color:#232323;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.price-block{font-size:1.35rem;font-weight:700;gap:10px;display:flex;align-items:center}.price-main{color:#222;font-weight:700}.price-old{color:#888;text-decoration:line-through;font-weight:600;margin-right:10px}.price-new{color:#d32f2f;font-weight:700;font-size:1.15rem}.variant-thumbs-producto{display:flex;gap:12px;margin-bottom:8px}.variant-thumb-producto{border:2px solid #eee;background:#fff;padding:0;border-radius:8px;width:44px;height:44px;cursor:pointer;transition:border .16s;display:flex;align-items:center;justify-content:center}.variant-thumb-producto.selected{border:2px solid #8b93ff;box-shadow:0 2px 8px -4px #888}.variant-thumb-producto img{width:38px;height:38px;object-fit:cover;border-radius:7px}.subtitle-row{color:#767676;font-size:.98rem;font-weight:400;margin-bottom:.04rem}.types-row{color:#757575;font-size:.96rem;font-weight:400}.colors-row{color:#666;font-size:.97rem;font-weight:400;margin-bottom:.04rem}.size-grid{display:flex;gap:10px;margin-bottom:4px;flex-wrap:wrap}.size-box{min-width:44px;min-height:34px;padding:4px 10px;border-radius:6px;border:1px solid #bbb;background:#fafafa;font-size:1.03rem;font-weight:600;color:#222;cursor:pointer;transition:border .18s,background .18s}.size-box.selected{border:2px solid #8b93ff;background:#e7eeff}.size-box.disabled{background:#eee;color:#aaa;border:1px solid #ddd;cursor:not-allowed}.selection-hint{font-size:.98rem;color:#666;margin-top:4px}.description-producto{margin-top:10px;font-size:1.09rem;color:#444;line-height:1.7}.carrito.add-to-cart{background:#2c3e50;color:#fff;font-size:1.13rem;font-weight:700;padding:11px 24px;border-radius:9px;border:none;margin-top:15px;cursor:pointer;transition:background .19s}.carrito.add-to-cart:disabled{background:#e0e0e0;color:#aaa;cursor:not-allowed}.producto-loading,.producto-error{padding:40px;text-align:center;color:#777;font-size:1.2rem}.contacto-conteiner{background-color:#fff;display:flex;justify-content:space-evenly;margin-inline:7%;padding-bottom:12rem;flex-wrap:wrap}.form{display:flex;align-items:center;flex-direction:column;gap:.5rem;margin-top:6rem;background-color:#8b93ff;height:fit-content;padding:1.5rem;border-radius:18px}.contacto{display:flex;height:2rem;width:28rem;padding-inline-start:1rem;border-radius:8px;font-size:1rem}.form h2{font-size:2rem;color:#111;padding-block-end:1rem;font-weight:700}.mensaje{display:flex;height:8rem;width:100%;padding-inline-start:1rem;border-radius:8px;font-size:1rem}.telefonos{margin-top:6rem;gap:1rem;display:flex;flex-direction:column;font-size:1.2rem}.telefonos h2{font-size:2rem;padding-block-end:.75rem}@media screen and (max-width: 598px){.contacto{width:16rem}}.section-nosotros{background-color:#fcfcfc;color:#000;justify-content:center;display:flex;padding-block:8rem}.section-nosotros p{width:35rem;margin-block:1rem;opacity:.75;font-size:1.1rem}.section-nosotros h1{font-size:3rem}.conteiner-nosotros{display:flex;flex-wrap:wrap;gap:3rem}.img-nosotros img{height:27rem;width:auto}@media screen and (max-width: 1284px){.conteiner-nosotros{padding-inline:5%;justify-content:center;align-items:center}}@media screen and (max-width: 710px){.img-nosotros img{height:18rem;width:auto}.section-nosotros p{width:100%;margin-block:1rem;opacity:.75;font-size:1.1rem}.responsive{margin-inline:5%}}@media screen and (max-width: 486px){.img-nosotros img{height:13rem;width:auto}}:root{--bg: #f6f8fc;--surface: #fff;--muted: #eef2f6;--text: #162037;--text-muted: #718096;--brand: #2563eb;--brand-hover: #1d4ed8;--border: #e2e8f0;--ring: rgba(37,99,235,.15);--danger: #dc2626;--danger-bg: #ffeaea;--success: #16a34a;--radius-sm: 8px;--radius-md: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 10px 30px -12px rgba(0,0,0,.1);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial}a{text-decoration:none}:focus-visible{outline-offset:2px;border-radius:var(--radius-sm)}.contenedor-modal{display:flex;flex-direction:column;gap:1.15rem;max-width:900px;margin:1.4rem auto;padding:1.4rem 1.4rem 1.7rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md)}.contenedor-modal h2{margin:0 0 .25rem;font-weight:700;font-size:1.45rem;color:var(--text)}.title,.textarea,select{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:.63rem .92rem;font-size:1rem;transition:border-color .16s,box-shadow .16s}.title:focus,.textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3.5px var(--ring);outline:none}.textarea{min-height:7.5rem;resize:vertical}select{min-width:120px;cursor:pointer}.main-row{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.4rem}.cover-field{display:flex;flex-direction:column;gap:.65rem;min-width:260px}.main-variant-field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.2rem 1.2rem;flex:1;min-width:260px;box-shadow:var(--shadow-sm)}.main-variant-field h4{margin:0 0 .7rem;font-size:1.09rem;font-weight:700;color:var(--text)}.btn-create{padding:.8rem 1.2rem;border-radius:8px;color:#f1f1f1;background-color:#1d4ed8;cursor:pointer;transition:all .3s ease-in}.btn-create:hover{opacity:.75}.btn,.chip-tag,.chip,.select-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.53rem .95rem;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;cursor:pointer;font-size:.97rem;font-weight:500;transition:all .14s,color .14s,border-color .14s,box-shadow .14s;box-shadow:0 2px 8px -8px #00000012}.btn:active,.chip-tag:active,.chip:active,.select-chip:active{box-shadow:0 0 0 2px var(--ring)}.btn:hover,.chip-tag:hover,.chip:hover,.select-chip:hover{background:var(--muted);border-color:var(--brand);color:var(--brand)}.chip-tag.selected,.chip.selected,.select-chip.selected{background:var(--brand);color:#fff;border-color:var(--brand)}.chip-tag.selected:hover,.chip.selected:hover,.select-chip.selected:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.btn.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-bg);width:fit-content;align-self:flex-end}.btn.btn-create:disabled{background:#9aa3b2;border-color:#9aa3b2;cursor:not-allowed}.chips,.brand-chips,.sizes-options,.content-width{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.2rem}.chip-tag button{border:none;background:transparent;cursor:pointer;font-size:.95rem;color:inherit;margin-left:3px}legend{font-size:1rem;font-weight:700;padding:.18rem 0;color:var(--text)}.content-width label{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;cursor:pointer;padding:.45rem .95rem;margin-bottom:3px;transition:background .14s,color .14s,border-color .14s;font-size:.97rem;font-weight:500}.content-width label input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.content-width label span{color:var(--text)}.content-width label input[type=checkbox]:checked+span{font-weight:600;color:#fff}.content-width label:has(input[type=checkbox]:checked),.content-width label.selected{background:var(--brand);color:#fff;border-color:var(--brand)}@supports not(selector(:has(*))){.content-width label input[type=checkbox]:checked+span{background:var(--brand);color:#fff;padding:.2rem .5rem;border-radius:999px}}.sizes-list{display:flex;flex-direction:column;gap:.36rem}.sizes-title{font-size:.95rem;font-weight:700;color:var(--text)}.sizes-stocks{display:flex;flex-direction:column;gap:.55rem}.apply-all input{width:180px;border:1.5px solid var(--border);border-radius:999px;padding:.45rem .7rem;font-size:.96rem}.stock-rows{display:flex;flex-wrap:wrap;gap:.5rem .8rem}.stock-row{display:flex;align-items:center;gap:.45rem;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:.4rem .7rem}.stock-row input{width:85px;border:1.5px solid var(--border);border-radius:999px;padding:.36rem .6rem;font-size:.96rem}.images-uploader{display:flex;flex-direction:column;gap:.45rem}.icon-btn-admin{border:2px dashed var(--border);background:var(--surface);width:15rem;height:15rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:background .16s,border-color .14s;font-size:2.2rem;color:var(--brand)}.icon-btn-admin:hover{background:var(--muted);border-color:var(--brand)}.icon-btn-admin-variant{border:2px dashed var(--border);background:var(--surface);width:9rem;height:9rem;margin:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:background .16s,border-color .14s;font-size:1.8rem;color:var(--brand)}.icon-btn-admin-variant:hover{background:var(--muted);border-color:var(--brand)}.cover-preview{width:15rem;height:15rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--muted);border:1.5px dashed var(--border);border-radius:var(--radius-md)}.cover-preview img{width:100%;height:100%;object-fit:cover}.images-preview-flex{display:flex;flex-direction:row;gap:.45rem;margin-top:.4rem;flex-wrap:wrap}.thumb{border:1.5px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:.25rem .35rem;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-thumb{position:relative;width:9rem;height:9rem;padding:0}.image-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.thumb-remove{position:absolute;top:6px;right:6px;border:none;background:#2563ebd4;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;line-height:1;font-size:15px;display:flex;align-items:center;justify-content:center}.variants-editor{display:flex;flex-direction:column;gap:1rem}.variants-header{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.variant-card{border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.85rem;display:flex;flex-direction:column;gap:.75rem;background:var(--muted)}.variant-header{display:flex;gap:.6rem;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.variant-field{display:flex;flex-direction:column;gap:.3rem;min-width:220px}.variant-field input[type=text]{border:1.5px solid var(--border);border-radius:999px;padding:.5rem .7rem;min-width:220px;font-size:.96rem}.field-label{font-size:.98rem;font-weight:700;margin-top:.35rem;color:var(--text)}.hint{font-size:.86rem;color:var(--text-muted)}.mini-hint{font-size:.8rem;color:#6b7280;margin-top:.35rem}.images-uploader input[type=file]{border:1.5px dashed var(--border);border-radius:var(--radius-sm);padding:.55rem;background:var(--surface)}.actions{display:flex;gap:.7rem;margin-top:.4rem}.feedback{position:fixed;top:1rem;right:1rem;background:var(--brand);color:#fff;padding:.68rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;z-index:1500;box-shadow:0 8px 24px -8px #00000036}.feedback.error{background:var(--danger)}.flex{display:flex}@media (max-width: 980px){.contenedor-modal{max-width:100%;margin:.9rem}.main-row{flex-direction:column;gap:1rem}.cover-preview{width:100%;max-width:19rem;height:11.5rem}}@media (max-width: 640px){.icon-btn-admin{width:100%;height:10rem}.cover-field,.variant-field{min-width:0}}:root{--bg-panel: #f5f6f8;--border-color: #e2e4e8;--radius-sm: 4px;--radius-md: 8px;--text-muted: #6b7280;--text-strong: #111827;--primary: #0d66d0;--primary-hover: #0b57b3;--danger: #dc2626;--danger-hover: #b91c1c;--focus-ring: 0 0 0 3px rgba(13,102,208,.25);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.admin-page-wrapper{padding:2.2rem 2.5rem 2.5rem;background:var(--bg-panel);min-height:calc(100vh - 60px)}.page-title{font-size:2.2rem;font-weight:600;margin:0 0 1.4rem}.contenedor-superior-admin{display:flex;justify-content:space-between}.products-area{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem 1.25rem 2rem}.toolbar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}.toolbar .left-actions,.toolbar .right-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--border-color);background:#fff;color:#111;padding:.55rem .95rem;border-radius:var(--radius-sm);font-size:.875rem;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;line-height:1;transition:all .3s}.btn.ghost{background:#fff}.btn.primary{color:#fff;font-weight:500;padding:0}.btn:hover{background:#f0f1f3}.btn:focus{outline:none;box-shadow:var(--focus-ring)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.search-row{margin-bottom:.8rem}.search-row input{width:100%;padding:.65rem .9rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;background:#fff}.search-row input:focus{outline:none;box-shadow:var(--focus-ring)}.filters-panel{border:1px solid var(--border-color);padding:.75rem .9rem;border-radius:var(--radius-sm);background:#fafafa;margin-bottom:.8rem;font-size:.8rem;color:var(--text-muted)}.count-line{font-size:.78rem;color:var(--text-muted);margin:0 0 .4rem;padding-left:.2rem}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff}.products-table{width:100%;border-collapse:collapse;font-size:.85rem}.products-table thead{background:#f8f9fa;text-align:left}.products-table th,.products-table td{padding:.7rem .75rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.products-table th{font-weight:600;font-size:.75rem;color:#374151;letter-spacing:.5px;text-transform:uppercase}.products-table tbody tr:last-child td{border-bottom:none}.product-row:hover{background:#fdfdfd}.error-cell,.empty-cell{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem}.prod-cell{display:flex;align-items:center;gap:.75rem}.prod-cell .thumb{width:64px;height:64px;background:#eef1f4;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.prod-cell .thumb img{width:100%;height:100%;object-fit:cover}.prod-info{display:flex;flex-direction:column;gap:.25rem}.prod-info .title{font-weight:500;font-size:.9rem;color:var(--text-strong);line-height:1.1}.prod-info .sub{font-size:.68rem;color:var(--text-muted);letter-spacing:.3px}.stock-cell{font-size:.78rem;color:#374151;padding:6px 8px;vertical-align:top;max-width:20rem}.talle-badges{display:flex;gap:4px;flex-wrap:wrap}.stock-badge{display:flex;padding:3px 8px;border-radius:8px;font-size:.8rem;font-weight:500;color:#fff;background-color:#6b7280;min-width:45px}.stock-badge.ok{background-color:#16a34a}.stock-badge.low{background-color:#facc15;color:#000}.stock-badge.out{background-color:#dc2626}.price-editor{display:flex;align-items:center;gap:.25rem;background:#fff;border:1px solid var(--border-color);padding:.25rem .4rem;border-radius:var(--radius-sm);width:100%;max-width:140px}.price-editor .prefix{font-size:.7rem;color:#6b7280}.price-editor .price-input{border:none;width:100%;font-size:.75rem;background:transparent}.price-editor .price-input:focus{outline:none}.row-actions{display:flex;gap:.4rem}.icon-btn{border:1px solid var(--border-color);background:#fff;width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;color:#374151;transition:all .3s}.icon-btn.ghost{background:#fff}.icon-btn:hover{background:#f0f2f5}.icon-btn.danger{color:var(--danger);border-color:#f2d5d5}.icon-btn.danger:hover{background:#fae6e6}.menu.admin-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000059;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.menu.admin-menu .menu-content{background:#fff;width:100%;max-width:720px;border-radius:var(--radius-md);position:absolute;padding:1.25rem 1.4rem 2rem;animation:pop .2s ease}.menu.admin-menu .menu-content.large{max-width:760px}.x-mark-modal{position:absolute;top:.6rem;right:.6rem;border:none;background:#f1f2f4;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.x-mark-modal:hover{background:#e0e2e5}.category-picker{display:flex;gap:.5rem;margin:.75rem 0 1rem;flex-wrap:wrap}.category-button{background:#f1f2f4;border:1px solid #d6d9dd;color:#111;font-size:.75rem;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.2px}.category-button.selected,.category-button:hover{background:var(--primary);border-color:var(--primary);color:#fff}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.table-wrapper::-webkit-scrollbar-thumb{background:#c8ccd1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#b2b7bd}.quick-edit-buttons{display:flex;gap:4px;margin-top:4px;opacity:0;transition:opacity .2s}.product-row:hover .quick-edit-buttons{opacity:1}.quick-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:12px;transition:all .2s;color:#6c757d}.quick-btn:hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}.title-edit-group{display:flex;align-items:center;gap:8px;margin-bottom:4px;width:fit-content}.inline-title-edit{display:flex;align-items:center;gap:4px;flex:1;border:none}.title-input{padding:4px 8px;border-radius:4px;font-size:14px;font-weight:600;flex:1;min-width:200px}.title-display{display:flex;align-items:center;gap:8px;width:fit-content;flex:1}.title-display .title{font-weight:600;width:fit-content;border:none;flex:1}.save-btn-sm,.edit-btn-sm{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:2px;font-size:12px;transition:all .2s}.save-btn-sm{color:#28a745}.save-btn-sm:hover{color:#1e7e34;background:#d4edda}.edit-btn-sm{opacity:0}.title-display:hover .edit-btn-sm{opacity:1}.edit-btn-sm:hover{color:#333;background:#f0f0f0}.edit-modal-row{background:#f8f9fa}.edit-modal{background:#fff;border-radius:8px;margin:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.modal-header{background:#007bff;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.modal-header h4{margin:0;font-size:16px;font-weight:600;text-transform:capitalize}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn:hover{background:#fff3}.modal-content{padding:16px;max-height:300px;overflow-y:auto}.modal-actions{padding:12px 16px;background:#f8f9fa;display:flex;gap:8px;justify-content:flex-end}.save-btn-primary{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px;transition:background-color .2s}.save-btn-primary:hover{background:#1e7e34}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.cancel-btn:hover{background:#545b62}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.checkbox-option{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.checkbox-option:hover{background:#f8f9fa}.checkbox-option input[type=checkbox]{margin:0}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.color-option{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.color-option:hover{background:#f8f9fa}.color-preview{width:20px;height:20px;border-radius:50%;border:2px solid #ddd;flex-shrink:0}.color-option input[type=checkbox]{margin:0}.edit-textarea{width:100%;min-height:80px;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.edit-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.edit-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;transition:border-color .2s}.edit-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.feedback-row{background:none}.feedback{padding:8px 16px;border-radius:4px;margin:4px 8px;font-size:14px;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback.ok{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.feedback.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.product-row{transition:background-color .2s}.product-row:hover{background:#f8f9fa}.prod-info{flex:1}.prod-info .sub{font-size:12px;color:#666;margin-bottom:4px}.stock-list{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:6px 12px}.variant-stock-block{display:flex;align-items:center;gap:6px;font-size:.78rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:3px 6px;white-space:nowrap;justify-content:space-between}.stock-list span{display:flex;font-size:.92rem}.variant-stock-line{display:flex;gap:8px;align-items:center}.variant-stock-line{margin-bottom:2px;font-size:.95rem}.variant-stock-line span{word-spacing:.4em}.variant-color{font-weight:600}.stock-cell span{font-size:.95rem;display:flex}.variant-color{font-weight:600;margin-right:4px}.size-stock{font-size:.72rem;font-weight:600;padding:1px 5px;border-radius:6px;white-space:nowrap}.no-stock{color:#b00;font-size:.85rem}@media (max-width: 768px){.checkbox-grid,.color-grid{grid-template-columns:1fr}.quick-edit-buttons{opacity:1}.modal-content{padding:12px}.modal-actions{flex-direction:column}.title-input{min-width:fit-content}}@media (max-width: 900px){.products-table th:nth-child(3),.products-table td:nth-child(3),.products-table th:nth-child(5),.products-table td:nth-child(5){display:none}.admin-page-wrapper{padding:1.25rem 1rem 2rem}}.icon-btn:focus,.x-mark-modal:focus,.category-button:focus{outline:none;box-shadow:var(--focus-ring)}.feedback{z-index:300}@media (prefers-reduced-motion: reduce){.modal.admin-modal .modal-content,.feedback{animation:none}}.checkout-page{min-height:100vh;background-color:#f5f5f5;padding:40px 20px}.checkout-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.order-summary{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.order-summary h2{margin-bottom:10px;font-size:24px}.order-id{color:#666;font-size:14px;margin-bottom:20px}.items-list{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:20px 0;margin:20px 0}.checkout-item{display:flex;gap:15px;margin-bottom:15px}.checkout-item img{width:80px;height:80px;object-fit:cover;border-radius:8px}.item-details h4{margin:0 0 5px;font-size:16px}.item-details p{margin:5px 0;color:#666;font-size:14px}.item-price{font-weight:600;color:#333}.order-total{margin-top:20px}.order-total h3{font-size:18px;margin-bottom:10px}.total-amount{font-size:32px;font-weight:700;color:#009ee3}.back-to-cart{width:100%;padding:12px;margin-top:20px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px}.back-to-cart:hover{background:#ebebeb}.payment-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.payment-section h2{margin-bottom:20px;font-size:24px}@media (max-width: 768px){.checkout-container{grid-template-columns:1fr}.order-summary{order:2}.payment-section{order:1}}