/* =========================================================
   SIX NINE — PADEL RESPONSIVE
   File: assets/css/responsive/padel-responsive.css
   ========================================================= */


/* =========================================================
   LARGE LAPTOP
   ========================================================= */

@media (max-width: 1280px) {
  /* =======================================================
     HERO
     ======================================================= */

  .padel-hero__content {
    padding:
      160px
      0
      132px;
  }

  .padel-hero__title {
    font-size:
      clamp(
        5.2rem,
        10.5vw,
        9.6rem
      );
  }


  /* =======================================================
     INTRO
     ======================================================= */

  .padel-intro {
    padding:
      108px
      0
      170px;
  }

  .padel-intro__grid {
    gap: 100px;
  }


  /* =======================================================
     COURTS
     ======================================================= */

  .padel-courts {
    padding:
      100px
      0
      180px;
  }

  .padel-court-media--hero {
    min-height: 690px;
  }

  .padel-court-media--portrait {
    min-height: 380px;
  }

  .padel-court-media--wide {
    min-height: 290px;
  }


  /* =======================================================
     FACILITIES
     ======================================================= */

  .padel-facilities__layout {
    gap: 80px;
  }

  .padel-facilities__visual {
    min-height: 720px;
  }


  /* =======================================================
     GALLERY
     ======================================================= */

  .padel-gallery__grid {
    grid-auto-rows: 82px;
  }


  /* =======================================================
     BOOKING
     ======================================================= */

  .padel-booking-card {
    min-height: 390px;
  }


  /* =======================================================
     BEYOND
     ======================================================= */

  .padel-beyond-card {
    min-height: 590px;
  }


  /* =======================================================
     FOOTER
     ======================================================= */

  .site-footer__top {
    gap: 58px;
  }
}


