/* Basic layout tuned for Flatsome */
.products-archive-wrapper { max-width: 1180px; margin: 40px auto; padding: 0 20px; }
.products-archive-top .archive-title { font-size: 32px; color: #db2628; margin-bottom: 6px;font-weight: 800; }
.products-archive-top .archive-sub { color: #000; margin-bottom: 18px;     font-size: 1.2rem;    line-height: 1.7;}
.ailment-jump { display:flex; gap:12px; align-items:center; margin-bottom:18px;font-size: 1.2em; }

.products-fixed-bar { width:100%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0; position:relative; z-index:30; }
.products-fixed-bar.is-fixed { position: fixed; top:0; left:0; right:0; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }
.products-grid-wrap { margin-top: 20px; }
.products-archive-top h3{font-size: 22px;}
.category-description{    color: #000;
    margin-bottom: 18px;
    font-size: 1.2rem;
    line-height: 1.7;}
ul.products { display:grid; grid-template-columns: repeat(3, 1fr); gap: 22px; list-style:none; padding:0; margin:0; }
@media (max-width: 991px) {
    ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    ul.products { grid-template-columns: 1fr; }
}

.product-grid-item { background:#fff; border-radius:10px; padding:0px;    margin: 10px 6px; box-shadow:0 8px 18px rgba(0,0,0,.06);display: inline-block;width: 24%;list-style: none; }
.product-thumb img { width:100%; height:220px; object-fit:cover; border-radius:8px; }
.product-body{        padding: 0px 10px 0px;
    display: flex;
    height: 190px;    flex-direction: column;
    justify-content: space-between;}
.product-title { font-size:16px; min-height: 50px;padding: 5px 0px 0px;line-height: 1.3; }
.product-excerpt { color:#000; font-size:14px; margin-bottom:10px; min-height:50px;line-height: 1.3; }

.product-actions { display:flex; gap:8px; align-items:center; }
.button.btn-learn-more {  background: #db2628;border: 1px solid #db2628;color: #fff;padding: 3px 10px;border-radius: 10px;text-decoration: none;font-weight: 600; }
/* .button.btn-learn-more:hover {  background: #fff;color: #000;border:1px solid #000;box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0);} */
.button.btn-buy-now { background:#db2628; color:#fff; border: 1px solid #db2628; padding:3px 10px; border-radius:10px; cursor:pointer; text-decoration:none;font-weight: 600;}
/* .button.btn-buy-now:hover { background:#fff; color:#000;border:1px solid #000;box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0);} */
.button.btn-consult { 
  margin-left: auto;
    font-weight: 600;
    border-radius: 10px;
    padding: 3px 14px;
    background: #fbfbfb;
    display: inline-flex;
    align-items: center;
    gap: 0px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 1px 15px rgba(0,0,0,0.1), 0 2px 15px rgba(0,0,0,0.1)
 }
.button.btn-consult:hover{background-color: #eee !important;
    color: #000 !important;
    border: 1px solid #eee !important;box-shadow: box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1), 0 2px 15px rgba(0, 0, 0, 0.1); }
.button.btn-buy-now i,.button.btn-consult i{font-size: 20px;position: relative;left: 6px;top: 0px;}
.buy-now-modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; }
.buy-now-modal .modal-overlay { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.55); }
.buy-now-modal .modal-inner { position:relative; max-width:520px; margin:8vh auto; background:#fff; padding:24px; border-radius:10px; z-index:10000; }
.store-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; margin:6px; border-radius:8px; border:1px solid #ddd; text-decoration:none; }
.store-btn img { width:28px; height:28px; object-fit:contain; }
.modal-close { position:absolute; right:12px; top:10px; border:0; background:transparent; cursor:pointer; }

/* Product Detail Page CSS */

.custom-product-page { max-width:1200px; margin:0 auto; padding:40px 15px; }
.pp-hero { display:flex; gap:30px; margin-bottom:30px; }
.pp-hero-left { flex:1; }
.pp-hero-right { flex:1; }
.pp-title{ font-size:32px; margin:0 0 8px; }
.pp-title sup{font-size:16px ;}
.pp-subtitle{ color:#ba2228; margin:0 0 12px;font-size: 19.2px; }
.pp-tags{ margin:12px 0; }
.pp-tag{ display:inline-block; margin-right:8px; padding:6px 10px; border-radius:20px; background:#f4f4f4; text-decoration:none; }
.pp-short-desc{ margin:20px 0;    font-size: 14px;
    line-height: 1.7;
    font-weight: 400; }
  .disclaimer{font-size: 14px;
    line-height: 1.7;
    font-weight: 400;}
.pp-short-desc-content p{margin-bottom: 0px;text-align: justify;}
.pp-readmore{ display:inline-block; margin-top:8px; cursor:pointer; color:#c33; }
.pp-cta .button{ margin-right:10px; }

.product-fixed-bar{
  position:fixed; left:0; right:0; bottom:0px; background:#fff; box-shadow:0 6px 20px rgba(0,0,0,0.08); z-index:9999;
  padding:10px 20px; max-width:100%; margin:0 auto; border-radius:0px;
}
.product-fixed-bar .fixed-inner{ display:flex; justify-content:space-between; align-items:center; }
.product-fixed-bar .fixed-title { font-size:16px; }
.product-fixed-bar .fixed-sub { font-size: 12px;color: #000;float: right;padding-left: 30px;padding-top: 4px;font-weight: 600; }
.pp-ingredients,.pp-benefits{background:url(/wp-content/uploads/2025/11/ingredient-bg.png);background-size: cover;background-repeat: no-repeat;}
.pp-ingredients, .pp-benefits, .pp-testimonials{text-align: center;}
.pp-ingredients h2, .pp-benefi  ts h2, .pp-testimonials h2, .pp-faqs h2{font-size:2rem;font-weight: 800;}
.pp-ingredients h2 span, .pp-benefits h2 span, .pp-testimonials h2 span, .pp-faqs h2 span{color:#ba2228;}
.pp-ingredients, .pp-benefits { padding:0px 0; border-bottom:1px solid #eee; margin-top:0px; }
.pp-ingredients .section-sub, .pp-benefits .section-sub, .pp-testimonials .section-sub, .pp-faqs .section-sub{font-size: 19.2px;font-weight: 600;}
.ingredients-wrapper .ingredient-item, .benefits-wrapper .benefit-item, .testimonials-wrapper .testimonial-item, .faqs-wrapper .faq-item {
  padding:16px; background:transparent; border-radius:16px; margin:8px;text-align: center;display: flex !important;flex-direction: column;align-items: center;font-size:14px;color: #000;
}
.testimonials-wrapper .testimonial-item{padding:50px 100px;}
.ingredient-item h4,.benefit-item h4{margin-bottom:0;font-weight:600;color:#000;}
.ingredient-item .ing-sub{font-weight:600;font-style:italic;font-size:14px;margin-bottom:10px;color:#000;}
.testimonial-item .testimonial-text{font-size:16px;color:000;}
.faqs-wrapper{padding:20px 0px;}
.faqs-wrapper .faq-item {text-align: left; box-shadow: 4px 5px 10px #ddd;height: 460px;margin: 20px 10px 10px 0px;}
.faqs-wrapper .faq-item .faq-q,.faqs-wrapper .faq-item .faq-a strong{font-weight:600;color:#000;}
.pp-faqs{max-width:1300px; margin:0px auto;padding:0px; }
.faqs-wrapper .faq-item ul{
      padding-left: 16px;
    line-height: 1;
}

@media (max-width: 1180px) {
   .custom-product-page {
    padding: 30px 20px 0px 20px;
  }

  .pp-hero {
    gap: 24px;
        margin-bottom: 0px;
  }
  .uxb-fp__head .uxb-fp__kicker{
    width: 50%;
  }
  .pp-featured-related .uxb-featured-products{
        padding: 10px 20px;
            margin: 24px 0 80px;
  }
}

/* ===============================
   TABLET LANDSCAPE (1024px ↓)
================================ */
@media (max-width: 1024px) {

  .custom-product-page {
    padding: 30px 20px 0px 20px;
  }

  .pp-hero {
    gap: 24px;
        margin-bottom: 0px;
  }
  .uxb-fp__head .uxb-fp__kicker{
    width: 50%;
  }
  .pp-featured-related .uxb-featured-products{
        padding: 10px 20px;
            margin: 24px 0 80px;
  }

  .pp-title {
    font-size: 26px;
  }

  .pp-subtitle {
    font-size: 15px;
  }

  .pp-short-desc {
    margin: 16px 0;
  }

  .testimonials-wrapper .testimonial-item {
    padding: 40px 60px;
  }

  .faqs-wrapper .faq-item {
    height: auto;
    min-height: 300px;
  }
}

/* ===============================
   TABLET PORTRAIT (991px ↓)
================================ */
@media (max-width: 991px) {

  .pp-hero {
display: block;
  }

  .pp-hero-left,
  .pp-hero-right {
    width: 50%;
    float: left;
    padding: 10px;
  }

  .pp-hero-left {
    text-align: center;
  }

  .pp-title {
    font-size: 24px;
  }

  .pp-subtitle {
    font-size: 14px;
  }

  .pp-cta .button {
    margin-bottom: 10px;
  }

  .pp-ingredients h2,
  .pp-benefits h2,
  .pp-testimonials h2,
  .pp-faqs h2 {
    font-size: 1.6rem;
  }
  .pp-featured-related{
    clear: both;
  }
  .uxb-fp__head .uxb-fp__kicker{
    width: 50%;
  }
  .uxb-featured-products{
        padding: 10px 20px;
  }
  .uxb-fp__nav .slick-prev
 {
   left: 0px;
   top:50%; 
  }
   .uxb-fp__nav .slick-next{
    right: 0px;
    top:50%;
   }
  .testimonials-wrapper .testimonial-item {
    padding: 30px 40px;
  }

  .product-fixed-bar .fixed-inner {
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }

  .product-fixed-bar .fixed-sub {
    padding-left: 0;
    float: none;
  }
}

/* ===============================
   MOBILE LANDSCAPE (768px ↓)
================================ */
@media (max-width: 768px) {

  .custom-product-page {
    padding: 24px 15px;
  }

  .pp-title {
    font-size: 22px;
  }

  .pp-short-desc-content p {
    font-size: 14px;
  }

  .pp-tags {
    margin: 10px 0;
  }

  .pp-tag {
    font-size: 13px;
    padding: 5px 9px;
    margin-bottom: 6px;
  }

  .pp-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .pp-cta .button {
    width: auto;
  }

  .ingredient-item,
  .benefit-item {
    font-size: 13px;
  }

  .faqs-wrapper {
    padding: 10px 0;
  }

  .faqs-wrapper .faq-item {
    margin: 12px 0;        
    min-height: 380px;
    font-size: 100%;
            flex-wrap: wrap;
        align-content: space-between;
        align-items: center;
  }
}

/* ===============================
   MOBILE PORTRAIT (600px ↓)
================================ */
@media (max-width: 600px) {
  .pp-ingredients .section-sub, .pp-benefits .section-sub, .pp-testimonials .section-sub, .pp-faqs .section-sub{font-size: 16px;font-weight: 600;}
.pp-hero {
    flex-direction: column;
  }
.slick-prev, .slick-next{
      top: 40%;
}
  .pp-hero-left,
  .pp-hero-right {
    width: 100%;
  }

  .pp-hero-left {
    text-align: center;
  }
  .pp-title {
    font-size: 20px;
    line-height: 1.3;
  }

  .pp-subtitle {
    font-size: 13px;
  }

  .pp-short-desc {
    margin: 14px 0;
  }

  .pp-readmore {
    font-size: 13px;
  }

  .pp-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .pp-cta .button {
    width: 100%;
    text-align: center;
    display: block;
  }

  .pp-ingredients h2,
  .pp-benefits h2,
  .pp-testimonials h2,
  .pp-faqs h2 {
    font-size: 1.4rem;
  }

  .ingredients-wrapper .ingredient-item,
  .benefits-wrapper .benefit-item {
    margin: 6px 0;
  }

  .testimonials-wrapper .testimonial-item {
    padding: 20px;
    font-size: 14px;
  }

  .product-fixed-bar {
    padding: 10px 12px;
  }

  .product-fixed-bar .fixed-title {
    font-size: 14px;
  }

  .product-fixed-bar .fixed-sub {
    font-size: 11px;
  }
}