/* Only for dev delete after */
/* #region variables */
:root {
  /* Colors */
  --value-color-orange: 7.66, 90.38%, 59.22%;
  --color-orange: hsl(var(--value-color-orange));
  --color-orange-50: hsla(var(--value-color-orange), 0.5);

  --value-color-black: 225, 6.25%, 12.55%;
  --color-black: hsl(var(--value-color-black));
  --color-black-50: hsla(var(--value-color-black), 0.5);

  --value-color-grey: 0, 0%, 36.08%;
  --color-grey: hsl(var(--value-color-grey));
  --color-grey-50: hsla(var(--value-color-grey), 0.5);

  --value-color-white: 0, 0%, 100%;
  --color-white: hsl(var(--value-color-white));
  --color-white-50: hsla(var(--value-color-white), 0.5);

  --value-color-beige: 45, 28.57%, 94.51%;
  --color-beige: hsl(var(--value-color-beige));
  --color-beige-50: hsla(var(--value-color-beige), 0.5);

  /* Fonts */
  /* Families */
  --font-family-space-grotesk: "Space Grotesk", sans-serif;
  --font-family-gantari: "Gantari", sans-serif;

  /* Line heights */
  --line-height-none: 1;
  --line-height-tight: 1.2;
  --line-height-normal: 1.4;
  --line-height-loose: 1.6;

  /* Font sizes (rem) */
  /* Mobile */
  /* Headlines */
  --font-size-h1: 2.5rem;
  --font-size-h2: 2.25rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.25rem;
  --font-size-h5: 1.1875rem;
  --font-size-h6: 1.125rem;

  /* Body */
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;

  /* Tagline */
  --font-size-tagline: 1.125rem;

  /* Image patterns */
  --image-pattern-1: url("/modules/octablocks/views/images/bg1.png");
}

@media screen and (min-width: 768px) {
  :root {
    /* Desktop */
    /* Headlines */
    --font-size-h1: 3.5rem;
    --font-size-h2: 2.5rem;
    --font-size-h3: 1.75rem;
    --font-size-h4: 1.25rem;
    --font-size-h5: 1.1875rem;
    --font-size-h6: 1.125rem;

    /* Body */
    --font-size-body: 1.125rem;

    /* Tagline */
    --font-size-tagline: 3.125rem;

    /* Button */
    --font-size-btn: 1.25rem;
  }
}
/* #endregion */

/* Delete after dev end */

/* Services */

[data-prettyblocks-zone="zone__services"] {
  position: relative;
  padding-inline: max(1.8125vw, 20px);

  &::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgODkwIDExNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMDUgMTE1NkgxNzVMNzY0IDBIODkwTDMwNSAxMTU2WiIgZmlsbD0iI0Y1RjNFRCIvPgo8cGF0aCBkPSJNMTMwIDExNTZIMEw1ODkgMEg3MTVMMTMwIDExNTZaIiBmaWxsPSIjRjVGM0VEIi8+Cjwvc3ZnPgo=");
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    height: 100%;
    width: 50%;
  }
}

/* Categories */

#octa-row-32 {
  padding-top: 7.3125vw;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  max-width: unset !important;
  scroll-behavior: smooth;

  & * {
    margin: 0;
  }

  & > div {
    position: relative;
    aspect-ratio: 343/401;
    flex: 0 0 auto;
    scroll-snap-align: center;

    & > a {
      text-decoration: none;
      height: 100%;
      position: relative;

      &::after {
        position: absolute;
        top: 24px;
        right: 27px;
        pointer-events: none;
        transition: opacity 0.3s ease;
        display: flex;
        justify-content: center;
        gap: 5px;
      }

      &::before {
        opacity: 0;
        position: absolute;
        content: "Découvrir";
        inset: 0;
        background-color: hsla(var(--value-color-orange), 0.75);
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba(255, 255, 255, 0.7);
        font-family: var(--font-family-space-grotesk);
        font-size: 1.125rem;
        font-weight: 700;
        pointer-events: none;
        transition: opacity 0.3s ease;
        text-decoration: underline;
        text-underline-offset: 8px;
      }

      &:hover::before {
        opacity: 1;
        pointer-events: all;
      }
      &:hover::after {
        opacity: 0;
      }
    }

    &::before {
      content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjIiIGhlaWdodD0iMTY1IiB2aWV3Qm94PSIwIDAgMTYyIDE2NSIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTc1Ljk5OTQgMTQuMjUyTDEwNS45OTkgMTQuMjUyTDMxLjk5OTYgMTQ5Ljk2N0wtMC4wMDA0MzA2NTMgMTQ5Ljk2N0w3NS45OTk0IDE0LjI1MloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMTYiLz4KICA8cGF0aCBkPSJNMTMxLjMwOSAxNC40NzcyTDE2MiAxNC40NzcyTDg4LjY1IDE1MC4yMkw1Ni40OTk2IDE1MC4yMkwxMzEuMzA5IDE0LjQ3NzJaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+Cjwvc3ZnPg==");
      position: absolute;
      top: -15px;
      right: 0;
      opacity: 0;
      transition: opacity 0.3s ease;
      z-index: 1;
      pointer-events: none;
    }

    &:hover::before {
      opacity: 1;
    }

    &::after {
      position: absolute;
      bottom: 0;
      right: 0;
      content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDE4IDIyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTcuNSAxMUMxNy41IDEwLjYwNjQgMTcuMjk1OSAxMC4yMTI5IDE2Ljg4ODYgOS45MTI4NUw0LjA2NTIzIDAuNDcwMjc5QzMuMjQ5NSAtMC4xMzAzOTIgMS45MjY5NCAtMC4xMzAzOTIgMS4xMTE1NSAwLjQ3MDI3OUMwLjI5NjE1MSAxLjA3MDcxIDAuMjk2MTUxIDIuMDQ0NCAxLjExMTU1IDIuNjQ1MTJMMTIuNDU4NCAxMUwxLjExMTk0IDE5LjM1NUMwLjI5NjU0NyAxOS45NTU3IDAuMjk2NTQ3IDIwLjkyOTIgMS4xMTE5NCAyMS41Mjk2QzEuOTI3MzQgMjIuMTMwNiAzLjI0OTkgMjIuMTMwNiA0LjA2NTYyIDIxLjUyOTZMMTYuODg5IDEyLjA4NzJDMTcuMjk2NCAxMS43ODcgMTcuNSAxMS4zOTM1IDE3LjUgMTFaIiBmaWxsPSIjRjU1MTM5Ii8+Cjwvc3ZnPg==");
      line-height: 1;
      display: flex;
      width: 52px;
      height: 52px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
      background-color: #fff;
      pointer-events: none;
      transition: background-color 0.3s ease;
    }

    &:hover::after {
      background-color: var(--color-orange);
      content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDE4IDIyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTcuNSAxMUMxNy41IDEwLjYwNjQgMTcuMjk1OSAxMC4yMTI5IDE2Ljg4ODYgOS45MTI4NUw0LjA2NTIzIDAuNDcwMjc5QzMuMjQ5NSAtMC4xMzAzOTIgMS45MjY5NCAtMC4xMzAzOTIgMS4xMTE1NSAwLjQ3MDI3OUMwLjI5NjE1MSAxLjA3MDcxIDAuMjk2MTUxIDIuMDQ0NCAxLjExMTU1IDIuNjQ1MTJMMTIuNDU4NCAxMUwxLjExMTk0IDE5LjM1NUMwLjI5NjU0NyAxOS45NTU3IDAuMjk2NTQ3IDIwLjkyOTIgMS4xMTE5NCAyMS41Mjk2QzEuOTI3MzQgMjIuMTMwNiAzLjI0OTkgMjIuMTMwNiA0LjA2NTYyIDIxLjUyOTZMMTYuODg5IDEyLjA4NzJDMTcuMjk2NCAxMS43ODcgMTcuNSAxMS4zOTM1IDE3LjUgMTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
    }
  }

  :is(#octa-col-32-1, #octa-col-32-2, #octa-col-32-3) a::after {
    content: url("/modules/octablocks/views/images/logo-can-am-small.webp");
  }

  #octa-col-32-5 a::after {
    content: url("/modules/octablocks/views/images/logo-honda-and-stihl-white.webp");
  }

  & .octa-col__title {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.3125rem !important;
    font-style: normal;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-left: 13px;
    gap: 28px;
    line-height: 2;
    width: fit-content;
    order: 2;

    &::before {
      position: relative;
    }
  }

  & .octa-col__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
}