/* =========================================================
   TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 1024px) {
  /* =======================================================
     HERO
     ======================================================= */

  .padel-hero__content {
    padding:
      145px
      0
      128px;
  }

  .padel-hero__title {
    font-size:
      clamp(
        4.7rem,
        10vw,
        7.7rem
      );
  }

  .padel-hero__footer {
    gap: 42px;
  }

  .padel-hero__meta-grid > div {
    min-height: 72px;

    padding-inline: 18px;
  }


  /* =======================================================
     INTRO
     ======================================================= */

  .padel-intro {
    padding:
      96px
      0
      138px;
  }

  .padel-intro__grid {
    grid-template-columns:
      1fr
      0.8fr;

    gap: 64px;
  }


  /* =======================================================
     COURTS
     ======================================================= */

  .padel-courts {
    padding:
      90px
      0
      150px;
  }

  .padel-courts__header {
    grid-template-columns:
      1fr
      0.5fr;

    gap: 54px;
  }

  .padel-courts__gallery {
    grid-template-columns:
      1.3fr
      0.7fr;
  }

  .padel-court-media--hero {
    min-height: 610px;
  }

  .padel-court-media--portrait {
    min-height: 330px;
  }

  .padel-court-media--wide {
    min-height: 260px;
  }


  /* =======================================================
     EXPERIENCE
     ======================================================= */

  .padel-experience {
    padding:
      92px
      0
      140px;
  }

  .padel-experience-item {
    min-height: 250px;

    grid-template-columns:
      30px
      minmax(0, 1fr);

    gap: 16px;

    padding-right: 20px;
  }


  /* =======================================================
     RATE
     ======================================================= */

  .padel-rate {
    padding:
      96px
      0
      145px;
  }

  .padel-rate__layout {
    grid-template-columns:
      0.28fr
      1.72fr;

    gap: 60px;
  }

  .padel-rate__price strong {
    font-size:
      clamp(
        4.8rem,
        9vw,
        8rem
      );
  }


  /* =======================================================
     FACILITIES
     ======================================================= */

  .padel-facilities {
    padding:
      92px
      0
      140px;
  }

  .padel-facilities__layout {
    grid-template-columns:
      1fr
      0.9fr;

    gap: 56px;
  }

  .padel-facilities__visual {
    min-height: 620px;
  }

  .padel-facility {
    min-height: 70px;
  }


  /* =======================================================
     GALLERY
     ======================================================= */

  .padel-gallery {
    padding:
      92px
      0
      140px;
  }

  .padel-gallery__grid {
    grid-auto-rows: 72px;
  }


  /* =======================================================
     BOOKING
     ======================================================= */

  .padel-booking {
    padding:
      96px
      0
      145px;
  }

  .padel-booking-card {
    min-height: 350px;

    padding: 25px;

    grid-template-columns:
      36px
      minmax(0, 1fr)
      40px;
  }


  /* =======================================================
     BEYOND
     ======================================================= */

  .padel-beyond {
    padding:
      92px
      0
      140px;
  }

  .padel-beyond-card {
    min-height: 520px;
  }


  /* =======================================================
     FOOTER
     ======================================================= */

  .site-footer__top {
    grid-template-columns: 1fr;

    gap: 56px;
  }

  .site-footer__nav {
    gap: 26px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {
  .padel-page main {
    overflow: hidden;
  }


  /* =======================================================
     HERO
     ======================================================= */

  .padel-hero {
    min-height: 100svh;
  }

  .padel-hero__media img {
    inset:
      -3%
      0;

    height: 106%;

    object-position: center;
  }

  .padel-hero__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(12, 12, 13, 0.12) 0%,
        rgba(12, 12, 13, 0.22) 34%,
        rgba(12, 12, 13, 0.62) 69%,
        rgba(12, 12, 13, 0.96) 100%
      );
  }

  .padel-hero__content {
    min-height: 100svh;

    align-content: end;

    gap: 20px;

    padding:
      calc(
        104px +
        env(safe-area-inset-top)
      )
      0
      180px;
  }

  .padel-hero__title {
    font-size:
      clamp(
        3.9rem,
        18vw,
        5.8rem
      );

    line-height: 0.82;
  }

  .padel-hero__footer {
    flex-direction: column;

    align-items: flex-start;

    gap: 24px;
  }

  .padel-hero__statement p {
    font-size:
      clamp(
        1.8rem,
        8vw,
        2.6rem
      );
  }

  .padel-hero__actions {
    display: grid;
    grid-template-columns: 1fr;

    width: 100%;

    gap: 8px;
  }

  .padel-hero__actions
  .btn {
    width: 100%;
  }


  /* =======================================================
     HERO META
     ======================================================= */

  .padel-hero__meta {
    background:
      rgba(
        12,
        12,
        13,
        0.72
      );
  }

  .padel-hero__meta-grid {
    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );
  }

  .padel-hero__meta-grid > div {
    min-height: 86px;

    padding:
      14px
      12px;
  }

  .padel-hero__meta-grid > div:first-child {
    padding-left: 12px;
  }

  .padel-hero__meta-grid strong {
    font-size: 0.6rem;
  }

  .padel-hero__meta-grid span {
    font-size: 0.58rem;

    line-height: 1.45;
  }


  /* =======================================================
     INTRO
     ======================================================= */

  .padel-intro {
    padding:
      78px
      0
      98px;
  }

  .padel-intro__grid {
    grid-template-columns: 1fr;

    gap: 38px;
  }

  .padel-intro__copy {
    gap: 18px;
  }

  .padel-intro__description {
    max-width: 100%;

    gap: 25px;
  }


  /* =======================================================
     COURTS
     ======================================================= */

  .padel-courts {
    padding:
      76px
      0
      100px;
  }

  .padel-courts__header {
    grid-template-columns: 1fr;

    gap: 26px;

    margin-bottom: 42px;
  }

  .padel-courts__header > p {
    max-width: 100%;
  }

  .padel-courts__gallery {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

    grid-template-rows: auto;

    gap: 6px;
  }

  .padel-court-media--hero {
    grid-column:
      1
      / -1;

    grid-row: auto;

    min-height: 440px;
  }

  .padel-court-media--portrait {
    min-height: 310px;
  }

  .padel-court-media--wide {
    min-height: 310px;
  }

  .padel-court-media figcaption {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }

  .padel-court-media figcaption strong {
    font-size:
      clamp(
        1.55rem,
        7vw,
        2.1rem
      );
  }


  /* =======================================================
     EXPERIENCE
     ======================================================= */

  .padel-experience {
    padding:
      78px
      0
      98px;
  }

  .padel-experience__top {
    margin-bottom: 42px;
  }

  .padel-experience__grid {
    grid-template-columns: 1fr;
  }

  .padel-experience-item {
    grid-template-columns:
      30px
      minmax(0, 1fr);

    min-height: 200px;

    padding:
      22px
      0;

    border-right: 0;
  }

  .padel-experience-item > div {
    gap: 11px;
  }

  .padel-experience-item strong {
    font-size:
      clamp(
        2rem,
        9vw,
        2.8rem
      );
  }


  /* =======================================================
     RATE
     ======================================================= */

  .padel-rate {
    padding:
      78px
      0
      100px;
  }

  .padel-rate__layout {
    grid-template-columns: 1fr;

    gap: 28px;
  }

  .padel-rate__content {
    gap: 18px;
  }

  .padel-rate__price {
    gap: 10px;
  }

  .padel-rate__price strong {
    font-size:
      clamp(
        4.5rem,
        21vw,
        7rem
      );
  }

  .padel-rate__price span {
    margin-bottom: 7px;

    font-size: 0.68rem;
  }

  .padel-rate__content > p {
    max-width: 100%;
  }

  .padel-rate__actions {
    display: grid;
    grid-template-columns: 1fr;

    width: 100%;

    gap: 8px;
  }

  .padel-rate__actions
  .btn {
    width: 100%;
  }


  /* =======================================================
     FACILITIES
     ======================================================= */

  .padel-facilities {
    padding:
      76px
      0
      100px;
  }

  .padel-facilities__layout {
    grid-template-columns: 1fr;

    gap: 48px;
  }

  .padel-facilities__visual {
    min-height: 480px;
  }

  .padel-facilities__content {
    gap: 46px;

    padding-top: 0;
  }

  .padel-facilities__heading {
    gap: 18px;
  }

  .padel-facility {
    grid-template-columns:
      32px
      minmax(0, 1fr);

    gap: 13px;

    min-height: 64px;
  }

  .padel-facility strong {
    font-size:
      clamp(
        1.4rem,
        6vw,
        1.8rem
      );
  }


  /* =======================================================
     GALLERY
     ======================================================= */

  .padel-gallery {
    padding:
      78px
      0
      98px;
  }

  .padel-gallery__header {
    margin-bottom: 42px;
  }

  .padel-gallery__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

    grid-auto-rows: 160px;

    gap: 5px;
  }

  .padel-gallery-item,
  .padel-gallery-item--portrait,
  .padel-gallery-item--landscape,
  .padel-gallery-item--wide,
  .padel-gallery-item--large {
    grid-column:
      span 1;

    grid-row:
      span 2;
  }

  .padel-gallery-item--wide,
  .padel-gallery-item--large {
    grid-column:
      1
      / -1;
  }

  .padel-gallery-item--wide {
    grid-row:
      span 2;
  }

  .padel-gallery-item--large {
    grid-row:
      span 3;
  }

  .padel-gallery-item--portrait {
    grid-row:
      span 3;
  }


  /* =======================================================
     BOOKING
     ======================================================= */

  .padel-booking {
    padding:
      78px
      0
      98px;
  }

  .padel-booking__header {
    margin-bottom: 42px;
  }

  .padel-booking__methods {
    grid-template-columns: 1fr;
  }

  .padel-booking-card {
    grid-template-columns:
      32px
      minmax(0, 1fr)
      38px;

    gap: 14px;

    min-height: 310px;

    padding: 22px;
  }

  .padel-booking-card__content {
    gap: 12px;
  }

  .padel-booking-card__content strong {
    font-size:
      clamp(
        2.5rem,
        11vw,
        3.7rem
      );
  }

  .padel-booking-card__arrow {
    width: 38px;
    height: 38px;
  }


  /* =======================================================
     BEYOND
     ======================================================= */

  .padel-beyond {
    padding:
      78px
      0
      98px;
  }

  .padel-beyond__header {
    margin-bottom: 42px;
  }

  .padel-beyond__grid {
    grid-template-columns: 1fr;

    gap: 7px;
  }

  .padel-beyond-card {
    min-height: 480px;
  }

  .padel-beyond-card__content {
    left: 22px;
    right: 70px;
    bottom: 22px;
  }

  .padel-beyond-card__content strong {
    font-size:
      clamp(
        2.5rem,
        11vw,
        3.7rem
      );
  }

  .padel-beyond-card__arrow {
    right: 20px;
    bottom: 22px;

    width: 42px;
    height: 42px;
  }


  /* =======================================================
     FINAL
     ======================================================= */

  .padel-final {
    padding:
      100px
      0;
  }

  .padel-final__inner {
    gap: 24px;
  }

  .padel-final__actions {
    display: grid;
    grid-template-columns: 1fr;

    width: 100%;

    gap: 8px;
  }

  .padel-final__actions
  .btn {
    width: 100%;
  }


  /* =======================================================
     FOOTER
     ======================================================= */

  .site-footer {
    padding:
      56px
      0
      calc(
        92px +
        env(safe-area-inset-bottom)
      );
  }

  .site-footer__top {
    gap: 46px;

    padding-bottom: 48px;
  }

  .site-footer__wordmark {
    font-size:
      clamp(
        3.7rem,
        19vw,
        5.8rem
      );
  }

  .site-footer__nav {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

    gap:
      38px
      24px;
  }

  .site-footer__bottom {
    flex-direction: column;

    align-items: flex-start;

    gap: 7px;
  }


  /* =======================================================
     MOBILE CTA
     ======================================================= */

  .padel-mobile-cta {
    display: grid;
  }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  /* =======================================================
     HERO
     ======================================================= */

  .padel-hero__content {
    padding:
      calc(
        96px +
        env(safe-area-inset-top)
      )
      0
      174px;
  }

  .padel-hero__title {
    font-size:
      clamp(
        3.55rem,
        18vw,
        5rem
      );
  }

  .padel-hero__statement p {
    font-size:
      clamp(
        1.7rem,
        8vw,
        2.25rem
      );
  }

  .padel-hero__meta-grid > div {
    min-height: 82px;

    padding:
      12px
      8px;
  }

  .padel-hero__meta-grid > div:first-child {
    padding-left: 8px;
  }

  .padel-hero__meta-grid strong {
    font-size: 0.56rem;
  }

  .padel-hero__meta-grid span {
    font-size: 0.53rem;
  }


  /* =======================================================
     INTRO
     ======================================================= */

  .padel-intro {
    padding:
      68px
      0
      86px;
  }


  /* =======================================================
     COURTS
     ======================================================= */

  .padel-courts {
    padding:
      68px
      0
      88px;
  }

  .padel-courts__gallery {
    gap: 5px;
  }

  .padel-court-media--hero {
    min-height: 360px;
  }

  .padel-court-media--portrait,
  .padel-court-media--wide {
    min-height: 240px;
  }

  .padel-court-media figcaption {
    left: 14px;
    right: 14px;
    bottom: 14px;

    gap: 14px;
  }

  .padel-court-media figcaption strong {
    font-size: 1.5rem;
  }


  /* =======================================================
     EXPERIENCE
     ======================================================= */

  .padel-experience {
    padding:
      68px
      0
      86px;
  }

  .padel-experience-item {
    min-height: 180px;

    padding:
      20px
      0;
  }


  /* =======================================================
     RATE
     ======================================================= */

  .padel-rate {
    padding:
      68px
      0
      88px;
  }

  .padel-rate__price {
    align-items: baseline;

    flex-wrap: wrap;
  }

  .padel-rate__price strong {
    font-size:
      clamp(
        4rem,
        20vw,
        5.6rem
      );
  }

  .padel-rate__price span {
    margin-bottom: 0;
  }


  /* =======================================================
     FACILITIES
     ======================================================= */

  .padel-facilities {
    padding:
      68px
      0
      88px;
  }

  .padel-facilities__visual {
    min-height: 400px;
  }

  .padel-facility {
    min-height: 60px;
  }


  /* =======================================================
     GALLERY
     ======================================================= */

  .padel-gallery {
    padding:
      68px
      0
      86px;
  }

  .padel-gallery__grid {
    grid-auto-rows: 132px;
  }


  /* =======================================================
     BOOKING
     ======================================================= */

  .padel-booking {
    padding:
      68px
      0
      86px;
  }

  .padel-booking-card {
    grid-template-columns:
      28px
      minmax(0, 1fr)
      34px;

    gap: 11px;

    min-height: 280px;

    padding: 18px;
  }

  .padel-booking-card__content strong {
    font-size:
      clamp(
        2.25rem,
        11vw,
        3.1rem
      );
  }

  .padel-booking-card__content p {
    font-size: 0.72rem;
  }

  .padel-booking-card__meta {
    font-size: 0.54rem;
  }

  .padel-booking-card__arrow {
    width: 34px;
    height: 34px;
  }


  /* =======================================================
     BEYOND
     ======================================================= */

  .padel-beyond {
    padding:
      68px
      0
      86px;
  }

  .padel-beyond-card {
    min-height: 410px;
  }

  .padel-beyond-card__content {
    left: 18px;
    right: 60px;
    bottom: 18px;
  }

  .padel-beyond-card__content strong {
    font-size:
      clamp(
        2.3rem,
        11vw,
        3.2rem
      );
  }

  .padel-beyond-card__arrow {
    right: 16px;
    bottom: 18px;

    width: 38px;
    height: 38px;
  }


  /* =======================================================
     FINAL
     ======================================================= */

  .padel-final {
    padding:
      88px
      0;
  }


  /* =======================================================
     FOOTER
     ======================================================= */

  .site-footer__nav {
    grid-template-columns: 1fr;

    gap: 32px;
  }


  /* =======================================================
     MOBILE CTA
     ======================================================= */

  .padel-mobile-cta {
    grid-template-columns:
      1.35fr
      0.65fr;

    gap: 6px;

    padding:
      8px
      10px
      calc(
        8px +
        env(safe-area-inset-bottom)
      );
  }

  .padel-mobile-cta
  .btn {
    min-height: 44px;

    padding-inline: 12px;

    font-size: 0.6rem;
  }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {
  .padel-hero__title {
    font-size: 3.35rem;
  }

  .padel-hero__content {
    padding-bottom: 170px;
  }

  .padel-hero__meta-grid span {
    font-size: 0.5rem;
  }

  .padel-court-media--hero {
    min-height: 330px;
  }

  .padel-court-media--portrait,
  .padel-court-media--wide {
    min-height: 210px;
  }

  .padel-rate__price strong {
    font-size: 3.85rem;
  }

  .padel-facilities__visual {
    min-height: 360px;
  }

  .padel-gallery__grid {
    grid-template-columns: 1fr;

    grid-auto-rows: auto;
  }

  .padel-gallery-item,
  .padel-gallery-item--wide,
  .padel-gallery-item--portrait,
  .padel-gallery-item--landscape,
  .padel-gallery-item--large {
    grid-column: 1;
    grid-row: auto;

    min-height: 280px;
  }

  .padel-gallery-item--portrait {
    min-height: 380px;
  }

  .padel-booking-card {
    grid-template-columns:
      25px
      minmax(0, 1fr)
      32px;

    padding:
      16px
      14px;
  }

  .padel-beyond-card {
    min-height: 380px;
  }
}


