@import url('./styles/checkout-page.css');
@import url('./styles/banner.css');
@import url('./styles/how-to-use.css');
@import url('./styles/art-section.css');
@import url('./styles/sold-out-section.css');
@import url('./styles/fonts.css');

body {
  --color-brand-orange: rgba(243, 110, 33, 1);
  --color-brand-black: rgba(0, 0, 0, 1);
  --color-brand-black-800: #212121;

  background-color: var(--color-brand-orange) !important;
  .page_content_wrap > .content_wrap {
    width: 100%;
  }
}

.cp-page-content {
  background-color: var(--color-brand-orange);

  .page_content_wrap {
    background-color: transparent;
  }
}

/* Header */
.header-nav {
  .header-nav__items ul {
    display: flex;
    gap: 32px;

    a {
      &::after {
        background-color: #000 !important;
      }

      span {
        text-wrap: nowrap;
        color: #000;
        font-family: Brown;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
      }
    }
  }

  &:first-child .sc_layouts_menu a {
    padding: 0px;
  }

  .primary-button {
    margin: 0px !important;

    a {
      padding: 32px 13px;
      background-color: #000;

      &:hover {
        border: 1px solid white !important;
      }

      &:hover {
        background-color: #000 !important;
      }

      .sc_button_title {
        color: #ffffff;
        font-family: Brown;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        text-transform: uppercase;
      }
    }
  }
}

.header-mobile {
  .header-nav {
    &:first-child {
      position: relative;

      .header-nav__logo {
        position: absolute;
      }
    }

    .header-nav__menu span::before {
      color: #000000;
    }
  }
}

.cp-footer {
  background-color: var(--color-brand-orange);
  color: var(--color-brand-black);
  padding: 90px 0px;
  position: relative;
}

.cp-footer__texture-left {
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}

.cp-footer__texture-right {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.texture-desktop {
  display: flex;
}

.texture-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .texture-desktop {
    display: none;
  }

  .texture-mobile {
    display: flex;
  }
}

.cp-footer-container {
  max-width: 1360px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  position: relative;
  z-index: 2;

  a:hover {
    text-decoration: none;
    color: var(--color-brand-black);
  }
}

.cp-footer-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cp-footer-content__nav {
  width: 100%;

  &:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.cp-footer-content__nav-section {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--color-brand-black);
  padding: 16px;

  ul {
    display: flex;
    list-style: none;
    gap: 49px;
  }

  ul,
  p {
    padding: 0px;
    margin: 0px;
  }

  &:first-child {
    border-bottom: none;
  }
}

.nav-socials li {
  padding: 8px;
  width: 24px;
  height: 24px;
  align-items: center;

  svg {
    width: 24px;
    height: 24px;
  }
}

.footer-logo {
  max-width: 170px;
  max-height: 100px;
  height: 100px;

  img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 868px) {
  .cp-footer-container {
    padding: 0px;
  }

  .cp-footer {
    padding: 60px 24px 90px 24px; 
  }

  .cp-footer-content {
    gap: 16px;
  }

  .cp-footer-content__nav-section {
    flex-direction: column;

    &:first-child {
      align-items: center;
      gap: 16px;

      .nav-socials {
        gap: 24px;
      }
    }

    &:last-child {
      gap: 16px;

      p {
        text-align: center;
      }

      ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 24px;
      }
    }
  }
}

.innovation-section__description .sc_item_button {
  display: none !important;
}

