:root{
  color-scheme:dark;
  --bg:#050711;
  --panel:#0b1020;
  --panel2:#101a33;
  --text:#f4fbff;
  --muted:#9aa8bc;
  --cyan:#27e7ff;
  --green:#28f5a6;
  --pink:#ff3bd4;
  --border:rgba(255,255,255,.12);
  --shadow:0 22px 70px rgba(0,0,0,.42);
  --radius:24px;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 10% 0%, rgba(39,231,255,.14), transparent 30%),
    radial-gradient(circle at 95% 12%, rgba(255,59,212,.12), transparent 28%),
    linear-gradient(180deg,#050711,#070a13 45%,#050711);
  color:var(--text);
}
button,input,select{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
body.modal-open, body.cart-open{overflow:hidden}
.page-loader{
  position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;
  background:linear-gradient(180deg,rgba(5,7,17,.98),rgba(5,7,17,.94));
  transition:opacity .18s ease, visibility .18s ease;pointer-events:none;
}
.page-loader.hide{opacity:0;visibility:hidden;pointer-events:none}
.loader-card{
  width:min(330px,100%);border:1px solid rgba(39,231,255,.22);border-radius:30px;padding:26px;text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));box-shadow:var(--shadow)
}
.loader-orb{
  width:74px;height:74px;margin:0 auto 14px;border-radius:24px;display:grid;place-items:center;
  background:radial-gradient(circle at 30% 20%,#fff,var(--cyan) 25%,#06101f 68%);color:#020817;font-weight:1000;
  box-shadow:0 0 40px rgba(39,231,255,.35)
}
.loader-card strong{display:block;font-size:24px;letter-spacing:-.04em}
.loader-card span{display:block;margin-top:8px;color:var(--muted)}
.store-header{
  position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:14px max(16px,env(safe-area-inset-left)) 12px;
  background:rgba(5,7,17,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)
}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.brand-logo{
  width:44px;height:44px;border-radius:16px;display:grid;place-items:center;font-weight:1000;
  background:linear-gradient(135deg,var(--cyan),var(--green));color:#031018;box-shadow:0 0 24px rgba(39,231,255,.26)
}
.brand strong{display:block;font-size:18px;letter-spacing:-.03em}
.brand small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.header-actions{display:flex;align-items:center;gap:8px}
.ghost-btn,.cart-btn,.primary-btn,.load-more{
  border:1px solid var(--border);border-radius:16px;min-height:42px;padding:0 14px;color:var(--text);
  background:rgba(255,255,255,.06);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800
}
.ghost-btn:hover,.cart-btn:hover,.load-more:hover{border-color:rgba(39,231,255,.4);background:rgba(39,231,255,.09)}
.primary-btn{
  width:100%;border:0;background:linear-gradient(135deg,var(--cyan),var(--green));color:#06101a;
  box-shadow:0 16px 40px rgba(39,231,255,.2)
}
.danger{color:#ffb3b3;border-color:rgba(255,89,89,.26)}

/* Selector visible Llega hoy / Llega mañana */
.delivery-strip{
  position:sticky;
  top:71px;
  z-index:45;
  padding:8px max(14px,env(safe-area-inset-left));
  background:rgba(5,7,17,.78);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
}
.delivery-strip-inner{
  width:min(1180px,100%);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.delivery-label{
  color:#9ff8ff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.delivery-switch{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.delivery-switch button{
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  min-height:46px;
  padding:6px 16px;
  background:rgba(255,255,255,.07);
  color:var(--text);
  font-weight:1000;
  display:grid;
  align-content:center;
  line-height:1.05;
  min-width:132px;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.delivery-switch button span{font-size:14px}
.delivery-switch button small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.delivery-switch button.active{
  background:linear-gradient(135deg,var(--cyan),var(--green));
  color:#031018;
  border-color:transparent;
}
.delivery-switch button.active small{color:#07333b}
@media (max-width:760px){
  .delivery-strip{top:68px;padding:8px 10px}
  .delivery-strip-inner{display:block}
  .delivery-label{display:block;margin:0 0 7px 2px}
  .delivery-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .delivery-switch button{width:100%;min-width:0;padding-inline:8px}
}

main{width:min(1180px,100%);margin:0 auto;padding:18px 14px 92px}
.hero{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:16px;align-items:stretch;margin-top:10px
}
.hero-copy,.hero-panel,.category-section,.catalog-section{
  border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:var(--shadow)
}
.hero-copy{padding:clamp(20px,4vw,38px);overflow:hidden;position:relative}
.hero-copy:before{
  content:"";position:absolute;inset:auto -30% -60% 30%;height:220px;background:radial-gradient(circle,rgba(39,231,255,.25),transparent 62%);
  pointer-events:none
}
.eyebrow{display:inline-block;color:#9ff8ff;font-weight:1000;text-transform:uppercase;letter-spacing:.16em;font-size:11px}
h1,h2,p{margin-top:0}
h1{font-size:clamp(30px,7vw,64px);line-height:.92;letter-spacing:-.075em;margin-bottom:14px;max-width:760px}
.hero-copy p{color:#c8d2df;font-size:clamp(15px,2vw,18px);line-height:1.48;max-width:650px}
.hero-search{position:relative;margin:22px 0 12px}
.hero-search input{
  width:100%;height:58px;border-radius:20px;border:1px solid rgba(39,231,255,.28);
  background:rgba(2,6,18,.82);color:var(--text);padding:0 52px 0 18px;outline:none;font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)
}
.hero-search input:focus{border-color:rgba(39,231,255,.74);box-shadow:0 0 0 4px rgba(39,231,255,.1)}
#clearSearchBtn{
  position:absolute;right:8px;top:8px;width:42px;height:42px;border-radius:14px;border:0;background:rgba(255,255,255,.09);color:var(--text)
}
.hero-panel{padding:22px;display:grid;align-content:center;text-align:center;gap:12px}
.hero-categories-panel{align-content:center}
.hero-categories-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,.95fr);
  gap:12px;
  align-items:stretch;
}
.big-category-toggle{
  width:100%;
  min-height:96px;
  border:1px solid rgba(39,231,255,.36);
  border-radius:24px;
  color:#041014;
  background:
    radial-gradient(circle at 80% 16%,rgba(255,255,255,.95),transparent 24%),
    linear-gradient(135deg,#27e7ff,#28f5a6);
  box-shadow:0 14px 38px rgba(39,231,255,.22),0 14px 45px rgba(0,0,0,.24);
  display:grid;
  place-content:center;
  gap:4px;
  text-align:center;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.big-category-toggle:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 18px 52px rgba(39,231,255,.28),0 16px 52px rgba(0,0,0,.28)}
.big-category-toggle span{
  color:#041014;
  font-size:clamp(18px,2.7vw,26px);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.big-category-toggle small{
  color:rgba(4,16,20,.74);
  font-size:12px;
  font-weight:1000;
}
.store-stock-summary{
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:rgba(2,6,18,.64);
  display:grid;
  align-content:center;
  gap:3px;
  padding:13px 14px;
  text-align:left;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.store-stock-summary strong{
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#27e7ff;
}
.store-stock-summary span{
  color:#f7fbff;
  font-size:15px;
  font-weight:1000;
}
.hero-soft-hint{color:var(--muted);font-size:13px}
.hero-panel strong{font-size:34px;letter-spacing:-.05em}
@media (max-width:640px){
  .hero-categories-row{grid-template-columns:1fr 1fr;gap:9px}
  .big-category-toggle{min-height:86px;border-radius:20px}
  .store-stock-summary{border-radius:20px;padding:10px}
  .store-stock-summary strong{font-size:9.5px}
  .store-stock-summary span{font-size:13px}
}
.category-section,.catalog-section{
  border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:var(--shadow)
}
.hero-copy{padding:clamp(20px,4vw,38px);overflow:hidden;position:relative}
.hero-copy:before{
  content:"";position:absolute;inset:auto -30% -60% 30%;height:220px;background:radial-gradient(circle,rgba(39,231,255,.25),transparent 62%);
  pointer-events:none
}
.eyebrow{display:inline-block;color:#9ff8ff;font-weight:1000;text-transform:uppercase;letter-spacing:.16em;font-size:11px}
h1,h2,p{margin-top:0}
h1{font-size:clamp(30px,7vw,64px);line-height:.92;letter-spacing:-.075em;margin-bottom:14px;max-width:760px}
.hero-copy p{color:#c8d2df;font-size:clamp(15px,2vw,18px);line-height:1.48;max-width:650px}
.hero-search{position:relative;margin:22px 0 12px}
.hero-search input{
  width:100%;height:58px;border-radius:20px;border:1px solid rgba(39,231,255,.28);
  background:rgba(2,6,18,.82);color:var(--text);padding:0 52px 0 18px;outline:none;font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)
}
.hero-search input:focus{border-color:rgba(39,231,255,.74);box-shadow:0 0 0 4px rgba(39,231,255,.1)}
#clearSearchBtn{
  position:absolute;right:8px;top:8px;width:42px;height:42px;border-radius:14px;border:0;background:rgba(255,255,255,.09);color:var(--text)
}
.hero-panel{padding:22px;display:grid;align-content:center;text-align:center;gap:12px}
.hero-categories-panel{align-content:stretch}
.big-category-toggle{
  width:100%;
  min-height:190px;
  border:1px solid rgba(39,231,255,.36);
  border-radius:28px;
  color:#041014;
  background:
    radial-gradient(circle at 80% 16%,rgba(255,255,255,.95),transparent 24%),
    linear-gradient(135deg,#27e7ff,#28f5a6);
  box-shadow:0 18px 55px rgba(39,231,255,.24),0 18px 65px rgba(0,0,0,.28);
  display:grid;
  place-content:center;
  gap:7px;
  text-align:center;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.big-category-toggle:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 22px 70px rgba(39,231,255,.32),0 18px 65px rgba(0,0,0,.3)}
.big-category-toggle span{
  color:#041014;
  font-size:clamp(27px,4vw,42px);
  font-weight:1000;
  line-height:.95;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.big-category-toggle small{
  color:rgba(4,16,20,.74);
  font-size:15px;
  font-weight:1000;
}
.hero-soft-hint{color:var(--muted);font-size:13px}
.hero-panel strong{font-size:34px;letter-spacing:-.05em}
.category-section,.catalog-section{margin-top:16px;padding:18px}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-title h2{font-size:clamp(24px,4vw,38px);letter-spacing:-.055em;margin-bottom:0}
.category-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px
}
.category-card{
  min-height:128px;border:1px solid var(--border);border-radius:22px;background:
    radial-gradient(circle at 90% 10%,rgba(39,231,255,.17),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  color:var(--text);padding:15px;text-align:left;display:grid;align-content:space-between;gap:12px;transition:.18s ease;
}
.category-card:hover,.category-card.active{transform:translateY(-3px);border-color:rgba(39,231,255,.46);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.category-card.active{background:linear-gradient(135deg,rgba(39,231,255,.22),rgba(40,245,166,.12))}
.category-icon{font-size:30px}
.category-card strong{display:block;font-size:17px;line-height:1.1}
.category-card span:last-child{color:#b9c6d6;font-size:13px}
.catalog-title-row{align-items:center}
.catalog-title-row p{margin:5px 0 0;color:var(--muted)}
#sortSelect{
  min-width:180px;height:42px;border-radius:14px;border:1px solid var(--border);background:#0b1020;color:var(--text);padding:0 12px;outline:none
}
.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.filter-pill{border:1px solid rgba(39,231,255,.24);border-radius:999px;background:rgba(39,231,255,.09);padding:8px 12px;color:#cfffff;font-weight:800;font-size:13px}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:13px}
.product-card{
  overflow:hidden;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;min-height:100%;
  transition:.18s ease
}
.product-card:hover{transform:translateY(-3px);border-color:rgba(39,231,255,.36)}
.product-image{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;position:relative;overflow:hidden}
.delivery-today-badge{
  position:absolute;
  z-index:2;
  top:8px;
  left:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#e50914;
  color:#fff;
  padding:4px 8px;
  font-size:10px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.04em;
  box-shadow:0 8px 18px rgba(229,9,20,.28);
  pointer-events:none;
}
.product-image img{width:100%;height:100%;object-fit:contain;padding:8px}
.no-image{color:#637083;text-align:center;font-weight:900;font-size:13px;padding:10px}
.product-badge{
  position:absolute;left:8px;top:8px;border-radius:999px;background:rgba(5,7,17,.72);backdrop-filter:blur(8px);padding:5px 8px;font-size:11px;font-weight:900;color:#d8ffff
}
.product-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}
.product-category{color:#9ff8ff;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:1000}
.product-title{margin:0;font-size:15px;line-height:1.18;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-price{font-size:19px;font-weight:1000;color:#fff}
.stock-strip{
  display:flex;
  align-items:center;
  gap:5px;
  width:100%;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
}
.stock-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  max-width:50%;
  overflow:hidden;
  text-overflow:ellipsis;
  border-radius:999px;
  padding:4px 7px;
  font-size:10px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.01em;
  border:1px solid transparent;
}
.stock-pill-tx{
  color:#042014;
  background:linear-gradient(135deg,var(--green),#9dffd3);
  border-color:rgba(40,245,166,.55);
}
.stock-pill-dep{
  color:#fff;
  background:linear-gradient(135deg,var(--pink),#b84cff);
  border-color:rgba(255,59,212,.55);
}
.stock-pill-empty{
  color:#b8c5d7;
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
}
.product-stock{font-size:12px;color:#b8c5d7}
.product-actions{margin-top:auto;display:grid;grid-template-columns:1fr 44px;gap:8px}
.product-actions button{
  border:0;border-radius:14px;min-height:40px;font-weight:900
}
.add-btn{background:linear-gradient(135deg,var(--cyan),var(--green));color:#031018}
.view-btn{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--border)!important}
.empty-state{padding:28px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.18);border-radius:22px}
.empty-state strong{display:block;color:#fff;margin-bottom:6px}
.load-more{
  display:flex !important;
  width:min(100%,360px);
  min-height:52px;
  margin:26px auto 4px;
  border-radius:999px;
  border-color:rgba(39,231,255,.35);
  background:linear-gradient(135deg,rgba(39,231,255,.16),rgba(40,245,166,.12));
  box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 28px rgba(39,231,255,.12);
}
.load-more[hidden]{display:none !important}
.cart-drawer{
  position:fixed;right:0;top:0;height:100dvh;width:min(420px,100%);z-index:80;background:#080d1a;border-left:1px solid var(--border);
  transform:translateX(105%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:var(--shadow)
}
body.cart-open .cart-drawer{transform:translateX(0)}
.cart-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}
.cart-head strong{font-size:22px}
.cart-head button{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.07);color:#fff}
.cart-items{flex:1;overflow:auto;padding:12px;display:grid;gap:10px;align-content:start}
.cart-item{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:16px;padding:8px;background:rgba(255,255,255,.045)}
.cart-item img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:12px}
.cart-item strong{display:block;font-size:13px;line-height:1.2}
.cart-item span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.qty-controls{display:flex;align-items:center;gap:6px}
.qty-controls button{width:30px;height:30px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.08);color:#fff}
.cart-footer{border-top:1px solid var(--border);padding:14px;display:grid;gap:10px}
.cart-total{display:flex;justify-content:space-between;align-items:center}
.cart-total span{color:var(--muted)}
.cart-total strong{font-size:24px}
.drawer-backdrop{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55)}
.floating-cart{
  position:fixed;right:14px;bottom:14px;z-index:45;border:0;border-radius:999px;padding:0 16px;height:52px;
  background:linear-gradient(135deg,var(--cyan),var(--green));color:#031018;font-weight:1000;box-shadow:0 18px 45px rgba(39,231,255,.24)
}
.product-modal{
  position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:16px;
  opacity:0;visibility:hidden;transition:.18s ease
}
.product-modal.show{opacity:1;visibility:visible}
.modal-card{
  width:min(920px,100%);max-height:92dvh;overflow:auto;border:1px solid var(--border);border-radius:28px;background:#080d1a;
  display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);position:relative;box-shadow:var(--shadow)
}
.modal-close{
  position:absolute;right:12px;top:12px;z-index:8;
  width:52px;height:52px;border-radius:999px;border:3px solid #fff;
  background:#ff1744;color:#fff;font-size:30px;font-weight:1000;line-height:1;
  display:grid;place-items:center;box-shadow:0 12px 34px rgba(255,23,68,.45);
  cursor:pointer
}
.modal-close:hover,.modal-close:focus-visible{transform:scale(1.06);outline:3px solid rgba(255,255,255,.55);outline-offset:3px}
.modal-close::after{
  content:"Cerrar";position:absolute;right:58px;top:50%;transform:translateY(-50%);
  background:#ff1744;color:#fff;border:2px solid #fff;border-radius:999px;
  padding:7px 12px;font-size:13px;font-weight:1000;letter-spacing:.02em;white-space:nowrap;
  box-shadow:0 10px 24px rgba(255,23,68,.35)
}
.modal-image-wrap{background:#fff;display:grid;place-items:center;min-height:360px}
.modal-image-wrap img{width:100%;height:100%;max-height:520px;object-fit:contain;padding:20px}
.modal-info{padding:28px;display:grid;align-content:center;gap:12px}
.modal-info h2{font-size:clamp(26px,5vw,42px);letter-spacing:-.055em;margin-bottom:0}
.modal-info p{color:#c7d2e2;line-height:1.48}
.modal-price{font-size:34px}
.modal-stock{margin:0!important;color:#9ff8ff!important;font-weight:900}
.toast{
  position:fixed;left:50%;bottom:80px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:110;
  background:rgba(8,13,26,.92);border:1px solid rgba(39,231,255,.28);border-radius:999px;padding:12px 16px;font-weight:900;transition:.2s ease
}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:760px){
  .store-header{padding-right:12px}
  .brand small{display:none}
  .header-actions .ghost-btn{display:none}
  main{padding-inline:10px}
  .hero{grid-template-columns:1fr}
  .hero-panel{grid-template-columns:auto 1fr;text-align:left;align-items:center}
  .robotito{font-size:48px}
  .hero-panel strong{font-size:26px}
  .section-title{align-items:flex-start}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-card{min-height:112px;border-radius:18px;padding:12px}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card{border-radius:18px}
  .product-body{padding:10px}
  .product-title{font-size:13px}
  .product-price{font-size:16px}
  .catalog-title-row{display:grid}
  #sortSelect{width:100%}
  .modal-card{grid-template-columns:1fr}
  .modal-image-wrap{min-height:260px}
  .modal-info{padding:20px}
}

@media (max-width:420px){.stock-pill{font-size:9.5px;padding:4px 6px}.stock-strip{gap:4px}.product-body{gap:7px}}


/* TXSTORE restore UI: voz + app orb + robotito flotante */
.hero-search input{padding-right:112px}
.voice-search-btn{
  position:absolute;right:54px;top:8px;width:42px;height:42px;border-radius:16px;border:1px solid rgba(255,255,255,.34);
  background:
    radial-gradient(circle at 25% 18%,rgba(255,255,255,.95),rgba(255,255,255,0) 22%),
    linear-gradient(135deg,#27e7ff 0%,#28f5a6 56%,#ff3bd4 100%);
  color:#031018;font-size:20px;font-weight:1000;display:grid;place-items:center;
  box-shadow:0 0 0 4px rgba(39,231,255,.15),0 14px 34px rgba(39,231,255,.35),0 0 28px rgba(255,59,212,.24);
  cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease
}
.voice-search-btn::after{
  content:'VOZ';position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);
  padding:2px 7px;border-radius:999px;background:rgba(5,7,17,.92);border:1px solid rgba(39,231,255,.38);
  color:#9ff8ff;font-size:8px;font-weight:1000;letter-spacing:.08em;line-height:1
}
.voice-search-btn:hover{transform:translateY(-1px) scale(1.07);filter:saturate(1.15);box-shadow:0 0 0 5px rgba(40,245,166,.18),0 18px 40px rgba(39,231,255,.45),0 0 34px rgba(255,59,212,.32)}
.voice-search-btn.is-listening{animation:txMicPulse 1s infinite;background:linear-gradient(135deg,#ff3bd4,#27e7ff,#28f5a6);color:#031018}
@keyframes txMicPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}

.tx-bottom-bar{
  position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:44;
  width:min(360px,calc(100vw - 112px));height:62px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,12,27,.7),rgba(3,6,15,.86));
  border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.28)
}
.tx-bottom-spacer{width:58px}
.install-orb{
  pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);
  width:58px;height:58px;border-radius:999px;border:0;display:grid;place-items:center;gap:0;
  background:radial-gradient(circle at 35% 25%,#fff 0 8%,var(--cyan) 28%,var(--green) 100%);
  color:#031018;font-weight:1000;letter-spacing:-.03em;cursor:pointer;
  box-shadow:0 0 0 8px rgba(39,231,255,.08),0 18px 42px rgba(39,231,255,.32);
  animation:txInstallFloat 2.4s ease-in-out infinite
}
.install-orb-icon{font-size:19px;line-height:1;margin-top:6px}
.install-orb-text{font-size:11px;line-height:1;margin-bottom:7px}
.install-orb:hover{animation-play-state:paused;transform:translate(-50%,-64%) scale(1.04)}
@keyframes txInstallFloat{
  0%,100%{transform:translate(-50%,-58%)}
  50%{transform:translate(-50%,-70%)}
}

.floating-robotito{
  position:fixed;right:12px;bottom:82px;z-index:43;width:86px;height:86px;border-radius:28px;
  display:grid;place-items:center;pointer-events:none;
  background:radial-gradient(circle at 50% 45%,rgba(39,231,255,.18),rgba(59,255,153,.07) 58%,transparent 70%);
  filter:drop-shadow(0 14px 28px rgba(39,231,255,.22));
  animation:txRobotFloat 4.8s ease-in-out infinite
}
.floating-robotito img{
  max-width:100%;max-height:100%;object-fit:contain;
  animation:txRobotTilt 3.6s ease-in-out infinite;
  transition:opacity .35s ease,transform .35s ease
}
.floating-robotito.is-changing img{opacity:.15;transform:scale(.88) rotate(-8deg)}
@keyframes txRobotFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-8px,-18px,0)}
}
@keyframes txRobotTilt{
  0%,100%{transform:rotate(-4deg)}
  50%{transform:rotate(5deg) scale(1.04)}
}

.voice-overlay{
  position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;
  background:rgba(0,0,0,.72);backdrop-filter:blur(14px);
  opacity:0;pointer-events:none;transition:opacity .2s ease
}
.voice-overlay.is-open{opacity:1;pointer-events:auto}
.voice-card{
  width:min(440px,100%);border-radius:30px;padding:30px 20px 24px;text-align:center;position:relative;
  background:linear-gradient(180deg,rgba(10,17,38,.96),rgba(3,6,16,.98));
  border:1px solid rgba(39,231,255,.24);box-shadow:0 24px 80px rgba(0,0,0,.48)
}
.voice-close{
  position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:14px;border:0;
  background:rgba(255,62,110,.16);color:#ff6b91;font-weight:1000;cursor:pointer
}
.voice-pulse{height:92px;display:flex;align-items:center;justify-content:center;gap:9px}
.voice-pulse span{
  width:12px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),var(--green));
  animation:txVoiceWave .9s ease-in-out infinite
}
.voice-pulse span:nth-child(1){height:38px;animation-delay:-.18s}
.voice-pulse span:nth-child(2){height:72px}
.voice-pulse span:nth-child(3){height:46px;animation-delay:.18s}
@keyframes txVoiceWave{0%,100%{transform:scaleY(.55);opacity:.6}50%{transform:scaleY(1);opacity:1}}
.voice-card h2{font-size:28px;margin:4px 0 10px}
.voice-card p{color:#eafcff;font-weight:900;margin:0 0 8px;min-height:24px}
.voice-card small{display:block;color:var(--muted);line-height:1.45}
@media (max-width:680px){
  body{padding-bottom:88px}
  .floating-cart{bottom:18px}
  .floating-robotito{width:74px;height:74px;bottom:88px;right:8px}
  .tx-bottom-bar{bottom:calc(8px + env(safe-area-inset-bottom));width:min(310px,calc(100vw - 104px))}
  .install-orb{width:54px;height:54px}
}


.install-guide-modal{
  position:fixed;inset:0;z-index:80;display:none;align-items:flex-end;justify-content:center;
  padding:18px;background:rgba(2,5,14,.72);backdrop-filter:blur(12px)
}
.install-guide-modal.is-open{display:flex}
.install-guide-card{
  position:relative;width:min(560px,100%);max-height:calc(100dvh - 28px);overflow:auto;
  border:1px solid rgba(255,255,255,.12);border-radius:30px;
  background:linear-gradient(180deg,rgba(13,19,40,.98),rgba(5,8,20,.99));
  color:#fff;box-shadow:0 26px 90px rgba(0,0,0,.48);padding:20px
}
.install-guide-close{
  position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;
  font-weight:900;cursor:pointer
}
.install-guide-head{padding-right:42px}
.install-guide-badge{
  display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;
  background:rgba(39,231,255,.12);border:1px solid rgba(39,231,255,.22);
  color:#bff7ff;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.04em
}
.install-guide-head h2{margin:12px 0 8px;font-size:clamp(24px,7vw,34px);line-height:1}
.install-guide-head p{margin:0;color:rgba(255,255,255,.76)}
.install-steps{display:grid;gap:12px;margin:18px 0}
.install-step{
  display:grid;grid-template-columns:132px 1fr;gap:12px;align-items:center;
  padding:12px;border-radius:22px;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08)
}

.install-step-img{
  width:132px;height:96px;object-fit:contain;border-radius:18px;
  background:linear-gradient(160deg,rgba(39,231,255,.12),rgba(255,255,255,.04));
  border:1px solid rgba(39,231,255,.16);
  box-shadow:0 14px 34px rgba(0,0,0,.22)
}
.install-steps-real .install-step strong{font-size:16px}
.install-steps-real .install-step p{font-size:13.5px}

.install-step strong{display:block;margin-bottom:4px;font-size:15px}
.install-step p{margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.35}
.install-step-visual{
  min-height:86px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(39,231,255,.18),rgba(59,255,153,.10));
  border:1px solid rgba(255,255,255,.10);position:relative;overflow:hidden
}
.iphone-visual::before{
  content:"";position:absolute;inset:10px 16px;border-radius:16px;border:2px solid rgba(255,255,255,.34)
}
.safari-bar{
  position:absolute;top:22px;left:24px;right:24px;padding:5px 7px;border-radius:999px;
  background:rgba(255,255,255,.9);color:#06101f;font-size:9px;font-weight:900;text-align:center
}
.share-icon{
  position:absolute;bottom:15px;left:50%;transform:translateX(-50%);
  width:34px;height:34px;border-radius:12px;background:#fff;color:#0673ff;
  display:grid;place-items:center;font-size:22px;font-weight:1000
}
.menu-visual{
  padding:12px;grid-template-columns:1fr auto;gap:8px;background:linear-gradient(180deg,#f7f8fb,#dfe5ef);color:#101827
}
.menu-visual span{font-size:11px;font-weight:950;line-height:1.15}
.menu-visual b{
  width:30px;height:30px;border-radius:10px;background:#fff;display:grid;place-items:center;
  color:#06101f;font-size:21px;box-shadow:0 8px 20px rgba(0,0,0,.16)
}
.home-visual{background:linear-gradient(160deg,rgba(255,69,69,.20),rgba(39,231,255,.16))}
.tx-app-icon{
  width:50px;height:50px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,#ff2e44,#00e5ff);color:#fff;font-weight:1000;
  box-shadow:0 12px 28px rgba(39,231,255,.22)
}
.home-visual small{position:absolute;bottom:10px;font-size:11px;color:rgba(255,255,255,.82);font-weight:900}
.install-guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:-20px;padding-top:8px;background:linear-gradient(180deg,transparent,rgba(5,8,20,.99) 35%)}
.install-done-btn,.install-later-btn{min-height:48px;border-radius:16px}
@media (max-width:520px){
  .install-guide-modal{padding:10px;align-items:flex-end}
  .install-guide-card{border-radius:26px;padding:16px}
  .install-step{grid-template-columns:104px 1fr;padding:10px}
  .install-step-img{width:104px;height:78px;border-radius:16px}
  .install-step-visual{min-height:78px;border-radius:18px}
}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.category-section[hidden]{display:none!important}
.category-section.is-opening{animation:txCategoryOpen .22s ease both}
@keyframes txCategoryOpen{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:700px){
  .modal-close{position:fixed;right:14px;top:14px;width:58px;height:58px;font-size:34px;z-index:120}
  .modal-close::after{display:none}
}


/* FIX TXHOUSE 2026-06-05: panel categorías compacto y sin textos rotos */
.hero-categories-row{
  grid-template-columns:minmax(0,.8fr) minmax(170px,1.2fr) !important;
  gap:10px !important;
  align-items:center !important;
}
.big-category-toggle{
  min-height:72px !important;
  border-radius:18px !important;
  padding:10px 8px !important;
  overflow:hidden !important;
}
.big-category-toggle span{
  display:block !important;
  max-width:100% !important;
  font-size:clamp(13px,3.2vw,18px) !important;
  line-height:1.02 !important;
  letter-spacing:-.02em !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}
.big-category-toggle small{
  display:block !important;
  max-width:100% !important;
  font-size:10px !important;
  line-height:1.1 !important;
}
.hero-panel .store-stock-summary{
  min-width:0 !important;
  border-radius:18px !important;
  padding:10px 11px !important;
  gap:2px !important;
}
.hero-panel .store-stock-summary strong{
  font-size:10px !important;
  line-height:1.12 !important;
  letter-spacing:.03em !important;
  color:#27e7ff !important;
  text-transform:uppercase !important;
}
.hero-panel .store-stock-summary span{
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  color:#f7fbff !important;
}
@media (max-width:640px){
  .hero-categories-row{
    grid-template-columns:minmax(0,.88fr) minmax(120px,1.12fr) !important;
    gap:8px !important;
  }
  .big-category-toggle{
    min-height:66px !important;
    border-radius:16px !important;
    padding:8px 6px !important;
  }
  .big-category-toggle span{
    font-size:clamp(12px,4.4vw,15px) !important;
    letter-spacing:-.015em !important;
  }
  .big-category-toggle small{font-size:9px !important}
  .hero-panel .store-stock-summary{
    padding:8px !important;
    border-radius:16px !important;
  }
  .hero-panel .store-stock-summary strong{font-size:8.5px !important}
  .hero-panel .store-stock-summary span{font-size:10.5px !important}
  .hero-soft-hint{font-size:10.5px !important}
}


/* TXHOUSE categorías neón - solo visual */
.category-grid{
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
}
.category-card{
  position:relative;
  overflow:hidden;
  min-height:156px;
  padding:14px;
  justify-items:center;
  text-align:center;
  align-content:center;
  gap:8px;
  isolation:isolate;
}
.category-card::before{
  content:"";
  position:absolute;
  inset:-38%;
  background:
    radial-gradient(circle at 50% 18%, rgba(36,226,255,.28), transparent 32%),
    radial-gradient(circle at 50% 86%, rgba(0,117,255,.24), transparent 34%);
  opacity:.42;
  transform:scale(.86);
  transition:opacity .2s ease, transform .2s ease, filter .2s ease;
  z-index:-1;
}
.category-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 34%, rgba(36,226,255,.16));
  transition:opacity .2s ease;
}
.category-card:hover,
.category-card:focus-visible,
.category-card.active{
  transform:translateY(-4px) scale(1.015);
  border-color:rgba(74,236,255,.72);
  box-shadow:
    0 18px 50px rgba(0,0,0,.32),
    0 0 0 1px rgba(74,236,255,.26),
    0 0 34px rgba(31,211,255,.24),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.category-card:hover::before,
.category-card:focus-visible::before,
.category-card.active::before{
  opacity:.9;
  transform:scale(1.04);
  filter:saturate(1.25);
}
.category-card:hover::after,
.category-card:focus-visible::after,
.category-card.active::after{
  opacity:.95;
}
.neon-category-icon{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  margin:0 auto 2px;
  border-radius:24px;
  filter:drop-shadow(0 0 12px rgba(31,211,255,.28));
  transition:transform .2s ease, filter .2s ease;
}
.neon-category-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  pointer-events:none;
  user-select:none;
}
.category-card:hover .neon-category-icon,
.category-card:focus-visible .neon-category-icon,
.category-card.active .neon-category-icon{
  transform:translateY(-2px) scale(1.12);
  filter:
    drop-shadow(0 0 10px rgba(108,242,255,.62))
    drop-shadow(0 0 24px rgba(0,145,255,.46));
}
.category-copy{
  display:grid;
  gap:3px;
  max-width:100%;
}
.category-copy strong{
  max-width:100%;
  overflow-wrap:anywhere;
  line-height:1.02;
}
.category-copy span{
  color:rgba(226,247,255,.74);
  font-size:.76rem;
  font-weight:800;
}
@media (max-width:560px){
  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .category-card{
    min-height:138px;
    border-radius:20px;
    padding:12px 8px;
  }
  .neon-category-icon{
    width:68px;
    height:68px;
  }
  .category-copy strong{
    font-size:.88rem;
  }
}


/* TXHOUSE ajuste estable: entrega compacta + buscador fijo */
.delivery-strip{
  top:71px;
  padding:7px max(12px,env(safe-area-inset-left)) 9px;
}
.delivery-strip-inner{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "label switch"
    "search search";
  align-items:center;
  gap:7px 10px;
}
.delivery-label{grid-area:label;font-size:10px;letter-spacing:.12em}
.delivery-switch{grid-area:switch;gap:7px;justify-content:flex-end;flex-wrap:nowrap}
.delivery-switch button{
  min-height:34px;
  min-width:102px;
  padding:5px 12px;
  border-radius:999px;
}
.delivery-switch button span{font-size:12px;line-height:1}
.delivery-switch button small{display:none!important}
.delivery-search-wrap{grid-area:search;width:100%}
.hero-search.delivery-search{
  margin:0;
  width:100%;
}
.hero-search.delivery-search input{
  height:46px;
  border-radius:16px;
  padding-right:98px;
}
.hero-search.delivery-search #voiceSearchBtn,
.hero-search.delivery-search #clearSearchBtn{
  top:5px;
  width:36px;
  height:36px;
  border-radius:13px;
}
.hero-search.delivery-search #voiceSearchBtn{right:47px;font-size:18px}
.hero-search.delivery-search #voiceSearchBtn::after{bottom:-14px;font-size:7px;padding:1px 6px}
.hero-search.delivery-search #clearSearchBtn{right:6px}
.hero{
  margin-top:8px;
  grid-template-columns:minmax(0,.78fr) minmax(240px,1fr);
}
.hero-copy-compact{
  min-height:0;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:none!important;
}
@media (max-width:760px){
  .delivery-strip{top:68px;padding:7px 9px 8px}
  .delivery-strip-inner{
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:"switch" "search";
    gap:7px;
  }
  .delivery-label{display:none}
  .delivery-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .delivery-switch button{min-height:34px;min-width:0;padding:5px 8px}
  .delivery-switch button span{font-size:11px}
  main{padding-top:8px}
  .hero{display:block;margin-top:6px}
  .hero-panel{padding:14px}
}

/* Badge de entrega por origen */
.delivery-tomorrow-badge{
  position:absolute;
  z-index:2;
  top:8px;
  left:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#ffd21f;
  color:#151100;
  padding:4px 8px;
  font-size:10px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.04em;
  box-shadow:0 8px 18px rgba(255,210,31,.34);
  pointer-events:none;
}


/* TXHOUSE categorias destacadas PNG transparente */
.neon-category-icon{
  min-height:64px;display:flex;align-items:center;justify-content:flex-start
}
.neon-category-icon img{
  width:min(116px,100%);height:72px;object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(39,231,255,.40));
}
.category-card:hover .neon-category-icon img,
.category-card.active .neon-category-icon img{
  filter:drop-shadow(0 0 22px rgba(39,231,255,.62));
}


/* Botones destacados fijos dentro de categorías TX Store */
.featured-link-card{
  text-decoration:none;
  position:relative;
  overflow:hidden;
  border-color:rgba(39,231,255,.42);
  background:
    radial-gradient(circle at 20% 0%,rgba(39,231,255,.22),transparent 36%),
    radial-gradient(circle at 85% 15%,rgba(128,78,255,.20),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  box-shadow:0 18px 60px rgba(0,180,255,.14);
}
.featured-link-card::after{
  content:"";
  position:absolute;
  inset:-45%;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22),transparent 55%);
  transform:translateX(-60%) rotate(10deg);
  animation:txFeaturedSweep 3.8s ease-in-out infinite;
  pointer-events:none;
}
.featured-link-card:hover{
  transform:translateY(-4px) scale(1.01);
  border-color:rgba(39,231,255,.72);
  box-shadow:0 22px 70px rgba(0,180,255,.24);
}
.featured-link-card .category-icon{
  min-height:78px;
  display:grid;
  place-items:center;
}
.featured-link-card .category-icon img{
  width:100%;
  height:94px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(39,231,255,.42));
}
.featured-link-card strong{
  letter-spacing:.04em;
  text-transform:uppercase;
}
.featured-djstore strong{color:#dffcff;text-shadow:0 0 16px rgba(39,231,255,.75)}
.featured-vidriera{
  border-color:rgba(255,203,82,.46);
  background:
    radial-gradient(circle at 80% 0%,rgba(255,203,82,.24),transparent 36%),
    radial-gradient(circle at 20% 20%,rgba(255,59,212,.16),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
}
.featured-vidriera .category-icon img{filter:drop-shadow(0 0 18px rgba(255,203,82,.45))}
.featured-vidriera strong{color:#fff4c7;text-shadow:0 0 16px rgba(255,203,82,.72)}
@keyframes txFeaturedSweep{
  0%,55%{transform:translateX(-65%) rotate(10deg);opacity:0}
  68%{opacity:.75}
  100%{transform:translateX(65%) rotate(10deg);opacity:0}
}
@media (max-width:560px){
  .featured-link-card .category-icon img{height:76px}
}


/* === TXSTORE FINAL: logo TXHOUSE + categorías visibles/destacadas === */
.txhouse-brand-pro{
  min-width:0;
  isolation:isolate;
}
.txhouse-brand-pro .brand-logo{
  position:relative;
  width:58px;
  height:58px;
  border-radius:18px;
  overflow:visible;
  background:
    radial-gradient(circle at 50% 45%, rgba(39,231,255,.22), transparent 58%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid rgba(39,231,255,.28);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 22px rgba(39,231,255,.38),
    0 0 54px rgba(38,124,255,.24);
}
.txhouse-brand-pro .brand-logo::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:24px;
  background:conic-gradient(from 180deg, transparent, rgba(39,231,255,.44), transparent, rgba(118,87,255,.35), transparent);
  filter:blur(10px);
  opacity:.7;
  z-index:-1;
  animation:txLogoPulse 2.8s ease-in-out infinite;
}
.txhouse-brand-pro .brand-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:3px;
  filter:
    drop-shadow(0 0 8px rgba(39,231,255,.65))
    drop-shadow(0 0 18px rgba(42,131,255,.38));
}
.txhouse-brand-pro .brand-copy strong{
  font-size:clamp(18px,3.8vw,24px);
  letter-spacing:.015em;
  text-shadow:
    0 0 10px rgba(39,231,255,.58),
    0 0 24px rgba(39,231,255,.22);
}
.txhouse-brand-pro .brand-copy small{
  color:#b9eaff;
  text-shadow:0 0 12px rgba(39,231,255,.22);
}
@keyframes txLogoPulse{
  0%,100%{opacity:.52;transform:scale(.98) rotate(0deg)}
  50%{opacity:.92;transform:scale(1.04) rotate(8deg)}
}

#categoryPanel{
  scroll-margin-top:92px;
}
.category-section:not([hidden]){
  display:block;
}
.category-grid{
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
}
.category-card{
  position:relative;
  overflow:hidden;
}
.category-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(120deg, transparent 20%, rgba(39,231,255,.18) 48%, transparent 72%);
  transform:translateX(-130%);
  opacity:.75;
}
.category-card:hover::before,
.category-card.active::before,
.featured-link-card::before{
  animation:txCardScan 1.65s ease-in-out infinite;
}
@keyframes txCardScan{
  0%{transform:translateX(-130%)}
  100%{transform:translateX(130%)}
}
.neon-category-icon{
  min-height:88px;
}
.neon-category-icon img{
  width:100%;
  height:92px;
  object-fit:contain;
}
.featured-link-card{
  min-height:158px;
  border-color:rgba(39,231,255,.62);
  box-shadow:
    0 0 0 1px rgba(39,231,255,.13) inset,
    0 16px 54px rgba(0,166,255,.22),
    0 0 36px rgba(39,231,255,.16);
}
.featured-djstore{
  background:
    radial-gradient(circle at 18% 18%,rgba(150,70,255,.30),transparent 38%),
    radial-gradient(circle at 80% 12%,rgba(39,231,255,.24),transparent 34%),
    linear-gradient(180deg,rgba(6,16,38,.94),rgba(2,7,18,.94));
}
.featured-vidriera{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,205,74,.22),transparent 36%),
    radial-gradient(circle at 80% 12%,rgba(39,231,255,.22),transparent 34%),
    linear-gradient(180deg,rgba(6,16,38,.94),rgba(2,7,18,.94));
}
.featured-link-card .category-copy strong{
  text-shadow:0 0 14px rgba(39,231,255,.75),0 0 28px rgba(39,231,255,.25);
}
.featured-link-card:hover{
  transform:translateY(-4px) scale(1.015);
  border-color:rgba(39,231,255,.95);
}