@media screen and (max-width: 1200px) {
  #octa-row-32 .octa-col {
    flex-basis: calc((100% - (2.5 * 33px)) / 3.5) !important;
  }
}

@media screen and (max-width: 992px) {
  #octa-row-32 .octa-col {
    flex-basis: calc((100% - (1.5 * 33px)) / 2.5) !important;
  }
}

@media screen and (max-width: 768px) {
  #octa-row-32 .octa-col {
    flex-basis: calc((100% - (0.5 * 33px)) / 1.5) !important;
  }
}

#octa-col-32-1 .octa-col__title::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MiIgaGVpZ2h0PSI2MyIgdmlld0JveD0iMCAwIDYyIDYzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNTQuMjUgMzMuNjY2OVYzMS41SDUyLjMxMjVDNDUuOTAzIDMxLjUgNDAuNjg3NSAzNi43OTk2IDQwLjY4NzUgNDMuMzEyNVY0NS4yODEySDQyLjgyQzQzLjcxOTcgNDkuNzY4OCA0Ny42MzQ2IDUzLjE1NjIgNTIuMzEyNSA1My4xNTYyQzU3LjY1MzkgNTMuMTU2MiA2MiA0OC43NDAxIDYyIDQzLjMxMjVDNjIgMzguNTU5MiA1OC42NjYzIDM0LjU4MTEgNTQuMjUgMzMuNjY2OVpNNTIuMzEyNSA0OS4yMTg4QzQ5LjEwNzEgNDkuMjE4OCA0Ni41IDQ2LjU2OTYgNDYuNSA0My4zMTI1QzQ2LjUgNDAuMDU1NCA0OS4xMDcxIDM3LjQwNjIgNTIuMzEyNSAzNy40MDYyQzU1LjUxNzkgMzcuNDA2MiA1OC4xMjUgNDAuMDU1NCA1OC4xMjUgNDMuMzEyNUM1OC4xMjUgNDYuNTY5NiA1NS41MTc5IDQ5LjIxODggNTIuMzEyNSA0OS4yMTg4WiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMjUuMTg3MyA0My4zMTI1VjQ1LjI4MTJDMjUuMTg3MyA0Ni4zNjY1IDI2LjA1NjggNDcuMjUgMjcuMTI0OCA0Ny4yNUgzNC44NzQ4QzM1Ljk0MjkgNDcuMjUgMzYuODEyMyA0Ni4zNjY1IDM2LjgxMjMgNDUuMjgxMlY0My4zMTI1QzM2LjgxMjMgNDEuNTk0OCAzNy4wODYgMzkuOTM5OCAzNy41ODg2IDM4LjM5MDZIMjQuNDExMUMyNC45MTM3IDM5LjkzOTggMjUuMTg3MyA0MS41OTQ4IDI1LjE4NzMgNDMuMzEyNVoiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTkuNjg3NSAzMS41SDcuNzVWMzMuNjY2OUMzLjMzMzcxIDM0LjU4MTEgMCAzOC41NTkyIDAgNDMuMzEyNUMwIDQ4Ljc0MDEgNC4zNDYwNSA1My4xNTYyIDkuNjg3NSA1My4xNTYyQzE0LjM2NTQgNTMuMTU2MiAxOC4yODAzIDQ5Ljc2ODggMTkuMTggNDUuMjgxMkgyMS4zMTI1VjQzLjMxMjVDMjEuMzEyNSAzNi43OTk2IDE2LjA5NyAzMS41IDkuNjg3NSAzMS41Wk05LjY4NzUgNDkuMjE4OEM2LjQ4MjE1IDQ5LjIxODggMy44NzUgNDYuNTY5NiAzLjg3NSA0My4zMTI1QzMuODc1IDQwLjA1NTQgNi40ODIxNSAzNy40MDYyIDkuNjg3NSAzNy40MDYyQzEyLjg5MjkgMzcuNDA2MiAxNS41IDQwLjA1NTQgMTUuNSA0My4zMTI1QzE1LjUgNDYuNTY5NiAxMi44OTI5IDQ5LjIxODggOS42ODc1IDQ5LjIxODhaIiBmaWxsPSJ3aGl0ZSIvPgogIDxwYXRoIGQ9Ik01Mi4zMTI1IDI3LjU2MjVINjAuMDYyNUM2MS4xMzMgMjcuNTYyNSA2MiAyNi42ODE1IDYyIDI1LjU5MzhDNjIgMjQuNTA2IDYxLjEzMyAyMy42MjUgNjAuMDYyNSAyMy42MjVINTYuMTg3NUM1Ni4wMTA3IDIyLjkxMjYgNTUuNjk4MyAyMi4yNDMyIDU1LjI3NDUgMjEuNjU2Mkg0Ni41QzQ1LjQyOTUgMjEuNjU2MiA0NC41NjI1IDIwLjc3NTIgNDQuNTYyNSAxOS42ODc1QzQ0LjU2MjUgMTguNTk5OCA0NS40Mjk1IDE3LjcxODggNDYuNSAxNy43MTg4SDUwLjMxNTdMNDQuOTQ3NiAxMy4yMzI1TDQyLjM0ODkgOC44MzEwN0M0MS45OTg5IDguMjM3OTkgNDEuMzY4IDcuODc1IDQwLjY4NzUgNy44NzVIMzYuODEyNUMzNS43NDIgNy44NzUgMzQuODc1IDguNzU2MDIgMzQuODc1IDkuODQzNzVDMzQuODc1IDEwLjkzMTUgMzUuNzQyIDExLjgxMjUgMzYuODEyNSAxMS44MTI1SDM5LjU5MDRMNDEuMDEyIDE0LjIyMDVMMzUuNjg2MyAxOC4wODU0QzM1LjE3NzcgMTguNDU0NiAzNC44NzUgMTkuMDUxMyAzNC44NzUgMTkuNjg3NVYyMy42MjVIMjcuNjI3NUwxOS4zNDcxIDE4Ljk1MDRDMTkuMDU4OSAxOC43ODggMTguNzM1NiAxOC43MDMxIDE4LjQwNjIgMTguNzAzMUgzLjg3NUMyLjgwNDUzIDE4LjcwMzEgMS45Mzc1IDE5LjU4NDEgMS45Mzc1IDIwLjY3MTlWMjMuNjI1QzAuODY3MDMxIDIzLjYyNSAwIDI0LjUwNiAwIDI1LjU5MzhDMCAyNi42ODE1IDAuODY3MDMxIDI3LjU2MjUgMS45Mzc1IDI3LjU2MjVIOS42ODc1QzE1LjAwMzUgMjcuNTYyNSAxOS43MDMyIDMwLjI5NjYgMjIuNDk1NiAzNC40NTMxSDM5LjUwMzJDNDIuMjk2OCAzMC4yOTY2IDQ2Ljk5NTMgMjcuNTYyNSA1Mi4zMTEzIDI3LjU2MjVINTIuMzEyNVoiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTUyLjMxMjUgNDUuMjgxMkM1My4zODI2IDQ1LjI4MTIgNTQuMjUgNDQuMzk5OCA1NC4yNSA0My4zMTI1QzU0LjI1IDQyLjIyNTIgNTMuMzgyNiA0MS4zNDM4IDUyLjMxMjUgNDEuMzQzOEM1MS4yNDI0IDQxLjM0MzggNTAuMzc1IDQyLjIyNTIgNTAuMzc1IDQzLjMxMjVDNTAuMzc1IDQ0LjM5OTggNTEuMjQyNCA0NS4yODEyIDUyLjMxMjUgNDUuMjgxMloiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTkuNjg3NSA0NS4yODEyQzEwLjc1NzYgNDUuMjgxMiAxMS42MjUgNDQuMzk5OCAxMS42MjUgNDMuMzEyNUMxMS42MjUgNDIuMjI1MiAxMC43NTc2IDQxLjM0MzggOS42ODc1IDQxLjM0MzhDOC42MTc0NSA0MS4zNDM4IDcuNzUgNDIuMjI1MiA3Ljc1IDQzLjMxMjVDNy43NSA0NC4zOTk4IDguNjE3NDUgNDUuMjgxMiA5LjY4NzUgNDUuMjgxMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==");
}

