/* Vista de telefono de Index. Cargar despues del tema compartido. */
@media screen and (max-width:700px){
  :root{--ui-scale:1;zoom:1;-webkit-text-size-adjust:100%;text-size-adjust:100%}
}

@media(max-width:700px){
  body.halloween-index{--ui-scale:1;zoom:1;width:100%;height:100dvh;min-height:100dvh;overflow:hidden}
  body.halloween-index .wrapper{width:100%;max-width:none;height:calc((var(--index-mobile-viewport-height,100dvh) - var(--index-mobile-nav-height,66px)) / var(--index-mobile-scale,1));min-height:0;padding:0 10px;overflow-x:hidden;box-sizing:border-box;zoom:var(--index-mobile-scale,1);width:390px;flex-shrink:0}
  body.halloween-index .scroll-body{padding-bottom:0}
  body.halloween-index .franja-roja{display:none}
  body.halloween-index .top-shell{zoom:.6;width:auto;max-width:none;align-self:stretch;margin-left:0;margin-right:0;padding:12px 4px 0;border:0;border-radius:24px;background:rgba(255,249,239,.92)}
  body.halloween-index .top-main{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding-bottom:12px;margin:0}
  body.halloween-index .logo-img{width:163.8px;height:54.6px}
  body.halloween-index .halloween-header-actions{gap:15px}
  body.halloween-index .halloween-header-button{min-width:30px;font-size:0;gap:0}
  body.halloween-index .halloween-header-button>span{font-size:28px;min-height:30px}
  body.halloween-index .halloween-header-button small{font-size:11px}
  body.halloween-index .search-box{height:47px;border:1px solid #d3c8bb;border-radius:12px;background:#fffdf8}
  body.halloween-index #searchInput{font-size:16px;min-width:0}
  body.halloween-index .top-nav-desktop{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1.06fr);gap:8px;border:0;padding:0 0 13px;overflow:visible}
  body.halloween-index .top-nav-desktop>button:not(.halloween-offers):not([data-index-category="ceramico"]){display:none}
  body.halloween-index .halloween-rubros-wrap{min-width:0;grid-column:1}
  body.halloween-index #allRubrosButton{width:100%;font-size:0;min-height:41px;background:#ad4c12;color:#fff8ef;border-radius:10px;margin:0;padding:8px}
  body.halloween-index #allRubrosButton::before{content:'☰ Rubros';font:700 14.04px Barlow,Arial}
  body.halloween-index #allRubrosButton>span{font-size:16px;margin-left:6px}
  body.halloween-index .top-nav-desktop>.halloween-offers{grid-column:2;grid-row:1;margin:0;background:#fffaf2;border:1px solid #d8cbbb;color:#9f4210;padding:8px 4px;border-radius:10px;min-height:41px;font-size:13.26px}
  body.halloween-index .top-nav-desktop>[data-index-category="ceramico"]{grid-column:3;grid-row:1;display:block;padding:8px 4px;min-width:0;min-height:41px;background:#fffaf2;border:1px solid #d8cbbb;border-radius:10px;font-size:13.26px;text-transform:none}
  body.halloween-index .top-nav-desktop>[data-index-category="ceramico"].active{background:#b94e0d;border-color:#a5440c;color:#fff8ef}
  body.halloween-index .halloween-rubros-menu{position:fixed;top:var(--index-rubros-menu-top,110px);bottom:auto;left:var(--index-rubros-menu-left,12px);width:min(320px,calc(100vw - 24px));max-height:var(--index-rubros-menu-height,65dvh)}
  body.halloween-index .halloween-hero{min-height:0;height:195px;border-radius:14px;background-position:56% center}
  body.halloween-index .halloween-hero-copy{width:65%;padding:14px 12px 14px 5%;background:linear-gradient(90deg,#ffedcdda,#ffedcd70 65%,transparent)}
  body.halloween-index .halloween-hero h1{font-size:30.42px;line-height:.98;letter-spacing:-.4px;margin-bottom:10px}
  body.halloween-index .halloween-hero p{font-size:13.26px;line-height:1.2;margin-bottom:13px;max-width:none}
  body.halloween-index .halloween-hero button{background:#af4a0e;border-radius:8px;padding:9px 13px;font-size:12.87px}
  body.halloween-index .halloween-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
  body.halloween-index .halloween-category{height:113.1px;min-height:0;padding:12px;border-radius:11px}
  body.halloween-index .halloween-category h2{font-size:18.72px;margin:0 0 6px;line-height:1.02;text-transform:none}
  body.halloween-index .halloween-category p{font-size:10.34px;line-height:1.18;max-width:60%}
  body.halloween-index .halloween-category-arrow{bottom:8px;left:12px;background:transparent;color:#ad4c12;font-size:25px;padding:0;line-height:1}
  body.halloween-index .home-sections{margin-top:18px;gap:20px}
  body.halloween-index .home-section{padding:0;background:transparent;border:0;box-shadow:none}
  body.halloween-index .home-section-head{display:flex;padding:0 2px 10px;gap:10px;align-items:center;margin-bottom:0}
  body.halloween-index .home-section-kicker,body.halloween-index .home-section-subtitle{display:none}
  body.halloween-index .home-section-title{font-size:24.18px;line-height:1}
  body.halloween-index .home-section-link{width:auto;padding:0;background:transparent;border:0;color:#a7450c;font-size:13px;white-space:nowrap}
  body.halloween-index .home-mobile-compact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.halloween-index .home-card{min-width:0;border-radius:11px}
  body.halloween-index .home-card-inner{display:flex;flex-direction:column;height:100%}
  body.halloween-index .home-card-media{width:100%;height:auto;aspect-ratio:1;min-height:0;padding:7px;border-radius:10px 10px 0 0;box-sizing:border-box;overflow:hidden}
  body.halloween-index .home-card-media .foto-real{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border:0;box-shadow:none;border-radius:0}
  body.halloween-index .home-card-body{padding:9px;display:flex;flex-direction:column;gap:8px;flex:1}
  body.halloween-index .home-card-title{font-size:15.21px;line-height:1.08;min-height:2.16em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.halloween-index .home-card-detail,body.halloween-index .home-card-top>.card-tags{display:none}
  body.halloween-index .home-card-meta{font-size:10px;gap:3px}
  body.halloween-index .home-card-footer{display:flex;flex-direction:column;gap:7px;align-items:stretch;margin-top:auto}
  body.halloween-index .home-card-price .precio-vigente{font-size:18.33px}
  body.halloween-index .home-card-footer .agregar-btn{width:100%;padding:9px 8px;border-radius:8px;font-size:14px}
  body.halloween-index #chipsPanel{zoom:.6;width:auto;align-self:stretch;min-width:0;margin:0 0 12px;padding:9px;border-radius:12px;background:#fff9ee}
  body.halloween-index #chipsPanel .chips-grupo-izq{gap:5px}
  body.halloween-index #chipsPanel .filtro-chip{min-height:35px;font-size:10.92px;background:#fffdf7;border-color:#d6c5b0}
  body.halloween-index #chipsPanel .filtro-chip.active{background:#b94e0d;color:#fff8ef;border-color:#a5440c}
  body.halloween-index #chipsPanel .vista-chip{background:#fff9ee;color:#49301d;border-color:#d6c5b0;min-height:36px;font-size:14px}
  body.halloween-index #chipsPanel #estado::after{font-size:12px;line-height:17px;color:#73563e}
  body.halloween-index[data-catalog-view="detalle"] .productos-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0}
  body.halloween-index[data-catalog-view="detalle"] .producto-card{zoom:.75;min-width:0;width:auto;justify-self:stretch;border-radius:12px;box-sizing:border-box}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .producto-inner{display:grid;grid-template-columns:105.3px minmax(0,1fr) auto;grid-template-areas:'foto nombre nombre' 'foto codigo codigo' 'foto stock stock' 'foto tags tags' 'foto caja caja' 'foto precio agregar';grid-template-rows:auto;gap:4px 9px;padding:10px;min-width:0}
  body.halloween-index[data-catalog-view="detalle"] .producto-card :is(.card-main,.card-meta,.card-cta){display:contents}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .foto-wrap{grid-area:foto;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1;align-self:center;overflow:hidden;border-radius:9px;padding:0}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .foto-real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:9px;box-shadow:none}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-nombre{grid-area:nombre;font-size:15.6px;line-height:1.1;margin-right:18px;min-width:0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;align-self:start}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-detalle{display:none}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .codigo-linea{grid-area:codigo;font-size:11px;color:#85715c;align-self:start;text-align:left;line-height:1.15}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:3px;min-width:0}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .chip-ceramico{font-size:10px;line-height:1.1;padding:2px 5px}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .stock-branch-stack{grid-area:stock;font-size:11px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2px;min-width:0}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-cta .precio-lista{grid-area:caja;text-align:left;font-size:10px;line-height:1.2;min-height:0;align-self:start}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-cta .precio-vigente{grid-area:precio;text-align:left;font-size:17.55px;line-height:1.05;align-self:center;white-space:normal;min-width:0}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-cta .agregar-btn{grid-area:agregar;display:block;align-self:center;padding:8px 9px;font-size:12px;min-width:0;border-radius:7px}
  body.halloween-index .index-favorite-button{top:7px;right:7px;width:27px;height:27px;font-size:20px}
  body.halloween-index .index-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;padding:9px 8px calc(8px + env(safe-area-inset-bottom));background:#fff9f0;border-top:1px solid #ded0bc;z-index:8999;box-shadow:0 -3px 15px #4b2d140d}
  body.halloween-index .index-mobile-nav button{zoom:.75;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#44382d;font:500 12px Barlow,Arial;min-width:0;min-height:48px;cursor:pointer}
  body.halloween-index .index-mobile-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
  body.halloween-index .index-mobile-nav button[aria-current="page"]{color:#b84d0f;font-weight:700}
  body.halloween-index .index-mobile-nav button[aria-current="page"][data-mobile-nav="inicio"] svg{fill:currentColor}
  body.halloween-index .index-mobile-nav small{position:absolute;top:0;right:calc(50% - 23px);font-size:10px;line-height:16px;min-width:16px;border-radius:20px;background:#b84d0f;color:white;text-align:center;padding:0 3px;box-sizing:border-box}
  body #scrollTopBtn{bottom:calc(142px + env(safe-area-inset-bottom))}
}

@media(max-width:700px){
  body.halloween-index::before,body.halloween-index::after{
    content:'';display:block;position:fixed;width:62%;opacity:1;
    background-color:transparent;background-image:var(--fondo-index-url);
    background-size:auto 100%;background-repeat:no-repeat;pointer-events:none;
  }
  body.halloween-index::before{
    inset:0 auto 0 0;background-position:left center;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,rgba(0,0,0,.5) 84%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 68%,rgba(0,0,0,.5) 84%,transparent 100%);
  }
  body.halloween-index::after{
    inset:0 0 0 auto;background-position:right center;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 16%,#000 32%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 16%,#000 32%,#000 100%);
  }
  body.halloween-index .home-section-head{background:rgba(255,249,239,.9);border-radius:10px;padding:10px 9px;margin-bottom:9px}
}

@media(max-width:700px){body.halloween-index .index-mobile-nav{zoom:var(--index-mobile-scale,1);width:390px;right:auto}}



@media(max-width:700px){
  body.index-rubros-mode #chipsPanel{display:none!important}
  .index-rubros-page{padding:12px 0 18px}
  .index-rubros-page h2{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#fff9ee;font:800 24px 'Barlow Condensed',Barlow,Arial;color:#49301d}
  .index-rubros-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .index-rubros-grid button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:66px;padding:12px;border:1px solid #d8cbbb;border-radius:12px;background:#fff9ee;color:#49301d;box-shadow:0 3px 9px #4b2d1410;font:700 14px Barlow,Arial;text-align:center;overflow-wrap:anywhere;cursor:pointer}
  .index-rubros-grid button:active{background:#f7e8d2}
}

/* Un solo diseño del popup de articulo para todas las medidas de telefono. */
  body.halloween-index.index-mobile-popup #productDetailModal{top:var(--popup-visual-top);left:var(--popup-visual-left);width:var(--popup-visual-width);height:var(--popup-visual-height);padding:10px 8px;align-items:center;justify-content:center;overflow:hidden;background:rgba(0,0,0,.58)}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-modal{zoom:var(--product-detail-scale,1);width:390px;max-width:none;min-width:0;height:auto;max-height:calc(var(--product-detail-max-height,600px) / var(--product-detail-scale,1));flex-shrink:0;margin:0;padding:12px;display:grid;gap:12px;border:1px solid #d5b48c;border-radius:18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 54px #35200f55}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-top-actions{position:absolute;top:10px;right:10px;left:auto;width:auto;max-width:calc(100% - 20px);min-width:0;min-height:0;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;overflow:visible;background:transparent;border:0;box-shadow:none;backdrop-filter:none;z-index:5}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-top-actions :is(.product-detail-budget-btn,.product-detail-discount-btn){flex:0 1 auto;max-width:none;min-width:0;min-height:30px;height:30px;padding:0 12px;font-size:13px;white-space:nowrap}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-top-actions :is(.product-detail-share,.product-detail-edit,.product-detail-close,.index-favorite-button){flex:0 0 30px;position:static;width:30px;height:30px;min-width:30px;min-height:30px;font-size:22px;border-radius:50%}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-share{font-size:0}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-body{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-gallery{width:calc(100% + 24px);max-width:none;min-width:0;margin:-12px -12px 0;gap:6px}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-photo{width:100%;max-width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1.72 / 1;border:0;border-radius:18px 18px 12px 12px;box-shadow:none}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-photo-hint{display:inline-flex;top:9px;left:9px;padding:5px 9px;border-radius:999px;background:rgba(0,59,120,.86);color:#fff;font-size:11px;text-transform:uppercase}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-thumbs{justify-content:center;padding:2px 12px;gap:6px;min-height:0}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-thumb{flex:0 0 8px;width:8px;height:8px;border:0;border-radius:50%;background:#d1d1cf}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-thumb.active{background:#b84d0f}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-thumb img{display:none}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-main{width:100%;min-width:0;max-width:100%;gap:8px}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-title{font-size:18px;line-height:1.05;padding-right:0;min-width:0;overflow-wrap:anywhere}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-subline{display:grid;grid-template-columns:1fr;gap:8px;border:0;border-radius:0;background:transparent;overflow:visible}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-subline-row{padding:0;border:0;font-size:13px;line-height:1.3}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-stock-block{grid-column:1;grid-template-columns:1fr 1fr}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;padding:0;min-width:0}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-price .precio-vigente{font-size:21px;line-height:1.1;white-space:normal}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-price .precio-lista{font-size:12px;text-align:left}
  body.halloween-index.index-mobile-popup #productDetailModal .product-detail-controls{width:100%;min-width:0;display:grid;grid-template-columns:44px minmax(0,1.35fr) minmax(0,1fr) minmax(0,.9fr);gap:6px}
  body.halloween-index.index-mobile-popup #productDetailModal :is(.product-detail-qty,.product-detail-controls .agregar-btn,.product-detail-btn-secondary){width:100%;min-width:0;max-width:none;height:34px;padding:0 6px;font-size:13px}

body.halloween-index.index-mobile-popup #productDetailModal .product-detail-top-actions .product-detail-icon-btn{flex:0 0 30px;width:30px;height:30px;min-width:30px;min-height:30px;padding:0}
body.halloween-index.index-mobile-popup #productDetailModal .product-detail-photo-hint{top:9px;left:9px}

/* La etiqueta de ceramico acompana al nombre solo en telefono. */
.mobile-name-ceramico{display:none}
@media(max-width:700px){
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-nombre:has(.mobile-name-ceramico){display:block;-webkit-line-clamp:unset;overflow:visible}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-nombre .mobile-name-ceramico{display:inline-block;margin-left:5px;vertical-align:middle;font-size:10px;line-height:1.1;padding:2px 5px;white-space:nowrap}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-tags>.chip-ceramico{display:none}
  body.halloween-index[data-catalog-view="detalle"] .producto-card .card-tags:not(:has(> :not(.chip-ceramico))){display:none}
}

/* Destacados compactos: no reservar altura cuando el stock esta oculto. */
@media(max-width:700px){
  body.halloween-index .home-card .home-card-body,
  body.halloween-index .home-card .home-card-top,
  body.halloween-index .home-card .home-card-meta,
  body.halloween-index .home-card .home-card-footer{gap:2px}
  body.halloween-index .home-card .home-card-price{display:flex;flex-direction:column;gap:2px}
  body.halloween-index .home-card .home-card-title{min-height:0;margin:0}
  body.halloween-index .home-card .home-card-price .precio-lista:empty{display:none}
  body.halloween-index.index-sin-stock .home-card{align-self:start;min-height:0;height:auto}
  body.halloween-index.index-sin-stock .home-card-inner{height:auto;min-height:0}
  body.halloween-index.index-sin-stock .home-card .home-card-body{flex:0 0 auto;min-height:0}
  body.halloween-index.index-sin-stock .home-card .home-card-footer{margin-top:0}
}

/* Stocks compactos, mitad de ancho para cada sucursal en portada y mosaico. */
@media(max-width:700px){
  body.halloween-index :is(.home-card,.home-spotlight) :is(.stock-label-full,.stock-value-full),
  body.halloween-index[data-catalog-view="mosaico"] .producto-card :is(.stock-label-full,.stock-value-full){display:none}
  body.halloween-index :is(.home-card,.home-spotlight) :is(.stock-label-short,.stock-value-short),
  body.halloween-index[data-catalog-view="mosaico"] .producto-card :is(.stock-label-short,.stock-value-short){display:inline}
  body.halloween-index :is(.home-card,.home-spotlight) :is(.stock-branch-stack,.stock-meta-block),
  body.halloween-index[data-catalog-view="mosaico"] .producto-card .stock-branch-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:100%;min-width:0}
  body.halloween-index .home-spotlight .stock-meta-block .codigo-line{grid-column:1 / -1}
  body.halloween-index :is(.home-card,.home-spotlight) :is(.stock-pill,.stock-meta-line),
  body.halloween-index[data-catalog-view="mosaico"] .producto-card .stock-pill{min-width:0;padding:0;margin:0;font-size:10px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
  body.halloween-index[data-catalog-view="mosaico"] .producto-card :is(.producto-inner,.card-main,.card-meta,.card-cta,.card-tags){row-gap:2px}
  body.halloween-index[data-catalog-view="mosaico"] .producto-card :is(.card-nombre,.card-detalle,.codigo-linea,.precio-lista,.precio-vigente){margin-top:0;margin-bottom:0}
  body.halloween-index .home-spotlight-copy{gap:2px}
}

/* Codigo y stock comienzan en el mismo borde que el nombre del articulo. */
@media(max-width:700px){
  body.halloween-index :is(.producto-card,.home-card,.home-spotlight) :is(.card-meta,.home-card-meta,.stock-meta-block,.stock-branch-stack,.codigo-linea){text-align:left;justify-self:stretch;justify-items:start;min-width:0;margin-left:0;padding-left:0;padding-right:0}
  body.halloween-index :is(.producto-card,.home-card,.home-spotlight) :is(.stock-meta-block,.stock-branch-stack,.codigo-linea){width:100%;box-sizing:border-box}
  body.halloween-index :is(.producto-card,.home-card,.home-spotlight) :is(.stock-pill,.stock-meta-line){text-align:left;justify-content:flex-start;margin-left:0;padding-left:0}
  body.halloween-index :is(.producto-card,.home-card) .stock-branch-stack::before,
  body.halloween-index :is(.producto-card,.home-card) .stock-pill+.stock-pill::before{content:none;display:none}
}

@media(max-width:700px){
  body.halloween-index[data-catalog-view="mosaico"] .productos-grid{zoom:.8;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Con teclado abierto, apoyar el popup en su borde sin estirar el contenido. */
body.halloween-index.index-mobile-popup.index-detail-keyboard #productDetailModal{box-sizing:border-box;align-items:flex-end;padding-top:0;padding-bottom:0}
body.halloween-index.index-mobile-popup.index-detail-keyboard #productDetailModal .product-detail-modal{box-sizing:border-box;align-self:flex-end;flex-shrink:0;margin-bottom:0;max-height:calc(var(--popup-visual-height) / var(--product-detail-scale,1))}

/* Presupuesto de ceramicos con el mismo lienzo escalable del detalle. */
body.halloween-index.index-mobile-popup #ceramicoBudgetModal{top:var(--popup-visual-top);left:var(--popup-visual-left);width:var(--popup-visual-width);height:var(--popup-visual-height);box-sizing:border-box;padding:10px 8px;align-items:center;justify-content:center;overflow:hidden}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-modal{zoom:var(--product-detail-scale,1);box-sizing:border-box;width:390px;min-width:0;max-width:none;margin:0;flex-shrink:0;max-height:calc((var(--popup-visual-height) - 20px) / var(--product-detail-scale,1));padding:16px;gap:10px;border-radius:18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;font-size:14px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-head{gap:8px;min-width:0;flex-wrap:wrap}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-head>div:first-child{flex:1;min-width:0}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-title{font-size:23px;line-height:1.05;margin-top:0}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-product{font-size:13px;overflow-wrap:anywhere}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-field input{box-sizing:border-box;width:100%;min-width:0;font-size:16px}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal :is(.ceramico-budget-field label,.ceramico-budget-toggle,.ceramico-budget-row){font-size:13px}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-row{gap:8px;min-width:0}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-row>span{min-width:0;overflow-wrap:anywhere}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-total{font-size:23px}
body.halloween-index.index-mobile-popup #ceramicoBudgetModal .ceramico-budget-actions>button{min-width:0;min-height:38px;padding:6px 8px;font-size:14px}

/* Separacion compacta entre los textos del detalle en telefono. */
body.halloween-index.index-mobile-popup #productDetailModal :is(.product-detail-modal,.product-detail-body,.product-detail-main,.product-detail-subline,.product-detail-tags,.product-detail-price,.product-detail-stock-block){gap:2px}
body.halloween-index.index-mobile-popup #productDetailModal :is(.product-detail-title,.product-detail-subline-row,.product-detail-description,.product-detail-price-note,.product-detail-stock-line){margin-top:0;margin-bottom:0}

/* Portada del telefono: tres fichas compactas por pagina del carrusel. */
@media(max-width:700px){
 body .home-landing .home-strip-shell{grid-template-columns:18px minmax(0,1fr) 18px;gap:4px;padding:0}
 body .home-landing .home-strip-arrow{width:22px;height:32px;min-width:0;padding:0;font-size:23px}
 body .home-landing .home-carousel .home-strip{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:100%;gap:8px;align-items:start}
 body .home-landing .home-carousel .home-slide{width:100%;min-width:0;margin:0!important}
 body .home-landing .home-card{width:100%;min-width:0;padding:0;border-radius:10px;box-sizing:border-box}
 body .home-landing .home-card .home-card-inner{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto;gap:8px;padding:8px;min-height:118px;height:auto;border-radius:10px;box-sizing:border-box}
 body .home-landing .home-card .home-card-media{width:88px;height:94px;min-height:0;aspect-ratio:auto;padding:0;align-self:center;border-radius:7px;overflow:hidden}
 body .home-landing .home-card .home-card-media :is(.foto-real,.foto-placeholder){width:100%;height:100%;border-radius:7px;object-fit:contain}
 body .home-landing .home-card .home-card-body{display:flex;flex-direction:column;min-width:0;padding:0;gap:3px}
 body .home-landing .home-card .home-card-top{display:flex;flex-direction:column;gap:3px;padding-right:18px}
 body .home-landing .home-card .home-card-title{order:-1;font-size:14px;line-height:1.08;min-height:0;margin:0;-webkit-line-clamp:2}
 body .home-landing .home-card .home-card-top>.card-tags{display:flex!important;flex-wrap:wrap;gap:3px;min-height:0;max-width:100%}
 body .home-landing .home-card .card-tags>span{font-size:9px;padding:2px 5px;line-height:1.1;max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
 body .home-landing .home-card .home-card-detail{display:none}
 body .home-landing .home-card .home-card-meta{font-size:10px;gap:1px}
 body .home-landing .home-card :is(.stock-pill,.codigo-linea){font-size:10px;line-height:1.1}
 body .home-landing .home-card .stock-branch-stack{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
 body .home-landing .home-card .home-card-footer{display:flex;flex-direction:row;align-items:end;justify-content:space-between;gap:5px;margin-top:auto}
 body .home-landing .home-card .home-card-price{min-width:0}
 body .home-landing .home-card .home-card-price .precio-vigente{font-size:17px;line-height:1.1}
 body .home-landing .home-card .home-card-price .precio-lista{font-size:10px;line-height:1.1}
 body .home-landing .home-card .home-card-footer .agregar-btn{width:auto;flex:0 0 auto;padding:6px 7px;font-size:11px;border-radius:6px}
 body .home-landing .home-card .index-favorite-button{top:5px;right:5px;width:23px;height:23px;font-size:18px}
}