@media (max-width:640px){
  .store-header{
    padding-top:10px;
    padding-bottom:10px;
  }
  .txhouse-brand-pro .brand-logo{
    width:48px;
    height:48px;
    border-radius:16px;
  }
  .txhouse-brand-pro .brand-copy strong{
    font-size:18px;
  }
  .txhouse-brand-pro .brand-copy small{
    font-size:11px;
  }
  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .category-card{
    min-height:134px;
    padding:12px;
  }
  .neon-category-icon{
    min-height:82px;
  }
  .neon-category-icon img{
    height:84px;
  }
}


/* TX FINAL: categorias abiertas + app mas chica + guia iPhone clara */
body.tx-categories-default-open #categoryPanel{
  display:block;
}

.install-orb{
  width:44px !important;
  height:44px !important;
  transform:translate(-50%,-52%) !important;
  box-shadow:0 0 0 5px rgba(39,231,255,.08),0 12px 28px rgba(39,231,255,.26) !important;
}
.install-orb-icon{font-size:15px !important;margin-top:4px !important}
.install-orb-text{font-size:9px !important;margin-bottom:5px !important}
.tx-bottom-spacer{width:46px !important}

.install-guide-card{
  width:min(720px,100%) !important;
  padding:18px !important;
}
.install-guide-head h2{
  color:#fff;
  text-shadow:0 0 18px rgba(39,231,255,.45);
}
.install-guide-head p{
  color:#dffbff !important;
  font-weight:700;
}
.install-steps-real{
  gap:14px !important;
}
.install-steps-real .install-step{
  grid-template-columns:170px 1fr !important;
  border-color:rgba(39,231,255,.24) !important;
  background:linear-gradient(135deg,rgba(39,231,255,.12),rgba(255,255,255,.045)) !important;
}
.install-steps-real .install-step-img{
  width:170px !important;
  height:122px !important;
  background:#050914 !important;
  box-shadow:0 0 0 1px rgba(39,231,255,.22),0 18px 42px rgba(0,0,0,.38) !important;
}
.install-steps-real .install-step strong{
  font-size:18px !important;
  color:#ffffff;
}
.install-steps-real .install-step p{
  font-size:15px !important;
  line-height:1.45 !important;
  color:rgba(235,252,255,.86) !important;
}
@media (max-width:680px){
  .install-orb{width:42px !important;height:42px !important}
  .tx-bottom-bar{width:min(250px,calc(100vw - 126px)) !important}
  .install-steps-real .install-step{
    grid-template-columns:1fr !important;
  }
  .install-steps-real .install-step-img{
    width:100% !important;
    height:auto !important;
    max-height:210px !important;
  }
}