#octa-col-32-2 .octa-col__title::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDQ2IDQ0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTYzXzI1MzcpIj4KICAgIDxwYXRoIGQ9Ik0xNy4wMjE4IDEwLjM1NDNDMTYuNjg2NCAxMS4xMzU3IDE2LjQ5NzMgMTEuOTkzNCAxNi40OTczIDEyLjg5NzJDMTYuNDk3MyAxNi40NTkgMTkuMzg0MSAxOS4zNDU5IDIyLjk0NTkgMTkuMzQ1OUMyNi41MDc2IDE5LjM0NTkgMjkuMzk0NSAxNi40NTkgMjkuMzk0NSAxMi44OTcyQzI5LjM5NDUgMTEuOTkzNCAyOS4yMDUzIDExLjEzNDYgMjguODcgMTAuMzU0M0wzMC42NTMgMy4yMjQzMUgzNy40NTYzVjBIMjguMTM4MUwyNi4yODYyIDcuNDA1MTZDMjUuMzA5MyA2LjgwOTc0IDI0LjE3NDMgNi40NDg2MiAyMi45NDY5IDYuNDQ4NjJDMjEuNzE5NiA2LjQ0ODYyIDIwLjU4NDYgNi44MDk3NCAxOS42MDc2IDcuNDA1MTZMMTcuNzU0NyAwSDguNDM2NTJWMy4yMjQzMUgxNS4yMzk4TDE3LjAyMjggMTAuMzU0M0gxNy4wMjE4Wk0yMS4zMzM3IDExLjI4NTFIMjQuNTU4VjE0LjUwOTRIMjEuMzMzN1YxMS4yODUxWiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik0zNi40ODg0IDM2LjIyMzlWMTkuNzE0NEMzNi40ODg0IDE3Ljc5MjcgMzUuNjc1OSAxNi4wMTE4IDM0LjMxMiAxNC41MDkzQzMzLjIyMTEgMTguMjYxMyAyOC41NDA1IDIxLjA5MDEgMjIuOTQ2NCAyMS4wOTAxQzE3LjM1MjIgMjEuMDkwMSAxMi42NzE2IDE4LjI2MTMgMTEuNTgwNyAxNC41MDkzQzEwLjIxNzkgMTYuMDExOCA5LjQwNDMgMTcuNzkyNyA5LjQwNDMgMTkuNzE0NFYzNi4yMjM5QzkuNDA0MyAzOC41MDM1IDEyLjAwMzEgNDAuMzUxIDE1LjIwOCA0MC4zNTFWMzIuMDk2OEMxNS4yMDggMjkuMDYxNyAxOC42Nzg1IDI2LjU5NCAyMi45NDY0IDI2LjU5NEMyNy4yMTQzIDI2LjU5NCAzMC42ODQ3IDI5LjA2MTcgMzAuNjg0NyAzMi4wOTY4VjQwLjM1MUMzMy44ODk2IDQwLjM1MSAzNi40ODg0IDM4LjUwMzUgMzYuNDg4NCAzNi4yMjM5WiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik00Mi4yOTE5IDI0LjUwNDZDNDAuMjQzNCAyNC41MDQ2IDM4LjU4NCAyNS45NDgxIDM4LjU4NCAyNy43Mjg5VjQwLjYyNjJDMzguNTg0IDQyLjQwNzEgNDAuMjQzNCA0My44NTA1IDQyLjI5MTkgNDMuODUwNUM0NC4zNDA0IDQzLjg1MDUgNDUuOTk5OSA0Mi40MDcxIDQ1Ljk5OTkgNDAuNjI2MlYyNy43Mjg5QzQ1Ljk5OTkgMjUuOTQ4MSA0NC4zNDA0IDI0LjUwNDYgNDIuMjkxOSAyNC41MDQ2WiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik0yMC44NTI4IDI4LjMyNjdDMTkuMTc1MSAyOC4zMjY3IDE3LjgxNDUgMzAuMTc0MiAxNy44MTQ1IDMyLjQ1MzhWMzMuODI5NUgyOC4wNzg1VjMyLjQ1MzhDMjguMDc4NSAzMC4xNzQyIDI2LjcxNzggMjguMzI2NyAyNS4wNDAxIDI4LjMyNjdIMjAuODUzOUgyMC44NTI4WiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik0zLjcwNzk0IDI0LjY1NDFDMS42NTk0NCAyNC42NTQxIDAgMjYuMDk3NSAwIDI3Ljg3ODRWNDAuNzc1NkMwIDQyLjU1NjUgMS42NTk0NCA0My45OTk5IDMuNzA3OTQgNDMuOTk5OUM1Ljc1NjQ1IDQzLjk5OTkgNy40MTU4OSA0Mi41NTY1IDcuNDE1ODkgNDAuNzc1NlYyNy44Nzg0QzcuNDE1ODkgMjYuMDk3NSA1Ljc1NjQ1IDI0LjY1NDEgMy43MDc5NCAyNC42NTQxWiIgZmlsbD0id2hpdGUiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzE2M18yNTM3Ij4KICAgICAgPHJlY3Qgd2lkdGg9IjQ2IiBoZWlnaHQ9IjQ0IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==");
}

#octa-col-32-3 .octa-col__title::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70' fill='none'><path d='M8.58443 38.9607C3.85096 38.9607 0 42.8116 0 47.545C0 52.2785 3.85096 56.1294 8.58443 56.1294C13.3179 56.1294 17.1689 52.2785 17.1689 47.545C17.1687 42.8116 13.3178 38.9607 8.58443 38.9607Z' fill='white'/><path d='M67.2009 42.6377V35.1011L33.5575 13.8706H18.0682L4.42871 32.4916V35.559C5.73123 35.106 7.12945 34.8591 8.58428 34.8591C15.5794 34.8591 21.2703 40.55 21.2703 47.545C21.2703 48.5895 21.1424 49.6046 20.9033 50.5764H55.0756C55.9732 53.7758 58.914 56.1294 62.3961 56.1294C66.5888 56.1294 69.9998 52.7184 69.9998 48.5257C69.9998 46.1541 68.9079 44.0332 67.2009 42.6377ZM25.7396 35.7174L9.95119 31.8933L20.1481 17.9722H25.7396V35.7174ZM44.7509 27.8956L40.8921 35.087L44.5063 37.0262L45.4893 35.1942L51.2217 38.0925L49.4302 41.4557L29.8412 36.711V17.9723H32.3717L54.5007 31.9368L53.1505 34.4717L47.4292 31.579L48.3651 29.835L44.7509 27.8956ZM63.0994 40.9558C62.8676 40.9345 62.6333 40.922 62.396 40.922C60.2421 40.922 58.296 41.8237 56.9112 43.2676L53.546 42.4525L57.9786 34.1314L63.0994 37.3627V40.9558Z' fill='white'/></svg>");
}