.gallery-section {
  overflow: hidden;
  .gallery-section__slider {
    .sc_team_item_thumb img {
      border: 1px solid var(--color-brand-black);
    }
    .trx_addons_hover_team,
    .sc_team_item_info {
      display: none;
    }

    .swiper-pagination-progressbar {
      border: 1px solid var(--color-brand-black);
      background-color: transparent;
      border-radius: 6px;
      overflow: hidden;

      .swiper-pagination-progressbar-fill {
        border-radius: 6px;
        background-color: var(--color-brand-black);
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .gallery-section {
    .gallery-section__slider {
      .swiper-pagination-progressbar {
        width: calc(100% - 32px) !important;
        margin: auto;
      }
    }
  }
}


/* Menu  */
header.top_panel {
  background: transparent;
}

.cp-header--desktop {
  .header-nav {
    z-index: 3;

    &:last-child .primary-button {
      margin: 0px !important;
    }
  }

  .header-nav__items ul {
    display: flex;
    gap: 32px !important;

    li a.sf-with-ul {
      padding: 0px !important;

      span {
        color: var(--color-brand-black);
        font-family: Brown;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
      }

      &::after {
        background-color: var(--color-brand-black) !important;
      }
    }
  }

  .primary-button {
    margin: 0px !important;

    a {
      padding: 32px 13px;
      background-color: var(--color-brand-black);

      &:hover, &:focus {
        background-color: var(--color-brand-black) !important;
      }

      .sc_button_title {
        color: #ffffff;
        font-family: Brown;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        text-transform: uppercase;
      }
    }
  }
}

.cp-header--mobile {
  .header-nav__logo {
    position: absolute;
    top: -7px;
    margin: 0px;
    z-index: 3;

    a {
      display: flex;
      width: 142px;
      height: 82px;
    }
    img {
      width: 100%;
      height: 100%;
      max-height: none !important;
      max-width: 142px;
    }
  }

  .header-nav__menu {
    .sc_layouts_menu_mobile_button_burger a span::before {
      color: var(--color-brand-black);
    }
  }
}

.menu_mobile.opened {
  .sc_layouts_logo {
    display: none;
  }

  .menu_mobile_header_wrap {
    display: flex;
    justify-content: flex-end;
  }

  #mobile-menu_mobile {
    gap: 45px;

    li a {
      color: #ffffff;
      font-family: Brown;
      font-size: 24px;
      font-style: normal;
      font-weight: 300;
      line-height: 30px;
    }

    .open_child_menu {
      display: none;
    }
  }

  .menu_mobile_content_wrap_inner {
    .socials_mobile {
      display: flex;
      justify-content: center;
      gap: 32px;
    }

    .social_item {
      padding: 8px;
    }
  }
}

@media screen and (max-width: 768px) {
  header.top_panel {
    background-color: transparent !important;
  }
}

/* Utils */
.general-container {
  max-width: 1420px;
  margin: 0 auto;
}

.cp-primary-button {
  background-color: var(--color-brand-black);
  font-family: Brown;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  gap: 8px;
  color: white;
  text-align: center;
  

  display: flex;
  padding: 13px 32px 11px 32px;
  justify-content: center;
  align-items: center;
}

.secondary-button {
  all: unset;
  color: white;
  text-align: center;
  padding: 13px 24px;
  border: 1px solid white;
  border-radius: 50px;

  font-family: Brown;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; 
  text-transform: uppercase;

  &:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;    
    color: white !important;
  }

  &:disabled {
    background-color: transparent !important;
    opacity: 0.5;
    cursor: not-allowed !important;
  }
}

.ghost-button{
  all: unset !important;
  color: var(--color-brand-black-800) !important;
  font-family: Brown !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  text-decoration-line: underline !important;
  text-transform: uppercase !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  padding: 6px 8px !important;

  &:hover {
    color: white !important;
  }
}

@media screen and (max-width: 1024px) {
  .general-container {
    max-width: 100%;
    padding: 0px 24px;
  }
}

.font-monstro-solid :is(h1, h2, h3, h4, h5, h6) {
  font-family: "Monstro Solid";
  font-style: normal;
  color: var(--color-brand-black);
}

.font-brown :is(p, span) {
  font-family: "Brown";
  font-style: normal;
  color: var(--color-brand-black);
}

.google-lens-button {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 16px;
  display: flex;
  padding: 13px 16px 11px 16px !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 160px;
  border: 1px solid var(--color-brand-black);
  color: var(--color-brand-black);
  text-align: center;
  font-family: Brown;
  font-size: 18px;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 8px;
}

@media screen and (max-width: 768px) {
  .google-lens-button {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 11px 16px 9px 16px;
  }
}

/*  Card Product */
.woocommerce div.product div.images .flex-control-thumbs {
  height: 92% !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
  display: none;
}

.flex-control-nav.flex-control-thumbs img,
.woocommerce-product-gallery__image {
  border: 1px solid var(--color-brand-black) !important;
}

.woocommerce-variation-add-to-cart.variations_button {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;

  .ghost-button{
    margin-top: 24px !important;
  }
}

.flex-viewport {
  border-bottom: 1px solid var(--color-brand-black) !important;
}

.cp-product__add-to-cart-wrapper {
  label {
    color: var(--color-brand-black);
    font-family: Brown;
    font-size: 20px;
    font-style: normal !important;
    font-weight: 700;
    line-height: 28px;
  }

  #pa_size_attrib_extended {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;

    .trx_addons_attrib_button span {
      &::before,
      &::after {
        background-color: var(--color-brand-black) !important;
      }
    }
  }

  .trx_addons_attrib_item.trx_addons_attrib_button {
    display: flex;
    width: 43px;
    height: 43px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--color-brand-black);

    span {
      color: var(--color-brand-black);
      text-align: center;
      font-family: Brown;
      font-size: 20px;
      font-style: normal;
      font-weight: 300;
      line-height: 28px;
    }
  }

  .trx_addons_attrib_item.trx_addons_attrib_button.trx_addons_attrib_selected {
    background-color: var(--color-brand-black);
    span {
      color: white;
      font-weight: 700;
    }
  }

  form.cart .single_add_to_cart_button {
    width: 85% !important;
  }

  form.cart 
    .woocommerce-variation-add-to-cart
    button.single_add_to_cart_button {
    background-color: var(--color-brand-black) !important;
    color: white !important;
    text-transform: uppercase !important;
    display: flex !important;
    padding: 13px 158px 11px 158px !important;
    justify-content: center !important;
    align-items: center;
    gap: 8px;
    text-align: center !important;
    font-family: Brown !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    width: 80%;

    &::before {
      content: none !important;
    }

    &:hover {
      border: 1px solid white !important;
    }
  }
}