/* TXSTORE final: contador claro, categorías sin texto extra y loading futurista */
.big-category-toggle small {
  display: none !important;
}

.hero-categories-row {
  align-items: stretch;
  gap: 12px;
}

.big-category-toggle {
  min-height: 62px;
  padding: 12px 18px !important;
}

.big-category-toggle span {
  font-size: clamp(1rem, 2.9vw, 1.28rem);
  line-height: 1.05;
}

.stock-dashboard {
  flex: 1 1 420px;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(130px, 1fr));
  gap: 10px;
  align-items: stretch;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.stock-dashboard .stock-pill {
  position: relative;
  overflow: hidden;
  min-height: 70px;
  padding: 12px 13px 10px;
  border: 1px solid rgba(50, 180, 255, .5);
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 0%, rgba(0, 194, 255, .22), transparent 38%),
    linear-gradient(135deg, rgba(2, 9, 24, .96), rgba(0, 37, 76, .78));
  box-shadow: 0 0 22px rgba(0, 170, 255, .22), inset 0 0 22px rgba(0, 147, 255, .12);
}

.stock-dashboard .stock-pill-dep {
  border-color: rgba(255, 64, 226, .55);
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 64, 226, .2), transparent 38%),
    linear-gradient(135deg, rgba(18, 4, 30, .96), rgba(0, 32, 70, .78));
  box-shadow: 0 0 24px rgba(255, 64, 226, .18), inset 0 0 22px rgba(0, 147, 255, .12);
}