#octa-col-32-4 .octa-col__title::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDc1IDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOC45Mjg4IDAuMTczMTYxTDEyLjU3IDAuMTczMTZMMy44Njc3MSAxNS45MTFMMCAxNS45MTFMOC45Mjg4IDAuMTczMTYxWiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMTUuNjk3MiAxLjM4OTI0ZS0wNkwxOS4zMzg0IDBMMTAuNjM2MSAxNS43Mzc5TDYuNzY4NDIgMTUuNzM3OUwxNS42OTcyIDEuMzg5MjRlLTA2WiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMjcuNDA0IDE2Ljc1OTlWMC43MTk5MkgzNC4zNDE3QzM2LjQyMDYgMC43MTk5MiAzNy45Njc3IDEuMTc2MTUgMzguOTgyOSAyLjA4ODZDMzkuOTk4MiAyLjk4NTA1IDQwLjUwNTggNC4yODE2OSA0MC41MDU4IDUuOTc4NTNDNDAuNTA1OCA3LjY3NTM3IDM5Ljk5ODIgOC45NzIwMiAzOC45ODI5IDkuODY4NDZDMzcuOTY3NyAxMC43NjQ5IDM2LjQyMDYgMTEuMjEzMSAzNC4zNDE3IDExLjIxMzFIMzAuOTMzM1YxNi43NTk5SDI3LjQwNFpNMzAuOTMzMyA4LjQwMzczSDMzLjc2MTVDMzQuNzkyOSA4LjQwMzczIDM1LjU4MjYgOC4yMTk2NCAzNi4xMzA1IDcuODUxNDZDMzYuNjc4NCA3LjQ4MzI4IDM2Ljk1MjQgNi44NTg5NyAzNi45NTI0IDUuOTc4NTNDMzYuOTUyNCA1LjA5ODA5IDM2LjY3ODQgNC40NzM3OCAzNi4xMzA1IDQuMTA1NkMzNS41OTg3IDMuNzIxNDEgMzQuODA5IDMuNTI5MzIgMzMuNzYxNSAzLjUyOTMySDMwLjkzMzNWOC40MDM3M1oiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTQzLjAzMTUgMTYuNzU5OVYwLjcxOTkySDQ5Ljk2OTJDNTEuOTY3NSAwLjcxOTkyIDUzLjQ5MDQgMS4xMzYxMyA1NC41Mzc5IDEuOTY4NTRDNTUuNjAxNSAyLjgwMDk1IDU2LjEzMzMgNC4wNDk1NyA1Ni4xMzMzIDUuNzE0NEM1Ni4xMzMzIDcuMDQzMDYgNTUuODAzIDguMDkxNTggNTUuMTQyMiA4Ljg1OTk2QzU0LjQ4MTUgOS42MTIzMyA1My41MzA3IDEwLjEzMjYgNTIuMjg5OCAxMC40MjA3TDU2Ljk1NTIgMTYuNzU5OUg1Mi44MjE2TDQ4LjYxNTUgMTAuNjg0OUg0Ni41NjA4VjE2Ljc1OTlINDMuMDMxNVpNNDYuNTYwOCA3LjkyMzVINDkuMzg5QzUwLjUwMSA3LjkyMzUgNTEuMzA2OCA3Ljc1NTQxIDUxLjgwNjMgNy40MTkyNUM1Mi4zMjIgNy4wNjcwNyA1Mi41Nzk5IDYuNTA2NzkgNTIuNTc5OSA1LjczODQxQzUyLjU3OTkgNC45NTQwMiA1Mi4zMzAxIDQuMzkzNzQgNTEuODMwNSA0LjA1NzU4QzUxLjMzMDkgMy43MDU0IDUwLjUxNzEgMy41MjkzMiA0OS4zODkgMy41MjkzMkg0Ni41NjA4VjcuOTIzNVoiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTY2LjQ2NjkgMTdDNjQuNzI2NSAxNyA2My4yMTE2IDE2LjY0NzggNjEuOTIyNCAxNS45NDM1QzYwLjY0OTMgMTUuMjIzMSA1OS42NjYyIDE0LjI0NjYgNTguOTczMyAxMy4wMTRDNTguMjgwMyAxMS43NjU0IDU3LjkzMzggMTAuMzQwNyA1Ny45MzM4IDguNzM5OUM1Ny45MzM4IDcuMTM5MTEgNTguMjgwMyA1LjcyMjQgNTguOTczMyA0LjQ4OTc5QzU5LjY4MjQgMy4yNDExNyA2MC42NzM0IDIuMjY0NjkgNjEuOTQ2NiAxLjU2MDM0QzYzLjIzNTggMC44Mzk5OCA2NC43NDI2IDAuNDc5ODAxIDY2LjQ2NjkgMC40Nzk4MDFDNjguMjA3NCAwLjQ3OTgwMSA2OS43MTQyIDAuODM5OTggNzAuOTg3MyAxLjU2MDM0QzcyLjI3NjUgMi4yNjQ2OSA3My4yNjc2IDMuMjQxMTcgNzMuOTYwNiA0LjQ4OTc5Qzc0LjY1MzUgNS43MjI0IDc1IDcuMTM5MTEgNzUgOC43Mzk5Qzc1IDEwLjM0MDcgNzQuNjUzNSAxMS43NjU0IDczLjk2MDYgMTMuMDE0QzczLjI2NzYgMTQuMjQ2NiA3Mi4yNzY1IDE1LjIyMzEgNzAuOTg3MyAxNS45NDM1QzY5LjcxNDIgMTYuNjQ3OCA2OC4yMDc0IDE3IDY2LjQ2NjkgMTdaTTY2LjQ5MTEgMTMuOTUwNUM2Ny40NzQxIDEzLjk1MDUgNjguMzM2MyAxMy43MzQ0IDY5LjA3NzYgMTMuMzAyMkM2OS44MTg5IDEyLjg1MzkgNzAuMzkxIDEyLjIzNzYgNzAuNzkzOSAxMS40NTMyQzcxLjIxMjkgMTAuNjY4OSA3MS40MjI0IDkuNzY0NDEgNzEuNDIyNCA4LjczOTlDNzEuNDIyNCA3LjY5OTM4IDcxLjIxMjkgNi43ODY5MyA3MC43OTM5IDYuMDAyNTRDNzAuMzkxIDUuMjE4MTUgNjkuODE4OSA0LjYwOTg1IDY5LjA3NzYgNC4xNzc2NEM2OC4zMzYzIDMuNzQ1NDIgNjcuNDY2MSAzLjUyOTMyIDY2LjQ2NjkgMy41MjkzMkM2NS40ODM5IDMuNTI5MzIgNjQuNjEzNyAzLjc0NTQyIDYzLjg1NjIgNC4xNzc2NEM2My4xMTQ5IDQuNjA5ODUgNjIuNTM0OCA1LjIxODE1IDYyLjExNTggNi4wMDI1NEM2MS43MTI5IDYuNzg2OTMgNjEuNTExNCA3LjY5OTM4IDYxLjUxMTQgOC43Mzk5QzYxLjUxMTQgOS43NjQ0MSA2MS43MTI5IDEwLjY2ODkgNjIuMTE1OCAxMS40NTMyQzYyLjUzNDggMTIuMjM3NiA2My4xMTQ5IDEyLjg1MzkgNjMuODU2MiAxMy4zMDIyQzY0LjYxMzcgMTMuNzM0NCA2NS40OTE5IDEzLjk1MDUgNjYuNDkxMSAxMy45NTA1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
}

