ul.wc-block-product-template {
  padding-left: 0 !important;
  gap: 0;

  .wc-block-product {
    border: 1px solid var(--global-palette3);
    border-radius: 0;
    padding: 0;

    .wc-block-grid__product-image,
    .wp-block-kadence-column {
      padding: 1rem;
    }

    .wp-block-kadence-column {
      padding-bottom: 0;
      margin-bottom: 0 !important;
    }

    .wp-element-button {
      background-color: transparent;
      border-top: 1px solid var(--global-palette3) !important;
      text-transform: lowercase;
    }

    h2 {
      margin: 0 !important;
      font-family: var(--global-body-font-family) !important;
    }
  }
}

.page-id-85 {
  .site-title {
    display: block !important;
    color: var(--global-palette8) !important;
  }

  .menu * {
    color: var(--global-palette8) !important;
  }

  .header-cart-label {
    color: var(--global-palette8) !important;
  }
}

.header-cart-button .kadence-svg-iconset {
  display: none;
}

.site-title {
  font-family: var(--global-heading-font-family);
  font-weight: 400 !important;
}

.mobile-toggle-open-container {
  display: none;
}

.wc-tabs {
  display: none;
}

.woocommerce-message {
  background-color: transparent !important;
}

.woocommerce.wp-block-group.alignwide {
  padding: 0 1rem;
}

.coupon button {
  height: fit-content !important;
}

.page-id-65 {
  /* Stagger settings */
  .kt-inside-inner-col {
    --stagger: 150ms;
  }

  /* Base animation for all children */
  .kt-inside-inner-col > * {
    opacity: 0;
    transform: translateY(10px);
    animation: ktFadeIn 0.5s ease-out both;
  }

  /* Staggered delays (covers up to 30 children; extend if needed) */
  .kt-inside-inner-col > *:nth-child(1) {
    animation-delay: calc(var(--stagger) * 0);
  }
  .kt-inside-inner-col > *:nth-child(2) {
    animation-delay: calc(var(--stagger) * 1);
  }
  .kt-inside-inner-col > *:nth-child(3) {
    animation-delay: calc(var(--stagger) * 2);
  }
  .kt-inside-inner-col > *:nth-child(4) {
    animation-delay: calc(var(--stagger) * 3);
  }
  .kt-inside-inner-col > *:nth-child(5) {
    animation-delay: calc(var(--stagger) * 4);
  }
  .kt-inside-inner-col > *:nth-child(6) {
    animation-delay: calc(var(--stagger) * 5);
  }
}

/* Keyframes */
@keyframes ktFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .kt-inside-inner-col > * {
    animation: none;
    opacity: 1;
    transform: none;
  }
}