.elementor-5594 .elementor-element.elementor-element-1fe6da6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5594 .elementor-element.elementor-element-67311b5 > .elementor-widget-container{padding:23px 0px 0px 0px;}.elementor-5594 .elementor-element.elementor-element-67311b5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-5594 .elementor-element.elementor-element-67311b5.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-5594 .elementor-element.elementor-element-67311b5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-5594 .elementor-element.elementor-element-67311b5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-1fe6da6 *//* ==========================================================
DR. NATURE INDIA - SHOP PAGE PREMIUM DESIGN
Paste in:
WordPress Dashboard → Appearance → Customize → Additional CSS

Works with:
- Elementor Archive Products Widget
- WooCommerce Shop Page
- Category Pages
- Search Product Pages

Features:
- Premium 3D Product Cards
- Brand Colors Matching Website
- Mobile & Tablet Friendly
- Beautiful Dropdown Styling
========================================================== */

:root{
  --dn-green:#0b5d1e;
  --dn-green-dark:#084716;
  --dn-yellow:#f4b400;
  --dn-orange:#ff9800;
  --dn-cream:#f7f9ef;
  --dn-light:#eef8ea;
  --dn-text:#1f2d1f;
  --dn-muted:#6b776b;
  --dn-white:#ffffff;
}

/* =========================
SHOP PAGE BACKGROUND
========================= */
.post-type-archive-product,
.tax-product_cat,
.tax-product_tag,
.woocommerce-page{
  background: linear-gradient(135deg,#f7f9ef 0%, #fffef8 50%, #eef8ea 100%);
}

/* =========================
RESULT COUNT & SORTING
========================= */
.woocommerce-result-count{
  color: var(--dn-muted) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.woocommerce-ordering select{
  background: #ffffff !important;
  border: 1px solid rgba(11,93,30,0.10) !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  color: var(--dn-text) !important;
  box-shadow: 0 8px 20px rgba(11,93,30,0.06) !important;
}

/* =========================
PRODUCT GRID GAP
========================= */
.woocommerce ul.products{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1024px){
  .woocommerce ul.products{
    grid-template-columns: repeat(2, 1fr);
    gap: 22px !important;
  }
}

@media (max-width: 767px){
  .woocommerce ul.products{
    grid-template-columns: 1fr;
    gap: 20px !important;
  }
}

/* =========================
PRODUCT CARD
========================= */
.woocommerce ul.products li.product,
.elementor-widget-woocommerce-archive-products .product{
  background: #ffffff !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(11,93,30,0.05) !important;
  box-shadow:
    0 12px 30px rgba(11,93,30,0.06),
    0 3px 8px rgba(0,0,0,0.03) !important;
  transition: all .4s ease !important;
  position: relative !important;
  padding-bottom: 20px !important;
}

.woocommerce ul.products li.product:hover,
.elementor-widget-woocommerce-archive-products .product:hover{
  transform: translateY(-8px) scale(1.01) !important;
  box-shadow:
    0 28px 70px rgba(11,93,30,0.12),
    0 10px 20px rgba(0,0,0,0.05) !important;
}

/* =========================
PRODUCT IMAGE
========================= */
.woocommerce ul.products li.product img{
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  background: #ffffff !important;
  transition: transform .5s ease !important;
}

.woocommerce ul.products li.product:hover img{
  transform: scale(1.05) !important;
}

/* =========================
SALE BADGE
========================= */
.woocommerce span.onsale{
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  min-width: auto !important;
  min-height: auto !important;
  line-height: 1 !important;
  padding: 8px 12px !important;
  border-radius: 30px !important;
  background: linear-gradient(90deg, var(--dn-yellow), var(--dn-orange)) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 18px rgba(255,152,0,0.25) !important;
}

/* =========================
CATEGORY
========================= */
.woocommerce ul.products li.product .posted_in,
.woocommerce ul.products li.product .product-category{
  display: block !important;
  text-align: center !important;
  color: #9aa59a !important;
  font-size: 12px !important;
  text-transform: lowercase !important;
  margin-top: 10px !important;
}

/* =========================
TITLE
========================= */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color: var(--dn-text) !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 0 18px !important;
  margin: 10px 0 10px !important;
  min-height: 78px;
}

/* =========================
PRICE
========================= */
.woocommerce ul.products li.product .price{
  display: block !important;
  text-align: center !important;
  color: var(--dn-green) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
}

.woocommerce ul.products li.product .price del{
  color: #9aa59a !important;
  opacity: .8 !important;
  margin-right: 6px !important;
}

.woocommerce ul.products li.product .price ins{
  text-decoration: none !important;
}

/* =========================
VARIATION DROPDOWN
========================= */
.woocommerce ul.products li.product select,
.woocommerce ul.products li.product .variations select{
  width: calc(100% - 40px) !important;
  margin: 0 auto 10px !important;
  display: block !important;
  border: 1px solid rgba(11,93,30,0.10) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  background: #ffffff !important;
  color: var(--dn-text) !important;
  font-size: 14px !important;
}

/* Clear Link */
.woocommerce ul.products li.product .reset_variations,
.woocommerce ul.products li.product .clear{
  display: block !important;
  text-align: center !important;
  color: var(--dn-green) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-top: 4px !important;
}

/* =========================
ADD TO CART BUTTON
========================= */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button{
  width: calc(100% - 40px) !important;
  margin: 14px auto 0 !important;
  display: block !important;
  text-align: center !important;
  padding: 14px 18px !important;
  border-radius: 50px !important;
  background: linear-gradient(90deg, var(--dn-green), var(--dn-green-dark)) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 10px 25px rgba(11,93,30,0.15) !important;
  transition: all .3s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover{
  background: linear-gradient(90deg, var(--dn-yellow), var(--dn-orange)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 35px rgba(255,152,0,0.22) !important;
}

/* =========================
PAGINATION
========================= */
.woocommerce nav.woocommerce-pagination ul{
  border: none !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: center !important;
}

.woocommerce nav.woocommerce-pagination ul li{
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: var(--dn-green) !important;
  box-shadow: 0 8px 20px rgba(11,93,30,0.06) !important;
  font-weight: 700 !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: linear-gradient(90deg, var(--dn-green), var(--dn-green-dark)) !important;
  color: #ffffff !important;
}

/* =========================
MOBILE TITLE HEIGHT FIX
========================= */
@media (max-width: 767px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    min-height: auto;
    font-size: 16px !important;
    padding: 0 15px !important;
  }

  .woocommerce ul.products li.product{
    border-radius: 22px !important;
  }

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

  .woocommerce ul.products li.product .button{
    padding: 13px 16px !important;
    font-size: 13px !important;
  }
}

/* =========================
REMOVE EXTRA SHADOWS FROM THEME
========================= */
.woocommerce ul.products li.product *{
  box-sizing: border-box;
}/* End custom CSS */