/* =========================================================
   JERSIX CATÁLOGO V3
   ========================================================= */
.products-v3{background:#07090d}
.catalog-v3-kicker{
  display:block;color:#e3222e;font-size:10px;font-weight:900;
  letter-spacing:.18em;text-transform:uppercase
}

/* Hero */
.catalog-v3-hero{
  position:relative;overflow:hidden;padding:68px 0 76px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 78% 28%,rgba(227,34,46,.13),transparent 26%),
    radial-gradient(circle at 15% 70%,rgba(255,255,255,.035),transparent 27%),
    #080b10
}
.catalog-v3-hero:after{
  content:"JERSIX";position:absolute;right:-35px;bottom:-68px;
  font:700 190px/1 Oswald,sans-serif;color:rgba(255,255,255,.018);
  pointer-events:none
}
.catalog-v3-breadcrumb{
  display:flex;align-items:center;gap:9px;margin-bottom:48px;
  color:#6f7987;font-size:10px;font-weight:800;letter-spacing:.12em
}
.catalog-v3-breadcrumb b{color:#e3222e}
.catalog-v3-hero-grid{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:70px;align-items:end
}
.catalog-v3-hero h1{
  max-width:930px;margin:15px 0 20px;
  font:700 clamp(62px,7.2vw,112px)/.86 Oswald,sans-serif;
  letter-spacing:-.045em;text-transform:uppercase;color:#f5f7fb
}
.catalog-v3-hero h1 span{
  color:transparent;-webkit-text-stroke:1px rgba(245,247,251,.75)
}
.catalog-v3-hero p{
  max-width:690px;margin:0;color:#aeb8c6;font-size:15px;line-height:1.7
}
.catalog-v3-metric{
  width:230px;padding:23px;border:1px solid rgba(255,255,255,.1);
  border-radius:20px;background:rgba(255,255,255,.035)
}
.catalog-v3-metric span,.catalog-v3-metric small{
  display:block;color:#788391;font-size:9px;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase
}
.catalog-v3-metric strong{
  display:block;margin:7px 0 6px;color:#fff;
  font:700 48px/1 Oswald,sans-serif
}

/* Categorías */
.catalog-v3-categories{
  padding:78px 0;background:#0a0d12;border-bottom:1px solid rgba(255,255,255,.08)
}
.catalog-v3-section-head{
  display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px
}
.catalog-v3-section-head h2{
  margin:8px 0 0;font:700 43px/1 Oswald,sans-serif;text-transform:uppercase
}
.catalog-v3-section-head>a{
  color:#aeb7c4;font-size:11px;font-weight:800;letter-spacing:.06em
}
.catalog-v3-section-head>a:hover{color:#fff}
.catalog-v3-league-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px
}
.league-card{
  position:relative;min-height:190px;padding:23px;text-align:left;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);border-radius:20px;
  background:#0d1219;color:#fff;cursor:pointer;transition:.22s
}
.league-card:before{
  content:"";position:absolute;right:-55px;bottom:-75px;width:170px;height:170px;
  border:1px solid rgba(227,34,46,.15);border-radius:50%;transition:.25s
}
.league-card:hover,.league-card.is-active{
  transform:translateY(-3px);border-color:rgba(227,34,46,.55);background:#111720
}
.league-card:hover:before,.league-card.is-active:before{
  border-color:rgba(227,34,46,.42);transform:scale(1.08)
}
.league-card-wide{grid-column:span 2}
.league-index{
  position:absolute;right:17px;top:16px;color:#46505d;
  font:700 12px Oswald,sans-serif
}
.league-card strong{
  display:block;margin-top:37px;font:700 42px/.95 Oswald,sans-serif;
  letter-spacing:-.025em
}
.league-card small{
  display:block;margin-top:10px;color:#84909f;font-size:9px;
  font-weight:800;letter-spacing:.12em
}
.league-card em{
  position:absolute;left:23px;bottom:20px;color:#e3222e;
  font-style:normal;font-size:10px;font-weight:900;letter-spacing:.07em
}

