.archive .wp-block-woocommerce-product-image img {
  max-height: 175.47px;
}

body.hostinger-ai-builder-elementor,
body.hostinger-ai-builder-gutenberg {
  padding-top: 0 !important;
}

.logged-in.admin-bar .hostinger-ai-menu {
  top: unset !important;
}

header .hostinger-ai-menu {
  position: unset !important;
}
.woocommerce-shop main {
  padding-top: 0 !important;
}

button.hostinger-reach-block-submit.has-light-color.has-color-3-background-color.has-text-color.has-background.has-link-color,
.site-footer #ai-theme-footer-form .hostinger-reach-block-submit {
  width: fit-content;
  padding: 16px 40px;
  font-size: 14px;
  background-color: #5f7a3a !important;
}

header.wp-block-template-part {
  z-index: 99999;
}
/* ==========================================
   WOOCOMMERCE CATALOG STYLING
   ========================================== */

/* 1. Header controls (Search/Count/Sort align) */
.as-product .woocommerce-ordering {
  float: none !important;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px !important;
}

.as-product .woocommerce-ordering select.orderby {
  padding: 8px 35px 8px 15px !important;
  border: 1px solid #cccccc !important;
  border-radius: 20px !important;
  background-color: #ffffff !important;
  font-size: 14px !important;
  outline: none !important;
  cursor: pointer;
}

.as-woocommerce-product-image-wrapper {
  max-height: 337px;
  border-radius: 3%;
  overflow: hidden;
}

.as-woocommerce-product-image-wrapper img {
  max-height: 337px;
  width: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: center;
  will-change: transform;
  margin-bottom: 0 !important;
}

.as-archive-product-wrap ul li.product:hover a img,
.as-product .woocommerce ul.products li.product:hover a img {
  transform: scale(1.1);
}

/* 6. Product Title */
.as-archive-product-wrap li.product h3.wp-block-post-title,
.as-product
  .woocommerce
  ul.products
  li.product
  .woocommerce-loop-product__title {
  font-size: 18px;
  font-weight: 600;
  font-family: "Outfit" !important;
  padding: 0;
  margin: 20px 0 8px;
}

/* 7. Product Price */
/*.as-product .woocommerce ul.products li.product .price {*/
/*    font-size: 15px !important;*/
/*    color: #4a4a4a !important;*/
/*    font-weight: 600 !important;*/
/*    margin-bottom: 12px !important;*/
/*}*/

/*.as-product .woocommerce ul.products li.product .price span,*/
/*.as-product .woocommerce ul.products li.product .price bdi {*/
/*    color: #4a4a4a !important;*/
/*}*/

/* 8. Add to Cart Button (Olive Green) */
.as-archive-product-wrap
  .wp-block-woocommerce-product-template
  .add_to_cart_button,
.as-product .woocommerce ul.products li.product .add_to_cart_button {
  background-color: #5f7a3a !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 13px 31px !important;
  font-size: 14px !important;
  font-family: "INTER";
  text-align: center !important;
  text-decoration: none !important;
  width: fit-content !important;
  border: 1px solid #000 !important;
  transition: background-color 0.2s ease !important;
  margin-top: auto !important;
}

.as-archive-product-wrap
  .wp-block-woocommerce-product-template
  .add_to_cart_button:hover,
.as-product .woocommerce ul.products li.product .add_to_cart_button:hover,
.as-product .added_to_cart:hover {
  background-color: #ffffff !important;
  color: #0d141a !important;
}

.as-product .added_to_cart {
  margin-left: 10px;
  background-color: #0c0d0e !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 13px 16px !important;
  font-size: 14px !important;
  font-family: "INTER";
  text-align: center !important;
  text-decoration: none !important;
  width: fit-content !important;
  border: 1px solid #000 !important;
  transition: background-color 0.2s ease !important;
  margin-top: auto !important;
}

/* Hide default screen-reader text inside button wrappers */
.as-product .woocommerce ul.products li.product .screen-reader-text {
  display: none !important;
}

/* 9. Pagination Styling */
.as-product .woocommerce-pagination {
  margin-top: 40px !important;
  text-align: center !important;
}

