@media (max-width: 980px) {
	.gp-preview-review-layout {
		grid-template-columns: 1fr;
	}

	.gp-post-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gp-contact-layout,
	.gp-legal-layout {
		grid-template-columns: 1fr;
	}

  .gp-entry-content--editorial,
  .gp-entry-content--faq {
    grid-template-columns: 1fr;
  }

  .gp-editorial-section:first-child {
    grid-column: auto;
    padding-right: clamp(1.6rem, 4vw, 3.5rem);
  }

  .gp-preview-product-page[data-gp-product-slug="gladiator-attack"] .gp-paddle-story-card:first-child,
  .gp-paddle-experience--attack .gp-paddle-story-card:first-child {
    background-position: 62% center !important;
    min-height: 34rem;
    padding-right: clamp(1.75rem, 3vw, 2.75rem) !important;
  }

	.gp-contact-details,
	.gp-legal-aside {
		position: static;
	}

  .gp-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    border-radius: 0.9rem;
    box-shadow: none;
    flex: 0 0 2.5rem;
    height: 2.5rem;
    order: 4;
    padding: 0;
    width: 2.5rem;
  }

  .gp-header-action {
    flex-basis: 2.5rem;
    height: 2.5rem;
    width: 2.5rem;
  }

  .gp-primary-nav {
    display: none;
  }

  .gp-mobile-nav {
    -webkit-backdrop-filter: blur(40px) saturate(150%) brightness(0.58);
    backdrop-filter: blur(40px) saturate(150%) brightness(0.58);
    background: rgba(32, 32, 34, 0.42);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 1.5rem;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    color: var(--gp-white);
    display: none;
    left: max(0.75rem, env(safe-area-inset-left));
    max-height: calc(100dvh - 6rem);
    overflow-y: auto;
    padding: 0.65rem;
    position: fixed;
    right: max(0.75rem, env(safe-area-inset-right));
    top: 5.55rem;
    z-index: 49;
  }

  .gp-mobile-nav.is-open {
    display: block;
  }

  body.gp-catalog-menu-open #cookie-notice,
  body.gp-catalog-menu-open .gp-cookie-reopen {
    visibility: hidden;
  }

  body.gp-catalog-menu-open .gp-mobile-nav {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #f8f8f6;
    border-color: rgba(17, 17, 17, 0.12);
    border-radius: 1.35rem;
    bottom: max(0.5rem, env(safe-area-inset-bottom));
    box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.34);
    color: var(--gp-black);
    left: max(0.5rem, env(safe-area-inset-left));
    max-height: none;
    overflow: hidden;
    padding: 0;
    right: max(0.5rem, env(safe-area-inset-right));
    top: max(0.5rem, env(safe-area-inset-top));
    z-index: 100001;
  }

  body.gp-catalog-menu-open .gp-mobile-nav > .gp-menu,
  body.gp-catalog-menu-open .gp-menu__catalog {
    height: 100%;
  }

  body.gp-catalog-menu-open .gp-menu__catalog > [data-gp-catalog-menu-toggle] {
    display: none;
  }

  .gp-menu,
  .gp-menu ul {
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }

  .gp-menu__catalog {
    position: static;
  }

  .gp-menu .gp-menu__submenu {
    -webkit-backdrop-filter: blur(28px) saturate(150%) brightness(0.7);
    backdrop-filter: blur(28px) saturate(150%) brightness(0.7);
    background: linear-gradient(145deg, rgba(40, 40, 43, 0.62), rgba(8, 8, 10, 0.52));
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    display: none;
    gap: 0.4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0.45rem 0.55rem;
    min-width: 0;
    opacity: 1;
    padding: 0.45rem;
    pointer-events: auto;
    position: static;
    transform: none;
    visibility: visible;
    width: auto;
  }

  .gp-menu__catalog.is-open > .gp-menu__submenu {
    display: grid;
    transform: none;
  }

  body.gp-catalog-menu-open .gp-menu .gp-menu__submenu {
    -webkit-backdrop-filter: none;
    align-content: start;
    backdrop-filter: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--gp-black);
    gap: 0.7rem;
    height: 100%;
    margin: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
  }

  /* Catálogo funciona como un segundo nivel claro: al abrirlo no compite en
     altura con Inicio, Palas, La marca y Ayuda. */
  .gp-menu:has(> .gp-menu__catalog.is-open) > li:not(.gp-menu__catalog) {
    display: none;
  }

  .gp-menu .gp-menu__submenu li {
    border-bottom: 0;
  }

  .gp-menu .gp-menu__submenu a {
    font-size: 0.78rem;
    gap: 0.5rem;
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    min-height: 3.7rem;
    padding: 0.34rem 0.5rem 0.34rem 0.34rem;
  }

  .gp-menu__submenu-media {
    min-height: 3rem;
  }

  body.gp-catalog-menu-open .gp-menu .gp-menu__submenu-item a {
    align-content: start;
    background: #efefed;
    border-color: rgba(17, 17, 17, 0.06);
    color: var(--gp-black);
    gap: 0.55rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto 7.2rem;
    min-height: 11.4rem;
    padding: 0.8rem;
    position: relative;
  }

  body.gp-catalog-menu-open .gp-menu__submenu-copy {
    min-height: 2.15rem;
    order: -1;
    padding-right: 0.25rem;
  }

  body.gp-catalog-menu-open .gp-menu .gp-menu__submenu strong {
    color: var(--gp-black);
    font-size: 0.84rem;
    line-height: 1.18;
  }

  body.gp-catalog-menu-open .gp-menu__submenu-media {
    align-self: auto;
    background: transparent;
    min-height: 7.2rem;
  }

  body.gp-catalog-menu-open .gp-menu__submenu-media img {
    object-fit: contain;
  }

  body.gp-catalog-menu-open .gp-menu .gp-menu__submenu-item a::after {
    bottom: 1rem;
    box-shadow: 0 0 0 0.68rem rgba(255, 255, 255, 0.86);
    color: var(--gp-black);
    left: 1.05rem;
    position: absolute;
  }

  .gp-menu__submenu-intro,
  .gp-menu .gp-menu__submenu-all {
    grid-column: 1 / -1;
  }

  body.gp-catalog-menu-open .gp-menu__submenu-intro {
    padding: 0.1rem 0.1rem 0.55rem;
  }

  .gp-menu__mobile-catalog-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .gp-menu__mobile-catalog-header img {
    height: auto;
    width: 7.5rem;
  }

  .gp-menu__mobile-catalog-header button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: var(--gp-black);
    cursor: pointer;
    display: flex;
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
  }

  .gp-menu__mobile-catalog-header button:hover,
  .gp-menu__mobile-catalog-header button:focus-visible {
    background: rgba(17, 17, 17, 0.07);
  }

  .gp-menu__mobile-catalog-header svg {
    fill: none;
    height: 1.35rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
    width: 1.35rem;
  }

  body.gp-catalog-menu-open .gp-menu__submenu-heading {
    border-top: 1px solid rgba(17, 17, 17, 0.09);
    margin-top: 0.75rem;
    padding-top: 1rem;
  }

  body.gp-catalog-menu-open .gp-menu__submenu-intro span {
    color: var(--gp-volt-dark);
  }

  body.gp-catalog-menu-open .gp-menu__submenu-intro strong {
    color: var(--gp-black);
    font-size: 1.25rem;
  }

  .gp-menu .gp-menu__submenu small {
    display: none;
  }

  .gp-menu .gp-menu__submenu-all a {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 3.7rem;
    padding: 0.58rem 0.7rem;
  }

  body.gp-catalog-menu-open .gp-menu .gp-menu__submenu-all {
    border-top-color: rgba(17, 17, 17, 0.1);
  }

  body.gp-catalog-menu-open .gp-menu .gp-menu__submenu-all a {
    color: var(--gp-black);
    min-height: 4.6rem;
    padding: 0.75rem 0.9rem;
  }

  .gp-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  }

  .gp-menu li:last-child {
    border-bottom: 0;
  }

  .gp-menu > li > a,
  .gp-menu__catalog > button {
    align-items: center;
    border-radius: 1rem;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    min-height: 3.25rem;
    padding: 0.95rem 1rem;
    width: 100%;
    transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
  }

  .gp-menu a::after {
    border-right: 1.5px solid currentColor;
    border-top: 1.5px solid currentColor;
    content: '';
    height: 0.45rem;
    opacity: 0.68;
    transform: rotate(45deg);
    width: 0.45rem;
  }

  .gp-menu__catalog > [data-gp-catalog-menu-toggle]::after {
    transform: rotate(45deg);
  }

  .gp-menu__catalog.is-open > [data-gp-catalog-menu-toggle]::after {
    transform: rotate(225deg);
  }

  .gp-menu .gp-menu__submenu a::after {
    transform: rotate(45deg);
  }

  .gp-menu a:hover,
  .gp-menu a:focus-visible {
    background: rgba(255, 255, 255, 0.13);
    color: var(--gp-white);
    transform: translateX(2px);
  }

  .gp-menu-toggle[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    color: var(--gp-white);
    mix-blend-mode: normal;
  }

  .gp-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gp-shop-main ul.products,
  .gp-product-search-results,
  .gp-single-product__details ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gp-single-product__layout {
    grid-template-columns: 1fr;
  }

  .gp-single-product__summary {
    position: static;
  }

  .gp-single-product__details .woocommerce-Tabs-panel ul {
    grid-template-columns: 1fr;
  }

  .gp-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gp-brand-grid,
  .gp-faq-grid {
    grid-template-columns: 1fr;
  }

  .gp-featured__header {
    align-items: start;
    flex-direction: column;
  }

  .gp-featured-slide {
    gap: 2rem;
    grid-template-columns: 1fr;
  }

  .gp-featured-slide__media {
    min-height: 20rem;
    order: -1;
  }

  .gp-featured > .gp-container {
    width: min(var(--gp-max-width), calc(100% - 15rem));
  }

  .gp-featured__arrow {
    width: 6.7rem;
  }

  .gp-editorial-hero__content {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

/* Grip and cord v2 collapse by decision order, not by desktop position. */
@media (max-width:1100px){.gp-grip-feature-grid--grip-v2>article,.gp-cordon-feature-grid--v2>article{grid-column:span 6!important}.gp-grip-feature-grid--grip-v2>article:nth-of-type(3),.gp-cordon-feature-grid--v2>article:nth-of-type(3){grid-column:1/-1!important}.gp-grip-experience--grip-v2 .gp-grip-experience-card-v2:first-child{grid-column:1/-1}.gp-grip-experience--grip-v2 .gp-grip-experience-card-v2:not(:first-child){grid-column:span 6;min-height:15rem}}
@media (max-width:760px){.gp-product-v2--grip .gp-grip-feature-grid--grip-v2,.gp-product-v2--cordon .gp-cordon-feature-grid--v2,.gp-grip-experience--grip-v2 .gp-grip-experience__grid,.gp-product-v2--grip .gp-grip-spec-grid--grip-v2,.gp-product-v2--cordon .gp-cordon-spec-grid--v2,.gp-cordon-colors--v2,.gp-product-v2--cordon .gp-cordon-colors{grid-template-columns:1fr}.gp-grip-feature-grid--grip-v2 .gp-grip-feature-header-v2,.gp-cordon-feature-grid--v2 .gp-cordon-feature-header-v2,.gp-grip-feature-grid--grip-v2>article,.gp-cordon-feature-grid--v2>article,.gp-grip-experience--grip-v2 .gp-grip-experience-card-v2,.gp-product-v2--grip .gp-grip-spec-grid--grip-v2>div,.gp-product-v2--cordon .gp-cordon-spec-grid--v2>div{grid-column:1!important}.gp-grip-feature-grid--grip-v2>article,.gp-cordon-feature-grid--v2>article{min-height:18rem}.gp-grip-experience--grip-v2 .gp-grip-experience-card-v2{min-height:14rem}.gp-cordon-colors--v2 .gp-cordon-colors__options,.gp-product-v2--cordon .gp-cordon-colors__options{grid-template-columns:1fr}}

@media (max-width: 900px) {
	.gp-home-pack-feature {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.gp-home-pack-feature__media {
		aspect-ratio: 1.25;
		min-height: 0;
	}

	.gp-home-pack-carousel__control--next { right: .65rem; }
}

@media (max-width: 640px) {
	/* Prevent three trust cards from forcing horizontal overflow at narrow tablet widths. */
	.gp-product-trust {
		grid-template-columns: 1fr;
	}

	.gp-featured {
		display: none;
	}

	.gp-paddle-lineup__heading,
	.gp-paddle-lineup__controls,
	.gp-family-module__heading {
		width: calc(100% - 2rem);
	}

	.gp-paddle-lineup__track {
		grid-auto-columns: min(82vw, 21rem);
		padding-inline: 1rem;
		scroll-padding-inline: 1rem;
	}

	.gp-family-track {
		gap: 0.75rem;
		padding-inline: 1rem;
	}

	/* Dos productos a la vista, como la referencia. */
	.gp-family-track > .gp-product-card {
		flex: 0 0 calc((100% - 0.75rem) / 2);
	}

	/* Sin la linea no se aprecia que hay mas productos al lado. */
	.gp-family-progress {
		display: block;
	}

	.gp-home-pack-feature {
		grid-template-columns: 1fr;
		min-height: 0;
		width: 100%;
	}

	.gp-home-pack-carousel__heading,
	.gp-home-pack-carousel__viewport { width: calc(100% - 2rem); }

	.gp-home-pack-feature__media {
		aspect-ratio: 1;
		min-height: 0;
	}

	.gp-home-pack-feature__content { padding: 2rem 1.35rem 1.5rem; }
	.gp-home-pack-feature__content h3 { font-size: clamp(2.5rem, 13vw, 3.35rem); }
	.gp-home-pack-feature__lead { margin: 1rem 0 1.35rem; }
	.gp-home-pack-feature__options > div {
		gap: .28rem .75rem;
		grid-template-columns: minmax(0,1fr) auto;
	}
	.gp-home-pack-feature__options span { grid-column: 1 / -1; grid-row: 2; }
	.gp-home-pack-feature__cta { margin-top: 1.5rem; }
	/*
	 * Fuera la flecha en movil: Toni la lee como un control suelto. La
	 * seccion SI es un carrusel de tres packs, y su navegacion queda en la
	 * paginacion de puntos, que se conserva.
	 */
	.gp-home-pack-carousel__control,
	.gp-home-pack-carousel__pagination { display: none; }

	.gp-family-module__controls button:first-child { left: .5rem; }
	.gp-family-module__controls button:last-child { right: .5rem; }

	.gp-mobile-nav {
		top: 5.05rem;
	}

	.gp-reviews__empty {
		align-items: flex-start;
		flex-direction: column;
	}

	.gp-post-list {
		grid-template-columns: 1fr;
	}

	.gp-post-card__body {
		padding: 1.25rem;
	}

	.gp-form-grid {
		grid-template-columns: 1fr;
	}

  .gp-container {
    width: min(var(--gp-max-width), calc(100% - 24px));
  }

  .gp-header__inner {
    gap: 0.65rem;
    min-height: 4.5rem;
  }

  .gp-site-header {
    margin-bottom: -4.5rem;
  }

  .gp-brand {
    flex: 1;
  }

  .gp-header-actions {
    flex: 0 0 auto;
  }

  .gp-section {
    padding: 4.5rem 0;
  }

  .gp-section-heading {
    align-items: start;
    flex-direction: column;
    gap: 1rem;
  }

  /*
   * Portada de movil un 20 % mas baja (47rem/88svh -> 37.6rem/70.4svh). Con la
   * imagen anclada arriba, lo que deja de verse es la parte de abajo.
   */
  /*
   * La portada de movil adopta la proporcion exacta de la foto (941x1672).
   * Asi la foto entra COMPLETA y siempre igual, sea cual sea el ancho: no hay
   * recorte que ajustar ni fondo que asome. Antes la portada tenia una altura
   * fija con otra proporcion, y cualquier tamano o posicion recortaba algo.
   */
  .gp-hero {
    aspect-ratio: 941 / 1672;
    min-height: 0;
  }

  /* El interior llena la portada; si no, el texto se queda a media altura. */
  .gp-hero__inner {
    min-height: 100%;
    z-index: 2;
  }

  /*
   * Cinta de mensajes al pie de la portada. El contenido va duplicado en el
   * marcado y la animacion recorre exactamente la mitad, asi que el bucle no
   * tiene salto. Se detiene si el sistema pide menos movimiento.
   */
  .gp-hero__ticker {
    /* Gris claro: el crema de marca quedaba demasiado blanco junto al hero. */
    background: #d5d3ce;
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 3;
  }

  .gp-hero__ticker-track {
    animation: gp-hero-ticker 22s linear infinite;
    display: flex;
    gap: 2.5rem;
    padding: 0.7rem 0;
    white-space: nowrap;
    width: max-content;
  }

  .gp-hero__ticker-item {
    color: var(--gp-ink);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .gp-hero__ticker-item::after {
    color: #8a9a00;
    content: "•";
    margin-left: 2.5rem;
  }

  @keyframes gp-hero-ticker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }

  @media (prefers-reduced-motion: reduce) {
    .gp-hero__ticker-track {
      animation: none;
    }
  }

  .gp-hero {
    background-position-x: right;
    background-position-y: calc(50% + 2rem);
    background-size: auto 100%;
  }

  .gp-hero[data-gp-hero-variant="legacy-court"] {
    background-position-x: right;
    background-position-y: calc(50% + 2rem);
    background-size: auto 100%;
  }

  /*
   * Portada vertical propia para movil. Hasta ahora el movil reencuadraba la
   * panoramica de escritorio (1672x941), que obligaba a recortar los laterales
   * y dejaba las palas pequenas. El original vertical vive en
   * `imagenes/Portada/hero-paletas-humo-movil.png` (1086x1448).
   */
  /*
   * La foto ocupa el 80 % de arriba de la portada y pierde su 20 % superior;
   * el 20 % de abajo queda en negro. Va en un `::after` con `height: 80%` y
   * anclada abajo: asi el recorte sale por arriba y todo es proporcional, sin
   * pixeles ni porcentajes de viewport que revisar en cada ancho.
   */
  .gp-hero[data-gp-hero-variant="duo-smoke"] {
    background-image: none;
  }

  .gp-hero[data-gp-hero-variant="duo-smoke"]::after {
    background-image: image-set(
      url("../images/brand/hero-paletas-duo-movil.webp") type("image/webp"),
      url("../images/brand/hero-paletas-duo-movil.jpg") type("image/jpeg")
    );
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 80%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }


  /*
   * Fuera el degradado lateral: venia de cuando el texto iba pegado a la
   * izquierda y necesitaba fondo oscuro debajo. Con el bloque centrado solo
   * ensuciaba la foto. Se conserva el vertical, que es el que hace legible el
   * texto sobre la parte baja.
   */
  .gp-hero::before {
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 28%,
      rgba(0, 0, 0, 0.35) 48%,
      rgba(0, 0, 0, 0.72) 66%,
      rgba(0, 0, 0, 0.88) 100%
    );
  }

  .gp-hero__inner {
    align-items: stretch;
    /* La cinta mide 42 px y va superpuesta al pie: esto deja aire entre ambas. */
    padding-bottom: 4.5rem;
    padding-top: 6.5rem;
  }

  /*
   * Reparto vertical de la portada movil: titular arriba, y abajo el CTA con el
   * modelo justo debajo. Se hace con `order`, no tocando el marcado, para que
   * el HTML siga siendo el mismo que en escritorio y que en la preview.
   */
  .gp-hero__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }

  /* `margin-top: auto` empuja el bloque entero al fondo de la portada. */
  .gp-hero h1 {
    font-size: clamp(2.68rem, 12vw, 4.32rem);
    font-weight: 560;
    margin-top: auto;
    max-width: 8.5ch;
    order: 1;
  }

  .gp-hero__cta {
    align-self: center;
    display: inline-flex;
    margin-top: 1.25rem;
    order: 2;
  }

  .gp-hero__model {
    font-size: clamp(0.95rem, 3.6vw, 1.15rem);
    margin: 1rem 0 0;
    /* Sin el tope de 17rem cabe en una sola linea. */
    max-width: 100%;
    order: 3;
  }

  .gp-product-grid,
  .gp-category-grid,
  .gp-review-grid,
  .gp-brand-points,
  .gp-footer-grid,
  .gp-shop-main ul.products,
  .gp-product-search-results,
  .gp-single-product__details ul.products {
    grid-template-columns: 1fr;
  }

  /*
   * Solo el catalogo va a dos columnas. A una sola, cada tarjeta ocupaba casi
   * una pantalla entera y ver dieciseis productos era un scroll larguisimo.
   * Va acotado con `[data-gp-catalog-grid]` (preview) y `.gp-shop-main`
   * (archivo real de WooCommerce): el home tiene su propia `gp-product-grid` y
   * ahi no se ha pedido nada, asi que se queda en una columna.
   */
  .gp-product-grid[data-gp-catalog-grid],
  .gp-shop-main ul.products,
  .gp-family-track {
    gap: 0.75rem;
    /*
     * `1fr` en las filas iguala todas a la mas alta. Sin esto, una fila con dos
     * titulos de una linea quedaba 20 px mas baja que otra con titulos de dos,
     * y las tarjetas dejaban de medir lo mismo entre filas.
     */
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Esquina mas recta que la de serie (1.75rem), como la referencia. */
  .gp-product-grid[data-gp-catalog-grid] .gp-product-card,
  .gp-shop-main ul.products .gp-product-card,
  .gp-family-track .gp-product-card {
    border-radius: 0.75rem;
  }

  /* Tarjeta al estilo pedido: titulo, precio y CTA. El subtitulo sobra. */
  .gp-product-grid[data-gp-catalog-grid] .gp-product-card__description,
  .gp-shop-main ul.products .gp-product-card__description,
  .gp-family-track .gp-product-card__description {
    display: none;
  }

  /*
   * El precio es quien lleva el `margin-top: auto`, no el CTA: asi precio y
   * boton viajan juntos al fondo y el precio queda siempre justo encima,
   * ocupe el titulo una linea o dos.
   */
  .gp-product-grid[data-gp-catalog-grid] .gp-product-card__price,
  .gp-product-grid[data-gp-catalog-grid] [data-gp-card-price],
  .gp-shop-main ul.products .gp-product-card__price,
  .gp-shop-main ul.products [data-gp-card-price],
  .gp-family-track .gp-product-card__price,
  .gp-family-track [data-gp-card-price] {
    margin-bottom: 0.6rem;
    margin-top: auto;
  }

  /*
   * Menos relleno: el boton gana ancho y baja un poco. Y `min-height: 0`, que
   * de serie son 11.25rem: ese alto sobrante caia entre el titulo y el precio
   * —41 px con titulo de dos lineas frente a los 10 px de precio a boton— y era
   * lo que estiraba la tarjeta de mas.
   */
  .gp-product-grid[data-gp-catalog-grid] .gp-product-card__body,
  .gp-shop-main ul.products .gp-product-card__body,
  .gp-family-track .gp-product-card__body {
    min-height: 0;
    padding: 1rem 0.75rem 0.75rem;
  }

  /* Mismo hueco que el de precio a boton. */
  .gp-product-grid[data-gp-catalog-grid] .gp-product-card__body h2,
  .gp-shop-main ul.products .gp-product-card__body h2,
  .gp-family-track .gp-product-card__body h2 {
    margin-bottom: 0.6rem;
  }

  /*
   * El corazon, mas metido en la esquina (de 0.75rem a 0.25rem) y al 50 %.
   * Recupera opacidad completa al pulsarlo o al marcarlo: si ya es favorito
   * tiene que verse, no quedarse a medio gas.
   */
  .gp-product-grid[data-gp-catalog-grid] .gp-wishlist-toggle--card,
  .gp-shop-main ul.products .gp-wishlist-toggle--card,
  .gp-family-track .gp-wishlist-toggle--card {
    opacity: 0.5;
    right: 0.25rem;
    top: 0.25rem;
  }

  .gp-product-grid[data-gp-catalog-grid] .gp-wishlist-toggle--card:hover,
  .gp-product-grid[data-gp-catalog-grid] .gp-wishlist-toggle--card:focus-visible,
  .gp-product-grid[data-gp-catalog-grid] .gp-wishlist-toggle--card.is-active,
  .gp-shop-main ul.products .gp-wishlist-toggle--card:hover,
  .gp-shop-main ul.products .gp-wishlist-toggle--card:focus-visible,
  .gp-shop-main ul.products .gp-wishlist-toggle--card.is-active,
  .gp-family-track .gp-wishlist-toggle--card:hover,
  .gp-family-track .gp-wishlist-toggle--card:focus-visible,
  .gp-family-track .gp-wishlist-toggle--card.is-active {
    opacity: 1;
  }

  /* El titulo nunca pasa de dos lineas; si sobra, se recorta con puntos. */
  .gp-product-grid[data-gp-catalog-grid] .gp-product-card__body h2,
  .gp-shop-main ul.products .gp-product-card__body h2,
  .gp-family-track .gp-product-card__body h2 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-clamp: 2;
    overflow: hidden;
  }

  /*
   * A dos columnas la tarjeta mide unos 172 px: con el relleno de serie,
   * «Comprar ahora» partia en dos lineas. Se aprieta el texto, no la altura,
   * que se queda en los 48 px de superficie tactil.
   */
  /*
   * `margin-top: auto` clava el CTA al fondo del cuerpo. Sin esto quedaba a
   * distinta altura en cada tarjeta segun si el titulo ocupaba una linea o dos,
   * que es lo que se veia desalineado entre columnas.
   */
  .gp-product-grid[data-gp-catalog-grid] .gp-product-card__cta,
  .gp-shop-main ul.products .gp-product-card__cta,
  .gp-family-track .gp-product-card__cta {
    display: inline-flex;
    font-size: 0.85rem;
    margin-top: 0;
    min-height: 40px;
    padding: 0.5rem 0.6rem;
    white-space: nowrap;
    width: 100%;
  }

  .gp-shop-toolbar {
    align-items: start;
    flex-direction: column;
    gap: 0.8rem;
    justify-content: center;
    padding: 0.8rem 0;
  }

  .gp-main .post-navigation .nav-links {
    grid-template-columns: 1fr;
  }

  .gp-single-product__summary {
    padding: 1.25rem;
  }

  .gp-single-product__summary form.cart .single_add_to_cart_button,
  .gp-single-product__summary form.cart .quantity {
    margin-top: 0.75rem;
    width: 100%;
  }

  .gp-trust-grid {
    grid-template-columns: 1fr;
  }

  .gp-trust-item {
    justify-content: flex-start;
    min-height: 6.5rem;
    padding-inline: clamp(1rem, 5vw, 2rem);
  }

  .gp-footer-bottom {
    align-items: start;
    flex-direction: column;
    gap: 0.4rem;
  }

  .gp-footer-brand__logo {
    max-width: 13rem;
  }

  .gp-search-form {
    align-items: stretch;
    flex-direction: column;
  }

  .gp-search-form .gp-button {
    width: 100%;
  }

  .gp-featured__stage,
  .gp-featured__slides,
  .gp-featured-slide {
    min-height: 36rem;
  }

  .gp-featured-slide__copy h3 {
    font-size: 2.6rem;
  }

  .gp-featured-slide__actions,
  .gp-featured-slide__actions .gp-button {
    width: 100%;
  }

  .gp-featured > .gp-container {
    width: calc(100% - 12rem);
  }

  .gp-featured__arrow {
    border-radius: 0;
    width: 5.3rem;
  }

  .gp-featured__arrow svg {
    height: 1.35rem;
    width: 1.35rem;
  }

  .gp-editorial-hero__content {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}

@media (max-width: 420px) {
  .gp-header__inner {
    gap: 0.35rem;
  }

  .gp-brand {
    flex-basis: 0;
    min-width: 0;
  }

  .gp-brand__image {
    max-width: 8.5rem;
  }

  .gp-header-actions {
    gap: 0.05rem;
  }

  .gp-featured-slide__copy h3 {
    font-size: 2.1rem;
  }

  .gp-single-product__summary {
    padding: 1rem;
  }

  .gp-product-trust li {
    grid-template-columns: 3.9rem minmax(0, 1fr);
  }

  .gp-product-trust,
  .gp-product-faqs-content__grid {
    grid-template-columns: 1fr;
  }

  .gp-cordon-feature-grid,
  .gp-preview-product-page[data-gp-product-slug="cordon-pala-padel"] .gp-preview-feature-grid,
  .gp-preview-product-page[data-gp-product-slug="cordon-pala-padel"] .gp-preview-spec-grid,
  .gp-cordon-colors,
  .gp-cordon-spec-grid,
  .gp-paddle-layers__grid,
  .gp-paddle-story-grid,
  .gp-paddle-spec-grid,
  .gp-grip-experience__grid,
  .gp-grip-comparison .gp-grip-experience__grid,
  .gp-preview-product-page[data-gp-product-slug="spray-antideslizante-padel"] .gp-grip-experience__grid,
  .gp-grip-spec-grid,
  .gp-control-experience__grid,
  .gp-control-spec-grid {
    grid-template-columns: 1fr!important;
  }

  .gp-cordon-feature-grid > article,
  .gp-preview-product-page[data-gp-product-slug="cordon-pala-padel"] .gp-preview-feature-grid > article {
    min-height: 0;
  }

  .gp-cordon-colors__options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gp-cordon-compatibility {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .gp-product-caution {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .gp-paddle-story-card {
    min-height: 0;
  }
}

@media (max-width: 760px) {
  .gp-cordon-feature-grid,
  .gp-preview-product-page[data-gp-product-slug="cordon-pala-padel"] .gp-preview-feature-grid,
  .gp-preview-product-page[data-gp-product-slug="cordon-pala-padel"] .gp-preview-spec-grid,
  .gp-cordon-colors,
  .gp-cordon-spec-grid,
  .gp-paddle-layers__grid,
  .gp-paddle-story-grid,
  .gp-paddle-spec-grid,
  .gp-grip-experience__grid,
  .gp-grip-comparison .gp-grip-experience__grid,
  .gp-preview-product-page[data-gp-product-slug="spray-antideslizante-padel"] .gp-grip-experience__grid,
  .gp-grip-spec-grid,
  .gp-control-experience__grid,
  .gp-control-spec-grid {
    grid-template-columns: 1fr;
  }

  .gp-cordon-feature-grid > article,
  .gp-preview-product-page[data-gp-product-slug="cordon-pala-padel"] .gp-preview-feature-grid > article {
    min-height: 0;
  }

  .gp-cordon-compatibility {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .gp-product-caution {
    align-items: start;
    grid-template-columns: 1fr;
  }
}

/* Watch and marker v2 preserve hierarchy instead of shrinking the desktop bento. */
/* Grip v2 preserves the product-specific story at smaller widths. */
@media (max-width:1100px) {
  .gp-grip-feature-grid--spray-v2 > article,
  .gp-grip-feature-grid--magnesium-v2 > article { grid-column:span 6 !important; }
  .gp-grip-feature-grid--spray-v2 > article:nth-of-type(3),
  .gp-grip-feature-grid--magnesium-v2 > article:nth-of-type(3) { grid-column:1 / -1 !important; min-height:17rem; }
}
@media (max-width:760px) {
  .gp-product-v2--spray .gp-grip-feature-grid--spray-v2,
  .gp-product-v2--magnesium .gp-grip-feature-grid--magnesium-v2,
  .gp-product-v2--kit .gp-grip-feature-grid--kit-v2,
  .gp-grip-experience--magnesium-v2 .gp-grip-experience__grid,
  .gp-grip-experience--kit-v2 .gp-grip-experience__grid,
  .gp-product-v2--spray .gp-grip-spec-grid--spray-v2,
  .gp-product-v2--magnesium .gp-grip-spec-grid--magnesium-v2,
  .gp-product-v2--kit .gp-grip-spec-grid--kit-v2 { grid-template-columns:1fr; }
  .gp-grip-feature-header-v2,
  .gp-grip-feature-grid--spray-v2 > article,
  .gp-grip-feature-grid--magnesium-v2 > article,
  .gp-grip-feature-grid--kit-v2 > article,
  .gp-grip-experience--magnesium-v2 .gp-grip-experience-card-v2,
  .gp-grip-experience--kit-v2 .gp-grip-experience-card-v2,
  .gp-product-v2--spray .gp-grip-spec-grid--spray-v2 > div,
  .gp-product-v2--magnesium .gp-grip-spec-grid--magnesium-v2 > div,
  .gp-product-v2--kit .gp-grip-spec-grid--kit-v2 > div { grid-column:1 !important; }
  .gp-grip-feature-grid--spray-v2 > article,
  .gp-grip-feature-grid--magnesium-v2 > article,
  .gp-grip-feature-grid--kit-v2 > article { min-height:19rem; }
  .gp-grip-experience--spray-v2 .gp-grip-experience-card-v2 { align-items:start; grid-template-columns:3.6rem minmax(0,1fr); }
  .gp-grip-experience--spray-v2 .gp-grip-experience-card-v2::before { grid-column:2; grid-row:auto; }
}

@media (max-width: 1100px) {
  .gp-control-feature-grid--watch-v2 > article,
  .gp-control-feature-grid--watch-v2 > article:nth-of-type(1),
  .gp-control-feature-grid--watch-v2 > article:nth-of-type(2),
  .gp-control-feature-grid--marker-v2 > article,
  .gp-control-feature-grid--marker-v2 > article:nth-of-type(1),
  .gp-control-feature-grid--marker-v2 > article:nth-of-type(2) {
    grid-column: span 6;
  }

  .gp-control-feature-grid--watch-v2 > article:nth-of-type(3),
  .gp-control-feature-grid--marker-v2 > article:nth-of-type(3) {
    grid-column: 1 / -1;
    min-height: 17rem;
  }
}

@media (max-width: 900px) {
  .gp-control-experience--watch-v2 .gp-control-experience__grid,
  .gp-control-experience--marker-v2 .gp-control-experience__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .gp-control-experience--watch-v2 .gp-control-experience-card,
  .gp-control-experience--watch-v2 .gp-control-experience-card[data-role="score"],
  .gp-control-experience--watch-v2 .gp-control-experience-card:not([data-role="score"]),
  .gp-control-experience--marker-v2 .gp-control-experience-card {
    grid-column: auto;
    grid-row: auto;
    min-height: 16rem;
  }

  .gp-control-story-grid--watch,
  .gp-control-story-grid--marker {
    grid-template-columns: 1fr;
  }

  .gp-control-story-card {
    min-height: 0;
  }
}

@media (max-width: 760px) {
  .gp-product-v2--watch .gp-control-feature-grid--watch-v2,
  .gp-product-v2--marker .gp-control-feature-grid--marker-v2 {
    grid-template-columns: 1fr;
    padding: 1.1rem;
  }

  .gp-control-feature-header,
  .gp-control-feature-grid--watch-v2 > article,
  .gp-control-feature-grid--watch-v2 > article:nth-of-type(1),
  .gp-control-feature-grid--watch-v2 > article:nth-of-type(2),
  .gp-control-feature-grid--watch-v2 > article:nth-of-type(3),
  .gp-control-feature-grid--marker-v2 > article,
  .gp-control-feature-grid--marker-v2 > article:nth-of-type(1),
  .gp-control-feature-grid--marker-v2 > article:nth-of-type(2),
  .gp-control-feature-grid--marker-v2 > article:nth-of-type(3) {
    grid-column: 1;
  }

  .gp-control-feature-grid--watch-v2 > article,
  .gp-control-feature-grid--marker-v2 > article {
    min-height: 19rem;
  }

  .gp-control-experience--watch-v2 .gp-control-experience__grid,
  .gp-control-experience--marker-v2 .gp-control-experience__grid,
  .gp-product-v2--watch .gp-control-spec-grid--watch-v2,
  .gp-product-v2--marker .gp-control-spec-grid--marker-v2 {
    grid-template-columns: 1fr;
  }

  .gp-control-experience--watch-v2 .gp-control-experience-card,
  .gp-control-experience--watch-v2 .gp-control-experience-card[data-role="score"],
  .gp-control-experience--watch-v2 .gp-control-experience-card:not([data-role="score"]),
  .gp-control-experience--marker-v2 .gp-control-experience-card,
  .gp-product-v2--watch .gp-control-spec-grid--watch-v2 > div,
  .gp-product-v2--marker .gp-control-spec-grid--marker-v2 > div {
    grid-column: 1 !important;
    grid-row: auto;
  }

  .gp-control-experience--marker-v2 .gp-control-experience-card[data-role="choose"],
  .gp-control-experience--marker-v2 .gp-control-experience-card[data-role="place"] {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .gp-control-experience--marker-v2 .gp-control-experience-card[data-role="choose"] .gp-control-experience__icon,
  .gp-control-experience--marker-v2 .gp-control-experience-card[data-role="place"] .gp-control-experience__icon {
    grid-row: auto;
  }
}

/* Control v2 keeps its bento hierarchy without compressing copy. */
@media (max-width: 1100px) {
  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(1),
  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(2),
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(1),
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(2) {
    grid-column: span 6;
  }

  .gp-paddle-v2--control .gp-paddle-layers__grid article,
  .gp-paddle-experience--control .gp-paddle-layers__grid article {
    grid-column: span 6 !important;
  }

  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(1),
  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(2),
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(1),
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(2) {
    grid-column: span 6;
  }
}

@media (max-width: 900px) {
  .gp-paddle-v2--attack .gp-paddle-layers__grid,
  .gp-paddle-experience--attack .gp-paddle-layers__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .gp-paddle-v2--attack .gp-paddle-layers__grid::before,
  .gp-paddle-experience--attack .gp-paddle-layers__grid::before {
    display: none;
  }

  .gp-paddle-v2--attack .gp-paddle-layers__grid article,
  .gp-paddle-experience--attack .gp-paddle-layers__grid article {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

@media (max-width: 760px) {
  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2,
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 {
    grid-template-columns: 1fr;
    padding: 1.1rem;
  }

  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2 > article,
  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(1),
  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(2),
  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(3),
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 > article,
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(1),
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(2),
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(3),
  .gp-paddle-metrics__header {
    grid-column: 1;
  }

  .gp-paddle-feature-grid--control-v2 > article {
    min-height: 19rem;
  }

  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(3),
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(3) {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(3) .gp-cordon-icon,
  .gp-paddle-v2--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(3) .gp-preview-feature-icon,
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(3) .gp-cordon-icon,
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v2 > article:nth-of-type(3) .gp-preview-feature-icon {
    grid-row: auto;
    margin: 0 0 2rem;
  }

  .gp-paddle-v2--control .gp-paddle-layers__grid,
  .gp-paddle-experience--control .gp-paddle-layers__grid,
  .gp-paddle-v2--control .gp-preview-spec-grid,
  .gp-paddle-experience--control .gp-paddle-spec-grid {
    grid-template-columns: 1fr;
  }

  .gp-paddle-v2--control .gp-paddle-layers__grid article,
  .gp-paddle-experience--control .gp-paddle-layers__grid article,
  .gp-paddle-v2--control .gp-preview-spec-grid > div,
  .gp-paddle-experience--control .gp-paddle-spec-grid > div {
    grid-column: 1 !important;
  }

  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2,
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 {
    grid-template-columns: 1fr;
    padding: 1.1rem;
  }

  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article,
  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(1),
  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(2),
  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(3),
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article,
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(1),
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(2),
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(3),
  .gp-paddle-attack__header {
    grid-column: 1;
  }

  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article,
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article {
    min-height: 19rem;
  }

  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(3),
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(3) {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(3) .gp-cordon-icon,
  .gp-paddle-v2--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(3) .gp-preview-feature-icon,
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(3) .gp-cordon-icon,
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v2 > article:nth-of-type(3) .gp-preview-feature-icon {
    grid-row: auto;
    margin: 0 0 2rem;
  }

  .gp-paddle-v2--attack .gp-paddle-layers__grid,
  .gp-paddle-experience--attack .gp-paddle-layers__grid,
  .gp-paddle-v2--attack .gp-preview-spec-grid,
  .gp-paddle-experience--attack .gp-paddle-spec-grid {
    grid-template-columns: 1fr;
  }

  .gp-paddle-v2--attack .gp-preview-spec-grid > div,
  .gp-paddle-experience--attack .gp-paddle-spec-grid > div {
    grid-column: 1 !important;
  }
}

/* Product v2 mobile normalization. Keep preview and WooCommerce on the same
 * content-led rhythm and prevent legacy fixed heights from creating dead air. */
@media (max-width: 760px) {
  .gp-product-v2--spray .gp-grip-feature-grid--spray-v2,
  .gp-product-v2--magnesium .gp-grip-feature-grid--magnesium-v2,
  .gp-product-v2--kit .gp-grip-feature-grid--kit-v2,
  .gp-product-v2--grip .gp-grip-feature-grid--grip-v2,
  .gp-product-v2--cordon .gp-cordon-feature-grid--v2 {
    gap: 0.85rem;
    padding: 1rem;
  }

  .gp-product-v2--spray .gp-grip-feature-grid--spray-v2 > article,
  .gp-product-v2--magnesium .gp-grip-feature-grid--magnesium-v2 > article,
  .gp-product-v2--kit .gp-grip-feature-grid--kit-v2 > article,
  .gp-product-v2--grip .gp-grip-feature-grid--grip-v2 > article,
  .gp-product-v2--cordon .gp-cordon-feature-grid--v2 > article,
  .gp-product-v2--spray .gp-grip-experience-card-v2,
  .gp-product-v2--magnesium .gp-grip-experience-card-v2,
  .gp-product-v2--kit .gp-grip-experience-card-v2,
  .gp-product-v2--grip .gp-grip-experience-card-v2 {
    min-height: 0;
    overflow-wrap: anywhere;
  }

  .gp-product-v2--spray .gp-grip-feature-grid--spray-v2 > article,
  .gp-product-v2--magnesium .gp-grip-feature-grid--magnesium-v2 > article,
  .gp-product-v2--kit .gp-grip-feature-grid--kit-v2 > article,
  .gp-product-v2--grip .gp-grip-feature-grid--grip-v2 > article,
  .gp-product-v2--cordon .gp-cordon-feature-grid--v2 > article {
    padding: 1.6rem;
  }

  .gp-product-v2--grip .gp-grip-spec-grid--grip-v2 > div,
  .gp-product-v2--cordon .gp-cordon-spec-grid--v2 > div,
  .gp-product-v2--spray .gp-grip-spec-grid--spray-v2 > div,
  .gp-product-v2--magnesium .gp-grip-spec-grid--magnesium-v2 > div,
  .gp-product-v2--kit .gp-grip-spec-grid--kit-v2 > div {
    min-height: 0;
  }

  .gp-product-v2--cordon .gp-cordon-colors__options button,
  .gp-product-v2--cordon .gp-cordon-colors__options--static > span {
    min-height: 3.25rem;
  }
}

@media (max-width: 900px) {
  .gp-paddle-v3--control .gp-paddle-feature-grid--control-v3 > article,
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v3 > article,
  .gp-paddle-v3--attack .gp-paddle-feature-grid--attack-v3 > article,
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v3 > article {
    grid-column: span 6;
  }

  .gp-paddle-v3--control .gp-paddle-feature-grid--control-v3 > article:nth-of-type(3),
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v3 > article:nth-of-type(3),
  .gp-paddle-v3--attack .gp-paddle-feature-grid--attack-v3 > article:nth-of-type(3),
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v3 > article:nth-of-type(3) {
    grid-column: 1 / -1;
  }

  .gp-paddle-v3--attack .gp-paddle-layers__grid,
  .gp-paddle-experience--attack .gp-paddle-layers__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .gp-paddle-v3--attack .gp-paddle-anatomy-product,
  .gp-paddle-experience--attack .gp-paddle-anatomy-product {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-self: center;
    max-width: 28rem;
    min-height: 0;
    order: -1;
    width: 100%;
  }

  .gp-paddle-v3--attack .gp-paddle-layers__grid article,
  .gp-paddle-experience--attack .gp-paddle-layers__grid article,
  .gp-paddle-v3--attack .gp-paddle-layers__grid article:nth-child(n),
  .gp-paddle-experience--attack .gp-paddle-layers__grid article:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 760px) {
  .gp-paddle-v3--control .gp-paddle-feature-grid--control-v3 > article,
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v3 > article,
  .gp-paddle-v3--attack .gp-paddle-feature-grid--attack-v3 > article,
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v3 > article,
  .gp-paddle-v3--control .gp-paddle-feature-grid--control-v3 > article:nth-of-type(n),
  .gp-paddle-experience--control .gp-paddle-feature-grid--control-v3 > article:nth-of-type(n),
  .gp-paddle-v3--attack .gp-paddle-feature-grid--attack-v3 > article:nth-of-type(n),
  .gp-paddle-experience--attack .gp-paddle-feature-grid--attack-v3 > article:nth-of-type(n) {
    grid-column: 1;
    min-height: 0;
    padding: 1.4rem;
  }

  .gp-paddle-metrics__header h2,
  .gp-paddle-attack__header h2 {
    font-size: clamp(2.35rem, 12vw, 3.45rem);
  }

  .gp-paddle-v3--control .gp-paddle-layers__grid article,
  .gp-paddle-experience--control .gp-paddle-layers__grid article,
  .gp-paddle-v3--control .gp-preview-spec-grid > div,
  .gp-paddle-experience--control .gp-paddle-spec-grid > div,
  .gp-paddle-v3--attack .gp-preview-spec-grid > div,
  .gp-paddle-experience--attack .gp-paddle-spec-grid > div {
    grid-column: 1 !important;
    min-height: 0;
  }

  .gp-paddle-v3--attack .gp-paddle-layers__grid,
  .gp-paddle-experience--attack .gp-paddle-layers__grid {
    grid-template-columns: 1fr;
  }

  .gp-paddle-v3--attack .gp-paddle-anatomy-product,
  .gp-paddle-experience--attack .gp-paddle-anatomy-product {
    grid-column: 1;
    max-width: none;
  }
}

@media (max-width: 900px) {
  .gp-grip-feature-grid--grip-v3 > article,
  .gp-cordon-feature-grid--v3 > article,
  .gp-grip-feature-grid--grip-v3 > article:nth-of-type(n),
  .gp-cordon-feature-grid--v3 > article:nth-of-type(n) {
    grid-column: span 6;
  }

  .gp-grip-feature-grid--grip-v3 > article:nth-of-type(3),
  .gp-cordon-feature-grid--v3 > article:nth-of-type(3) {
    grid-column: 1 / -1;
  }

  .gp-product-v3--grip .gp-grip-spec-grid--grip-v3,
  .gp-grip-spec-grid--grip-v3,
  .gp-cordon-spec-grid--v3,
  .gp-product-v3--cordon .gp-cordon-spec-grid--v3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gp-product-v3--grip .gp-grip-spec-grid--grip-v3 > div,
  .gp-grip-spec-grid--grip-v3 > div,
  .gp-product-v3--cordon .gp-cordon-spec-grid--v3 > div,
  .gp-cordon-spec-grid--v3 > div {
    grid-column: auto !important;
  }
}

@media (max-width: 760px) {
  .gp-grip-feature-grid--grip-v3,
  .gp-cordon-feature-grid--v3,
  .gp-grip-experience--grip-v3 .gp-grip-experience__grid,
  .gp-product-v3--grip .gp-grip-spec-grid--grip-v3,
  .gp-grip-spec-grid--grip-v3,
  .gp-cordon-spec-grid--v3,
  .gp-product-v3--cordon .gp-cordon-spec-grid--v3,
  .gp-cordon-colors--v3,
  .gp-product-v3--cordon .gp-cordon-colors {
    grid-template-columns: 1fr;
  }

  .gp-grip-feature-grid--grip-v3 > article,
  .gp-cordon-feature-grid--v3 > article,
  .gp-grip-feature-grid--grip-v3 > article:nth-of-type(n),
  .gp-cordon-feature-grid--v3 > article:nth-of-type(n),
  .gp-grip-experience--grip-v3 .gp-grip-experience-card-v3,
  .gp-grip-experience--grip-v3 .gp-grip-experience-card-v3:first-child,
  .gp-product-v3--grip .gp-grip-spec-grid--grip-v3 > div,
  .gp-grip-spec-grid--grip-v3 > div,
  .gp-product-v3--cordon .gp-cordon-spec-grid--v3 > div,
  .gp-cordon-spec-grid--v3 > div {
    grid-column: 1 !important;
    min-height: 0;
  }

  .gp-grip-feature-grid--grip-v3 > article,
  .gp-cordon-feature-grid--v3 > article {
    padding: 1.4rem;
  }

  .gp-grip-experience--grip-v3 .gp-grip-experience-card-v3 {
    padding: 1.35rem;
  }

  .gp-cordon-colors--v3 .gp-cordon-colors__options,
  .gp-product-v3--cordon .gp-cordon-colors__options {
    grid-template-columns: 1fr 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gp-cordon-colors--v3,
  .gp-product-v3--cordon .gp-cordon-colors {
    transition: none;
  }
}

@media (max-width: 900px) {
  .gp-control-feature-grid--watch-v3 > .gp-control-feature-v3,
  .gp-control-feature-grid--marker-v3 > .gp-control-feature-v3,
  .gp-control-feature-grid--watch-v3 > .gp-control-feature-v3:nth-of-type(n),
  .gp-control-feature-grid--marker-v3 > .gp-control-feature-v3:nth-of-type(n) {
    grid-column: span 6;
  }

  .gp-control-feature-grid--watch-v3 > .gp-control-feature-v3:nth-of-type(3),
  .gp-control-feature-grid--marker-v3 > .gp-control-feature-v3:nth-of-type(3) {
    grid-column: 1 / -1;
  }

  .gp-product-v3--watch .gp-control-spec-grid--watch-v3,
  .gp-product-v3--marker .gp-control-spec-grid--marker-v3,
  .gp-control-spec-grid--watch-v3,
  .gp-control-spec-grid--marker-v3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .gp-product-v3--watch .gp-control-feature-grid--watch-v3,
  .gp-product-v3--marker .gp-control-feature-grid--marker-v3,
  .gp-control-experience--watch-v3 .gp-control-experience__grid,
  .gp-control-experience--marker-v3 .gp-control-experience__grid,
  .gp-product-v3--watch .gp-control-spec-grid--watch-v3,
  .gp-product-v3--marker .gp-control-spec-grid--marker-v3,
  .gp-control-spec-grid--watch-v3,
  .gp-control-spec-grid--marker-v3 {
    grid-template-columns: 1fr;
  }

  .gp-control-feature-grid--watch-v3 > .gp-control-feature-v3,
  .gp-control-feature-grid--marker-v3 > .gp-control-feature-v3,
  .gp-control-feature-grid--watch-v3 > .gp-control-feature-v3:nth-of-type(n),
  .gp-control-feature-grid--marker-v3 > .gp-control-feature-v3:nth-of-type(n),
  .gp-control-experience--watch-v3 .gp-control-experience-card-v3,
  .gp-control-experience--watch-v3 .gp-control-experience-card-v3[data-role],
  .gp-control-experience--marker-v3 .gp-control-experience-card-v3,
  .gp-control-experience--marker-v3 .gp-control-experience-card-v3[data-role],
  .gp-product-v3--watch .gp-control-spec-grid--watch-v3 > div,
  .gp-product-v3--marker .gp-control-spec-grid--marker-v3 > div,
  .gp-control-spec-grid--watch-v3 > div,
  .gp-control-spec-grid--marker-v3 > div {
    grid-column: 1 !important;
    grid-row: auto;
    min-height: 0;
  }

  .gp-control-experience--marker-v3 .gp-control-experience-card-v3[data-role="choose"],
  .gp-control-experience--marker-v3 .gp-control-experience-card-v3[data-role="place"] {
    align-items: start;
    grid-template-columns: 3.5rem minmax(0, 1fr);
  }
}

@media (max-width: 1100px) {
  .gp-product-v3--spray .gp-grip-feature-grid--spray-v3,
  .gp-product-v3--magnesium .gp-grip-feature-grid--magnesium-v3,
  .gp-product-v3--kit .gp-grip-feature-grid--kit-v3 { grid-template-columns:repeat(3,minmax(0,1fr)) }

  .gp-product-v3--spray .gp-grip-feature-grid--spray-v3 > .gp-grip-feature-v3:nth-of-type(n),
  .gp-product-v3--magnesium .gp-grip-feature-grid--magnesium-v3 > .gp-grip-feature-v3:nth-of-type(n),
  .gp-product-v3--kit .gp-grip-feature-grid--kit-v3 > .gp-grip-feature-v3:nth-of-type(n) { grid-column:auto!important }
}

@media (max-width: 900px) {
  .gp-preview-product-page[data-gp-product-slug="spray-antideslizante-padel"] .gp-grip-experience__grid { grid-template-columns:1fr }

  .gp-product-v3--spray .gp-grip-feature-grid--spray-v3,
  .gp-product-v3--magnesium .gp-grip-feature-grid--magnesium-v3,
  .gp-product-v3--kit .gp-grip-feature-grid--kit-v3,
  .gp-grip-feature-grid--spray-v3,
  .gp-grip-feature-grid--magnesium-v3,
  .gp-grip-feature-grid--kit-v3,
  .gp-grip-experience--magnesium-v3 .gp-grip-experience__grid,
  .gp-product-v3--spray .gp-grip-spec-grid--spray-v3,
  .gp-product-v3--magnesium .gp-grip-spec-grid--magnesium-v3,
  .gp-product-v3--kit .gp-grip-spec-grid--kit-v3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gp-grip-feature-grid--spray-v3 > .gp-grip-feature-v3:nth-of-type(3),
  .gp-grip-feature-grid--magnesium-v3 > .gp-grip-feature-v3:nth-of-type(3),
  .gp-grip-feature-grid--kit-v3 > .gp-grip-feature-v3:nth-of-type(3) {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  .gp-product-v3--spray .gp-grip-feature-grid--spray-v3,
  .gp-product-v3--magnesium .gp-grip-feature-grid--magnesium-v3,
  .gp-product-v3--kit .gp-grip-feature-grid--kit-v3,
  .gp-grip-feature-grid--spray-v3,
  .gp-grip-feature-grid--magnesium-v3,
  .gp-grip-feature-grid--kit-v3,
  .gp-grip-experience--magnesium-v3 .gp-grip-experience__grid,
  .gp-grip-experience--kit-v3 .gp-grip-experience__grid,
  .gp-product-v3--spray .gp-grip-spec-grid--spray-v3,
  .gp-product-v3--magnesium .gp-grip-spec-grid--magnesium-v3,
  .gp-product-v3--kit .gp-grip-spec-grid--kit-v3 {
    grid-template-columns: 1fr;
  }

  .gp-grip-feature-grid--spray-v3 > .gp-grip-feature-v3,
  .gp-grip-feature-grid--magnesium-v3 > .gp-grip-feature-v3,
  .gp-grip-feature-grid--kit-v3 > .gp-grip-feature-v3,
  .gp-grip-feature-grid--spray-v3 > .gp-grip-feature-v3:nth-of-type(n),
  .gp-grip-feature-grid--magnesium-v3 > .gp-grip-feature-v3:nth-of-type(n),
  .gp-grip-feature-grid--kit-v3 > .gp-grip-feature-v3:nth-of-type(n),
  .gp-grip-experience--magnesium-v3 .gp-grip-experience-card-v3,
  .gp-grip-experience--kit-v3 .gp-grip-experience-card-v3,
  .gp-grip-experience--kit-v3 .gp-grip-experience-card-v3[data-format-role="contents"],
  .gp-product-v3--spray .gp-grip-spec-grid--spray-v3 > div,
  .gp-product-v3--magnesium .gp-grip-spec-grid--magnesium-v3 > div,
  .gp-product-v3--kit .gp-grip-spec-grid--kit-v3 > div {
    grid-column: 1 !important;
    min-height: 0;
  }

  .gp-grip-experience--spray-v3 .gp-grip-experience-card-v3 {
    align-items: start;
    grid-template-columns: 3.25rem minmax(0, 1fr);
  }

  .gp-grip-experience--spray-v3 .gp-grip-experience-card-v3 .gp-grip-experience__icon {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .gp-grip-experience--spray-v3 .gp-grip-experience-card-v3 h3,
  .gp-grip-experience--spray-v3 .gp-grip-experience-card-v3 p {
    grid-column: 2;
  }

  .gp-grip-experience--spray-v3 .gp-grip-experience-card-v3 h3 {
    grid-row: 1;
    justify-self: start;
  }

  .gp-grip-experience--spray-v3 .gp-grip-experience-card-v3 p {
    grid-row: 2;
  }

  .gp-grip-experience--kit-v3 .gp-grip-experience-card-v3[data-format-role="contents"] {
    align-items: start;
    grid-template-columns: 3.5rem minmax(0, 1fr);
  }
}