.elementor-1609 .elementor-element.elementor-element-621bed7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1609 .elementor-element.elementor-element-5e58182{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1609 .elementor-element.elementor-element-a6cd59c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1609 .elementor-element.elementor-element-9e8583f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1609 .elementor-element.elementor-element-ed79db0{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#000000;}.elementor-1609 .elementor-element.elementor-element-ed79db0 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {padding:10px 10px 10px 10px;}.elementor-1609 .elementor-element.elementor-element-5c8b459.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-5c8b459.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1609 .elementor-element.elementor-element-31deaf7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-31deaf7.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1609 .elementor-element.elementor-element-179aade.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-179aade.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1609 .elementor-element.elementor-element-da33fd2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-da33fd2.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-1609 .elementor-element.elementor-element-ed79db0{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;}.elementor-1609 .elementor-element.elementor-element-5c8b459.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-31deaf7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-179aade.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-da33fd2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1609 .elementor-element.elementor-element-5e58182{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1609 .elementor-element.elementor-element-ed79db0{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-size:10px;}.elementor-1609 .elementor-element.elementor-element-5c8b459.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-31deaf7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-179aade.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1609 .elementor-element.elementor-element-da33fd2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-5c8b459 *//* ============================================
   SAHIBA HENNA — WooCommerce Theme Override
   Paste into Appearance > Customize > Additional CSS
   (or your child theme's style.css)
   ============================================ */

:root {
  --brand-green: #2f4a24;
  --brand-green-dark: #1f3218;
  --brand-gold: #c9a13b;
  --brand-gold-light: #e6c877;
  --brand-cream: #f7f1e3;
  --brand-text: #2a2a2a;
}

/* ---------- Shop page product grid ---------- */

.woocommerce ul.products li.product,
.woocommerce ul.products li.product * {
  box-sizing: border-box;
}

.woocommerce ul.products li.product {
  background: #ffffff;
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  padding: 14px 14px 20px;
  overflow: hidden;
  border: 2px solid transparent;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 10px 24px rgba(31, 50, 24, 0.12);
  transform: translateY(-3px);
  border-color: var(--brand-gold);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: block;
  color: var(--brand-green-dark);
  font-weight: 700;
  margin-bottom: 6px;
}

.woocommerce ul.products li.product .price {
  display: block;
  color: var(--brand-gold);
  font-weight: 700;
  margin: 6px 0;
}

.woocommerce ul.products li.product .price del {
  color: #9a9a9a;
  opacity: 0.8;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  color: var(--brand-gold);
}

/* Sale badge */
.woocommerce span.onsale {
  background: var(--brand-green-dark);
  color: #ffffff;
  font-weight: 700;
  border-radius: 50%;
}

/* Star ratings */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: var(--brand-gold);
}

/* ---------- Buttons (Add to cart, everywhere) ---------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button {
  background: var(--brand-green);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  padding: 10px 20px;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  transition: background 0.2s ease, transform 0.2s ease;
}

/* "Select options" on variable products is block-level in most themes —
   keep it inside the card instead of stretching past it */
.woocommerce ul.products li.product a.button {
  display: inline-block;
  width: 100%;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce input.button:hover {
  background: var(--brand-green-dark);
  color: #ffffff;
}

.woocommerce a.added_to_cart {
  color: var(--brand-green-dark);
  font-weight: 600;
}

/* Alt / secondary button style (e.g. checkout page "Place order") */
.woocommerce #place_order,
.woocommerce a.checkout-button {
  background: var(--brand-gold);
  color: var(--brand-green-dark);
}

.woocommerce #place_order:hover,
.woocommerce a.checkout-button:hover {
  background: var(--brand-gold-light);
  color: var(--brand-green-dark);
}

/* ---------- Single product page ---------- */

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--brand-gold);
  font-weight: 700;
}

.woocommerce div.product .product_title {
  color: var(--brand-green-dark);
}

.woocommerce div.product form.cart .quantity input.qty {
  border: 1px solid var(--brand-green);
  border-radius: 6px;
  color: var(--brand-text);
}

/* Image gallery */
.woocommerce div.product div.images .woocommerce-product-gallery__image {
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  border-radius: 8px;
  border: 2px solid transparent;
  transition: border-color 0.2s ease;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
  border-color: var(--brand-gold);
}

/* Product meta — SKU, categories, tags */
.woocommerce div.product .product_meta,
.woocommerce div.product .product_meta a {
  color: var(--brand-text);
}

.woocommerce div.product .product_meta a:hover {
  color: var(--brand-gold);
}

/* Product tabs (Description / Reviews) */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 2px solid var(--brand-gold);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--brand-green-dark);
  font-weight: 600;
}