.stock-dashboard .stock-pill::after {
  content: "";
  position: absolute;
  inset: -60% -35%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transform: translateX(-75%) rotate(18deg);
  animation: txStockSweep 2.4s ease-in-out infinite;
}

.stock-dashboard strong {
  display: block;
  position: relative;
  z-index: 1;
  color: #9fe8ff;
  font-size: .76rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.stock-dashboard span {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 2px;
  color: #ffffff;
  font-size: clamp(1.15rem, 3.3vw, 1.95rem);
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 0 12px rgba(0, 200, 255, .8);
  white-space: nowrap;
}

.stock-dashboard em {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 5px;
  color: rgba(225, 246, 255, .82);
  font-style: normal;
  font-size: .78rem;
}

.stock-loadline {
  grid-column: 1 / -1;
  position: relative;
  height: 18px;
  overflow: hidden;
  border: 1px solid rgba(0, 191, 255, .48);
  border-radius: 999px;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0 8px, transparent 8px 16px),
    linear-gradient(90deg, rgba(0, 20, 48, .95), rgba(0, 55, 98, .85));
  box-shadow: inset 0 0 15px rgba(0, 180, 255, .25), 0 0 18px rgba(0, 170, 255, .14);
}

.stock-loadbar {
  position: absolute;
  inset: 0 auto 0 0;
  width: 8%;
  border-radius: inherit;
  background:
    linear-gradient(90deg, #00b8ff, #42f8ff 45%, #ff43df 78%, #ffffff);
  box-shadow: 0 0 18px rgba(0, 214, 255, .75);
  transition: width .45s cubic-bezier(.22,.9,.22,1);
}

.stock-loadline.is-loading .stock-loadbar::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(115deg, rgba(255,255,255,.34) 0 10px, transparent 10px 20px);
  animation: txLoadMove .65s linear infinite;
}