.as-product .woocommerce-pagination ul.page-numbers {
  display: inline-flex !important;
  gap: 8px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.as-product .woocommerce-pagination ul.page-numbers li {
  border: none !important;
}

.as-product .woocommerce-pagination ul.page-numbers li .page-numbers {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid #dddddd !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #4c6643 !important;
  font-size: 14px !important;
}

.as-product .woocommerce-pagination ul.page-numbers li .page-numbers.current {
  background-color: #4c6643 !important;
  color: #ffffff !important;
  border-color: #4c6643 !important;
}

/* 1. Hide the default paths inside the WooCommerce SVG */
.wc-block-mini-cart__button svg.wc-block-mini-cart__icon * {
  display: none !important;
}

/* 2. Load your custom SVG as the background image */
.wc-block-mini-cart__button svg.wc-block-mini-cart__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='24' viewBox='0 0 19 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.94636 5.35922C6.29451 3.00506 7.9363 1.39824 9.67973 1.39824C11.4232 1.39824 13.0649 3.00506 13.4131 5.35922H5.94636ZM4.53847 5.35922C4.90317 2.43147 6.95866 0.000183105 9.67973 0.000183105C12.4008 0.000183105 14.4563 2.43147 14.821 5.35922H17.2816H18.6797V6.75728V21.2039C18.6797 22.7481 17.4278 24 15.8836 24H3.4758C1.93155 24 0.679688 22.7481 0.679688 21.2039V6.75728V5.35922H2.07775H4.53847ZM2.07775 6.75728H4.52596V9.08752C4.52596 9.47359 4.83893 9.78655 5.22499 9.78655C5.61105 9.78655 5.92402 9.47359 5.92402 9.08752V6.75728H13.5259V9.08752C13.5259 9.47359 13.8389 9.78655 14.2249 9.78655C14.611 9.78655 14.9239 9.47359 14.9239 9.08752V6.75728H17.2816V21.2039C17.2816 21.976 16.6557 22.6019 15.8836 22.6019H3.4758C2.70368 22.6019 2.07775 21.976 2.07775 21.2039V6.75728Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  /* Perfect proportions matching your SVG viewBox (19x24) */
  width: 19px !important;
  height: 24px !important;
  display: inline-block !important;
}

/* .............................style2 css start...........................*/

label[for="ai-theme-footer-form-email"] {
  font-size: 16px;
}

.hostinger-reach-block-subscription-form input#ai-theme-footer-form-email {
  padding: 16px;
  border-radius: 10px;
}

.hostinger-reach-block-subscription-form
  input#ai-theme-footer-form-email:hover {
  border-color: #1d1e20;
}

.as-archive-product-wrap
  .as-archive-col-1
  .wp-block-woocommerce-product-categories
  ul,
.as-archive-product-wrap
  .as-archive-col-1
  .wp-block-woocommerce-product-categories {
  margin-top: 0;
  padding: 0;
}

.as-archive-product-wrap .as-archive-col-1 ul {
  list-style: none;
  padding: 0;
}

.as-archive-product-wrap .as-archive-col-1 .wp-block-separator {
  border-top: 1px solid #0d141a;
}

.as-archive-product-wrap ul.wc-block-product-template li.wc-block-product {
  position: relative;
}

.as-product-category-label {
  position: absolute;
  z-index: 999;
  top: 16px;
  padding: 3px;
  line-height: 1.5;
  color: #ffffff;
  left: 1px;
  background-color: #5f7a3a;
  font-size: 14px;
  font-family: INTER !important;
  font-weight: 500;
  text-transform: uppercase;
}

.as-product .as-product-category-label {
  background-color: #265717;
}

.woocommerce ul.products li.product {
  margin-right: 10px;
}

.woocommerce ul.products li.last {
  margin-right: 0px;
}

.woocommerce.columns-2 ul.products li.product {
  width: 49%;
}

.woocommerce ul.products li.product .price {
  font-size: 16px;
}

.wc-block-product-template__responsive {
  grid-gap: 11px;
}

.tax-product_cat .as-archive-product-wrap {
  margin-bottom: 20px;
}
/* ------------------------ Single page css -------------------------- */
.woocommerce .wp-block-woocommerce-product-image-gallery {
  max-width: 100%;
}