/* Related products & upsells — reuse the same card look as the shop grid */
.woocommerce div.product .related.products h2,
.woocommerce div.product .upsells.products h2 {
  color: var(--brand-green-dark);
  font-weight: 700;
}

.woocommerce div.product .related.products ul.products li.product,
.woocommerce div.product .upsells.products ul.products li.product {
  background: #ffffff;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 14px 14px 20px;
}

/* Breadcrumb */
.woocommerce-breadcrumb {
  color: var(--brand-text);
}

.woocommerce-breadcrumb a {
  color: var(--brand-green);
}

.woocommerce-breadcrumb a:hover {
  color: var(--brand-gold);
}

/* ---------- Cart / mini-cart ---------- */

.widget_shopping_cart .total .amount,
.woocommerce-mini-cart__total .amount {
  color: var(--brand-gold);
  font-weight: 700;
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--brand-green);
}

.woocommerce-message::before {
  color: var(--brand-green);
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-31deaf7 *//* ============================================
   SAHIBA HENNA — WooCommerce Theme Override
   Paste into Appearance > Customize > Additional CSS
   (or your child theme's style.css)
   ============================================ */

:root {
  --brand-green: #2f4a24;
  --brand-green-dark: #1f3218;
  --brand-gold: #c9a13b;
  --brand-gold-light: #e6c877;
  --brand-cream: #f7f1e3;
  --brand-text: #2a2a2a;
}

/* ---------- Shop page product grid ---------- */

.woocommerce ul.products li.product,
.woocommerce ul.products li.product * {
  box-sizing: border-box;
}

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 20px !important;
}

.woocommerce ul.products li.product {
  background: #ffffff;
  border-radius: 12px;
  width: 100% !important;
  max-width: 100%;
  height: 100%;
  margin: 0 !important;
  float: none !important;
  padding: 14px 14px 20px;
  overflow: visible;
  border: 2px solid transparent;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 10px 24px rgba(31, 50, 24, 0.12);
  transform: translateY(-3px);
  border-color: var(--brand-gold);
}

.woocommerce ul.products li.product img {
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: block;
  color: var(--brand-green-dark);
  font-weight: 700;
  margin-bottom: 6px;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-wrap: break-word;
  overflow-wrap: break-word;
  height: auto;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}

.woocommerce ul.products li.product .price {
  display: block;
  color: var(--brand-gold);
  font-weight: 700;
  margin: 6px 0;
}

.woocommerce ul.products li.product .price del {
  color: #9a9a9a;
  opacity: 0.8;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  color: var(--brand-gold);
}

/* Sale badge */
.woocommerce span.onsale {
  background: var(--brand-green-dark);
  color: #ffffff;/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-179aade *//* ============================================
   SAHIBA HENNA — WooCommerce Theme Override
   Paste into Appearance > Customize > Additional CSS
   (or your child theme's style.css)
   ============================================ */

:root {
  --brand-green: #2f4a24;
  --brand-green-dark: #1f3218;
  --brand-gold: #c9a13b;
  --brand-gold-light: #e6c877;
  --brand-cream: #f7f1e3;
  --brand-text: #2a2a2a;
}

/* ---------- Shop page product grid ---------- */

.woocommerce ul.products li.product,
.woocommerce ul.products li.product * {
  box-sizing: border-box;
}

.woocommerce ul.products li.product {
  background: #ffffff;
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  padding: 14px 14px 20px;
  overflow: hidden;
  border: 2px solid transparent;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 10px 24px rgba(31, 50, 24, 0.12);
  transform: translateY(-3px);
  border-color: var(--brand-gold);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: block;
  color: var(--brand-green-dark);
  font-weight: 700;
  margin-bottom: 6px;
}

.woocommerce ul.products li.product .price {
  display: block;
  color: var(--brand-gold);
  font-weight: 700;
  margin: 6px 0;
}

.woocommerce ul.products li.product .price del {
  color: #9a9a9a;
  opacity: 0.8;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  color: var(--brand-gold);
}

/* Sale badge */
.woocommerce span.onsale {
  background: var(--brand-green-dark);
  color: #ffffff;
  font-weight: 700;
  border-radius: 50%;
}

/* Star ratings */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: var(--brand-gold);
}

/* ---------- Buttons (Add to cart, everywhere) ---------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button {
  background: var(--brand-green);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  padding: 10px 20px;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  transition: background 0.2s ease, transform 0.2s ease;
}

/* "Select options" on variable products is block-level in most themes —
   keep it inside the card instead of stretching past it */
.woocommerce ul.products li.product a.button {
  display: inline-block;
  width: 100%;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce input.button:hover {
  background: var(--brand-green-dark);
  color: #ffffff;
}

.woocommerce a.added_to_cart {
  color: var(--brand-green-dark);
  font-weight: 600;
}

/* Alt / secondary button style (e.g. checkout page "Place order") */
.woocommerce #place_order,
.woocommerce a.checkout-button {
  background: var(--brand-gold);
  color: var(--brand-green-dark);
}

.woocommerce #place_order:hover,
.woocommerce a.checkout-button:hover {
  background: var(--brand-gold-light);
  color: var(--brand-green-dark);
}

/* ---------- Single product page ---------- */

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--brand-gold);
  font-weight: 700;
}

.woocommerce div.product .product_title {
  color: var(--brand-green-dark);
}

.woocommerce div.product form.cart .quantity input.qty {
  border: 1px solid var(--brand-green);
  border-radius: 6px;
  color: var(--brand-text);
}

/* Image gallery */
.woocommerce div.product div.images .woocommerce-product-gallery__image {
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  border-radius: 8px;
  border: 2px solid transparent;
  transition: border-color 0.2s ease;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
  border-color: var(--brand-gold);
}

/* Product meta — SKU, categories, tags */
.woocommerce div.product .product_meta,
.woocommerce div.product .product_meta a {
  color: var(--brand-text);
}

.woocommerce div.product .product_meta a:hover {
  color: var(--brand-gold);
}

/* Product tabs (Description / Reviews) */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 2px solid var(--brand-gold);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--brand-green-dark);
  font-weight: 600;
}