#octa-col-32-5 .octa-col__title::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MSIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDYxIDQ1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMzkuMDU3OCAyMC42MjhDMzkuNzMyNyAyMS4xMDkzIDQxLjA4OSAyMS41NDM5IDQxLjk0MTEgMjEuNTQzOUg2MC40OTA4QzU4LjkwNDggMTkuNzQ4MyA1MS4zMDM2IDEyLjAxMjcgMzguMTI4NiAxMi4wMTI3SDI3LjYyOTlMMzkuMDU3OCAyMC42MjhaIiBmaWxsPSJ3aGl0ZSIvPgogIDxwYXRoIGQ9Ik00MS45NDE0IDIzLjQ1MDJDNDAuNzAxNCAyMy40NTAyIDM4Ljk0IDIyLjg4NTkgMzcuOTMwNyAyMi4xNjQ0TDI0LjQ2MyAxMi4wMTI3SDcuNjI4OTFDNy4zNTM0NSAxMi4wMTI3IDcuMDkyMyAxMi4xMzA5IDYuOTEyMTYgMTIuMzM4N0wwLjI0MDI4MSAxOS45NjM3QzAuMDg3NzgxMyAyMC4xMzcxIDAuMDAzOTA2MjUgMjAuMzYwMiAwLjAwMzkwNjI1IDIwLjU5MDhWMjQuNDAzM0MwLjAwMzkwNjI1IDI0LjkzMDQgMC40MzA5MDYgMjUuMzU2NCAwLjk1NzAzMSAyNS4zNTY0SDguNzkyNjdDOS4wNDE0NCAyNS4zNTY0IDkuMjgxNjIgMjUuMjU4MyA5LjQ1ODkxIDI1LjA4NDhDMTEuNzkzMSAyMi44MDExIDE0Ljg2NiAyMS41NDM5IDE4LjExMzMgMjEuNTQzOUMyMi41MDI0IDIxLjU0MzkgMjYuNjA4NSAyMy45MTgyIDI4LjgyNzQgMjcuNzQxMkMyOC45OTggMjguMDM1NyAyOS4zMTE1IDI4LjIxNTggMjkuNjUxOCAyOC4yMTU4SDU4LjE0NDVDNTguMzk4MSAyOC4yMTU4IDU4LjY0MDIgMjguMTE1NyA1OC44MTg0IDI3LjkzNjZMNjAuNzI0NiAyNi4wMzAzQzYwLjkwMzggMjUuODUyMSA2MS4wMDM5IDI1LjYxIDYxLjAwMzkgMjUuMzU2NFYyMy40NTAySDQxLjk0MTRaIiBmaWxsPSJ3aGl0ZSIvPgogIDxwYXRoIGQ9Ik0xOC4xMTMzIDI5LjE3MDlDMTMuOTAyNCAyOS4xNzA5IDEwLjQ4ODMgMzIuNTg1IDEwLjQ4ODMgMzYuNzk1OUMxMC40ODgzIDQxLjAwNjggMTMuOTAyNCA0NC40MjA5IDE4LjExMzMgNDQuNDIwOUMyMi4zMjQyIDQ0LjQyMDkgMjUuNzM4MyA0MS4wMDY4IDI1LjczODMgMzYuNzk1OUMyNS43MzgzIDMyLjU4NSAyMi4zMjQyIDI5LjE3MDkgMTguMTEzMyAyOS4xNzA5Wk0xOC4xMTMzIDQxLjU2MTVDMTUuNDg1NSA0MS41NjE1IDEzLjM0NzcgMzkuNDIzNyAxMy4zNDc3IDM2Ljc5NTlDMTMuMzQ3NyAzNC4xNjgxIDE1LjQ4NTUgMzIuMDMwMyAxOC4xMTMzIDMyLjAzMDNDMjAuNzQxIDMyLjAzMDMgMjIuODc4OSAzNC4xNjgxIDIyLjg3ODkgMzYuNzk1OUMyMi44Nzg5IDM5LjQyMzcgMjAuNzQxIDQxLjU2MTUgMTguMTEzMyA0MS41NjE1WiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMTguMTEzMyAzOS42NTUzQzE5LjY5MjUgMzkuNjU1MyAyMC45NzI3IDM4LjM3NTEgMjAuOTcyNyAzNi43OTU5QzIwLjk3MjcgMzUuMjE2NyAxOS42OTI1IDMzLjkzNjUgMTguMTEzMyAzMy45MzY1QzE2LjUzNDEgMzMuOTM2NSAxNS4yNTM5IDM1LjIxNjcgMTUuMjUzOSAzNi43OTU5QzE1LjI1MzkgMzguMzc1MSAxNi41MzQxIDM5LjY1NTMgMTguMTEzMyAzOS42NTUzWiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNNTcuMTkxNyAzMy45MzY1TDU4LjE0NDggMzAuMTIyMUgyOS42NTEyQzI4LjYzNDIgMzAuMTIyMSAyNy42ODY4IDI5LjU3NTkgMjcuMTc2OCAyOC42OTYyQzI1LjI5OTIgMjUuNDYwMyAyMS44MjUgMjMuNDUwMiAxOC4xMTI2IDIzLjQ1MDJDMTUuMzY2NyAyMy40NTAyIDEyLjc2NjUgMjQuNTE0OCAxMC43OTA3IDI2LjQ0NzhDMTAuMjU0MSAyNi45NzM5IDkuNTQ0MDMgMjcuMjYyNyA4Ljc5MTA2IDI3LjI2MjdIMi4yNDAyM0wzLjYwMDM0IDM4LjgyNDFDMy43Nzk1MyA0MC4zNTc3IDUuMTMwMTEgNDEuNTU5NiA2LjY3NjA4IDQxLjU1OTZIOS44NzA5NUM5LjA1Njk4IDQwLjE1NTYgOC41ODIzMyAzOC41MzE1IDguNTgyMzMgMzYuNzk1OUM4LjU4MjMzIDMxLjU0MDMgMTIuODU4IDI3LjI2NDYgMTguMTEzNiAyNy4yNjQ2QzIzLjM2OTEgMjcuMjY0NiAyNy42NDQ4IDMxLjU0MDMgMjcuNjQ0OCAzNi43OTU5QzI3LjY0NDggMzguNTMxNSAyNy4xNzAyIDQwLjE1NTYgMjYuMzU2MiA0MS41NTk2SDMzLjM2MzZWMzUuODQyN0MzMy4zNjM2IDM0Ljc5MDUgMzQuMjE3NiAzMy45MzY1IDM1LjI2OTggMzMuOTM2NUg1Ny4xOTE3WiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMjUuNzg2NCA0LjQzNjQxQzI4LjM4ODQgMS44MzUzMyAzMi42MjEyIDEuODM2MjkgMzUuMjIyMyA0LjQzNjQxQzM1LjQwODIgNC42MjIyNyAzNS42NTIyIDQuNzE1NjggMzUuODk2MiA0LjcxNTY4QzM2LjE0MDIgNC43MTU2OCAzNi4zODQyIDQuNjIyMjcgMzYuNTcgNC40MzY0MUMzNi45NDI3IDQuMDYzNzQgMzYuOTQyNyAzLjQ2MTM2IDM2LjU3IDMuMDg4NjlDMzMuMjI0NiAtMC4yNTY3NzcgMjcuNzgyMiAtMC4yNTY3NzcgMjQuNDM3NyAzLjA4ODY5QzI0LjA2NSAzLjQ2MTM2IDI0LjA2NSA0LjA2Mzc0IDI0LjQzNzcgNC40MzY0MUMyNC44MTA0IDQuODA5MDggMjUuNDEzNyA0LjgwODEzIDI1Ljc4NjQgNC40MzY0MVoiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTMzLjE5OSA3LjQxMTAxQzMzLjQ0MyA3LjQxMTAxIDMzLjY4NyA3LjMxNzYgMzMuODcyOCA3LjEzMTc0QzM0LjI0NTUgNi43NjAwMiAzNC4yNDU1IDYuMTU2NyAzMy44NzI4IDUuNzg0MDJDMzIuOTc0IDQuODg0MjcgMzEuNzc2OSA0LjM4NzcgMzAuNTAzNSA0LjM4NzdDMjkuMjMwMiA0LjM4NzcgMjguMDM0IDQuODg0MjcgMjcuMTMzMyA1Ljc4NDAyQzI2Ljc2MTYgNi4xNTY3IDI2Ljc2MTYgNi43NjAwMiAyNy4xMzMzIDcuMTMxNzRDMjcuNTA2IDcuNTA0NDEgMjguMTA5MyA3LjUwNDQxIDI4LjQ4MiA3LjEzMTc0QzI5LjU2MDkgNi4wNTE4NSAzMS40NDUyIDYuMDUxODUgMzIuNTI1MSA3LjEzMTc0QzMyLjcxMSA3LjMxNzYgMzIuOTU1IDcuNDExMDEgMzMuMTk5IDcuNDExMDFaIiBmaWxsPSJ3aGl0ZSIvPgogIDxwYXRoIGQ9Ik0zMC41MDM5IDEwLjEwODRDMzEuMDMwMyAxMC4xMDg0IDMxLjQ1NyA5LjY4MTY3IDMxLjQ1NyA5LjE1NTI3QzMxLjQ1NyA4LjYyODg4IDMxLjAzMDMgOC4yMDIxNSAzMC41MDM5IDguMjAyMTVDMjkuOTc3NSA4LjIwMjE1IDI5LjU1MDggOC42Mjg4OCAyOS41NTA4IDkuMTU1MjdDMjkuNTUwOCA5LjY4MTY3IDI5Ljk3NzUgMTAuMTA4NCAzMC41MDM5IDEwLjEwODRaIiBmaWxsPSJ3aGl0ZSIvPgogIDxwYXRoIGQ9Ik01OS4wOTc3IDM1Ljg0MjhIMzUuMjY5NVY0Mi41MTQ2QzM1LjI2OTUgNDMuMDM4OSAzNS42OTg0IDQzLjQ2NzggMzYuMjIyNyA0My40Njc4SDU5LjA5NzdDNjAuMTQ2MSA0My40Njc4IDYxLjAwMzkgNDIuNjEgNjEuMDAzOSA0MS41NjE1VjM3Ljc0OUM2MS4wMDM5IDM2LjcwMDYgNjAuMTQ2MSAzNS44NDI4IDU5LjA5NzcgMzUuODQyOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==");
}