.as-single-product-info-section .single_add_to_cart_button {
  background-color: #000000;
  color: #ffffff;
  font-family: "Inter";
  font-size: 16px;
  padding: 16px 40px;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
.as-single-product-info-section .single_add_to_cart_button:hover {
  background-color: #000000dc;
}

/* ------------------------------------------ Mini Cart ------------------------------------ */
.wp-block-woocommerce-mini-cart-contents h2.wc-block-mini-cart__title {
  font-size: 22px;
  font-family: "Inter";
}

.wp-block-woocommerce-mini-cart-contents .wc-block-cart-item__wrap a {
  font-size: 16px !important;
  font-family: "Inter";
}

.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-metadata {
  display: none;
}

.wp-block-woocommerce-mini-cart-contents
  .wc-block-cart-item__total
  .wc-block-cart-item__total-price-and-sale-badge-wrapper {
  font-size: 14px !important;
  font-family: "Inter";
}

.wp-block-woocommerce-mini-cart-contents
  .wc-block-mini-cart__footer-subtotal
  .wc-block-components-totals-item__label {
  font-size: 18px !important;
  font-family: "Inter";
}
.wp-block-woocommerce-mini-cart-contents
  .wc-block-mini-cart__footer-actions
  .wc-block-components-button__text {
  font-size: 14px !important;
  font-family: "Inter";
}
.woocommerce-cart div,
.woocommerce-cart td,
.woocommerce-cart a,
.woocommerce-cart span,
.woocommerce-checkout div,
.woocommerce-checkout td,
.woocommerce-checkout a,
.woocommerce-checkout span {
  font-family: "Inter";
}

.woocommerce-checkout input,
.woocommerce-checkout .input-text,
.woocommerce-checkout form .form-row input.input-text {
  font-size: 14px;
}

.woocommerce-checkout.woocommerce-order-received h2.wp-block-heading,
.woocommerce-checkout h1.wp-block-post-title,
.woocommerce-cart .wp-block-group h1.wp-block-post-title {
  font-size: 48px !important;
  font-family: "Outfit";
}

.woocommerce-checkout.woocommerce-order-received
  .wp-block-woocommerce-order-confirmation-status
  h1 {
  font-size: 24px !important;
  font-family: "Outfit";
  margin-bottom: 8px;
}

.woocommerce-checkout.woocommerce-order-received
  .wp-block-woocommerce-order-confirmation-status
  p {
  font-size: 16px;
}

.woocommerce-checkout.woocommerce-order-received
  .wp-block-woocommerce-order-confirmation-totals-wrapper
  table.woocommerce-table {
  width: 100%;
}

.woocommerce-checkout.woocommerce-order-received
  .wc-block-order-confirmation-address-wrapper
  .wp-block-woocommerce-order-confirmation-shipping-wrapper
  h3,
.woocommerce-checkout.woocommerce-order-received
  .wc-block-order-confirmation-address-wrapper
  .wp-block-woocommerce-order-confirmation-billing-wrapper
  h3,
.woocommerce-checkout.woocommerce-order-received
  .wp-block-woocommerce-order-confirmation-totals-wrapper
  h3 {
  font-family: "Inter";
}
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-billing-fields h3 {
  font-size: 24px !important;
  font-family: "Inter";
}

.woocommerce-cart main .woocommerce {
  max-width: 100%;
}

.woocommerce-cart .cart_totals h2 {
  font-size: 24px !important;
  font-family: "Outfit";
}

.woocommerce-checkout #place_order,
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart button[name="apply_coupon"] {
  font-size: 14px;
  color: #000000;
  padding: 13px 24px;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button {
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart button[name="apply_coupon"]:hover {
  color: #fff;
  background-color: #000000;
}

@media (max-width: 1224px) and (min-width: 992px) {
  .as-woocommerce-product-image-wrapper {
    max-height: 290px;
  }
  .as-woocommerce-product-image-wrapper img {
    max-height: 290px;
    height: 100% !important;
  }

  .archive .wp-block-woocommerce-product-image img {
    height: 160px !important;
  }
}

@media (max-width: 991px) and (min-width: 769px) {
  .as-woocommerce-product-image-wrapper {
    max-height: 260px;
  }
  .as-woocommerce-product-image-wrapper img {
    max-height: 260px;
    height: 100% !important;
  }

  .wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .woocommerce.columns-2 ul.products li.product {
    width: 100%;
  }

  .wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .archive .wp-block-woocommerce-product-image img {
    max-height: 209px;
  }

  /*.as-product .woocommerce ul.products li.product a img {*/
  /*    height: 280px !important;*/
  /*}*/
}

@media (max-width: 530px) {
  .wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .archive .wp-block-woocommerce-product-image img {
    max-height: unset;
  }
}

/* ==========================================
   YOU MAY ALSO LIKE - PHP SHORTCODE (.as-ymal-section)
   ========================================== */
.as-ymal-section {
  margin: 60px 0 !important;
  width: 100%;
  clear: both;
}

.as-ymal-main-title {
  font-family: "Outfit", sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #0d141a !important;
  margin-bottom: 30px !important;
  text-align: left !important;
}

.as-ymal-grid {
  display: grid;
  grid-template-columns: repeat(var(--as-ymal-cols, 4), 1fr);
  gap: 24px;
  width: 100%;
}

.as-ymal-card {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

/* .as-ymal-image-box {
  position: relative;
  width: 100%;
  max-height: 280px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f7f7f7;
} */

.as-ymal-image-link {
  display: block;
  width: 100%;
  height: 100%;
}

.as-ymal-img {
  max-height: 162px;
  object-fit: cover;
}

.as-ymal-cat-badge {
  position: absolute;
  z-index: 10;
  top: 12px;
  left: 0px;
  background-color: #1d1e20 !important;
  color: #ffffff !important;
  padding: 5px 12px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px;
  border-radius: 2px;
  line-height: 1.4;
}

.as-ymal-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.as-ymal-title {
  text-align: left !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #0d141a !important;
  margin: 20px 0 8px !important;
  line-height: 1.3 !important;
}

.as-ymal-title a {
  color: #0d141a !important;
  text-decoration: none !important;
}

.as-ymal-price {
  text-align: left !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  color: #1a1a1a !important;
  font-weight: 500 !important;
  margin-bottom: 16px !important;
}

.as-ymal-btn-box {
  margin-top: auto !important;
}

.as-ymal-cart-btn {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  padding: 16px !important;
  font-size: 16px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  text-align: center !important;
  text-decoration: none !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #000000 !important;
  transition: all 0.3s ease !important;
  cursor: pointer;
}

.as-ymal-cart-btn:hover {
  background-color: #262626 !important;
  color: #ffffff !important;
}

/* Safety cleanup against wpautop injected tags
.as-ymal-grid > p,
.as-ymal-grid > br,
.as-ymal-card > p,
.as-ymal-card > br,
.as-ymal-btn-box p,
.as-ymal-btn-box br,
.as-ymal-pagination p,
.as-ymal-pagination br,
.as-ymal-image-box > p,
.as-ymal-image-box > br,
.as-ymal-section > p,
.as-ymal-section > br {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
} */

/* Pagination / Slider Navigation */
.as-ymal-pagination {
  margin-top: 40px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
}

.as-ymal-pagination a,
.as-ymal-pagination span {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #0d141a !important;
  text-decoration: none !important;
  padding: 6px 12px !important;
  border-radius: 4px;
}

.as-ymal-pagination .current {
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.as-ymal-pagination .as-ymal-arrow {
  font-weight: 700;
}

/* RESPONSIVE GRID */
@media (max-width: 991px) and (min-width: 769px) {
  .as-ymal-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .as-ymal-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px;
  }
  .as-ymal-main-title {
    font-size: 26px !important;
  }
  .as-ymal-img {
    height: 220px !important;
  }
  .as-ymal-image-box {
    max-height: 220px !important;
  }
}

@media (max-width: 530px) {
  .as-ymal-grid {
    grid-template-columns: 1fr !important;
    gap: 24px;
  }
  .as-ymal-img {
    height: 280px !important;
  }
  .as-ymal-image-box {
    max-height: 280px !important;
  }
}

/* AJAX Pagination transitions and states */
.as-ymal-grid-wrapper {
  transition: opacity 0.3s ease;
  min-height: 200px;
}

.as-ymal-pagination .disabled {
  opacity: 0.35 !important;
  cursor: default !important;
  pointer-events: none !important;
  text-decoration: none !important;
}

.as-ymal-pagination .as-ymal-dots {
  color: #777777 !important;
  padding: 6px 4px !important;
  cursor: default !important;
}

.as-ymal-section.loading .as-ymal-grid-wrapper {
  pointer-events: none !important;
}

#wirf-submit-btn.wirf-btn,
.wirf-btn {
  display: flex;
  width: max-content;
  background: #5f7a3a;
  text-decoration: none;
  color: #fff;
  padding: 16px 40px;
  border-radius: 4px;
  border: 1px solid #5f7a3a;
  cursor: pointer;
  font-size: 14px;
  font-family: "Inter";
  margin-top: 15px;
}
.wirf-btn:hover {
  background: #fff;
  color: #5f7a3a;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
.wirf-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.wirf-modal-box {
  background: #fff;
  max-width: 480px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 30px;
  border-radius: 6px;
  position: relative;
}
.wirf-modal-close {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
  line-height: 1;
  color: #555;
}
#wirf-invoice-form label {
  display: block;
  margin-top: 14px;
  margin-bottom: 4px;
  font-weight: 600;
  font-family: "Inter";
}
#wirf-invoice-form input,
#wirf-invoice-form select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: "Inter";
}
.wirf-btn-submit {
  width: 100%;
  margin-top: 22px;
  font-family: "Inter";
}
#wirf-form-messages .wirf-error {
  color: #b32d2e;
  margin-top: 10px;
  font-family: "Inter";
}
#wirf-form-messages .wirf-success {
  color: #1a7d3a;
  margin-top: 10px;
  font-family: "Inter";
}
.wirf-already-requested {
  margin-top: 20px;
}