/* Related products & upsells — reuse the same card look as the shop grid */
.woocommerce div.product .related.products h2,
.woocommerce div.product .upsells.products h2 {
  color: var(--brand-green-dark);
  font-weight: 700;
}

.woocommerce div.product .related.products ul.products li.product,
.woocommerce div.product .upsells.products ul.products li.product {
  background: #ffffff;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 14px 14px 20px;
}

/* Breadcrumb */
.woocommerce-breadcrumb {
  color: var(--brand-text);
}

.woocommerce-breadcrumb a {
  color: var(--brand-green);
}

.woocommerce-breadcrumb a:hover {
  color: var(--brand-gold);
}

/* ---------- Cart / mini-cart ---------- */

.widget_shopping_cart .total .amount,
.woocommerce-mini-cart__total .amount {
  color: var(--brand-gold);
  font-weight: 700;
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--brand-green);
}

.woocommerce-message::before {
  color: var(--brand-green);
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-da33fd2 *//* ============================================
   PRODUCT CARDS — prod_custom
   Same design language as your "Top Categories" cards
   (prod_category), applied here to product cards.
   Paste into the element's Custom CSS panel (Advanced tab).
   ============================================ */

/* Card look — background, shadow, border, hover */
.prod_custom > div,
.prod_custom .elementor-column,
.prod_custom .elementor-widget-wrap {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(31, 50, 24, .10);
  border: 1px solid #f0e6cf;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.prod_custom > div:hover,
.prod_custom .elementor-column:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 30px rgba(31, 50, 24, .18);
  border-color: #c9a13b;
}

/* Image — subtle zoom on hover only */
.prod_custom img {
  transition: transform 0.4s ease;
}

.prod_custom > div:hover img {
  transform: scale(1.06);
}

/* Product title — gold gradient sweep color effect */
.prod_custom h1,
.prod_custom h2,
.prod_custom h3,
.prod_custom h4,
.prod_custom .elementor-heading-title,
.prod_custom .elementor-image-box-title {
  display: inline-block !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  position: relative !important;
  padding-bottom: 10px !important;

  background-image: linear-gradient(
    100deg,
    #1f3218 0%,
    #1f3218 45%,
    #c9a13b 50%,
    #1f3218 55%,
    #1f3218 100%
  ) !important;
  background-size: 250% 100% !important;
  background-position: 100% 0 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #1f3218 !important;

  transition: background-position 0.7s ease !important;
}

.prod_custom > div:hover h1,
.prod_custom > div:hover h2,
.prod_custom > div:hover h3,
.prod_custom > div:hover h4,
.prod_custom > div:hover .elementor-heading-title,
.prod_custom > div:hover .elementor-image-box-title {
  background-position: 0 0 !important;
}

/* Title underline — always visible, grows slightly more on hover */
.prod_custom h1::after,
.prod_custom h2::after,
.prod_custom h3::after,
.prod_custom h4::after,
.prod_custom .elementor-heading-title::after,
.prod_custom .elementor-image-box-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 40% !important;
  height: 3px !important;
  background: #c9a13b !important;
  border-radius: 2px !important;
  transition: width 0.4s ease !important;
}

.prod_custom > div:hover h1::after,
.prod_custom > div:hover h2::after,
.prod_custom > div:hover h3::after,
.prod_custom > div:hover h4::after,
.prod_custom > div:hover .elementor-heading-title::after,
.prod_custom > div:hover .elementor-image-box-title::after {
  width: 60% !important;
}/* End custom CSS */