.stock-loadline > span {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  color: #e9fbff;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .03em;
  text-shadow: 0 1px 6px rgba(0,0,0,.9);
}

@keyframes txStockSweep {
  0%, 55% { transform: translateX(-80%) rotate(18deg); opacity: 0; }
  68% { opacity: .9; }
  100% { transform: translateX(80%) rotate(18deg); opacity: 0; }
}

@keyframes txLoadMove {
  from { transform: translateX(-24px); }
  to { transform: translateX(24px); }
}

@media (max-width: 720px) {
  .hero-categories-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .stock-dashboard {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stock-dashboard .stock-pill {
    min-height: 66px;
    padding: 10px;
  }

  .stock-dashboard span {
    font-size: clamp(1.05rem, 5vw, 1.55rem);
  }
}



/* TXSTORE search UX refinement: wider, light input, animated mic, send/clear button */
.delivery-search-wrap{
  min-width: min(680px, 100%);
}
.delivery-strip-inner{
  grid-template-columns: auto auto minmax(420px, 1fr);
}
.hero-search.delivery-search{
  max-width: 760px;
  margin-left: auto;
}
.hero-search.delivery-search input,
.hero-search input#searchInput{
  background: linear-gradient(180deg,#ffffff,#eaf7ff) !important;
  color:#06111b !important;
  border:1px solid rgba(39,231,255,.72) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.35),
    0 10px 30px rgba(39,231,255,.13),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
  font-size:15px;
  font-weight:900;
  letter-spacing:.01em;
}
.hero-search.delivery-search input::placeholder,
.hero-search input#searchInput::placeholder{
  color:#526678 !important;
  opacity:1;
}
.hero-search.delivery-search input:focus,
.hero-search input#searchInput:focus{
  border-color:#27e7ff !important;
  box-shadow:
    0 0 0 4px rgba(39,231,255,.22),
    0 12px 38px rgba(39,231,255,.2),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.hero-search.delivery-search #voiceSearchBtn,
.voice-search-btn{
  width:40px !important;
  height:40px !important;
  top:2px !important;
  right:48px !important;
  border-radius:15px !important;
  font-size:19px !important;
  animation: txMicSoftAttention 2s ease-in-out infinite;
}
.hero-search.delivery-search #clearSearchBtn,
#clearSearchBtn{
  right:5px !important;
  top:2px !important;
  width:40px !important;
  height:40px !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,#06111b,#12344d) !important;
  color:#ffffff !important;
  font-size:18px !important;
  font-weight:1000 !important;
  display:grid;
  place-items:center;
  box-shadow:0 8px 20px rgba(0,0,0,.18), inset 0 0 0 1px rgba(39,231,255,.35) !important;
}
#clearSearchBtn.is-send{
  background:linear-gradient(135deg,#27e7ff,#28f5a6) !important;
  color:#031015 !important;
}
.hero-search.delivery-search input{
  padding-right:100px !important;
}
@keyframes txMicSoftAttention{
  0%, 70%, 100%{ transform:scale(1); filter:drop-shadow(0 0 0 rgba(39,231,255,0)); }
  80%{ transform:scale(1.13); filter:drop-shadow(0 0 10px rgba(39,231,255,.42)); }
  90%{ transform:scale(1.04); }
}
@media (max-width:760px){
  .delivery-strip-inner{
    grid-template-columns: 1fr;
  }
  .delivery-search-wrap,
  .hero-search.delivery-search{
    width:100%;
    max-width:none;
    min-width:0;
  }
  .hero-search.delivery-search input{
    height:48px;
    font-size:14px;
  }
  .hero-search.delivery-search #voiceSearchBtn,
  .voice-search-btn,
  .hero-search.delivery-search #clearSearchBtn,
  #clearSearchBtn{
    top:4px !important;
  }
}


/* TXSTORE ajuste contador stock: números grandes, centrados y sin palabra productos */
.stock-dashboard {
  grid-template-columns: repeat(2, minmax(158px, 1fr)) !important;
  gap: 12px !important;
}

.stock-dashboard .stock-pill {
  min-height: 88px !important;
  padding: 12px 14px 11px !important;
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
}

.stock-dashboard strong {
  font-size: .72rem !important;
  opacity: .95;
}

.stock-dashboard span {
  width: 100%;
  margin-top: 4px !important;
  font-size: clamp(2rem, 6vw, 3.35rem) !important;
  line-height: .95 !important;
  letter-spacing: -.04em !important;
  font-variant-numeric: tabular-nums;
}

.stock-dashboard span.is-counting {
  animation: txCounterPulse .32s ease both;
}

.stock-dashboard em {
  margin-top: 7px !important;
  font-size: .78rem !important;
  line-height: 1.16 !important;
  color: rgba(226, 248, 255, .9) !important;
}

.stock-dashboard em b {
  color: #ffffff;
  font-weight: 900;
}

.stock-loadline {
  height: 20px !important;
  margin-top: 2px;
}

