/* Sistema visual común. El marco depende de su función, nunca del formato de la foto.
   Originales intactos; una máquina completa usa contain. Cover se reserva a ambiente. */
:root {
  --matova-ratio-producto: 3 / 2;
  --matova-ratio-ambiente: 16 / 9;
  --matova-media-matte: #f4f5f2;
  --matova-media-radius: 8px;
}

/* Tarjetas: misma geometría y llamada a la acción al final de cada fila. */
.matova-catalog-card { display:flex; flex-direction:column; gap:0; }
.matova-catalog-card > * { max-width:100%!important; margin-inline:0!important; }
.matova-catalog-card > .wp-block-buttons { margin-top:auto!important; padding-top:20px; }
.matova-catalog-card > figure { width:100%; }
.matova-catalog-card figure img,
.matova-product-hero-image img,
.matova-product-gallery:not(.is-enhanced) img,
.matova-catalog-detail > .wp-block-image img,
.wp-block-image.is-style-matova-producto img {
  display:block; width:100%; height:auto; max-height:none;
  aspect-ratio:var(--matova-ratio-producto); object-fit:contain;
  object-position:center; background:var(--matova-media-matte);
  border-radius:var(--matova-media-radius); box-sizing:border-box;
}
.matova-catalog-card figure img { padding:12px; }
.matova-product-hero-image { padding:clamp(12px,2vw,24px); border-radius:var(--matova-media-radius); }
.matova-product-hero-image img { padding:clamp(8px,1.5vw,20px); }
.matova-product-gallery:not(.is-enhanced) figure { padding:12px; border-radius:var(--matova-media-radius); }
.matova-product-gallery:not(.is-enhanced) img { padding:8px; }
.matova-product-gallery figcaption,
.matova-product-hero-image figcaption { margin-top:8px; line-height:1.5; }
.matova-catalog-grid:has(>.matova-catalog-card:last-child:nth-child(2)) {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

/* Las dos marcas conservan dos máquinas reconocibles en una banda estable. */
.matova-offroad-brand-card { display:flex; flex-direction:column; border-radius:var(--matova-media-radius); }
.matova-offroad-brand-scenes { width:100%; margin:0!important; }
.matova-offroad-brand-scenes { background:#142022; gap:2px; }
.matova-offroad-brand-scenes figure { height:auto; aspect-ratio:var(--matova-ratio-ambiente); padding:0; margin:0!important; overflow:hidden; }
.matova-offroad-brand-scenes figure img { display:block; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; padding:0; border-radius:0; }
.matova-offroad-brand-copy { flex:1; display:flex; flex-direction:column; gap:0; }
.matova-offroad-brand-copy > .wp-block-buttons { margin-top:auto!important; padding-top:20px; }
.matova-offroad-entry-copy { max-width:1280px!important; }

/* Escenas de entrada a categorías: imagen hasta los bordes, texto en su zona.
   Las fichas y miniaturas de modelos siguen mostrando el vehículo completo. */
.matova-catalog-card.matova-offroad-category-card:has(>figure) { padding:0!important; overflow:hidden; border-radius:var(--matova-media-radius) var(--matova-media-radius) 0 0; }
.matova-offroad-category-card > figure { margin:0!important; background:var(--matova-accent); }
/* Una sola curva exterior une franja y fotografía; el estilo Ambiente del bloque
   no vuelve a abrir esquinas blancas dentro de la tarjeta. */
.matova-catalog-card.matova-offroad-category-card > figure.wp-block-image img { width:100%; height:auto; aspect-ratio:var(--matova-ratio-ambiente); object-fit:cover; padding:0; border-radius:0; }
.matova-offroad-category-copy { display:flex; flex:1; flex-direction:column; padding:26px; gap:0; }
.matova-offroad-category-copy > .wp-block-buttons { margin-top:auto!important; padding-top:20px; }
.wp-block-image.matova-scene-cfmoto-zforce img { object-position:50% 55%; }
.wp-block-image.matova-scene-cfmoto-cforce img { object-position:50% 55%; }
.wp-block-image.matova-scene-cfmoto-uforce img { object-position:50% 55%; }
.wp-block-image.matova-scene-cfmoto-zforce-antes img { object-position:65% 55%; }
.wp-block-image.matova-scene-cfmoto-cforce-antes img { object-position:64% 55%; }
.wp-block-image.matova-scene-cfmoto-uforce-antes img { object-position:57% 55%; }
/* Las dos escenas de cada gama CFMOTO (decisión de Diego, 27/10/2026): la nueva y la anterior, con el
   rótulo de la gama, en el mismo cuadro; la segunda aparece y desaparece despacio. */
.matova-scene-pair { display:grid!important; margin:0!important; max-width:none!important; overflow:hidden; }
.matova-scene-pair > figure { grid-area:1/1; margin:0!important; }
.matova-scene-pair > figure + figure { opacity:0; animation:matova-scene-swap 14s ease-in-out infinite; }
@keyframes matova-scene-swap { 0%, 42% { opacity:0; } 50%, 92% { opacity:1; } 100% { opacity:0; } }
@media (prefers-reduced-motion:reduce) { .matova-scene-pair > figure + figure { animation:none; } }
.matova-catalog-card.matova-offroad-category-card:has(>.matova-scene-pair) { padding:0!important; overflow:hidden; border-radius:var(--matova-media-radius) var(--matova-media-radius) 0 0; }
.matova-offroad-category-card > .matova-scene-pair > figure { margin:0!important; background:var(--matova-accent); }
.matova-catalog-card.matova-offroad-category-card > .matova-scene-pair > figure.wp-block-image img { width:100%; height:auto; aspect-ratio:var(--matova-ratio-ambiente); object-fit:cover; padding:0; border-radius:0; }
.wp-block-image.matova-scene-loncin-x-wolf img { object-position:50% 50%; }
.wp-block-image.matova-scene-loncin-u-wolf img { object-position:58% 55%; }

/* Portada: una proporción para las seis máquinas, sin recortar implementos o ruedas. */
.matova-fleet-card { display:flex; flex-direction:column; }
.matova-fleet-card figure { height:auto; width:100%; aspect-ratio:var(--matova-ratio-producto); padding:12px; }
.matova-fleet-card figure img { object-fit:contain; }

/* Directorio: las escenas ocupan la misma franja; el texto tiene su propio fondo. */
.matova-brand-card.matova-brand-visual { min-height:0; display:flex; flex-direction:column; justify-content:flex-start; }
.matova-brand-visual > .matova-brand-scenes { position:relative!important; inset:auto; z-index:auto; display:block!important; width:100%; height:auto; min-height:0; aspect-ratio:8/3; flex:none; overflow:hidden; }
.matova-brand-scenes > figure { position:absolute; inset:0 auto 0 0; width:calc(50% - 1px); height:100%; min-height:0; }
.matova-brand-scenes > figure:nth-child(2) { left:auto; right:0; }
.matova-brand-scenes img,
.matova-brand-scenes .matova-machine-cutout img { height:100%; padding:12px; object-fit:contain; object-position:center; box-sizing:border-box; }
.matova-brand-visual:after { display:none; }
.matova-brand-card .matova-brand-caption { flex:1; display:flex; flex-direction:column; background:#142022; }
.matova-brand-caption > .wp-block-buttons { margin-top:auto!important; padding-top:16px; }

/* Estilos elegibles del bloque Imagen. Los pies quedan fuera del marco. */
.wp-block-image.is-style-matova-ambiente img { display:block; width:100%; height:auto; aspect-ratio:var(--matova-ratio-ambiente); object-fit:cover; border-radius:var(--matova-media-radius); }
.wp-block-image.is-style-matova-logo img { display:block; width:100%; height:auto; aspect-ratio:3/1; object-fit:contain; padding:16px; background:#fff; }
.wp-block-image.is-style-matova-producto img { padding:16px; }
.wp-block-image.is-style-matova-panoramica img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:21/9; object-fit:contain; background:var(--matova-media-matte); border-radius:var(--matova-media-radius); padding:0; }
.matova-product-gallery:not(.is-enhanced) img[data-matova-resolution-limited],
.matova-product-hero-image img[data-matova-resolution-limited] { object-fit:scale-down; }

@media(max-width:781px) {
  .matova-catalog-grid:has(>.matova-catalog-card:last-child:nth-child(2)) { grid-template-columns:minmax(0,1fr); }
  .matova-catalog-card { padding:20px!important; }
  .matova-offroad-brand-copy { padding:24px!important; }
  .matova-offroad-brand-scenes figure { height:auto; padding:0; }
  .matova-offroad-category-copy { padding:20px; }
  .matova-fleet-card figure { height:auto; padding:8px; }
  .matova-brand-scenes img, .matova-brand-scenes .matova-machine-cutout img { height:100%; padding:8px; }
}

/* Relleno de marco (27/10/2026): una foto que no tiene la proporción de su marco no deja bandas
   vacías. Fondo liso (estudio): se prolonga su mismo color. Escena: detrás va la misma foto ampliada
   y difuminada. Delante, la foto entera (contain), sin recortar el producto. Los recortes con
   transparencia conservan el fondo de diseño. Las clases las pone inc/media-frames.php.
   Marcos con relleno: tarjetas de familia y gama, flota de portada, escenas del directorio de marcas,
   cabecera de marca, foto directa de una tarjeta de categoría y estilos Producto/Panorámica. Los
   montajes de la portada (fondo blanco con multiplicar) quedan fuera. */
:is(.matova-catalog-card, .matova-fleet-card, .matova-catalog-detail, .matova-cover-hero-image) figure.matova-fill-frame,
.matova-category-card > figure.matova-fill-frame,
figure.matova-fill-frame:is(.is-style-matova-producto, .is-style-matova-panoramica) {
  position:relative; border-radius:var(--matova-media-radius);
}
:is(.matova-catalog-card, .matova-fleet-card, .matova-brand-scenes, .matova-catalog-detail, .matova-cover-hero-image) figure.matova-fill-frame,
.matova-category-card > figure.matova-fill-frame,
figure.matova-fill-frame:is(.is-style-matova-producto, .is-style-matova-panoramica) {
  isolation:isolate; overflow:hidden; background:var(--matova-fill-color, var(--matova-media-matte));
}
:is(.matova-catalog-card, .matova-fleet-card, .matova-brand-scenes, .matova-catalog-detail, .matova-cover-hero-image) figure.matova-fill-blur::before,
.matova-category-card > figure.matova-fill-blur::before,
figure.matova-fill-blur:is(.is-style-matova-producto, .is-style-matova-panoramica)::before {
  content:""; position:absolute; inset:-40px; z-index:-1;
  background:var(--matova-fill) center / cover no-repeat;
  filter:blur(28px) saturate(1.05) brightness(.96); transform:translateZ(0);
}
:is(.matova-catalog-card, .matova-fleet-card, .matova-brand-scenes, .matova-catalog-detail, .matova-cover-hero-image) figure.matova-fill-frame img,
.matova-category-card > figure.matova-fill-frame img,
figure.matova-fill-frame:is(.is-style-matova-producto, .is-style-matova-panoramica) img {
  position:relative; background:transparent!important; border-radius:0!important;
}
/* La escena difuminada ya hace de margen: la foto llega al borde. El fondo liso conserva su aire. */
:is(.matova-catalog-card, .matova-fleet-card, .matova-brand-scenes, .matova-catalog-detail, .matova-cover-hero-image) figure.matova-fill-blur img,
.matova-category-card > figure.matova-fill-blur img,
figure.matova-fill-blur:is(.is-style-matova-producto, .is-style-matova-panoramica) img { padding:0!important; }
.matova-fleet-card figure.matova-fill-blur { padding:0!important; }
/* Montaje off-road de la portada: su fondo difuminado usa la foto que se ve, no una fija. */
.matova-offroad-montage > figure.matova-fill-blur { --matova-scene:var(--matova-fill); }
/* Tarjetas de familia y gama en 3:2, la proporción más común de sus fotos (mediana 1,5 en 702
   fotos): menos relleno en las fotos apaisadas y el producto se ve más grande. */
.matova-catalog-card figure img { aspect-ratio:3 / 2; }
/* Montaje de aperos: un recorte ya sin margen transparente no necesita ampliarse. */
.matova-equipment-grid .matova-implements-montage > figure img[src*="/matova-recortes/"],
.matova-equipment-grid .matova-category-card:hover .matova-implements-montage > figure img[src*="/matova-recortes/"] { transform:none; }
@media (max-width:781px) {
  /* En móvil el subsolador salía cortado por arriba y por la izquierda con la ampliación de escritorio. */
  .matova-equipment-grid .matova-implements-montage > figure:nth-child(1) { --matova-product-scale:1.3; }
}
/* Foto de cabecera de una portada de marca: el marco toma la forma de la foto, sin bandas. */
.matova-catalog-detail > figure.wp-block-image.matova-fill-frame img { aspect-ratio:auto; max-height:72vh; object-fit:contain; }
/* Fundido de borde: la foto entera, pero sus bordes interiores se funden con su fondo difuminado
   (assets/js/media-frames.js pone la clase y las medidas). */
figure.matova-fill-blur img.matova-fill-fade {
  --t:var(--matova-fade-top,0px); --b:var(--matova-fade-bottom,0px); --l:var(--matova-fade-left,0px); --r:var(--matova-fade-right,0px);
  -webkit-mask-image:linear-gradient(to bottom, transparent var(--t), #000 calc(var(--t) + var(--matova-fade-top-len,0px)), #000 calc(100% - var(--b) - var(--matova-fade-bottom-len,0px)), transparent calc(100% - var(--b))),
    linear-gradient(to right, transparent var(--l), #000 calc(var(--l) + var(--matova-fade-left-len,0px)), #000 calc(100% - var(--r) - var(--matova-fade-right-len,0px)), transparent calc(100% - var(--r)));
  mask-image:linear-gradient(to bottom, transparent var(--t), #000 calc(var(--t) + var(--matova-fade-top-len,0px)), #000 calc(100% - var(--b) - var(--matova-fade-bottom-len,0px)), transparent calc(100% - var(--b))),
    linear-gradient(to right, transparent var(--l), #000 calc(var(--l) + var(--matova-fade-left-len,0px)), #000 calc(100% - var(--r) - var(--matova-fade-right-len,0px)), transparent calc(100% - var(--r)));
  -webkit-mask-composite:source-in; mask-composite:intersect;
}
/* Con el fondo preparado por el script, el difuminado continúa el color de los bordes de la foto. */
figure.matova-fill-blur.matova-fill-reflected::before { background:var(--matova-fill-reflect) 0 0 / 100% 100% no-repeat; filter:blur(14px); inset:-40px; }
/* Cabecera de portada de marca y de gama: la foto llena su mitad del bloque oscuro, en 3:2, con el
   mismo relleno de marco que las tarjetas. */
@media (min-width:782px) { .matova-cover-hero { grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(24px,4vw,56px); } }
.matova-cover-hero .matova-cover-hero-image { background:transparent; padding:0; }
.matova-cover-hero .matova-cover-hero-image img { aspect-ratio:3 / 2; padding:0; }
.matova-cover-hero .matova-cover-hero-image figure.matova-fill-solid img { padding:clamp(10px,2vw,22px); }
.matova-cover-hero h1 { font-size:clamp(2.6rem,4.6vw,4.6rem); overflow-wrap:break-word; hyphens:auto; }

/* 28/10, Diego: referencia de la foto Italmix de Inicio. Una geometría 3:2 para
   cuadros completos; nunca deformar ni recortar una máquina para eliminar bandas. */
.matova-equipment-grid .matova-category-card > figure,
.matova-equipment-grid .matova-implements-montage {
  height:auto; aspect-ratio:var(--matova-ratio-producto);
}
.matova-category-card > figure.matova-category-whole img {
  height:100%; padding:0; transform:none!important;
}
/* Una fuente más estrecha que su marco conserva el producto completo sobre mate
   neutro: no inventar paisaje ni extender lateralmente los colores de la foto.
   Las fotos panorámicas conservan exactamente el fundido superior/inferior. */
figure.matova-fill-blur.matova-fill-narrow {
  background:var(--matova-media-matte);
}
figure.matova-fill-blur.matova-fill-narrow::before { content:none; }
figure.matova-fill-blur.matova-fill-narrow img { mask-image:none; -webkit-mask-image:none; }
/* Pausa de las escenas dobles (auditoría C05, WCAG 2.2.2): ratón, teclado o botón. */
.matova-scene-pair { position:relative; }
.matova-scene-pair:hover > figure + figure,
.matova-scene-pair:focus-within > figure + figure,
.matova-scene-pair.is-paused > figure + figure { animation-play-state:paused; }
.matova-scene-toggle { position:absolute; right:8px; bottom:8px; z-index:2; padding:4px 10px; border:0; border-radius:999px; background:rgba(0,0,0,.62); color:#fff; font:600 .72rem/1.4 var(--wp--preset--font-family--system, system-ui); cursor:pointer; opacity:.75; }
.matova-scene-toggle:hover, .matova-scene-toggle:focus-visible { opacity:1; outline:2px solid #fff; outline-offset:2px; }
@media (prefers-reduced-motion:reduce) { .matova-scene-toggle { display:none; } }

/* 28/10, encargo de Diego: las fotos agrícolas completas ajustan su marco a la fuente.
   Ampliar con cover una panorámica para llenar 3:2 cortaría la máquina. Una escena
   usa su proporción real; recortes y estudio conservan el cuadro común y su fondo.
   No se aplica a Off-Road, logos, montajes compuestos ni pases con formato elegido. */
.matova-media-agricola :is(.matova-catalog-card, .matova-cover-hero-image, .matova-catalog-detail,
  .matova-product-hero-image, .matova-product-gallery:not(.is-enhanced)) figure.matova-fill-blur:not(.matova-slideshow figure),
.matova-media-agricola .matova-category-card > figure.matova-fill-blur:not(.matova-slideshow figure),
.matova-media-agricola figure.matova-robot-photo:not(.matova-slideshow figure),
.matova-media-agricola figure.is-style-matova-producto.matova-fill-blur:not(.matova-slideshow figure),
.matova-media-agricola figure.is-style-matova-panoramica.matova-fill-blur:not(.matova-slideshow figure) {
  height:auto!important; aspect-ratio:auto!important; padding:0!important; align-self:start;
  background:transparent!important;
}
.matova-media-agricola :is(.matova-catalog-card, .matova-cover-hero-image, .matova-catalog-detail,
  .matova-product-hero-image, .matova-product-gallery:not(.is-enhanced)) figure.matova-fill-blur:not(.matova-slideshow figure) img,
.matova-media-agricola .matova-category-card > figure.matova-fill-blur:not(.matova-slideshow figure) img,
.matova-media-agricola figure.matova-robot-photo:not(.matova-slideshow figure) img,
.matova-media-agricola figure.is-style-matova-producto.matova-fill-blur:not(.matova-slideshow figure) img,
.matova-media-agricola figure.is-style-matova-panoramica.matova-fill-blur:not(.matova-slideshow figure) img {
  display:block; width:100%; height:auto!important; max-height:none!important;
  aspect-ratio:var(--matova-photo-ratio, auto)!important; padding:0!important; object-fit:contain!important;
  transform:none!important; mask-image:none!important; -webkit-mask-image:none!important;
}
.matova-media-agricola :is(.matova-catalog-card, .matova-cover-hero-image, .matova-catalog-detail,
  .matova-product-hero-image, .matova-product-gallery:not(.is-enhanced)) figure.matova-fill-blur:not(.matova-slideshow figure)::before,
.matova-media-agricola .matova-category-card > figure.matova-fill-blur:not(.matova-slideshow figure)::before,
.matova-media-agricola figure.matova-robot-photo:not(.matova-slideshow figure)::before,
.matova-media-agricola figure.is-style-matova-producto.matova-fill-blur:not(.matova-slideshow figure)::before,
.matova-media-agricola figure.is-style-matova-panoramica.matova-fill-blur:not(.matova-slideshow figure)::before { content:none!important; }
/* Quitar la doble caja de aire: el recorte preparado ya conserva su margen seguro. */
.matova-media-agricola .matova-product-hero-image,
.matova-media-agricola .matova-product-gallery:not(.is-enhanced) figure { padding:0; background:transparent; }
.matova-media-agricola :is(.matova-catalog-card, .matova-product-hero-image,
  .matova-product-gallery:not(.is-enhanced), .matova-cover-hero-image) figure.matova-fill-solid img,
.matova-media-agricola .matova-category-card > figure.matova-fill-solid img { padding:0; }

/* Una panorámica extrema necesita anchura para reconocer la máquina: tarjeta
   editorial horizontal, sin ampliarla recortando ni dejarla minúscula en un tercio. */
@media (min-width:782px) {
  .matova-media-agricola .matova-catalog-grid > .matova-catalog-card:has(>figure.matova-fill-blur:not(.matova-slideshow figure) img[data-matova-photo-format="panorama"]) {
    grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
    column-gap:32px; row-gap:16px; align-items:start;
  }
  .matova-media-agricola .matova-catalog-grid > .matova-catalog-card:has(>figure.matova-fill-blur:not(.matova-slideshow figure) img[data-matova-photo-format="panorama"]) > figure {
    grid-column:1; grid-row:1 / span 6; align-self:center;
  }
  .matova-media-agricola .matova-catalog-grid > .matova-catalog-card:has(>figure.matova-fill-blur:not(.matova-slideshow figure) img[data-matova-photo-format="panorama"]) > :not(figure) {
    grid-column:2; margin-block:0!important;
  }
}

.matova-media-agricola .matova-catalog-card > figure img,
.matova-media-agricola .matova-catalog-detail > figure img,
.matova-media-agricola .matova-product-hero-image img,
.matova-media-agricola .matova-product-gallery:not(.is-enhanced) img { padding:0; }
/* Una foto vertical no debe convertirse en un póster de varios metros. Su caja
   también se estrecha: max-height limita ambos ejes por la relación intrínseca. */
.matova-media-agricola figure.matova-fill-blur:not(.matova-slideshow figure):has(img[data-matova-photo-format="portrait"]) { width:fit-content; max-width:100%; margin-inline:auto!important; }
.matova-media-agricola figure.matova-fill-blur:not(.matova-slideshow figure) img[data-matova-photo-format="portrait"] { width:auto!important; max-width:100%; max-height:65vh!important; }

/* Misma protección para productos de estudio verticales: el marco se estrecha
   con la foto, en vez de dejar dos grandes columnas vacías a sus lados. */
.matova-media-agricola :is(.matova-catalog-card, .matova-cover-hero-image,
  .matova-catalog-detail, .matova-product-hero-image,
  .matova-product-gallery:not(.is-enhanced)) figure:not(.matova-slideshow figure):has(>img[data-matova-photo-format="portrait"]) {
  width:fit-content; max-width:100%; height:auto!important; aspect-ratio:auto;
  align-self:start; margin-inline:auto!important;
}
.matova-media-agricola :is(.matova-catalog-card, .matova-cover-hero-image,
  .matova-catalog-detail, .matova-product-hero-image,
  .matova-product-gallery:not(.is-enhanced)) figure:not(.matova-slideshow figure) > img[data-matova-photo-format="portrait"] {
  width:auto!important; height:auto!important; max-width:100%; max-height:65vh!important;
  aspect-ratio:var(--matova-photo-ratio, auto)!important; object-fit:contain;
}
.matova-media-agricola :is(.matova-catalog-card, .matova-cover-hero-image,
  .matova-catalog-detail, .matova-product-hero-image,
  .matova-product-gallery:not(.is-enhanced)) figure:not(.matova-slideshow figure):has(>img[data-matova-photo-format="portrait"]) { background:transparent!important; }
.matova-media-agricola figure:not(.matova-slideshow figure) > img[data-matova-photo-format="portrait"] { margin-inline:auto; }

/* El pie acompaña la foto completa y sigue siendo legible en la cabecera oscura. */
.matova-media-agricola .matova-product-hero .matova-product-hero-image figcaption { color:#d7dfda; }

/* Inicio compacto y categorías visibles en móvil · Diego 29/10/2026. */
.home .matova-implements-montage{grid-template-columns:1fr 1fr!important;grid-template-rows:2fr 1fr!important}
.home .matova-implements-montage>figure:first-child{grid-column:1/-1}
.home .matova-implements-montage>figure:last-child{grid-column:auto}
.home .matova-implements-montage>figure img{object-fit:contain!important;max-height:100%;padding:3px!important}
@media(max-width:781px){
.home .matova-home-hero{padding:20px 16px!important;min-height:0!important}
.home .matova-home-intro{gap:12px!important;margin-bottom:0!important}
.home .matova-home-heading h1{font-size:2.4rem!important;line-height:1.03!important;margin:8px 0!important}
.home .matova-home-hero .matova-eyebrow{font-size:.58rem;letter-spacing:.12em}
.home .matova-home-actions p{font-size:.8rem!important;line-height:1.45!important;margin:0 0 12px!important}
.home .matova-home-actions .wp-block-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px!important}
.home .matova-home-actions .wp-block-button__link{font-size:.62rem!important;padding:12px 8px!important;width:100%;box-sizing:border-box;letter-spacing:.02em}
.home .matova-category-section{padding:24px 14px!important}
.home .matova-section-heading{margin-bottom:16px!important}
.home .matova-section-heading h2{font-size:1.85rem!important;line-height:1.05!important;margin:6px 0!important}
.home .matova-section-heading .matova-eyebrow{font-size:.6rem}
.home .matova-category-grid.matova-equipment-home{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.home .matova-equipment-home>.matova-category-card{grid-column:auto!important;min-width:0}
.home .matova-equipment-home>.matova-category-card:last-child{grid-column:1/-1!important}
.home .matova-equipment-home .matova-category-card>figure,.home .matova-equipment-home .matova-equipment-montage{height:135px!important;min-height:0!important}
.home .matova-equipment-home .matova-category-card:last-child>figure{height:165px!important}
.home .matova-equipment-home .matova-category-card h3{font-size:1.25rem!important;line-height:1.12!important;margin:12px 12px 6px!important;overflow-wrap:anywhere}
.home .matova-equipment-home .matova-category-card>p{font-size:.72rem!important;line-height:1.4!important;margin:0 12px 14px!important}
.home .matova-offroad-montage{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.home .matova-search-bar{padding-top:10px!important;padding-bottom:10px!important}
}
@media(max-width:781px){
.home .matova-equipment-home>.matova-category-card:nth-child(3){grid-column:1/-1!important}
.home .matova-equipment-home>.matova-category-card:last-child{grid-column:auto!important}
.home .matova-equipment-home .matova-offroad-montage{height:120px!important;grid-template-rows:minmax(0,1fr)!important;gap:2px!important}
.home .matova-offroad-montage>figure,.home .matova-offroad-montage>figure:first-child{grid-column:auto!important;grid-row:auto!important;height:120px!important;min-height:0!important}
.home .matova-offroad-montage>figure img,.home .matova-offroad-montage>figure img.matova-fill-fade{object-fit:contain!important;object-position:center!important;padding:0 0 22px!important;box-sizing:border-box}
.home .matova-equipment-home .matova-category-card:last-child>figure{height:135px!important}
}
.matova-implements-hint{display:none}
@media(max-width:781px){
.home .matova-topbar{padding:6px 12px!important;min-height:0!important}
.home .matova-topbar p{font-size:.52rem!important;line-height:1.25!important}
.home .matova-header{padding-block:0!important}
.home .matova-header-row{min-height:58px!important}
.home .matova-main-search-header{padding:10px 16px!important}
.home .matova-main-search-header input,.home .matova-main-search-header button{min-height:42px!important;padding-block:9px!important}
.home .matova-home-heading h1{font-size:2.2rem!important}
.home .matova-equipment-home .matova-category-card>p:not(.matova-implements-hint){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:0 0 auto}
.home .matova-equipment-home .matova-implements-montage{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:0!important}
.home .matova-implements-montage>figure{flex:0 0 100%;height:125px!important;scroll-snap-align:start}
.home .matova-implements-montage>figure img,.home .matova-equipment-home .matova-category-card:hover .matova-implements-montage>figure img{transform:none!important}
.home .matova-equipment-home .matova-implements-hint{display:block;font-size:.58rem!important;line-height:1.3;margin:4px 10px 0!important;color:#4e5852;flex:0 0 auto}
.home .matova-implements-montage:focus-visible{outline:2px solid #9b2335;outline-offset:2px}
}
@media(max-width:781px){
.home .matova-equipment-home .matova-category-card h3{padding:0!important;min-height:0!important}
.home .matova-equipment-home .matova-category-card>p{padding:0!important;min-height:0!important}
.home .matova-equipment-home .matova-category-card>p:not(.matova-implements-hint){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em}
.home .matova-equipment-home .matova-category-card>.matova-implements-hint{font-size:.58rem!important;line-height:1.3!important;margin:4px 10px 0!important}
}
@media(max-width:781px){.home .matova-equipment-home .matova-implements-montage{position:relative;z-index:1}}