:is(#octa-col-32-1, #octa-col-32-3) .octa-col__title::before {
  margin-bottom: -15px;
}



#octa-row-15 {
  padding-top: 5.72917vw;
  padding-bottom: 7.3125vw;

  .octa-col__item__title {
    font-size: 2.5rem !important;
    position: relative;

    &::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      right: 0;
      bottom: -23px;
      height: 3px;
      width: 55%;
      background-color: var(--color-orange);
    }
  }

  .octa-col__item__text_1 {
    font-size: 2.1875rem;
    font-weight: 500;
    line-height: 1.4;
    text-wrap: balance;
  }
}

/* Products */

#special-offers {
  padding-top: 4.15vw;
  padding-bottom: 5.72917vw;
  background-color: #1e1f22;
  background-image: var(--image-pattern-1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;

  &::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQ5IiBoZWlnaHQ9IjY3NyIgdmlld0JveD0iMCAwIDY0OSA2NzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOTQuOTAyIDU4LjY3OTNMNDE4LjQyMSA1OC42NzkzTDExMy43NDMgNjE3LjQ1NUwtMTguMDEgNjE3LjQ1NUwyOTQuOTAyIDU4LjY3OTNaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+CjxwYXRoIGQ9Ik01MjIuNjI4IDU5LjYwNjZMNjQ4Ljk5IDU5LjYwNjVMMzQ2Ljk4OSA2MTguNDk5TDIxNC42MTcgNjE4LjQ5OUw1MjIuNjI4IDU5LjYwNjZaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+Cjwvc3ZnPgo=");
    position: absolute;
    bottom: 10%;
    left: -25px;
    pointer-events: none;
  }

  .octa_category-carousel__title {
    font-size: 2.0625rem !important;
    text-transform: uppercase;
    padding-inline: 8.33333vw;
  }

  .octa_category-carousel__description {
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    width: fit-content;
    margin-bottom: 4.94792vw;
    padding-inline: 8.33333vw;
    font-family: var(--font-family-space-grotesk);

    &::after {
      content: "";
      position: absolute;
      left: 8.33333vw;
      right: 0;
      bottom: -35px;
      height: 3px;
      width: 25%;
      background-color: var(--color-white);
    }
  }

  & .octa-col__text {
    font-size: 1.3125rem;
    line-height: 1.74;
    font-weight: 500;
  }

  .product-miniature {
    & .product-price__text .price {
      font-size: 1.4375rem;
    }

    & .product-price {
      padding-inline: 22px;
      padding-block: 13px;
    }

    & .product-price [role="separator"] {
      background-color: #fff;
      width: 3px;
      height: 83px;
      max-height: 90%;
    }

    & .product-title {
      font-size: 1.3125rem !important;
    }

    & .product-date {
      min-height: 37px;
      font-size: 1.3125rem !important;
    }
  }

  .glide-selector-17 {
    padding-left: calc(8.33333vw - 17px);
  }

  .octa_category-carousel__glide-slide {
    padding-block: 10px;
  }
}

/* News */

[data-prettyblocks-zone="zone__latest-news"] {
  display: flex;
  gap: 28px;
  align-items: stretch;

  & > div {
    flex-basis: calc(50% - 14px);
    max-width: 100%;
  }
}

.news-heading {
  margin-block: 4.6875vw;
  position: relative;
  width: fit-content;
  margin-left: 8.33333vw;

  &::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    height: 3px;
    width: 35%;
    background-color: #000;
  }
}

#octa-col-29-1 {
  background-color: var(--color-beige);
  padding-left: 8.33333vw;
  padding-block: 4.16667vw;
  padding-right: 2.60417vw;

  p {
    font-size: 1.3125rem;
    line-height: 1.74;
    font-weight: 500;
  }
}

.post-content h3 {
  max-width: 50%;
}

#octa-col-29-2 .octa-col__item__title,
.post-content h3 {
  font-weight: 500;
  font-size: 1.125rem !important;
  margin-bottom: 50px;
  position: relative;
  color: #fff;

  &::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -26px;
    height: 1.5px;
    width: 45px;
    background-color: rgba(255, 255, 255, 0.7);
  }
}