.cp-product__body {
  margin-bottom: 0px !important;

  .cp-product__promocional {
    color: var(--color-brand-black);
    font-family: Brown;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 8px;
  }

  .cp-product__title {
    margin-top: 0px;
    color: var(--color-brand-black);
    font-family: Brown;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
  }

  .cp-product__content {
    h3 {
      color: var(--color-brand-black);
      font-family: Brown;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 28px;
    }

    p {
      color: var(--color-brand-black);
      font-family: Brown;
      font-size: 20px;
      font-style: normal;
      font-weight: 300;
      line-height: 28px;
    }
  }
}

@media screen and (max-width: 768px) {
  .cp-product__body {
    .cp-product__promocional {
      text-align: center;
    }
  }
}

.navbar-hero {
  position: relative !important;
  height: 346px !important;

  & > .elementor-container {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
  }

  .navbar-hero__container {
    position: absolute;
    height: 100%;
  }

  .navbar-hero__title {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    h2 {
      font-family: "Monstro Solid";
      text-align: center;
    }
  }

  .navbar-hero__image {
    width: 100% !important;
    height: 100% !important;

    .elementor-widget-container {
      height: 100%;

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

@media screen and (max-width: 1279px) {
  .navbar-hero {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 768px) {
  .navbar-hero {
    height: 140px !important;
  }

  .cp-product__add-to-cart-wrapper {
    form.cart
      .woocommerce-variation-add-to-cart
      button.single_add_to_cart_button {
      width: 100% !important;
    }
  }

  .page-id-2333 .cp-page-content {
    .checkout-texture-section {
      top: 115px;

      img {
        width: 67%;
      }
    }

    .checkout-texture-section-2 {
      top: 130%;

      img {
        width: 67%;
      }
    }
  }
}

.woocommerce-breadcrumb,
.woocommerce-additional-fields,
.woocommerce-variation-availability,
.payment_method_cod p,
.payment_method_paypal p,
.wc_payment_method.payment_method_paypal :is(img, a) {
  display: none;
}

/*  Errors in Checkout */
.woocommerce-NoticeGroup {
  .woocommerce-error {
    &::before {
      color: white !important;
    }

    font-family: Brown;
    font-size: 16px;
    font-weight: 300;
    color: var(--color-brand-black);
    
    a {
      &:hover {
        color: var(--color-brand-black) !important;
        text-decoration: underline;
      }
    }
  }
}

.wc_payment_methods.payment_methods.methods {
  &::before,
  &::after {
    content: none;
  }

  li {
    padding: 8px 0px !important;
    margin-bottom: 16px !important;
  }

  li:last-child {
    border-top: 1px solid var(--color-brand-black) !important;
    padding-top: 24px !important;
    border-bottom: none !important;
    margin-bottom: 32px !important;
  }

  label {
    color: var(--color-brand-black);
    font-family: Brown;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
  }
}

.woocommerce-checkout-review-order {
  #place_order {
    background-color: var(--color-brand-black);
    color: white;
    text-transform: uppercase;
    display: flex;
    padding: 13px 32px 11px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    font-family: Brown;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    width: 100% !important;
  }
}

#payment ul.methods li + li {
  border-color: var(--color-brand-black) !important;
}

.wc_payment_method {
  .payment_box.payment_method_cod {
    display: none;
  }

  input[type="radio"] + label:before,
  input[type="checkbox"] + label:before,
  .wpcf7-list-item-label.wpcf7-list-item-right:before {
    border-color: var(--color-brand-black) !important;
    width: 18px;
    height: 18px;
    transform: translateY(-5px);
  }

  input[type="radio"]:checked + label:before,
  input[type="radio"]:checked + .wpcf7-list-item-label:before,
  .wpcf7-radio .wpcf7-list-item-checked.wpcf7-list-item-right:before,
  .edd_price_options
    ul
    > li
    > label
    > input[type="radio"]:checked
    + span:before {
    font-size: 10px !important;
  }
}

.pswp__button--arrow--right:before,
.pswp__button--arrow--left:before {
  color: var(--color-brand-orange) !important;
}

.woocommerce-notices-wrapper {
  display: none;
}

/* Modal */
.modal-social-media {
  display: none;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;

  & > .elementor-container {
    height: 100dvh;
  }

  .modal-social-media__container {
    position: absolute;
    left: 50%;
    bottom: 50%;
    background-color: var(--color-brand-orange);
    padding: 24px 32px 56px 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 636px;
    border-radius: 8px;
    transform: translate(-50%, 50%);
    width: 100%;
  }

  .modal-social-media__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
  }

  .header-social-media__social {
    .sc_socials.sc_socials_default .socials_wrap {
      display: flex;
      gap: 32px;
      justify-content: center;

      .social_item {
        .social_icon {
          border: 1px solid var(--color-brand-black);
          color: var(--color-brand-black);
          border-radius: 50%;
        }

        &:hover {
          border-radius: 50%;
          background: rgba(228, 81, 18, 0.60);

          .social_icon {
            color: var(--color-brand-black) !important;
          }
        }
      }
    }
  }

  .modal-social-media__close {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    width: 32px !important;
    height: 32px !important;
    z-index: 3;
    border-radius: 60px;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;

    & > .elementor-widget-container {
      width: 24px;
      height: 25px;
    }

    &:hover {
      background: #D1D1D1;
    }
  }
}

@media screen and (max-width: 768px) {
  .modal-social-media {
    padding: 24px !important;

    .modal-social-media__container {
      padding: 16px 32px 40px 32px;
    }

    .header-social-media__social {
      .sc_socials.sc_socials_default .socials_wrap {
        display: flex;
        gap: 24px;
      }
    }
  }
}

/* Introduction Section */
.introduction-section {
  .elementor-container {
    display: flex;
    flex-direction: column;

    .introduction-section__column {
      width: 100% !important;
    }
  }

  .image-step {
    margin: 0px 24px 42px 24px !important;
    will-change: transform, opacity;
    transition: transform 0.5s, opacity 0.5s;

    &::last-child {
      margin-bottom: 0px !important;
    }
  }
}

.introduction-pants-texture {
  position: absolute !important;
  width: 100%;
  pointer-events: none !important;

  & > .elementor-container {
    width: 100%;
  }

  .introduction-pants-texture__container {
    width: 100% !important;
  }
  .introduction-pants-texture__image {
    width: 100% !important;

    img {
      width: 100%;
    }
  }

  .introduction-pants-texture__container--mobile {
    width: 100% !important;
    display: flex !important;
    flex-direction: column;
  }

  .wearable-art-texture__container--mobile {
    width: 100% !important;
    display: none !important;
    flex-direction: column;

    .wearable-art-texture__container__image {
      width: 80% !important;
    }
  }

  .introduction-pants-texture__container--mobile {
    display: none !important;
  }
}

.introduction-prod-texture {
  position: absolute !important;
  width: 100%;
  pointer-events: none !important;
  transform: translateY(224px);

  & > .elementor-container {
    width: 100%;
  }

  .introduction-prod-texture__container {
    width: 100% !important;
    display: flex;
  }

  .introduction-prod-texture__container--mobile {
    display: none;
  }

  .introduction-prod-texture__image-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 35% !important;
    height: 100%;
    z-index: 1;
  }

  .introduction-prod-texture__image-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 35% !important;
    height: 100%;
    z-index: 1;
  }

  .introduction-prod-texture__image-left,
  .introduction-prod-texture__image-right {
    img {
      width: 100%;
    }
  }

  .introduction-prod-texture__image-left,
  .introduction-prod-texture__image-right {
    img {
      width: 100%;
    }
  }
}