.stock-loadline > span {
  font-size: .74rem !important;
}

@keyframes txCounterPulse {
  0% { transform: scale(.96); filter: brightness(.95); }
  65% { transform: scale(1.08); filter: brightness(1.35); }
  100% { transform: scale(1); filter: brightness(1); }
}

@media (max-width: 520px) {
  .stock-dashboard {
    grid-template-columns: repeat(2, minmax(118px, 1fr)) !important;
  }

  .stock-dashboard .stock-pill {
    min-height: 82px !important;
    border-radius: 17px !important;
    padding-inline: 9px !important;
  }

  .stock-dashboard span {
    font-size: clamp(1.75rem, 11vw, 2.65rem) !important;
  }

  .stock-dashboard em {
    font-size: .68rem !important;
  }
}


/* TXSTORE final: capacidad total DEP + TX, sin mensaje de categorías listas */
#heroHint {
  display: none !important;
}

.stock-loadline.is-full-capacity {
  border-color: rgba(255, 58, 220, .85) !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 7px, transparent 7px 15px),
    linear-gradient(90deg, rgba(36, 0, 54, .96), rgba(105, 0, 100, .76), rgba(6, 20, 62, .94)) !important;
  box-shadow:
    inset 0 0 18px rgba(255, 69, 232, .36),
    0 0 22px rgba(255, 53, 218, .34),
    0 0 40px rgba(0, 210, 255, .16) !important;
}

.stock-loadline.is-full-capacity .stock-loadbar {
  width: 100% !important;
  background:
    linear-gradient(90deg, #23f7ff 0%, #ff35dd 38%, #ffffff 50%, #ff35dd 62%, #23f7ff 100%) !important;
  background-size: 220% 100% !important;
  box-shadow:
    0 0 16px rgba(255, 64, 226, .88),
    0 0 28px rgba(0, 219, 255, .46) !important;
  animation: txFullCapacityFlow 1.35s linear infinite;
}

.stock-loadline.is-full-capacity::after {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: -22%;
  width: 22%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.98), rgba(255, 64, 226, .96), transparent);
  filter: blur(.2px);
  box-shadow: 0 0 16px rgba(255, 255, 255, .85), 0 0 26px rgba(255, 48, 220, .8);
  animation: txCapacitySpark 1.15s cubic-bezier(.22,.8,.22,1) infinite;
  z-index: 3;
}

.stock-loadline.is-full-capacity > span {
  color: #fff !important;
  font-size: clamp(.7rem, 2vw, .82rem) !important;
  letter-spacing: .08em !important;
  text-shadow:
    0 0 7px rgba(255, 40, 220, .95),
    0 0 13px rgba(0, 220, 255, .75),
    0 1px 5px rgba(0,0,0,.9) !important;
}

@keyframes txFullCapacityFlow {
  from { background-position: 0% 50%; }
  to { background-position: 220% 50%; }
}

@keyframes txCapacitySpark {
  0% { transform: translateX(0); opacity: 0; }
  12% { opacity: 1; }
  100% { transform: translateX(560%); opacity: 0; }
}


/* TXSTORE FIX PC 2026-06-05: layout centrado y ordenado en escritorio */
@media (min-width: 761px) {
  body {
    overflow-x: hidden !important;
  }

  .store-header {
    padding-left: max(28px, calc((100vw - 1180px) / 2 + 18px)) !important;
    padding-right: max(28px, calc((100vw - 1180px) / 2 + 18px)) !important;
  }

  .brand,
  .txhouse-brand-pro {
    min-width: 0 !important;
    transform: none !important;
  }

  .brand-logo,
  .brand-logo-effect {
    flex: 0 0 auto !important;
  }

  .brand-copy {
    min-width: 0 !important;
  }

  .delivery-strip {
    top: 73px !important;
    padding: 14px max(28px, calc((100vw - 1180px) / 2 + 18px)) !important;
  }

  .delivery-strip-inner {
    width: min(1180px, calc(100vw - 56px)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 88px 250px minmax(430px, 620px) 1fr !important;
    align-items: center !important;
    justify-content: start !important;
    gap: 14px !important;
  }

  .delivery-label {
    text-align: left !important;
    white-space: nowrap !important;
  }

  .delivery-switch {
    justify-content: start !important;
    flex-wrap: nowrap !important;
  }

  .delivery-switch button {
    min-width: 116px !important;
    min-height: 40px !important;
  }

  .delivery-search-wrap {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
  }

  .hero-search.delivery-search {
    width: 100% !important;
    max-width: 620px !important;
    min-width: 430px !important;
    margin: 0 !important;
  }

  .hero-search.delivery-search input {
    height: 50px !important;
    width: 100% !important;
    font-size: 16px !important;
    padding-left: 20px !important;
    padding-right: 108px !important;
    text-overflow: ellipsis !important;
  }

  .hero-search.delivery-search #voiceSearchBtn,
  .voice-search-btn {
    width: 42px !important;
    height: 42px !important;
    right: 56px !important;
    top: 4px !important;
  }

  .hero-search.delivery-search #clearSearchBtn,
  #clearSearchBtn {
    width: 42px !important;
    height: 42px !important;
    right: 6px !important;
    top: 4px !important;
  }

  main {
    width: min(1180px, calc(100vw - 56px)) !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
    padding: 26px 0 104px !important;
  }

  .hero {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 16px !important;
  }

  .hero-copy,
  .hero-copy-compact {
    display: none !important;
  }

  .hero-panel.hero-categories-panel {
    width: min(760px, 100%) !important;
    margin: 0 auto !important;
    padding: 28px !important;
    border-radius: 28px !important;
  }

  .hero-categories-row {
    display: grid !important;
    grid-template-columns: minmax(210px, 260px) minmax(380px, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
  }

  .big-category-toggle {
    min-height: 118px !important;
    border-radius: 26px !important;
    font-size: 1.05rem !important;
    line-height: 1.05 !important;
  }

  .stock-dashboard {
    grid-template-columns: repeat(2, minmax(172px, 1fr)) !important;
    gap: 14px !important;
    min-width: 0 !important;
  }

  .stock-dashboard .stock-pill {
    max-width: none !important;
    min-height: 102px !important;
    border-radius: 22px !important;
  }

  .stock-dashboard span {
    font-size: clamp(2.45rem, 3.9vw, 3.6rem) !important;
  }

  .stock-loadline {
    grid-column: 1 / -1 !important;
    height: 24px !important;
    border-radius: 999px !important;
  }

  .category-section,
  .catalog-section {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .category-grid,
  .products-grid {
    width: 100% !important;
  }

  .floating-robotito,
  .tx-bottom-bar,
  .install-orb {
    max-width: calc(100vw - 28px) !important;
  }
}

@media (min-width: 1180px) {
  .hero-panel.hero-categories-panel {
    width: 820px !important;
  }

  .hero-categories-row {
    grid-template-columns: 270px minmax(420px, 1fr) !important;
  }
}

/* Ajuste notebook/PC angosta para que nada se vaya a la izquierda */
@media (min-width: 761px) and (max-width: 980px) {
  .delivery-strip-inner {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .delivery-switch {
    width: 100% !important;
  }

  .delivery-search-wrap,
  .hero-search.delivery-search {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .hero-panel.hero-categories-panel {
    width: 100% !important;
  }

  .hero-categories-row {
    grid-template-columns: 1fr !important;
  }
}


/* TXSTORE fix buscador fijo + subcategorías después de buscar */
.delivery-strip-inner{
  justify-content:center !important;
}
.delivery-search-wrap{
  width:min(760px,100%) !important;
  min-width:0 !important;
  justify-self:center !important;
}
.hero-search.delivery-search{
  width:100% !important;
  max-width:760px !important;
  min-width:0 !important;
  margin:0 auto !important;
  transform:none !important;
}
.hero-search.delivery-search input,
.hero-search input#searchInput{
  width:100% !important;
  height:48px !important;
  padding-left:20px !important;
  padding-right:108px !important;
  text-align:left !important;
}
.hero-search.delivery-search #voiceSearchBtn,
.voice-search-btn{
  transform:none !important;
  animation:none !important;
}
.hero-search.delivery-search #voiceSearchBtn:hover,
.voice-search-btn:hover{
  transform:none !important;
}
#clearSearchBtn,
.hero-search.delivery-search #clearSearchBtn{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
}
.category-grid.subcategory-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  grid-template-columns:none !important;
}
.subcategory-chip{
  appearance:none;
  border:1px solid rgba(39,231,255,.34);
  background:linear-gradient(135deg,rgba(10,18,32,.92),rgba(16,35,52,.82));
  color:#eaf8ff;
  min-height:42px;
  padding:8px 13px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  font:inherit;
  box-shadow:0 10px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08);
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}
.subcategory-chip strong{
  font-size:13px;
  line-height:1;
  font-weight:900;
}
.subcategory-chip span{
  min-width:22px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:rgba(39,231,255,.16);
  color:#aef6ff;
  font-size:12px;
  font-weight:1000;
}
.subcategory-chip:hover,
.subcategory-chip:focus-visible,
.subcategory-chip.active{
  transform:translateY(-1px);
  border-color:rgba(40,245,166,.72);
  background:linear-gradient(135deg,rgba(39,231,255,.22),rgba(40,245,166,.14));
  box-shadow:0 14px 34px rgba(0,0,0,.26),0 0 24px rgba(39,231,255,.18);
  outline:none;
}
@media (min-width:761px){
  .delivery-strip-inner{
    grid-template-columns:auto auto minmax(440px,760px) !important;
  }
}
@media (max-width:760px){
  .delivery-search-wrap,
  .hero-search.delivery-search{
    width:100% !important;
    max-width:none !important;
  }
  .hero-search.delivery-search input,
  .hero-search input#searchInput{
    height:46px !important;
    font-size:14px !important;
  }
  .subcategory-chip{
    min-height:38px;
    padding:7px 11px;
  }
  .subcategory-chip strong{
    font-size:12px;
  }
}


/* TXSTORE stock boxes + mobile loader refinement 2026-06-05 */
.stock-dashboard {
  grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  gap: 12px !important;
  min-width: min(100%, 380px);
}

.stock-dashboard .stock-pill {
  min-width: 170px;
  min-height: 92px !important;
  padding: 12px 16px !important;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  text-align: center;
}

.stock-dashboard strong {
  font-size: .78rem !important;
  letter-spacing: .14em !important;
  line-height: 1.1;
}

.stock-dashboard span {
  margin-top: 0 !important;
  font-size: clamp(1.9rem, 4.4vw, 2.7rem) !important;
  line-height: .95 !important;
  letter-spacing: -.04em;
}