#octa-col-29-2 {
  background-image: var(--image-pattern-2);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  aspect-ratio: 363/538;

  & > div {
    background-color: hsla(var(--value-color-black), 0.8);
    padding-inline: 3.125vw;
    padding-block: 2vw;
  }

  * {
    color: currentColor;
    margin: 0;
  }

  .octa-col__link__wrapper a {
    all: unset;
    display: flex;
    gap: 19px;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    font-size: 1.125rem !important;
    position: relative;
    line-height: 1;

    &:hover {
      text-decoration: underline;
    }

    &::before {
      position: relative;
      width: 37px;
      height: 37px;
      background-color: rgba(245, 81, 57, 0.45);
      border-radius: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 4px;
      padding-left: 2px;
      transition: all 0.3s ease;
    }

    &:hover::before {
      background-color: var(--color-orange);
    }
  }

  .octa-col__item__link_1 a::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDEyIDIyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNy41NDc4NyAyMS4zMTU0VjEyLjAyOTdIMTAuNjYzNEwxMS4xMzA5IDguNDA5ODVINy41NDc4N1Y2LjA5OTA5QzcuNTQ3ODcgNS4wNTEzOSA3LjgzNzYyIDQuMzM3MzkgOS4zNDE3MyA0LjMzNzM5TDExLjI1NyA0LjMzNjZWMS4wOTg4NkMxMC45MjU4IDEuMDU1ODIgOS43ODg4MiAwLjk1NzEzOCA4LjQ2NTU0IDAuOTU3MTM4QzUuNzAyMzEgMC45NTcxMzggMy44MTA1NiAyLjY0Mzc4IDMuODEwNTYgNS43NDA1OVY4LjQwOTg1SDAuNjg1NTQ3VjEyLjAyOTdIMy44MTA1NlYyMS4zMTU0SDcuNTQ3ODdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
  }

  .octa-col__item__link_2 a::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjM2NjggNS44NTg2MUMxOS4zMjE2IDQuODMwODcgMTkuMTU1NiA0LjEyNDMxIDE4LjkxNzkgMy41MTIwNkMxOC42NzI3IDIuODYyMTggMTguMjk1NSAyLjI4MDM0IDE3LjgwMTIgMS43OTY2NkMxNy4zMTgyIDEuMzA1NDQgMTYuNzMzNSAwLjkyMzc1IDE2LjA5MjEgMC42ODE5ODFDMTUuNDc3MyAwLjQ0MzkwMiAxNC43NzU1IDAuMjc3NzA0IDEzLjc0OTQgMC4yMzIzOTFDMTIuNzE1NiAwLjE4MzI0IDEyLjM4NzQgMC4xNzE4NzUgOS43NjU0MiAwLjE3MTg3NUM3LjE0MzQyIDAuMTcxODc1IDYuODE1MjMgMC4xODMyNCA1Ljc4NTI3IDAuMjI4NTUzQzQuNzU5MTMgMC4yNzM4NjcgNC4wNTM2OCAwLjQ0MDIxMiAzLjQ0MjU0IDAuNjc4MTQzQzIuNzkzNTIgMC45MjM3NSAyLjIxMjU5IDEuMzAxNjEgMS43Mjk2NiAxLjc5NjY2QzEuMjM5MjIgMi4yODAzNCAwLjg1ODI2OSAyLjg2NjAyIDAuNjE2NzMgMy41MDgzN0MwLjM3OTAyNCA0LjEyNDMxIDAuMjEzMDg2IDQuODI3MDMgMC4xNjc4NDMgNS44NTQ3N0MwLjExODc2OSA2Ljg5MDE5IDAuMTA3NDIyIDcuMjE4ODkgMC4xMDc0MjIgOS44NDQ5OUMwLjEwNzQyMiAxMi40NzExIDAuMTE4NzY5IDEyLjc5OTggMC4xNjQwMTIgMTMuODMxNEMwLjIwOTI1NCAxNC44NTkxIDAuMzc1MzM5IDE1LjU2NTcgMC42MTMwNDYgMTYuMTc3OUMwLjg1ODI2OSAxNi44Mjc4IDEuMjM5MjIgMTcuNDA5NiAxLjcyOTY2IDE3Ljg5MzNDMi4yMTI1OSAxOC4zODQ1IDIuNzk3MzUgMTguNzY2MiAzLjQzODcxIDE5LjAwOEM0LjA1MzY4IDE5LjI0NjEgNC43NTUzIDE5LjQxMjMgNS43ODE1OCAxOS40NTc2QzYuODExNCAxOS41MDMxIDcuMTM5NzQgMTkuNTE0MyA5Ljc2MTczIDE5LjUxNDNDMTIuMzgzNyAxOS41MTQzIDEyLjcxMTkgMTkuNTAzMSAxMy43NDE5IDE5LjQ1NzZDMTQuNzY4IDE5LjQxMjMgMTUuNDczNSAxOS4yNDYxIDE2LjA4NDYgMTkuMDA4QzE3LjM4MjUgMTguNTA1NCAxOC40MDg2IDE3LjQ3NzcgMTguOTEwNCAxNi4xNzc5QzE5LjE0OCAxNS41NjIgMTkuMzE0MSAxNC44NTkxIDE5LjM1OTMgMTMuODMxNEMxOS40MDQ2IDEyLjc5OTggMTkuNDE1OSAxMi40NzExIDE5LjQxNTkgOS44NDQ5OUMxOS40MTU5IDcuMjE4ODkgMTkuNDEyMSA2Ljg5MDE5IDE5LjM2NjggNS44NTg2MVpNMTcuNjI3NyAxMy43NTU4QzE3LjU4NjIgMTQuNzAwNCAxNy40Mjc3IDE1LjIxMDUgMTcuMjk1NyAxNS41NTA2QzE2Ljk3MTIgMTYuMzkzMyAxNi4zMDM1IDE3LjA2MiAxNS40NjIxIDE3LjM4NzFDMTUuMTIyNiAxNy41MTkzIDE0LjYwOTYgMTcuNjc4IDEzLjY3MDEgMTcuNzE5NUMxMi42NTE1IDE3Ljc2NDkgMTIuMzQ2IDE3Ljc3NjEgOS43NjkyNSAxNy43NzYxQzcuMTkyNSAxNy43NzYxIDYuODgzMTcgMTcuNzY0OSA1Ljg2ODI0IDE3LjcxOTVDNC45MjUwNyAxNy42NzggNC40MTU3NiAxNy41MTkzIDQuMDc2MjMgMTcuMzg3MUMzLjY1NzU1IDE3LjIzMjEgMy4yNzY0NSAxNi45ODY1IDIuOTY3MTIgMTYuNjY1M0MyLjY0NjQ1IDE2LjM1MTYgMi40MDEyMyAxNS45NzM4IDIuMjQ2NDkgMTUuNTU0NUMyLjExNDQ0IDE1LjIxNDQgMS45NTYwMiAxNC43MDA0IDEuOTE0NjEgMTMuNzU5NkMxLjg2OTIyIDEyLjczOTQgMS44NTgwMiAxMi40MzMzIDEuODU4MDIgOS44NTI1MkMxLjg1ODAyIDcuMjcxNzMgMS44NjkyMiA2Ljk2MTkyIDEuOTE0NjEgNS45NDU1NUMxLjk1NjAyIDUuMDAwOTEgMi4xMTQ0NCA0LjQ5MDggMi4yNDY0OSA0LjE1MDczQzIuNDAxMjMgMy43MzEyNSAyLjY0NjQ1IDMuMzQ5NyAyLjk3MDk2IDMuMDM5NzRDMy4yODM5NyAyLjcxODU3IDMuNjYxMjMgMi40NzI5NiA0LjA4MDA2IDIuMzE4MTNDNC40MTk2IDIuMTg1ODggNC45MzI3NCAyLjAyNzIxIDUuODcyMDcgMS45ODU1OEM2Ljg5MDY4IDEuOTQwMjcgNy4xOTYzMyAxLjkyODkxIDkuNzcyOTMgMS45Mjg5MUMxMi4zNTM1IDEuOTI4OTEgMTIuNjU5IDEuOTQwMjcgMTMuNjczOSAxLjk4NTU4QzE0LjYxNzEgMi4wMjcyMSAxNS4xMjY0IDIuMTg1ODggMTUuNDY2IDIuMzE4MTNDMTUuODg0NiAyLjQ3Mjk2IDE2LjI2NTcgMi43MTg1NyAxNi41NzUxIDMuMDM5NzRDMTYuODk1NyAzLjM1MzM5IDE3LjE0MSAzLjczMTI1IDE3LjI5NTcgNC4xNTA3M0MxNy40Mjc3IDQuNDkwOCAxNy41ODYyIDUuMDA0NiAxNy42Mjc3IDUuOTQ1NTVDMTcuNjczIDYuOTY1NzYgMTcuNjg0MyA3LjI3MTczIDE3LjY4NDMgOS44NTI1MkMxNy42ODQzIDEyLjQzMzMgMTcuNjczIDEyLjczNTYgMTcuNjI3NyAxMy43NTU4WiIgZmlsbD0iI0ZGRkRGRCIvPgo8cGF0aCBkPSJNOS43NjU3MyA0Ljg3NjE5QzcuMDI2ODcgNC44NzYxOSA0LjgwNDY5IDcuMTAxNyA0LjgwNDY5IDkuODQ1QzQuODA0NjkgMTIuNTg4MyA3LjAyNjg3IDE0LjgxMzggOS43NjU3MyAxNC44MTM4QzEyLjUwNDcgMTQuODEzOCAxNC43MjY4IDEyLjU4ODMgMTQuNzI2OCA5Ljg0NUMxNC43MjY4IDcuMTAxNyAxMi41MDQ3IDQuODc2MTkgOS43NjU3MyA0Ljg3NjE5Wk05Ljc2NTczIDEzLjA2ODFDNy45ODg5IDEzLjA2ODEgNi41NDc2MiAxMS42MjQ4IDYuNTQ3NjIgOS44NDVDNi41NDc2MiA4LjA2NTI0IDcuOTg4OSA2LjYyMTg2IDkuNzY1NzMgNi42MjE4NkMxMS41NDI3IDYuNjIxODYgMTIuOTgzOCA4LjA2NTI0IDEyLjk4MzggOS44NDVDMTIuOTgzOCAxMS42MjQ4IDExLjU0MjcgMTMuMDY4MSA5Ljc2NTczIDEzLjA2ODFaIiBmaWxsPSIjRkZGREZEIi8+CjxwYXRoIGQ9Ik0xNi4wODExIDQuNjc5NzJDMTYuMDgxMSA1LjMyMDMgMTUuNTYyNiA1LjgzOTcxIDE0LjkyMjggNS44Mzk3MUMxNC4yODMyIDUuODM5NzEgMTMuNzY0NiA1LjMyMDMgMTMuNzY0NiA0LjY3OTcyQzEzLjc2NDYgNC4wMzg5OSAxNC4yODMyIDMuNTE5NzMgMTQuOTIyOCAzLjUxOTczQzE1LjU2MjYgMy41MTk3MyAxNi4wODExIDQuMDM4OTkgMTYuMDgxMSA0LjY3OTcyWiIgZmlsbD0iI0ZGRkRGRCIvPgo8L3N2Zz4K");
  }
}