@media screen and (max-width: 768px) {
  .introduction-prod-texture {
    .introduction-prod-texture__container {
      display: none;
    }

    .introduction-prod-texture__container--mobile {
      position: relative;
      width: 100% !important;
      display: flex;
      margin-top: -190px !important;

      .introduction-prod-texture__image-right,
      .introduction-prod-texture__image-right-2 {
        position: absolute;
        right: 0;
      }
      
      .introduction-prod-texture__image-right {
        width: 80% !important;
      }
      
      .introduction-prod-texture__image-right-2 {
        top: 750px; 
        width: 50% !important;
      }
    }
  }

  .introduction-pants-texture {
    .introduction-pants-texture__container--mobile {
      display: flex !important;
    }

    .introduction-pants-texture__image {
      top: 630px;
    }

    .wearable-art-texture__container--mobile {
      display: flex !important;
      top: 320px;
    }
  }
}

.banner-section-dust {
  position: absolute !important;
  width: 100%;
  pointer-events: none !important;
  top: 65%;

  & > .elementor-container {
    width: 100%;
  }

  .banner-section-dust__container {
    width: 100% !important;
  }

  .banner-section-dust__image-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 35% !important;
    height: 100%;
    z-index: 1;
  }

  .banner-section-dust__image-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 35% !important;
    height: 100%;
    z-index: 1;
  }

  .banner-section-dust__image-left,
  .banner-section-dust__image-right {
    img {
      width: 100%;
    }
  }
}