.stock-dashboard em {
  margin-top: 0 !important;
  font-size: .82rem !important;
  font-weight: 900;
  line-height: 1.15;
  color: rgba(235, 252, 255, .92) !important;
}

.stock-dashboard em b {
  font: inherit;
  color: inherit;
}

.stock-loadline {
  max-width: 100%;
}

.stock-loadline > span {
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .page-loader {
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom)) !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  .loader-card {
    width: min(300px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 auto !important;
    padding: 20px 16px !important;
    border-radius: 24px !important;
    transform: none !important;
  }

  .loader-card strong {
    font-size: 1.12rem !important;
    line-height: 1.05 !important;
  }

  .loader-card span {
    font-size: .9rem !important;
  }

  .stock-dashboard {
    grid-template-columns: repeat(2, minmax(138px, 1fr)) !important;
    min-width: 0 !important;
    width: 100% !important;
    gap: 9px !important;
  }

  .stock-dashboard .stock-pill {
    min-width: 0 !important;
    min-height: 86px !important;
    padding: 11px 10px !important;
    border-radius: 17px !important;
  }

  .stock-dashboard strong {
    font-size: .68rem !important;
    letter-spacing: .1em !important;
  }

  .stock-dashboard span {
    font-size: clamp(1.85rem, 8.8vw, 2.35rem) !important;
  }

  .stock-dashboard em {
    font-size: clamp(.68rem, 3vw, .78rem) !important;
  }

  .stock-loadline {
    height: 16px !important;
  }

  .stock-loadline > span {
    font-size: .64rem !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 360px) {
  .stock-dashboard {
    grid-template-columns: 1fr !important;
  }
}


/* === TXSTORE ajuste visual: destacados grandes + iconos uniformes === */
.category-grid .featured-link-card{
  min-height:164px;
  padding:18px 14px;
  display:grid;
  grid-template-rows:1fr auto;
  align-items:center;
  justify-items:center;
  text-align:center;
}
.featured-link-card .category-icon{
  min-height:112px;
  width:100%;
  margin:0 auto 6px;
}
.featured-link-card .category-icon img{
  width:min(260px,100%);
  height:118px;
  object-fit:contain;
  transform:scale(1.12);
}
.featured-link-card .category-copy strong{
  font-size:1.06rem;
}
.featured-link-card .category-copy span{
  font-size:.82rem;
}
.featured-djstore{
  background:
    radial-gradient(circle at 50% 0%,rgba(39,231,255,.30),transparent 42%),
    radial-gradient(circle at 90% 25%,rgba(128,78,255,.22),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.04));
}
.featured-vidriera{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,203,82,.30),transparent 42%),
    radial-gradient(circle at 18% 24%,rgba(255,59,212,.20),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.04));
}
.category-card .neon-category-icon img[src*="uniforme"]{
  width:86px;
  height:86px;
  transform:scale(1.08);
  object-fit:contain;
}
@media (max-width:560px){
  .category-grid .featured-link-card{
    min-height:152px;
    padding:14px 8px;
  }
  .featured-link-card .category-icon{
    min-height:96px;
  }
  .featured-link-card .category-icon img{
    height:104px;
    width:min(220px,100%);
    transform:scale(1.16);
  }
  .featured-link-card .category-copy strong{
    font-size:.94rem;
  }
  .featured-link-card .category-copy span{
    font-size:.72rem;
  }
  .category-card .neon-category-icon img[src*="uniforme"]{
    width:74px;
    height:74px;
  }
}


/* TXSTORE stock cards clean v2: texto corto, número protagonista, sin iconos laterales */
.hero-categories-row {
  gap: 14px;
}

.stock-dashboard {
  flex: 1 1 560px;
  grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}

.stock-dashboard .stock-pill {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 102px !important;
  padding: 14px 18px !important;
  border-radius: 22px !important;
  text-align: center !important;
  gap: 5px !important;
}

.stock-dashboard .stock-pill::before {
  display: none !important;
  content: none !important;
}

.stock-dashboard .stock-pill::after {
  inset: -80% -55% !important;
  opacity: .45 !important;
}

.stock-dashboard .stock-pill strong {
  margin: 0 !important;
  color: #39eaff !important;
  font-size: clamp(.82rem, 1.8vw, 1.05rem) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .1em !important;
}

.stock-dashboard .stock-pill-dep strong {
  color: #ff5df0 !important;
}

.stock-dashboard .stock-pill span {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(2.4rem, 6vw, 4.6rem) !important;
  line-height: .92 !important;
  font-weight: 1000 !important;
  letter-spacing: -.04em !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.42),
    0 0 22px rgba(0, 200, 255, .42) !important;
}

.stock-dashboard .stock-pill-dep span {
  text-shadow:
    0 0 10px rgba(255,255,255,.42),
    0 0 22px rgba(255, 64, 226, .42) !important;
}