[data-id-prettyblocks="37"] {
  padding-right: 8.33333vw;
}

[data-id-prettyblocks="37"],
[data-id-prettyblocks="37"] > div {
  display: flex;
  align-items: stretch;
}

[data-id-prettyblocks="37"] > div {
  width: 100%;
}

.last-prestablog-posts {
  width: 100%;
}

.last-prestablog-posts ul {
  display: flex;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.post-item {
  flex-basis: calc(50% - 28px);
  flex-grow: 0;
  position: relative;
}

.post-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.post-content a {
  display: block;
  height: 100%;
  position: relative;
}

.post-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 363/538;
}

.post-content-wrapper {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-inline: 2.604166667vw;
  padding-top: 8vw;
  padding-bottom: 4.6875vw;
  color: white;
  transform: translateY(100%);
  transition: background-color 0.2s ease, transform 0.6s ease;
  background-color: transparent;

  &::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzQiIGhlaWdodD0iMTY1IiB2aWV3Qm94PSIwIDAgMTM0IDE2NSIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTYyLjQyNjUgMTQuMjg5OUw4Ny4wNjg5IDE0LjI4OTlMMjYuMjg0NSAxNTAuMzY2TC0wLjAwMDY2MzQyIDE1MC4zNjZMNjIuNDI2NSAxNC4yODk5WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPgogIDxwYXRoIGQ9Ik0xMDcuODU4IDE0LjUxNThMMTMzLjA2OCAxNC41MTU4TDcyLjgxNzYgMTUwLjYyTDQ2LjQwODggMTUwLjYyTDEwNy44NTggMTQuNTE1OFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMTYiLz4KPC9zdmc+");
    position: absolute;
    top: -15px;
    right: 20px;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.1s ease;
  }

  &::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxNyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDExQzE3IDEwLjYwNjQgMTYuNzk1OSAxMC4yMTI5IDE2LjM4ODYgOS45MTI3OUwzLjU2NTIzIDAuNDcwMjE4QzIuNzQ5NSAtMC4xMzA0NTMgMS40MjY5NCAtMC4xMzA0NTMgMC42MTE1NDcgMC40NzAyMThDLTAuMjAzODQ5IDEuMDcwNjUgLTAuMjAzODQ5IDIuMDQ0MzQgMC42MTE1NDcgMi42NDUwNkwxMS45NTg0IDExTDAuNjExOTQzIDE5LjM1NDlDLTAuMjAzNDUzIDE5Ljk1NTYgLTAuMjAzNDUzIDIwLjkyOTIgMC42MTE5NDMgMjEuNTI5NkMxLjQyNzM0IDIyLjEzMDUgMi43NDk5IDIyLjEzMDUgMy41NjU2MiAyMS41Mjk2TDE2LjM4OSAxMi4wODcxQzE2Ljc5NjQgMTEuNzg2OSAxNyAxMS4zOTM0IDE3IDExWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    bottom: 0;
    right: 0;
    z-index: 1;
    position: absolute;
    pointer-events: none;
    background-color: rgba(255, 137, 120, 0.51);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
  }

  &:hover::before {
    opacity: 1;
    transition: opacity 0.5s ease;
  }
}

.post-item:hover .post-content-wrapper {
  transform: translateY(0);
  transition: background-color 0.3s ease, transform 0.2s ease;
  background-color: hsla(var(--value-color-orange), 0.8);
}

.post-content-wrapper .intro {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
  font-family: var(--font-family-space-grotesk);
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .post-item {
    flex: 0 0 calc(100% - 16px);
    min-width: calc(100% - 16px);
  }

  #special-offers::after {
    display: none;
  }
}
@media (max-width: 1600px) {
  [data-id-prettyblocks="37"] {
    padding-right: 0;
  }
  #octa-col-29-1 {
    padding-left: 3.33333vw;
  }
  .post-content h3 {
    max-width: 100%;
  }
}

@media (max-width: 1555px) and (min-width:1160px) {
  #octa-row-32 {
    & .octa-col__title {
              align-items: flex-start;
              gap: 0;
          flex-direction: column;
    }
  }
}
@media (max-width: 500px)  {
  #octa-row-32 {
    & .octa-col__title {
              align-items: flex-start;
              gap: 0;
          flex-direction: column;
    }
  }
}
@media (max-width: 1200px) {
  [data-prettyblocks-zone="zone__latest-news"] {
    flex-direction: column;
  }

  .post-item {
    flex-basis: calc(50% - 14px);
  }

  #social-links {
    gap: 20px !important;
  }
}

.bg-grey .d-sm-flex {
  display: flex;
}

@media (max-width: 768px) {
  .post-item {
    flex: 0 0 calc(70% - 16px);
    min-width: calc(70% - 16px);
  }
  .last-prestablog-posts {
    overflow-x: scroll;
  }
  #octa-row-29 {
    flex-wrap: wrap !important;
  }
  #octa-col-29-2 {
    --basis: 100% !important;
  }
  #octa-col-29-1 {
    p {
      font-size: 1rem;
      line-height: 1.74;
      font-weight: 500;
    }
  }

  #octa-col-29-2 {
    aspect-ratio: 2 / 1;
  }
  #octa-col-29-1 {
    --basis: 100% !important;
    margin-top: 40px;
  }

  #octa-col-24-1 > .octa-col__wrap {
    padding: 0 20px;
  }
}

@media (max-width: 505px) {
  #octa-row-3 {
    & .octa-col__title {
      flex-direction: column;
      gap: 0px;
      align-items: flex-start;
    }
  }

  & .topbar {
    & p {
      flex-direction: column;
    }
  }
}

@media (max-width: 400px) {
  #octa-row-29 .octa-col__wrap {
    min-height: 30vh;
  }

  #octa-row-15 .octa-col__item__text_1 {
    font-size: 1.5rem;
  }
}

@media (max-width: 360px) {
  #octa-row-32 {
    & .octa-col__title {
      font-size: 1rem;
    }
  }
}