@media screen and (max-width: 768px) {
  .banner-section-dust {
    .banner-section-dust__image-left {
      width: 75% !important;
    }

    .banner-section-dust__image-right {
      width: 75% !important;
      top: 80px;
    }
  }
}

.product-section {
  .product-section__container {
    .woocommerce-product-gallery__trigger {
      display: none !important;
    }
  }

}

@media screen and (max-width: 768px) {
  .product-section .product-section__container {
    .woocommerce-product-gallery--with-images {
      padding-bottom: 0px !important;
    }

    .ghost-button {
      margin-bottom: 32px !important;
    }
  }
}

.texture-gallery-section {
  width: 100%;
  position: absolute !important;
  pointer-events: none !important;
  margin-top: 190px !important;

  .texture-gallery-section__container {
    width: 100% !important;

    & > .elementor-widget-wrap {
      width: 100%;
      display: flex;
      justify-content: space-between;
    }

    .texture-gallery-section__left-image,
    .texture-gallery-section__right-image {
      position: absolute;
      width: 20% !important;

      img {
        width: 100%;
      }
    }
    
    .texture-gallery-section__left-image {
      left: 0;
    }

    .texture-gallery-section__right-image {
      right: 0;
    }
  }
}

.texture-how-to-use-section {
  .texture-gallery-section__container {
    display: flex !important;
  }

  .texture-how-to-use-section__container {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .texture-gallery-section {
    margin-top: 0px !important;

    .texture-gallery-section__container {
      .texture-gallery-section__left-image {
        display: none !important;
      }
      .texture-gallery-section__left-image, .texture-gallery-section__right-image {
        width: 70% !important;
      }
    }
  }

  .texture-how-to-use-section {
    width: 100%;
    position: absolute !important;
    pointer-events: none !important;
    margin-top: 0px !important;

    .texture-gallery-section__container {
      display: none !important;
    }

    .texture-how-to-use-section__container {
      width: 100% !important;
      display: flex !important;
      flex-direction: column;
      
    }

    .texture-gallery-section__left-image,
    .texture-gallery-section__right-image {
      position: absolute;
      width: 70% !important;
      
      img {
        width: 100%;
      }
    }
    
    .texture-gallery-section__left-image {
      top: 720px;
      left: 0;
    }
    
    .texture-gallery-section__right-image {
      right: 0;
    }
  }
}

.custom-product-meta {
  display: none;
}


/* Film Section */
@media screen and (max-width: 768px) {
  .video-section {
    max-width: calc(100% - 48px) !important;
    margin: 0 auto !important;

    .video-section__container {
      height: 265px;
    }
  }
}

.mfp-bg {
  background: rgba(0, 0, 0, 0.60) !important;
  backdrop-filter: blur(8px) !important;
}

.mfp-close-icon {
  color: #ffffff !important;
}

.mfp-inline-holder.mfp-content,
.mfp-ajax-holder.mfp-content {
  min-height: auto !important;
}

.trx_addons_scroll_to_top.trx_addons_scroll_to_top.trx_addons_scroll_to_top {
  border: 1px solid var(--color-brand-black);

  &:hover {
    background-color: var(--color-brand-black) !important;
    border: 1px solid #ffffff;
  }
}

@media screen and (max-width: 768px) {
  .trx_addons_scroll_to_top.trx_addons_scroll_to_top.trx_addons_scroll_to_top {
    bottom: 80px;
    right: 24px;
  }
}

#innovation-section {
  .elementor-top-column h1.sc_item_title {
    text-wrap: balance;
  }
}

.size-label {
  display: block;
}

/* .sold-out-product--status {
  .cp-page-content .page_content_wrap .content_wrap .content [data-elementor-type="wp-page"] {
    background-red: red;
  }
} */