/* =========================================================
   SHORT MOBILE VIEWPORT
   ========================================================= */

@media (
  max-width: 768px
) and (
  max-height: 700px
) {
  .padel-hero__content {
    padding-top: 90px;
  }

  .padel-hero__title {
    font-size:
      clamp(
        3.3rem,
        14vw,
        4.5rem
      );
  }

  .padel-hero__footer {
    gap: 16px;
  }

  .padel-hero__statement p {
    font-size: 1.7rem;
  }

  .padel-hero__meta-grid > div {
    min-height: 70px;
  }
}


/* =========================================================
   LANDSCAPE MOBILE
   ========================================================= */

@media (
  max-width: 900px
) and (
  orientation: landscape
) {
  /* =======================================================
     HERO
     ======================================================= */

  .padel-hero {
    min-height: 100svh;
  }

  .padel-hero__content {
    min-height: 100svh;

    padding:
      90px
      0
      112px;
  }

  .padel-hero__title {
    font-size:
      clamp(
        3.8rem,
        9vw,
        5.5rem
      );
  }

  .padel-hero__footer {
    flex-direction: row;

    align-items: flex-end;
  }

  .padel-hero__actions {
    grid-template-columns:
      auto
      auto;

    width: auto;
  }

  .padel-hero__meta-grid > div {
    min-height: 64px;
  }


  /* =======================================================
     INTRO
     ======================================================= */

  .padel-intro__grid {
    grid-template-columns:
      1fr
      0.85fr;

    gap: 44px;
  }


  /* =======================================================
     COURTS
     ======================================================= */

  .padel-courts__gallery {
    grid-template-columns:
      1.35fr
      0.65fr;
  }

  .padel-court-media--hero {
    grid-column: auto;

    grid-row:
      1
      / 3;

    min-height: 520px;
  }

  .padel-court-media--portrait {
    min-height: 280px;
  }

  .padel-court-media--wide {
    min-height: 230px;
  }


  /* =======================================================
     EXPERIENCE
     ======================================================= */

  .padel-experience__grid {
    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );
  }

  .padel-experience-item {
    min-height: 220px;

    border-right:
      1px solid
      var(--border-light);
  }

  .padel-experience-item:last-child {
    border-right: 0;
  }


  /* =======================================================
     FACILITIES
     ======================================================= */

  .padel-facilities__layout {
    grid-template-columns:
      1fr
      0.9fr;
  }

  .padel-facilities__visual {
    min-height: 520px;
  }


  /* =======================================================
     GALLERY
     ======================================================= */

  .padel-gallery__grid {
    grid-template-columns:
      repeat(
        4,
        minmax(0, 1fr)
      );

    grid-auto-rows: 120px;
  }

  .padel-gallery-item {
    grid-column:
      span 2;

    grid-row:
      span 2;
  }

  .padel-gallery-item--wide,
  .padel-gallery-item--large {
    grid-column:
      span 4;
  }


  /* =======================================================
     BOOKING
     ======================================================= */

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

  .padel-booking-card {
    min-height: 320px;
  }


  /* =======================================================
     BEYOND
     ======================================================= */

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

  .padel-beyond-card {
    min-height: 440px;
  }


  /* =======================================================
     FINAL
     ======================================================= */

  .padel-final__actions {
    grid-template-columns:
      auto
      auto;

    width: auto;
  }
}