.stock-dashboard .stock-pill em {
  margin: 0 !important;
  color: #39eaff !important;
  font-size: clamp(.86rem, 2vw, 1.15rem) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.stock-dashboard .stock-pill-dep em {
  color: #ff5df0 !important;
}

@media (max-width: 720px) {
  .stock-dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .stock-dashboard .stock-pill {
    min-height: 92px !important;
    padding: 12px 8px !important;
    border-radius: 20px !important;
  }

  .stock-dashboard .stock-pill strong {
    font-size: .72rem !important;
    letter-spacing: .08em !important;
  }

  .stock-dashboard .stock-pill span {
    font-size: clamp(2.1rem, 12vw, 3.25rem) !important;
  }

  .stock-dashboard .stock-pill em {
    font-size: .72rem !important;
    letter-spacing: .05em !important;
  }
}

@media (max-width: 390px) {
  .stock-dashboard .stock-pill {
    min-height: 84px !important;
  }

  .stock-dashboard .stock-pill span {
    font-size: clamp(1.85rem, 11vw, 2.75rem) !important;
  }

  .stock-dashboard .stock-pill em,
  .stock-dashboard .stock-pill strong {
    font-size: .66rem !important;
  }
}


/* TXSTORE FINAL: stock cards ultra simple - SOLO titulo / numero / llegada, sin iconos ni textos extra */
.store-stock-summary.stock-dashboard,
.stock-dashboard {
  flex: 1 1 100% !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.stock-dashboard .stock-pill,
.store-stock-summary .stock-pill {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 112px !important;
  padding: 14px 10px !important;
  gap: 7px !important;
  overflow: hidden !important;
  text-align: center !important;
  white-space: normal !important;
  border-radius: 22px !important;
  box-sizing: border-box !important;
}

.stock-dashboard .stock-pill::before,
.stock-dashboard .stock-pill::after,
.store-stock-summary .stock-pill::before,
.store-stock-summary .stock-pill::after,
.stock-dashboard .stock-pill i,
.stock-dashboard .stock-pill svg,
.stock-dashboard .stock-pill img {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.stock-dashboard .stock-pill strong,
.store-stock-summary .stock-pill strong {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #35eaff !important;
  font-size: clamp(0.86rem, 2.3vw, 1.25rem) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 12px rgba(0, 221, 255, .55) !important;
}

.stock-dashboard .stock-pill-dep strong,
.store-stock-summary .stock-pill-dep strong {
  color: #ff59ef !important;
  text-shadow: 0 0 12px rgba(255, 64, 226, .55) !important;
}

.stock-dashboard .stock-pill span,
.store-stock-summary .stock-pill span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: clamp(3rem, 8.5vw, 5.6rem) !important;
  line-height: .85 !important;
  font-weight: 1000 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 0 10px rgba(255,255,255,.45), 0 0 24px rgba(0, 200, 255, .35) !important;
  white-space: nowrap !important;
}

.stock-dashboard .stock-pill-dep span,
.store-stock-summary .stock-pill-dep span {
  text-shadow: 0 0 10px rgba(255,255,255,.45), 0 0 24px rgba(255, 64, 226, .35) !important;
}

.stock-dashboard .stock-pill em,
.store-stock-summary .stock-pill em {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #35eaff !important;
  font-style: normal !important;
  font-size: clamp(0.9rem, 2.6vw, 1.35rem) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-shadow: 0 0 12px rgba(0, 221, 255, .48) !important;
}

.stock-dashboard .stock-pill-dep em,
.store-stock-summary .stock-pill-dep em {
  color: #ff59ef !important;
  text-shadow: 0 0 12px rgba(255, 64, 226, .48) !important;
}

@media (max-width: 720px) {
  .store-stock-summary.stock-dashboard,
  .stock-dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .stock-dashboard .stock-pill,
  .store-stock-summary .stock-pill {
    min-height: 94px !important;
    padding: 11px 6px !important;
    border-radius: 18px !important;
    gap: 5px !important;
  }

  .stock-dashboard .stock-pill strong,
  .store-stock-summary .stock-pill strong {
    font-size: clamp(.68rem, 3.1vw, .86rem) !important;
    letter-spacing: .08em !important;
  }

  .stock-dashboard .stock-pill span,
  .store-stock-summary .stock-pill span {
    font-size: clamp(2.45rem, 13vw, 3.75rem) !important;
    line-height: .86 !important;
  }

  .stock-dashboard .stock-pill em,
  .store-stock-summary .stock-pill em {
    font-size: clamp(.68rem, 3.2vw, .88rem) !important;
    letter-spacing: .05em !important;
  }
}

@media (max-width: 390px) {
  .stock-dashboard .stock-pill,
  .store-stock-summary .stock-pill {
    min-height: 86px !important;
  }

  .stock-dashboard .stock-pill span,
  .store-stock-summary .stock-pill span {
    font-size: clamp(2.1rem, 12.5vw, 3.2rem) !important;
  }
}

/* TXSTORE FIX DEFINITIVO: tarjetas stock SIN textos extra ni iconos */
.store-stock-summary.stock-dashboard {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}

.store-stock-summary.stock-dashboard .stock-pill {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 116px !important;
  padding: 14px 10px !important;
  gap: 8px !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: hidden !important;
}

.store-stock-summary.stock-dashboard .stock-pill > :not(strong):not(span):not(em),
.store-stock-summary.stock-dashboard .stock-pill::before,
.store-stock-summary.stock-dashboard .stock-pill::after {
  display: none !important;
  content: none !important;
}

.store-stock-summary.stock-dashboard .stock-pill strong {
  display: block !important;
  font-size: clamp(.78rem, 2.8vw, 1.1rem) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

.store-stock-summary.stock-dashboard .stock-pill span {
  display: block !important;
  font-size: clamp(3rem, 13vw, 5.4rem) !important;
  line-height: .85 !important;
  font-weight: 1000 !important;
  color: #fff !important;
}

.store-stock-summary.stock-dashboard .stock-pill em {
  display: block !important;
  font-size: clamp(.82rem, 3vw, 1.15rem) !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

@media (max-width: 480px) {
  .store-stock-summary.stock-dashboard .stock-pill {
    min-height: 98px !important;
    padding: 12px 6px !important;
    gap: 5px !important;
  }

  .store-stock-summary.stock-dashboard .stock-pill span {
    font-size: clamp(2.6rem, 15vw, 4.2rem) !important;
  }
}


/* === TXSTORE HOTFIX DEFINITIVO 2026-06-05 ===
   Cards stock: SOLO título / número / llegada. Sin iconos, sin "listo", sin "mirá más productos".
*/
.hero-categories-row .big-category-toggle {
  display: none !important;
}

.store-stock-summary.stock-dashboard,
.stock-dashboard {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.store-stock-summary.stock-dashboard .stock-pill {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 112px !important;
  padding: 12px 8px !important;
  gap: 7px !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: hidden !important;
  border-radius: 22px !important;
}

.store-stock-summary.stock-dashboard .stock-pill::before,
.store-stock-summary.stock-dashboard .stock-pill::after,
.store-stock-summary.stock-dashboard .stock-pill > :not(strong):not(span):not(em) {
  display: none !important;
  content: none !important;
}

.store-stock-summary.stock-dashboard .stock-pill strong {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(.78rem, 2.7vw, 1.08rem) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  color: #35eaff !important;
}

.store-stock-summary.stock-dashboard .stock-pill-dep strong {
  color: #ff59ef !important;
}

.store-stock-summary.stock-dashboard .stock-pill span {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(2.9rem, 13vw, 5.2rem) !important;
  line-height: .85 !important;
  font-weight: 1000 !important;
  letter-spacing: -.055em !important;
  color: #fff !important;
}

.store-stock-summary.stock-dashboard .stock-pill em {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(.78rem, 3vw, 1.12rem) !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  color: #35eaff !important;
  white-space: nowrap !important;
}

.store-stock-summary.stock-dashboard .stock-pill-dep em {
  color: #ff59ef !important;
}

.stock-loadline {
  display: none !important;
}

@media (max-width: 480px) {
  .store-stock-summary.stock-dashboard .stock-pill {
    min-height: 92px !important;
    border-radius: 18px !important;
    gap: 5px !important;
  }
  .store-stock-summary.stock-dashboard .stock-pill span {
    font-size: clamp(2.35rem, 14vw, 3.7rem) !important;
  }
  .store-stock-summary.stock-dashboard .stock-pill strong,
  .store-stock-summary.stock-dashboard .stock-pill em {
    font-size: clamp(.62rem, 3.1vw, .82rem) !important;
  }
}


/* === TXSTORE FIX FINAL STOCK SIMPLE + SIN LOADING 2026-06-05 === */
.hero-stock-card,
.hero-categories-row .big-category-toggle,
.store-stock-summary .stock-loadline,
.store-stock-summary .stock-loadbar,
.store-stock-summary #stockLoadText,
#heroHint {
  display: none !important;
  visibility: hidden !important;
}

.store-stock-summary.stock-dashboard,
.store-stock-summary.stock-dashboard.hero-stock-strip,
.stock-dashboard {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.store-stock-summary.stock-dashboard .stock-pill {
  min-height: 108px !important;
  padding: 14px 10px !important;
  border-radius: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  text-align: center !important;
  overflow: hidden !important;
}

.store-stock-summary.stock-dashboard .stock-pill::before,
.store-stock-summary.stock-dashboard .stock-pill::after,
.store-stock-summary.stock-dashboard .stock-pill small,
.store-stock-summary.stock-dashboard .stock-pill p,
.store-stock-summary.stock-dashboard .stock-pill b,
.store-stock-summary.stock-dashboard .stock-pill i,
.store-stock-summary.stock-dashboard .stock-pill svg,
.store-stock-summary.stock-dashboard .stock-pill img {
  display: none !important;
  content: none !important;
}

.store-stock-summary.stock-dashboard .stock-pill strong {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(.72rem, 2.7vw, 1rem) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #20eaff !important;
}

.store-stock-summary.stock-dashboard .stock-pill-dep strong,
.store-stock-summary.stock-dashboard .stock-pill-dep em {
  color: #ff4df2 !important;
}

.store-stock-summary.stock-dashboard .stock-pill span {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(3rem, 13vw, 5rem) !important;
  line-height: .86 !important;
  font-weight: 1000 !important;
  letter-spacing: -.055em !important;
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(255,255,255,.25) !important;
}

.store-stock-summary.stock-dashboard .stock-pill em {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(.8rem, 3vw, 1.08rem) !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #20eaff !important;
  white-space: nowrap !important;
}

@media (max-width: 480px) {
  .store-stock-summary.stock-dashboard,
  .store-stock-summary.stock-dashboard.hero-stock-strip {
    gap: 6px !important;
    margin-top: 8px !important;
  }

  .store-stock-summary.stock-dashboard .stock-pill {
    min-height: 96px !important;
    padding: 12px 6px !important;
    border-radius: 18px !important;
    gap: 6px !important;
  }

  .store-stock-summary.stock-dashboard .stock-pill span {
    font-size: clamp(2.75rem, 15vw, 3.9rem) !important;
  }

  .store-stock-summary.stock-dashboard .stock-pill strong,
  .store-stock-summary.stock-dashboard .stock-pill em {
    font-size: clamp(.66rem, 3.1vw, .85rem) !important;
  }
}


/* === TXSTORE UI 2026-06-05: STOCK SELECTIVO + CATEGORÍAS A LA DERECHA ===
   - STOCK TX: muestra solo Llega hoy.
   - DEP TX: muestra STOCK TX + DEP TX.
   - Categorías queda a la derecha, mismo alto y más angosto.
*/
.hero-panel.hero-categories-panel {
  width: min(980px, 100%) !important;
  max-width: 100% !important;
}

.hero-categories-row.stock-selector-row,
.hero-categories-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(88px, 13vw, 148px) !important;
  gap: 10px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.hero-categories-row .store-stock-summary.stock-dashboard,
.store-stock-summary.stock-dashboard,
.stock-dashboard {
  order: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hero-categories-row .big-category-toggle.compact-category-toggle,
.hero-categories-row .big-category-toggle {
  order: 2 !important;
  display: flex !important;
  visibility: visible !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 108px !important;
  padding: 10px 8px !important;
  border-radius: 22px !important;
  align-items: center !important;
  justify-content: center !important;
  place-content: center !important;
  text-align: center !important;
}

.hero-categories-row .big-category-toggle span {
  display: block !important;
  max-width: 100% !important;
  color: #041014 !important;
  font-size: clamp(.72rem, 1.65vw, 1rem) !important;
  line-height: 1.02 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  overflow-wrap: anywhere !important;
}

.store-stock-summary.stock-dashboard .stock-pill,
.store-stock-summary.stock-dashboard button.stock-pill {
  appearance: none !important;
  -webkit-appearance: none !important;
  border-width: 1px !important;
  cursor: pointer !important;
  font: inherit !important;
  color: inherit !important;
  min-height: 108px !important;
  transform: translateZ(0) !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    filter .16s ease !important;
}

.store-stock-summary.stock-dashboard .stock-pill:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.08) brightness(1.04) !important;
}

.store-stock-summary.stock-dashboard .stock-pill:focus-visible,
.hero-categories-row .big-category-toggle:focus-visible {
  outline: 3px solid rgba(255,255,255,.86) !important;
  outline-offset: 3px !important;
}

.store-stock-summary.stock-dashboard .stock-pill.is-active {
  border-color: rgba(39, 231, 255, .95) !important;
  box-shadow:
    0 0 0 1px rgba(39, 231, 255, .55),
    0 0 28px rgba(39, 231, 255, .30),
    inset 0 0 24px rgba(39, 231, 255, .14) !important;
}

.store-stock-summary.stock-dashboard .stock-pill-dep.is-active {
  border-color: rgba(255, 77, 242, .95) !important;
  box-shadow:
    0 0 0 1px rgba(255, 77, 242, .52),
    0 0 30px rgba(255, 77, 242, .30),
    inset 0 0 24px rgba(255, 77, 242, .14) !important;
}

.store-stock-summary.stock-dashboard .stock-pill[aria-pressed="false"] {
  opacity: .86 !important;
}

@media (min-width: 1180px) {
  .hero-panel.hero-categories-panel {
    width: min(1040px, 100%) !important;
  }

  .hero-categories-row.stock-selector-row,
  .hero-categories-row {
    grid-template-columns: minmax(0, 1fr) 150px !important;
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  .hero-categories-row.stock-selector-row,
  .hero-categories-row {
    grid-template-columns: minmax(0, 1fr) clamp(96px, 16vw, 132px) !important;
  }
}

@media (max-width: 640px) {
  .hero-panel.hero-categories-panel {
    padding: 12px !important;
    border-radius: 22px !important;
  }

  .hero-categories-row.stock-selector-row,
  .hero-categories-row {
    grid-template-columns: minmax(0, 1fr) clamp(72px, 21vw, 92px) !important;
    gap: 6px !important;
  }

  .store-stock-summary.stock-dashboard,
  .stock-dashboard {
    gap: 6px !important;
  }

  .store-stock-summary.stock-dashboard .stock-pill,
  .store-stock-summary.stock-dashboard button.stock-pill,
  .hero-categories-row .big-category-toggle.compact-category-toggle,
  .hero-categories-row .big-category-toggle {
    min-height: 96px !important;
    border-radius: 18px !important;
  }

  .hero-categories-row .big-category-toggle {
    padding: 8px 5px !important;
  }

  .hero-categories-row .big-category-toggle span {
    font-size: clamp(.62rem, 2.8vw, .78rem) !important;
    letter-spacing: .01em !important;
    line-height: 1.04 !important;
  }

  .store-stock-summary.stock-dashboard .stock-pill span {
    font-size: clamp(2.2rem, 13vw, 3.5rem) !important;
  }

  .store-stock-summary.stock-dashboard .stock-pill strong,
  .store-stock-summary.stock-dashboard .stock-pill em {
    font-size: clamp(.58rem, 2.75vw, .78rem) !important;
  }
}

@media (max-width: 360px) {
  .hero-categories-row.stock-selector-row,
  .hero-categories-row {
    grid-template-columns: minmax(0, 1fr) 66px !important;
    gap: 5px !important;
  }

  .hero-categories-row .big-category-toggle span {
    font-size: .58rem !important;
  }
}