.elementor-111 .elementor-element.elementor-element-c2c3f83{--display:flex;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner{border-color:#11181000;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content{background-color:#DD88BB14;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#444444;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a{color:#000000;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before{background-color:#000000;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover{color:#dc9a0e;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{color:#000000;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#dc9a0e;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#000000;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#000000;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-111 .elementor-element.elementor-element-e7fffcc span.woolentor-tip{color:#ffffff;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:30px;height:30px;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:20px;line-height:30px;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button svg{width:20px;height:20px;}.elementor-111 .elementor-element.elementor-element-e7fffcc .woolentor-compare.compare::before,.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-product-action ul li.woolentor-cart a::before{font-size:20px;}.elementor-111 .elementor-element.elementor-element-e7fffcc .woolentor-compare.compare::before,.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-product-action ul li.woolentor-cart a,.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-product-action ul li.woolentor-cart a::before{line-height:30px;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#dc9a0e;}.elementor-111 .elementor-element.elementor-element-e7fffcc .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#dc9a0e !important;}@media(min-width:768px){.elementor-111 .elementor-element.elementor-element-c2c3f83{--content-width:1300px;}}/* Start custom CSS for woolentor-universal-product, class: .elementor-element-e7fffcc *//* ============================================================
   PREMIUM PRODUCT GRID
   Primary: #E7C8A0 | Secondary: #111810
   ============================================================ */


/* ============================================================
   DESKTOP — 4 COLUMNS
   ============================================================ */

@media (min-width: 1025px) {

  .ht-row,
  .products,
  .ht-products {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
  }

  .ht-product {
    flex: 1 1 calc((100% - 66px) / 4);
    max-width: calc((100% - 66px) / 4);

    background: #EDE8D0;
    border: 1px solid rgba(231, 200, 160, 0.35);
    border-radius: 16px;

    overflow: hidden;
    padding: 0;

    box-shadow: 0 5px 20px rgba(17, 24, 16, 0.08);

    transition:
      transform 0.35s ease,
      box-shadow 0.35s ease,
      border-color 0.35s ease;
  }

  .ht-product:hover {
    transform: translateY(-7px);

    border-color: rgba(231, 200, 160, 0.8);

    box-shadow:
      0 12px 35px rgba(17, 24, 16, 0.14),
      0 4px 12px rgba(231, 200, 160, 0.20);
  }


  /* ── Product Image ── */

  .ht-product-image {
    position: relative;
    overflow: hidden;
    background: #f8f5ef;
  }

  .ht-product-image img {
    width: 100%;
    display: block;

    border-radius: 16px 16px 0 0;

    transition:
      transform 0.5s ease,
      filter 0.5s ease;
  }

  .ht-product:hover .ht-product-image img {
    transform: scale(1.045);
  }


  /* ── Product Content ── */

  .ht-product-content {
    padding: 18px 18px 20px;
    background: #ffffff;
  }


  /* ── Product Title ── */

  .ht-product-title {
    margin: 0;
  }

  .ht-product-title a {
    display: block;

    color: #111810;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;

    text-decoration: none;

    margin: 0;
    padding: 0;

    transition: color 0.3s ease;
  }

  .ht-product-title a:hover {
    color: #E7C8A0;
  }


  /* ── Product Price ── */

  .ht-product-price {
    color: #111810;

    font-size: 15px;
    font-weight: 700;

    margin-top: 9px;
    padding: 0;
  }

  .ht-product-price del {
    color: #999999;
    font-size: 13px;
    font-weight: 400;

    margin-right: 5px;
  }

  .ht-product-price ins {
    color: #111810;

    text-decoration: none;
    font-weight: 700;
  }


  /* ── Rating ── */

  .ht-product-ratting-wrap {
    margin-top: 10px;
  }


  /* ── Product Label / Sale Badge ── */

  .ht-product-label {
    position: absolute;

    top: 12px;
    right: 12px;

    background: #E7C8A0;
    color: #111810;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.3px;

    padding: 6px 11px;

    border-radius: 20px;

    box-shadow: 0 4px 12px rgba(17, 24, 16, 0.15);
  }
}



/* ============================================================
   TABLET — 3 COLUMNS
   ============================================================ */

@media (min-width: 768px) and (max-width: 1024px) {

  .ht-row,
  .products,
  .ht-products {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
  }

  .ht-product {
    flex: 1 1 calc((100% - 36px) / 3);
    max-width: calc((100% - 36px) / 3);

    background: #E7C8A0;

    border: 1px solid rgba(231, 200, 160, 0.35);
    border-radius: 14px;

    overflow: hidden;
    padding: 0;

    box-shadow: 0 4px 16px rgba(17, 24, 16, 0.08);

    transition:
      transform 0.3s ease,
      box-shadow 0.3s ease;
  }

  .ht-product:hover {
    transform: translateY(-5px);

    box-shadow:
      0 10px 28px rgba(17, 24, 16, 0.14);
  }

  .ht-product-image {
    overflow: hidden;
    background: #f8f5ef;
  }

  .ht-product-image img {
    width: 100%;
    display: block;

    border-radius: 14px 14px 0 0;

    transition: transform 0.45s ease;
  }

  .ht-product:hover .ht-product-image img {
    transform: scale(1.04);
  }

  .ht-product-content {
    padding: 15px;
  }

  .ht-product-title a {
    color: #111810;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;

    text-decoration: none;

    transition: color 0.3s ease;
  }

  .ht-product-title a:hover {
    color: #E7C8A0;
  }

  .ht-product-price {
    color: #111810;

    font-size: 14px;
    font-weight: 700;

    margin-top: 8px;
  }

  .ht-product-price del {
    color: #999999;
    font-size: 12px;
  }

  .ht-product-price ins {
    color: #111810;
    text-decoration: none;
  }

  .ht-product-label {
    background: #E7C8A0;
    color: #111810;

    font-size: 10px;
    font-weight: 700;

    padding: 5px 9px;

    border-radius: 18px;

    top: 10px;
    right: 10px;
  }

  .ht-product-ratting-wrap {
    margin-top: 9px;
  }
}



/* ============================================================
   MOBILE — 2 COLUMNS
   ============================================================ */

@media (max-width: 767px) {

  .ht-row,
  .products,
  .ht-products {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .ht-product {
    flex: 1 1 calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);

    background: #ffffff;

    border: 1px solid rgba(231, 200, 160, 0.30);
    border-radius: 10px;

    box-shadow: 0 4px 10px rgba(17, 24, 16, 0.20);

    padding: 0;

    overflow: hidden;

    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }

  .ht-product:hover {
    transform: translateY(-3px);

    box-shadow:
      0 8px 20px rgba(17, 24, 16, 0.20);
  }

  .ht-product-image {
    overflow: hidden;
    background: #f8f5ef;
  }

  .ht-product-image img {
    width: 100%;
    display: block;

    border-radius: 10px 10px 0 0;

    transition: transform 0.35s ease;
  }

  .ht-product:hover .ht-product-image img {
    transform: scale(1.03);
  }

  .ht-product-content {
    padding: 10px 9px 12px;
  }

  .ht-product-title a {
    color: #111810;

    font-size: 12px;
    font-weight: 600;

    line-height: 1.4;

    margin-top: 0;
    padding: 0;

    text-decoration: none;
  }

  .ht-product-title a:hover {
    color: #E7C8A0;
  }

  .ht-product-price {
    color: #111810;

    font-size: 12px;
    font-weight: 700;

    margin-top: 5px;
    padding: 0;
  }

  .ht-product-price del {
    color: #999999;
    font-size: 10px;
  }

  .ht-product-price ins {
    color: #111810;

    text-decoration: none;
  }

  .ht-product-ratting-wrap {
    margin-top: 8px;
  }

  .ht-product-label {
    background: #E7C8A0;
    color: #111810;

    font-size: 9px;
    font-weight: 700;

    padding: 4px 7px;

    border-radius: 15px;

    top: 6px;
    right: 6px;
  }
}



/* ============================================================
   MOBILE PORTRAIT — EXTRA OPTIMIZATION
   ============================================================ */

@media (max-width: 480px) {

  .ht-row,
  .products,
  .ht-products {
    gap: 10px;
    padding: 0 8px;
  }

  .ht-product {
    flex: 1 1 calc((100% - 10px) / 2);
    max-width: calc((100% - 10px) / 2);

    border-radius: 8px;
  }

  .ht-product-image img {
    border-radius: 8px 8px 0 0;
  }

  .ht-product-content {
    padding: 8px 8px 10px;
  }

  .ht-product-title a {
    font-size: 12px;
    line-height: 1.35;
  }

  .ht-product-price {
    font-size: 11px;
    margin-top: 4px;
  }

  .ht-product-price del {
    font-size: 9px;
  }

  .ht-product-label {
    font-size: 9px;

    padding: 3px 7px;

    top: 6px;
    right: 6px;
  }

  .ht-product-ratting-wrap {
    margin-top: 7px;
  }
}/* End custom CSS */