/* =========================================================
   TOUCH
   ========================================================= */

@media (hover: none) {
  .padel-court-media img,
  .padel-gallery-item img,
  .padel-beyond-card__media img {
    transform: none !important;
  }

  .padel-booking-card:hover {
    background:
      var(--color-ivory);

    color:
      var(--color-black);
  }

  .padel-booking-card:hover::after {
    transform:
      scale(0.8);
  }

  .padel-booking-card:hover
  .padel-booking-card__content p {
    color:
      var(--text-secondary);
  }

  .padel-booking-card:hover
  .padel-booking-card__meta {
    color:
      var(--text-muted);
  }

  .padel-booking-card:hover
  .padel-booking-card__arrow {
    background:
      transparent;

    border-color:
      var(--border-light);

    color:
      var(--color-black);

    transform: none;
  }

  .padel-beyond-card:hover
  .padel-beyond-card__arrow {
    background:
      transparent;

    color:
      var(--color-white);

    transform: none;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (
  prefers-reduced-motion: reduce
) {
  .padel-hero__media img,
  .padel-court-media img,
  .padel-facilities__visual img,
  .padel-gallery-item img,
  .padel-booking-card,
  .padel-booking-card::after,
  .padel-booking-card__arrow,
  .padel-beyond-card__media img,
  .padel-beyond-card__arrow {
    transform: none !important;

    transition: none !important;
  }
}