.template-index {
  [data-section-type="hero"] {
    .image__hero__frame {
      height: 530px;
      padding: 0;
      
      img {
        object-position: top right !important;
      }
    }

    .hero__content {
      padding-block: 54px;
      height: 100%;
    }

    .hero__title {
      background: linear-gradient(193deg, #CFCFCF 11.96%, #FFF 50.87%, #CFCFCF 86.9%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;

      span {
        font-size: 36px;
        display: block;
      }
    }

    .hero__description:not(:first-child),
    h2 {
      margin-block-start: 8px;
    }

    .hero__description,
    .hero__image-with-text,
    h2 {
      margin-block-end: 0;
    }

    .hero__description+.hero__image-with-text {
      margin-block-start: 8px;
      font-style: italic;
    }

    .hero__button {
      margin-block: 40px 16px;
    }

    .btn {
      display: flex;
      padding: 18px 32px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border-radius: 100px;
      background: var(--Linear, linear-gradient(98deg, #fff 6.15%, #a6a6a6 81.43%));
      backdrop-filter: blur(2.950000047683716px);
      color: #000;
    }

    @media (max-width: 749px) {
      .hero__content {
        padding-block: 24px 30px;
      }

      .image__hero__frame {
        height: 680px;

        img {
          object-position: bottom center !important;
        }
      }

      .hero__button {
        margin-block: 24px 0;
      }

      .hero__description[data-aos-order="4"] {
        br {
          display: none;
        }
      }

      .hero__image-with-text[data-aos-order="7"] {
        margin-top: auto;
      }
    }

    @media (min-width: 750px) {
      .hero__title {
        span {
          font-size: 48px;
        }
      }
    }

    @media (min-width: 1440px) {
      .hero__content {
        padding-inline-start: 148px;
      }
    }
  }
}

.template-collection {
  section[data-section-type="rich-text"] {
    padding-block: 64px;

    @media (max-width: 749px) {
      padding-block: 32px;
    }

    [data-aos-order="1"] {
      margin-block-end: 8px;

      p {
        font-size: 20px;
        color: #449EFF;

        @media (max-width: 749px) {
          font-size: 16px;
        }
      }
    }

    .hero__title {
      background: linear-gradient(193deg, #CFCFCF 11.96%, #FFF 50.87%, #CFCFCF 86.9%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    [data-aos-order="2"] {
      margin-block-end: 0;
      width: fit-content;
      margin: 0 auto;
      position: relative;
      font-size: 95px;
      font-style: italic;
      line-height: 1;

      @media (max-width: 749px) {
        font-size: 62px;
      }

      &::before {
        content: '';
        width: 58px;
        height: 64px;
        display: block;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABACAYAAABLAmSPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgRSURBVHgB5ZpJjBRVGMe/np4eBQQG2RTZXYgSt2gkLonRmLjhwsElxiUuN/GgB4k7HtSYePDgTSNqokROGkn0gCHuG1HjFqOoRBRHxmGZwWH29vv19z36Tc/gdFX1zMD0l/xTVd1V773/+9b3qkTqSYrFYk7qRHIbNmzISz2IajWvaJQJKg3hJJfL9XM9kckOktbW1ql1Q1aJztm8eTNkJ36QUrJL165di2nXBdlTPfVMaLIlckp0RXw9USWnRInEF4VrOcQlUyDVh49UXCqHsOBijFOyijbSrLgiavSgkDEWqrq2trZpUivp7OxcoEQu59xNejiMCeGon0nt7e0zR7o/8WC04TP1MFMrqU2UjcO0U4yOpXO9tyg1Ep9A+h1gHIpGbf+vkZ5rkASCxrTRr/S0oOcXeGd5byeg8romGvY2Cno6yds9SYFPtlTzfCKi1l8xr2Tf1vOTFWdImWzjQRCIpybsljNZcZSY9Zyr6FbsqLaNpES932JByT6v56sUJ4qRhVTB0RSdDyKMGatMrrKjEEmnK5p9vFeLESyZa7VuUfXsRpo4YKLaSZf+vk7PH1fsFiMW7mMATEB/BXoVc/TZv0foj8mZIqZFjmjwesVGMaL7tY0eqVIyERXTVJfiLcUdYuTy3m4gCvoc/T7gJYqfSwMYRiOuRdJFsxOljdsULyqYoH1OtOogV3UV4SY33MRMVdyg2KRYKeZLwSUYCOQg2esQJ1CqobXNgYr2aW+GYpaf4wa3K55RdIhNVFfSSJ5l3RmKfUhhstcp3lNQLs7232OiPY5GJxKWgSWT9og63Z+dKzYZ4CbFWkWn4l+gJAckoWQhWqxoh84x3w8VlyiOk8F+2u3g+mixyQmCqUL+GMU8/3+hguLkYbEJagdKsk9SSBqiBwqBCsHE/lE8onhHTMOBbCCKP6NFSIW6tODXEIQcJJcrzlY8JkaSdvf4eSpJRNT9SKRMtpI0g/9e8ariFcW9Ylrq90FifgUnE6JpILlYMUeMINdP+v0UBG2cZ6mwsprugAyOrggE3lUs88E+KxZYAlEmI5gmv0NqiR/PEdP4c2Kmun3Pnj07m5ub92UtI9NUKXEQYqKafPCUZmgopAXkUTGTfVMsGnf6/1RV7yvmi2lykeI0MfN8WfGjmGVsV+yqRa2cqv50siGXQvQIMbJoMxCd5bc/pfhJ8bXfT0RFm+RRNHmCmC/vVLyhoJb+VvGbotW3YTNLVtON00ecKwGmis9hugQVJoTqCRNlEjBfCnN8dq+Yhn9R/CpW+aDdUm6thUZTEY2CUmWJB8GQRrocBJuXFKvFtITGKQQw9Zzf84Viq2KbWPDZ511hAeTYzEu91Bp1siEIBZJosU/KQQrzhhg++JHiQv8/9Mv5d2KaxB9bxfyYCSjI4ICXSVIRdR8trSp6enpmNDU1YYYAk2Qx3OzXnGO+sx1MRFPU1C6xCYIUwYrKKBDdK+WSMbOkNl097He0RMEJEiEgLRCLrqeLBav5Mpgk5RwaZcLm+VgIUhDc5cCnyaG7tQ/OqXX3pzHjzO9YKtINgn8WvW38ENJE2un+P2YOSfz0E8XvYhH4D7GVCcQgWyIlkTuMV8FQkorAxIDQKGaLBpeKLcwX+u1/ik0CZJiQ88XSDmbLhHR5G4FQWBKWyGo/TFIxDeE0OwxDhI4932GG+ClmS34kTy7z275UfCxGluhLOiFA3SxmpqH4CBiyOyEZNtBr9nqQbUexgBNIHitWt6JpdgUwzW1igybK7nAwhrsUT0i5CIn3oCo324pp0k1NNKodE2yIsFQ4i8Wi7mVifkZx/7niM8U3YuS2iVVC5Ev2nvDJW8VMOqSlfISgzdQvvDIT9QVzWIGgTfztFrGy7wUxH9yi+EFMk5gpQYelF3kTk2fPiVUO608qorBAiANdTDaxZDJd38AimpIr53p794htq7AAR0OYLKSIoAQatNfq1wSf4JN3Kl4TmyCejQuFXCWSmm9qomxmSznCYrZcr1GsE1t5oLkdThJCeR84GmuT8vZKCDxYAntOLPGod7fK8ETD9ejvGXnuDClhqpN4QPG0WFSF5E4/dvvAwnbLXgdC5dMk5aDDxJ2n+FTB27suGbq4H1PTJfiw9oQsKeU+xYNiwQeNQXAv+zvRziG+CNFQ4dB3WPEEomECidakH/Js2GQbblu06pVNYqLR+w80gTZJDfc7EXYF0FZn2KmLCoqwrmQi0FRByku8yujKOQuAjX6cJBkL+8QvmcQIcqQwuEbxkBjBEEmHbEeGWefY3d3NvfGaNV7SBfT57zcqXpeyqceaTWTCiW72fMlsHy/mS+vFzLhU4FezG8CnPXrfTo/YDcMgBB0IMRGLFav1mbu9/4EINX0lGQaYd5yiuBITVvDxVVOSN2RbtmyZ7O3lwmd53sYRVFe8gFJMicD/ZynW+HON8QvnavtN+u6FAp3ISBGAj/Um3TWPA0i08hkOYXxBs7yPna/PrncXSlTcJyHKSgS/ogBoqNWmVaSVSoKDxqb99foHIwS6D2q1l1Q5mPmKaRUDq3Uf8QcfDZGr5MO133eVYpnUWgge+JCMkRT//4uXBr9nFeOSWok2NsO/Bxw3KQ79yiV80XYtwUoyrFFDB2E78lCUQHalp6l04yweHt/rBrIXF9N8mDlawWaUJJj1CqkH8ai8XOpBvGJaJPUgXkqO+F3ghBDItrS0TKn8fVxz5GgIH1l1dHT06eKhIPUgvro6nDJIeslUTBxuMt4l7JjLf5VJEEqKkrshAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: -14px;
        left: 43px;

        @media (max-width: 749px) {
          top: -19px;
          left: 19px;
        }
      }
    }

    [data-aos-order="3"] {
      font-style: italic;
      font-size: 46px;
      font-weight: 300;

      @media (max-width: 749px) {
        font-size: 24px;
      }
    }
  }
}

[data-section-type="product-grid"] {
  /* .badge-item.badge-item--sale {
    --sale-bg: #fff;
    --sale-text: #017CFF;
  } */

  .badge-item {
    padding: var(--badge-padding);
  }
}

.product__title {
  color: black;
}