/* MotoBiker V6.8 - acabado visual uniforme y búsqueda móvil profesional */
:root{--v68-orange:#ff5a00;--v68-ink:#171b1f;--v68-muted:#7b858e;--v68-line:#e4e8eb;--v68-soft:#f7f9fa;--v68-green:#16854a}
body.v68{background:#fff;color:var(--v68-ink)}
body.v68 .clean-main,body.v68 .clean-header,body.v68 .premium-topnav{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.v68 .clean-main .pro-card{border:1px solid var(--v68-line);box-shadow:0 4px 18px rgba(17,24,39,.035);transition:transform .18s ease,box-shadow .18s ease}
body.v68 .clean-main .pro-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(17,24,39,.08)}
body.v68 .pro-img-wrap img{object-fit:contain!important;padding:10px;box-sizing:border-box}
body.v68 .pro-price{font-weight:950;letter-spacing:-.6px}
body.v68 .pro-buy{border-radius:9px;font-weight:900;letter-spacing:.1px}
body.v68 .compat-wa{border-radius:9px;font-weight:850}
body.v68 .catalog-tools select,body.v68 #clearFilters{border:1px solid #dce2e6;background:#fff;color:#28323a;font-weight:750;box-shadow:0 2px 7px rgba(17,24,39,.035)}
body.v68 #clearFilters{background:#11161b;color:#fff;border-color:#11161b}
body.v68 .catalog-title-block h2{font-weight:950;letter-spacing:-1px}
body.v68 .catalog-title-block h2 span{color:var(--v68-orange)}

/* Marcas dentro de Aceites */
.oil-brand-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:13px 0 4px}
.oil-brand-filters[hidden]{display:none!important}
.oil-brand-filter{appearance:none;border:1px solid #dce2e6;background:#fff;color:#2a3137;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;transition:.15s}
.oil-brand-filter:hover{border-color:#ffb184;color:#e94e00}
.oil-brand-filter.active{background:var(--v68-orange);border-color:var(--v68-orange);color:#fff;box-shadow:0 4px 12px rgba(255,90,0,.18)}
.oil-brand-filter.priority{font-weight:950}

/* Mantiene tamaños de producto uniformes en toda la tienda */
body.v68 .pro-card{height:100%}
body.v68 .pro-body{display:flex;flex-direction:column;flex:1}
body.v68 .pro-cta-stack{margin-top:auto}
body.v68 .pro-stock{border-radius:999px;font-weight:900}

@media(min-width:761px){
  body.v68.filtered-view .pro-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
  body.v68.filtered-view .pro-card{min-height:465px}
  body.v68.filtered-view .pro-media,body.v68.filtered-view .pro-img-wrap{height:210px!important;min-height:210px!important}
}

@media(max-width:760px){
  body.v68 .clean-main{padding-left:14px;padding-right:14px}
  body.v68.filtered-view .clean-layout{padding:10px 0 90px}
  body.v68.filtered-view .clean-main{padding:0 14px 28px}
  body.v68.filtered-view .mr-products{margin-top:14px}
  body.v68.filtered-view .pro-head{display:block;padding-bottom:16px}
  body.v68.filtered-view .catalog-title-block h2{font-size:31px;line-height:1.02;margin:4px 0 16px;letter-spacing:-1.2px}
  body.v68.filtered-view .section-kicker{font-size:10px!important;letter-spacing:1.7px!important}
  body.v68.filtered-view #resultCount{font-size:13px;margin:0 0 10px;color:#68737c;text-align:left}
  body.v68.filtered-view .catalog-tools{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:10px;align-items:stretch}
  body.v68.filtered-view .catalog-tools select,body.v68.filtered-view #clearFilters{height:48px;border-radius:10px;font-size:13px;padding:0 12px;min-width:0}
  body.v68.filtered-view #clearFilters{padding:0 16px}
  .oil-brand-filters{flex-wrap:nowrap;overflow-x:auto;margin:10px -2px 2px;padding:2px 2px 7px;scrollbar-width:none}
  .oil-brand-filters::-webkit-scrollbar{display:none}
  .oil-brand-filter{padding:9px 14px;font-size:11px;flex:0 0 auto}
  body.v68.filtered-view .pro-grid{grid-template-columns:1fr;gap:13px}
  body.v68.filtered-view #productGrid .pro-card{display:grid;grid-template-columns:42% 58%;min-height:0;border-radius:14px;overflow:hidden;background:#fff}
  body.v68.filtered-view #productGrid .pro-media{height:245px!important;min-height:245px!important;border:0;border-right:1px solid #eef1f3;padding:8px;position:relative}
  body.v68.filtered-view #productGrid .pro-img-wrap{height:100%!important;min-height:0!important;padding:27px 5px 9px}
  body.v68.filtered-view #productGrid .pro-img-wrap img{width:100%;height:100%;padding:4px}
  body.v68.filtered-view #productGrid .pro-badge{top:10px;left:10px;max-width:calc(100% - 52px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.v68.filtered-view #productGrid .pro-fav{top:8px;right:8px}
  body.v68.filtered-view #productGrid .product-select-check{left:10px;bottom:10px;top:auto;background:#fff;border:1px solid #e0e5e8;border-radius:10px;padding:7px 9px;font-size:11px;box-shadow:0 3px 12px #0000000d}
  body.v68.filtered-view #productGrid .pro-body{padding:14px 13px 13px;min-width:0}
  body.v68.filtered-view #productGrid .pro-meta{font-size:9px;font-weight:800;letter-spacing:.5px;margin-bottom:6px}
  body.v68.filtered-view #productGrid .pro-card h3{font-size:15px;line-height:1.2;min-height:36px;margin:0 0 8px;-webkit-line-clamp:2}
  body.v68.filtered-view #productGrid .pro-compat{display:block;font-size:9px;padding:6px 7px;margin:0 0 7px}
  body.v68.filtered-view #productGrid .pro-stock{font-size:10px;padding:7px 10px;margin:0 0 8px;width:max-content;max-width:100%}
  body.v68.filtered-view #productGrid .price-wrap{margin-top:auto}
  body.v68.filtered-view #productGrid .pro-price{font-size:25px;margin:4px 0 9px}
  body.v68.filtered-view #productGrid .pro-cta-stack{gap:7px}
  body.v68.filtered-view #productGrid .pro-buy,body.v68.filtered-view #productGrid .compat-wa,body.v68.filtered-view #productGrid .notify-stock-btn{font-size:9px!important;min-height:40px;padding:9px 6px!important;border-radius:9px}
}

@media(max-width:420px){
  body.v68.filtered-view .catalog-tools{grid-template-columns:1fr 1fr}
  body.v68.filtered-view #clearFilters{grid-column:1/-1}
  body.v68.filtered-view #productGrid .pro-card{grid-template-columns:40% 60%}
  body.v68.filtered-view #productGrid .pro-media{height:230px!important;min-height:230px!important}
  body.v68.filtered-view #productGrid .pro-card h3{font-size:14px}
  body.v68.filtered-view #productGrid .pro-price{font-size:23px}
}

/* V6.10.3 - banners naranjo compactos aprobados */
.compact-banner-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin:18px 0 22px;
}
.compact-banner-card{
  display:block;
  width:100%;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  border-radius:14px;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(22,26,29,.08);
  transition:transform .18s ease,box-shadow .18s ease;
}
.compact-banner-card:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 24px rgba(22,26,29,.13);
}
.compact-banner-card img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:760/292;
  object-fit:cover;
}
@media(max-width:800px){
  .compact-banner-grid{grid-template-columns:1fr;gap:12px;margin:10px 0 15px}
  .compact-banner-card{border-radius:10px}
}