/* Shop */
.catalog-v3-shop{padding:82px 0 96px;background:#07090d}
.catalog-v3-shop-head{
  display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px
}
.catalog-v3-shop-head h2{
  margin:8px 0 5px;font:700 48px/1 Oswald,sans-serif;text-transform:uppercase
}
.catalog-v3-shop-head p{margin:0;color:#7f8997;font-size:13px}
.catalog-v3-stock{
  display:flex;align-items:center;gap:8px;color:#7f8997;
  font-size:9px;font-weight:800;letter-spacing:.12em
}
.catalog-v3-stock i{
  width:7px;height:7px;border-radius:50%;background:#e3222e;
  box-shadow:0 0 16px rgba(227,34,46,.7)
}

.catalog-v3-toolbar{
  padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:22px;
  background:#0c1016
}
.catalog-v3-search-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center
}
.catalog-v3-search{
  height:52px;display:flex;align-items:center;gap:11px;padding:0 16px;
  border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#080b10;color:#778291
}
.catalog-v3-search:focus-within{
  border-color:rgba(227,34,46,.55);box-shadow:0 0 0 3px rgba(227,34,46,.05)
}
.catalog-v3-search input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;
  font-size:12px;font-weight:700;letter-spacing:.02em
}
.catalog-v3-search input::placeholder{color:#596372}
.catalog-v3-count{padding-right:4px;color:#7f8997;font-size:11px;white-space:nowrap}
.catalog-v3-count strong{color:#fff}

.catalog-v3-filter-block{
  margin-top:17px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08)
}
.catalog-v3-filter-title{
  display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px
}
.catalog-v3-filter-title>span{
  color:#dfe5ec;font:600 12px Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase
}
.catalog-v3-filter-title small{
  color:#636e7b;font-size:9px;font-weight:700;letter-spacing:.07em
}
.catalog-v3-filter-title button{
  display:flex;align-items:center;gap:7px;border:0;background:none;color:#778291;
  font-size:9px;font-weight:800;letter-spacing:.06em;cursor:pointer
}
.catalog-v3-filter-title button:hover{color:#fff}
.catalog-v3-filter-title button b{
  min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;
  border-radius:999px;background:rgba(227,34,46,.12);color:#e3222e;font-size:9px
}
.filter-label{display:none!important}
.catalog-v3-category-chips,.catalog-v3-size-chips{
  display:flex;flex-wrap:wrap;gap:8px
}
.catalog-v3-category-chips .chip,.catalog-v3-size-chips .size-chip{
  min-height:39px;padding:0 15px;border:1px solid rgba(255,255,255,.1);
  border-radius:999px;background:#090d13;color:#aeb8c6;font-size:10px;
  font-weight:800;letter-spacing:.04em;cursor:pointer;transition:.18s
}
.catalog-v3-category-chips .chip:hover,.catalog-v3-size-chips .size-chip:hover{
  color:#fff;border-color:rgba(255,255,255,.25)
}
.catalog-v3-category-chips .chip.active,.catalog-v3-size-chips .size-chip.active{
  background:#e3222e;border-color:#e3222e;color:#fff
}
.catalog-v3-size-chips:empty:before{
  content:"ELEGÍ UNA CATEGORÍA O EXPLORÁ TODOS LOS TALLES";
  color:#525d6a;font-size:9px;font-weight:700;letter-spacing:.07em
}

.catalog-v3-selects{
  display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:11px;
  margin-top:17px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08)
}
.catalog-v3-selects label{display:grid;gap:7px}
.catalog-v3-selects label>span{
  color:#687381;font-size:9px;font-weight:800;letter-spacing:.1em
}
.catalog-v3-selects select{
  width:100%;height:44px;padding:0 36px 0 12px;border:1px solid rgba(255,255,255,.1);
  border-radius:11px;background:#080b10;color:#dfe5ec;outline:0;font-size:10px;font-weight:700
}
.catalog-v3-selects select:focus{border-color:rgba(227,34,46,.55)}
.catalog-v3-selects option{background:#0b0f15}

.catalog-v3-results-head{
  display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 20px
}
.catalog-v3-results-head h3{
  margin:0;font:700 31px/1 Oswald,sans-serif;text-transform:uppercase
}
.catalog-v3-results-head p{margin:7px 0 0;color:#727d8b;font-size:11px}
.catalog-v3-results-head>a{
  color:#8e99a7;font-size:10px;font-weight:800;letter-spacing:.05em
}
.catalog-v3-results-head>a:hover{color:#fff}

/* Grid reutiliza las cards existentes */
.products-v3 .pgrid{
  max-width:none!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:17px!important
}
.products-v3 .pgrid>*{min-width:0}
.products-v3 .empty{
  grid-column:1/-1;min-height:320px;display:grid;place-items:center;text-align:center;
  padding:38px;border:1px dashed rgba(255,255,255,.13);border-radius:20px;
  background:#0b0f15
}
.products-v3 .empty h3{
  margin:16px 0 7px;font:700 29px Oswald,sans-serif;text-transform:uppercase
}
.products-v3 .empty p{margin:0;color:#778291;font-size:12px}
.products-v3 .loader{
  grid-column:1/-1;min-height:280px;display:grid;place-items:center
}
.products-v3 .loader-ring{
  width:42px;height:42px;border:3px solid rgba(255,255,255,.08);
  border-top-color:#e3222e;border-radius:50%;animation:catalogV3Spin .8s linear infinite
}
@keyframes catalogV3Spin{to{transform:rotate(360deg)}}

/* Info */
.catalog-v3-info{
  padding:0;background:#090c11;border-top:1px solid rgba(255,255,255,.08)
}
.catalog-v3-info-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.catalog-v3-info article{
  min-height:180px;padding:29px;border-right:1px solid rgba(255,255,255,.08)
}
.catalog-v3-info article:last-child{border-right:0}
.catalog-v3-info article>span{
  display:block;margin-bottom:24px;color:#e3222e;font:700 11px Oswald,sans-serif
}
.catalog-v3-info b{
  display:block;font:700 19px/1 Oswald,sans-serif;text-transform:uppercase
}
.catalog-v3-info p{
  margin:10px 0 0;color:#778291;font-size:11px;line-height:1.6
}

/* Footer */
.footer-bottom-centered{justify-content:center!important;text-align:center!important}
footer h4,footer li a{text-transform:uppercase}

/* Responsive */
@media(max-width:1100px){
  .catalog-v3-league-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .league-card-wide{grid-column:span 1}
  .products-v3 .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .catalog-v3-info-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-v3-info article:nth-child(2){border-right:0}
  .catalog-v3-info article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:760px){
  .catalog-v3-hero{padding:48px 0 52px}
  .catalog-v3-breadcrumb{margin-bottom:34px}
  .catalog-v3-hero-grid{grid-template-columns:1fr;gap:28px}
  .catalog-v3-hero h1{font-size:58px}
  .catalog-v3-hero p{font-size:13px}
  .catalog-v3-metric{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center}
  .catalog-v3-metric strong{grid-row:1/3;grid-column:2;font-size:40px}
  .catalog-v3-categories{padding:56px 0}
  .catalog-v3-section-head{display:block}
  .catalog-v3-section-head>a{display:inline-block;margin-top:15px}
  .catalog-v3-section-head h2{font-size:36px}
  .catalog-v3-league-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .league-card{min-height:150px;padding:17px}
  .league-card strong{margin-top:29px;font-size:32px}
  .league-card em{left:17px;bottom:16px;font-size:8px}
  .catalog-v3-shop{padding:58px 0 70px}
  .catalog-v3-shop-head{display:block}
  .catalog-v3-stock{margin-top:14px}
  .catalog-v3-toolbar{padding:13px;border-radius:16px}
  .catalog-v3-search-row{grid-template-columns:1fr}
  .catalog-v3-count{padding-left:3px}
  .catalog-v3-filter-title{align-items:flex-start}
  .catalog-v3-filter-title small{max-width:190px;text-align:right;line-height:1.4}
  .catalog-v3-category-chips,.catalog-v3-size-chips{
    flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none
  }
  .catalog-v3-category-chips::-webkit-scrollbar,.catalog-v3-size-chips::-webkit-scrollbar{display:none}
  .catalog-v3-category-chips .chip,.catalog-v3-size-chips .size-chip{flex:0 0 auto}
  .catalog-v3-selects{grid-template-columns:1fr}
  .catalog-v3-results-head{display:block}
  .catalog-v3-results-head>a{display:inline-block;margin-top:12px}
  .products-v3 .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .catalog-v3-info-grid{grid-template-columns:1fr}
  .catalog-v3-info article{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:430px){
  .catalog-v3-hero h1{font-size:49px}
  .catalog-v3-league-grid{grid-template-columns:1fr 1fr}
  .league-card{min-height:143px}
  .league-card strong{font-size:28px}
  .products-v3 .pgrid{grid-template-columns:1fr!important}
}


/* Paso 57: el catálogo mantiene dos tarjetas por fila en mobile */
@media(max-width:430px){
  .products-v3 .pgrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
}


/* ============================================================
   PASO 87 · FILTROS MOBILE SIN SCROLL HORIZONTAL
   ============================================================ */
@media(max-width:760px){
  .products-v3 .container,
  .catalog-v3-shop .container{
    max-width:100%;
  }

  .catalog-v3-toolbar{
    width:100%;
    max-width:100%;
    overflow:hidden;
    padding:13px;
  }

  .catalog-v3-filter-title{
    width:100%;
    align-items:center;
    gap:10px;
  }

  .catalog-v3-filter-title>span{
    flex:0 0 auto;
  }

  .catalog-v3-filter-title small{
    min-width:0;
    max-width:54%;
    text-align:right;
    white-space:normal;
  }

  /* Categorías: todas visibles, 3 por fila */
  .catalog-v3-category-chips{
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    overflow:visible!important;
    padding:0!important;
  }

  .catalog-v3-category-chips .chip{
    width:100%;
    min-width:0!important;
    min-height:40px;
    padding:0 5px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1.1;
    font-size:9px;
    touch-action:manipulation;
  }

  /* Talles: 4 por fila para ocupar menos alto */
  .catalog-v3-size-chips{
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    overflow:visible!important;
    padding:0!important;
  }

  .catalog-v3-size-chips .size-chip{
    width:100%;
    min-width:0!important;
    min-height:40px;
    padding:0 3px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1;
    font-size:9px;
    touch-action:manipulation;
  }

  .catalog-v3-selects{
    width:100%;
    grid-template-columns:1fr!important;
    gap:9px;
  }

  .catalog-v3-selects label,
  .catalog-v3-selects select{
    min-width:0;
    max-width:100%;
  }
}

@media(max-width:390px){
  .catalog-v3-category-chips{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .catalog-v3-size-chips{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .catalog-v3-category-chips .chip,
  .catalog-v3-size-chips .size-chip{
    min-height:41px;
    font-size:9.5px;
  }
}