/* Site-specific rules */
.grecaptcha-badge{
visibility: hidden!important;
}
.page-id-19 #logo {
    width: 200px;
    display: none!important;
}

.widget>ul>li+li, ul.menu>li+li {
    border-top: none!important;
}

 .product-info .breadcrumbs {
    display: none!important;
}

/* =====================================================================
   minimalRX clinical skin for Flatsome 3.19+
   Loaded by the child theme (functions.php) on every page except the
   homepage. Theme Options → Style → Custom CSS can now be left empty.
   Each block is independent, so any section can be deleted on its own.
   ===================================================================== */

:root{
  --mrx-white:#ffffff;
  --mrx-well:#f4f5f6;
  --mrx-hair:#e5e6e9;
  --mrx-line:#d8d9dc;
  --mrx-ink:#1b1c1e;
  --mrx-ink-2:#3d3f43;
  --mrx-muted:#66686d;
  --mrx-green:#c9e72d;
  --mrx-green-ink:#5c6b0c;
  --mrx-green-soft:#f1f8cf;
  --mrx-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mrx-ease:cubic-bezier(.2,.8,.2,1);
}

/* ---------- 1. Type ---------- */
body,
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a,
h1,h2,h3,h4,h5,h6,.heading-font,.alt-font{font-family:var(--mrx-font)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.heading-font{font-weight:600;letter-spacing:-.035em;line-height:1.05}
h5,h6{font-weight:600;letter-spacing:-.01em}
p,li{line-height:1.65}
::selection{background:var(--mrx-green);color:var(--mrx-ink)}

/* ---------- 2. Buttons: pills, sentence case, 44px targets ----------
   Icon buttons (social, search, toggles, quantity) are left to Flatsome. */
.button:not(.icon):not(.is-form):not(.toggle),
input[type=submit]:not(.icon),
button[type=submit]:not(.icon):not(.toggle){
  border-radius:999px;
  text-transform:none;
  letter-spacing:-.005em;
  font-weight:600;
  font-size:13px;
  min-height:44px;
  line-height:42px;
  padding:0 22px;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s var(--mrx-ease);
}
.button.is-outline:not(.icon):not(.is-form),input[type=submit].is-outline{border-width:1px;line-height:42px}
.button.primary:not(.is-outline),
.button.alt,
.single_add_to_cart_button,
.checkout-button,
#place_order{background-color:var(--mrx-ink);border-color:var(--mrx-ink);color:#fff}
@media (hover:hover){
  .button.primary:not(.is-outline):hover,
  .button.alt:hover,
  .single_add_to_cart_button:hover,
  .checkout-button:hover,
  #place_order:hover{background-color:var(--mrx-green);border-color:var(--mrx-green);color:var(--mrx-ink);box-shadow:none}
  .button.is-outline:hover{background-color:var(--mrx-ink);border-color:var(--mrx-ink);color:#fff}
}
.button.is-form,.is-form{border-radius:999px;text-transform:none}

/* ---------- 3. Header: white, hairline, translucent when stuck ---------- */
.header-bg-color,.header-main{background-color:#fff}
.header-wrapper.stuck .header-bg-color{background-color:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px)}
.header-wrapper.stuck,.header-main{box-shadow:0 1px 0 var(--mrx-hair)}
.header-wrapper .header-divider,.header-bottom{border-color:var(--mrx-hair)}
.header-nav-main.nav > li > a{font-size:13px;font-weight:600;letter-spacing:-.005em}
.nav-dropdown{border:1px solid var(--mrx-hair);border-radius:18px;box-shadow:0 18px 40px rgba(20,24,28,.08)}
.cart-icon strong{border-radius:999px;border-color:var(--mrx-ink)}
.cart-icon strong:after{border-color:var(--mrx-ink)}

/* ---------- 4. Breadcrumbs ---------- */
.woocommerce-breadcrumb,.breadcrumbs{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--mrx-muted)}
.breadcrumbs a{color:var(--mrx-muted);font-weight:500}
.breadcrumbs .divider{opacity:.4}

/* ---------- 5. Product page: gallery ---------- */
.product-gallery .product-images{
  border:1px solid var(--mrx-hair);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
}
.product-gallery .woocommerce-product-gallery__image img{border-radius:0}
.product-thumbnails .col a{border:1px solid var(--mrx-hair);border-radius:14px;overflow:hidden;background:#fff}
.product-thumbnails .is-nav-selected a,.product-thumbnails a:hover{border-color:var(--mrx-ink)}
.product-thumbnails img{opacity:1;transform:none!important}
.product-gallery .badge-container{margin:14px}
.image-tools .button.is-outline{background:#fff;border-color:var(--mrx-hair)}

/* ---------- 6. Product page: summary ---------- */
.product-info .product-title{
  font-size:clamp(30px,4.2vw,46px);
  font-weight:600;
  letter-spacing:-.045em;
  line-height:1.02;
  color:var(--mrx-ink);
  margin-bottom:10px;
}
.product-info .is-divider{display:none}
.product-info .price,
.product-info .price-wrapper .price{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--mrx-ink);margin:14px 0 18px}
.product-info .price del{color:var(--mrx-muted);font-weight:500;opacity:1}
.product-info .price ins{text-decoration:none}
.product-short-description{font-size:15px;line-height:1.65;color:var(--mrx-ink-2);max-width:60ch}
.product-short-description > *:last-child{margin-bottom:0}

/* quantity + add to cart as one clean row */
.product-info form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 10px}
.product-info form.cart .ux-quantity,
.product-info form.cart .quantity{margin:0;display:inline-flex;align-items:center;border:1px solid var(--mrx-line);border-radius:999px;height:48px;overflow:hidden}
.product-info .ux-quantity .button,
.product-info .ux-quantity input.qty{border:0;background:transparent;box-shadow:none;height:46px;min-height:0;line-height:46px}
.product-info .ux-quantity .button{width:40px;padding:0;font-size:16px;font-weight:500;color:var(--mrx-ink)}
.product-info .ux-quantity input.qty{width:36px;padding:0;font-weight:600;text-align:center}
.product-info form.cart .single_add_to_cart_button.button:not(.icon){min-height:48px;line-height:46px;padding:0 30px;flex:1 1 auto;max-width:340px;margin:0}
.product-info form.variations_form .variations td,.product-info form.variations_form .variations th{border:0;padding:6px 0}
.product-info .variations select{border-radius:12px}

.product_meta{margin-top:22px;padding-top:16px;border-top:1px solid var(--mrx-hair);font-size:12.5px;color:var(--mrx-muted)}
.product_meta > span{display:block;border-top:0;padding:0;margin-bottom:4px}
.product_meta a{color:var(--mrx-ink-2)}
.product-info .social-icons{margin-top:14px}
.product-info .social-icons .button.is-outline{border-color:var(--mrx-hair);color:var(--mrx-ink-2)}

/* ---------- 7. Product page: accordion (set Product Tabs Style = Accordion) ---------- */
.product-footer{margin-top:24px}
.product-page-accordian .accordion{border:1px solid var(--mrx-hair);border-radius:28px;background:#fff;padding:4px 22px;overflow:hidden}
.product-page-accordian .accordion-item + .accordion-item .accordion-title{border-top:1px solid var(--mrx-line)}
.product-page-accordian .accordion-title{
  border-top:0;
  padding:20px 52px 20px 0;
  font-size:16px;
  font-weight:600;
  letter-spacing:-.015em;
  color:var(--mrx-ink);
  background:transparent;
  text-transform:none;
}
.product-page-accordian .accordion-title.active{background:transparent;color:var(--mrx-ink);border-color:var(--mrx-line)}
.product-page-accordian .accordion .toggle{
  left:auto;right:0;top:50%;min-height:0;padding:0;line-height:1;
  width:30px;height:30px;margin:-15px 0 0;
  border:1px solid var(--mrx-line);border-radius:50%;
  display:grid;place-items:center;opacity:1;
}
.product-page-accordian .accordion .toggle i{font-size:14px;top:0}
.product-page-accordian .accordion-title.active .toggle{background:var(--mrx-green);border-color:var(--mrx-green);color:var(--mrx-ink)}
.product-page-accordian .accordion-inner{padding:0 44px 24px 0;font-size:14.5px;line-height:1.68;color:var(--mrx-ink-2)}

/* if you keep Line Tabs instead of Accordion */
.product-tabs.nav > li > a{font-size:13px;font-weight:600;text-transform:none;letter-spacing:-.005em;color:var(--mrx-muted)}
.product-tabs.nav > li.active > a{color:var(--mrx-ink)}
.product-tabs.nav-line > li > a:before{background-color:var(--mrx-ink);height:2px}
.woocommerce-Tabs-panel{font-size:15px;line-height:1.68;color:var(--mrx-ink-2)}

/* additional information table */
.woocommerce-product-attributes{border:1px solid var(--mrx-hair);border-radius:18px;overflow:hidden;border-collapse:separate}
.woocommerce-product-attributes th,.woocommerce-product-attributes td{border-top:1px solid var(--mrx-hair);padding:12px 16px;font-size:14px}
.woocommerce-product-attributes tr:first-child th,.woocommerce-product-attributes tr:first-child td{border-top:0}
.woocommerce-product-attributes th{color:var(--mrx-muted);font-weight:500;text-transform:none;letter-spacing:0}

/* ---------- 8. Section titles (Related, Upsells): the homepage "rule" ---------- */
.product-section{border-top:0;margin-top:40px}
.product-section-title,
.section-title-normal{
  font-size:11px!important;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--mrx-ink-2);
  padding-bottom:12px!important;
  margin-bottom:28px;
  border-bottom:1px solid var(--mrx-line);
}
.section-title-normal span{border-bottom:0;margin-bottom:0;padding-bottom:0}

/* ---------- 9. Product cards (shop grid, related, upsells) ---------- */
.product-small .box-image{
  border:1px solid var(--mrx-hair);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
}
.product-small .box-text{padding:14px 6px 0}
.product-small .box-text .category{font-size:11px;letter-spacing:.06em;color:var(--mrx-muted);opacity:1;margin-bottom:2px}
.product-small .box-text .name.product-title{font-size:15px;font-weight:700;letter-spacing:-.015em;line-height:1.3}
.product-small .box-text .name.product-title a{color:var(--mrx-ink)}
.product-small .price-wrapper .price{font-size:13.5px;font-weight:600;color:var(--mrx-ink-2)}
.product-small .add-to-cart-button .button:not(.icon){min-height:40px;line-height:38px;font-size:12.5px;margin-top:10px}
.product-small .quick-view{border-radius:0 0 22px 22px;text-transform:none;letter-spacing:0;font-weight:600}
@media (hover:hover){
  .product-small .box-image{transition:transform .28s var(--mrx-ease),box-shadow .28s ease}
  .product-small:hover .box-image{transform:translateY(-2px);box-shadow:0 12px 30px rgba(20,24,28,.06)}
}

/* ---------- 10. Badges: soft green chips (readable, not neon) ---------- */
.badge-inner{background-color:var(--mrx-green-soft);color:var(--mrx-green-ink);font-weight:700;letter-spacing:.02em;border:1px solid rgba(92,107,12,.18)}
.badge-circle .badge-inner,.badge-circle-inside .badge-inner{border-radius:999px}
.badge-frame .badge-inner,.badge-outline .badge-inner{background-color:#fff;color:var(--mrx-green-ink)}

/* ---------- 11. Forms ---------- */
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea,select{
  border:1px solid var(--mrx-line);
  border-radius:12px;
  box-shadow:none;
  min-height:44px;
  background-color:#fff;
}
textarea{border-radius:16px}
input:focus,textarea:focus,select:focus{border-color:var(--mrx-ink);box-shadow:0 0 0 3px var(--mrx-green-soft)}
.form-flat input:not([type=submit]),.form-flat select,.form-flat textarea{border-radius:999px;background-color:var(--mrx-well);border-color:transparent}

/* ---------- 12. Notices ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.message-container{
  border:1px solid var(--mrx-hair);
  border-radius:18px;
  background:#fff;
  color:var(--mrx-ink-2);
}
.woocommerce-message .button{margin:0 0 0 12px}

/* ---------- 13. Cart / checkout panels ---------- */
.cart_totals,.checkout-sidebar,.woocommerce-checkout-review-order,.col-inner.has-border{
  border:1px solid var(--mrx-hair)!important;
  border-radius:24px;
}
.shop_table th{font-size:11px;letter-spacing:.08em;color:var(--mrx-muted)}
.shop_table td,.shop_table th{border-color:var(--mrx-hair)}

/* ---------- 14. Footer: white with a hairline ---------- */
.footer-wrapper,.footer-1,.footer-2,.absolute-footer{background-color:#fff}
.footer-1,.footer-2{border-top:1px solid var(--mrx-hair)}
.absolute-footer{border-top:1px solid var(--mrx-hair);color:var(--mrx-muted);font-size:12px}
#top-link{border-radius:999px}

/* ---------- 15. Focus ---------- */
a:focus-visible,button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.accordion-title:focus-visible{
  outline:2px solid #fff;
  outline-offset:2px;
  box-shadow:0 0 0 5px var(--mrx-green-ink);
}

/* =====================================================================
   16. Content helpers — use these classes inside product descriptions,
   UX Builder "HTML" elements or a Custom product layout block.
   See product-snippets.html for copy-paste examples.
   ===================================================================== */
.mrx-chip{
  display:inline-flex;align-items:center;min-height:30px;padding:0 12px;
  border-radius:999px;background:var(--mrx-green-soft);border:1px solid rgba(92,107,12,.18);
  color:var(--mrx-green-ink);font-size:10.5px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;
  margin:0 6px 10px 0;
}
.mrx-tagline{font-size:15px;color:var(--mrx-muted);margin:0 0 6px}
.mrx-rule{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:12px;margin:0 0 24px;border-bottom:1px solid var(--mrx-line);
  font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--mrx-ink-2);
}
.mrx-sheet{
  display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:18px 0 0;
  padding:22px;border:1px solid var(--mrx-hair);border-radius:22px;background:#fff;
}
.mrx-sheet div{min-width:0}
.mrx-sheet dt,.mrx-sheet dd{display:block;text-transform:none;float:none}
.mrx-sheet dt{font-size:12px;font-weight:500;letter-spacing:0;color:var(--mrx-muted);margin:0 0 3px}
.mrx-sheet dd{margin:0;font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--mrx-ink)}
.mrx-sheet dd.mrx-signal{color:var(--mrx-green-ink)}
.mrx-actives{font-size:13px;line-height:1.6;color:var(--mrx-muted);margin:14px 0 0}
.mrx-actives b{color:var(--mrx-green-ink);font-weight:700}
.mrx-panel{border:1px solid var(--mrx-hair);border-radius:28px;background:#fff;padding:28px 24px}
.mrx-statement{font-size:clamp(22px,3vw,28px);line-height:1.5;letter-spacing:-.025em;font-weight:450;color:var(--mrx-ink);max-width:30ch}
.mrx-statement .mrx-pill{display:inline-block;padding:0 .45em;border-radius:999px;line-height:1.25;border:1.5px solid var(--mrx-ink);font-weight:600}
.mrx-statement .mrx-pill.is-fill{background:var(--mrx-green);border-color:var(--mrx-green)}
@media (min-width:850px){
  .mrx-sheet{grid-template-columns:repeat(3,1fr)}
  .mrx-panel{padding:40px 38px}
}

/* spotlight inside the product short description: compact, sits above Add to cart */
.product-short-description .mrx-panel{padding:20px 22px;border-radius:22px;margin:18px 0 0}
.product-short-description .mrx-rule{margin-bottom:14px}
.product-short-description .mrx-statement{font-size:19px;line-height:1.55;max-width:none}
.product-short-description .mrx-panel .mrx-actives{margin-top:12px}

/* ---------- 17. Long description layout (.mrx-desc) ---------- */
.mrx-desc{max-width:760px}
.mrx-desc .mrx-block{margin:0 0 34px}
.mrx-desc .mrx-rule{margin-bottom:16px;font-size:11px;line-height:1.4;color:var(--mrx-ink-2)}
.mrx-desc p{font-size:15px;line-height:1.68;color:var(--mrx-ink-2);margin:0 0 12px}
.mrx-lead{font-size:clamp(19px,2.2vw,22px)!important;line-height:1.5!important;letter-spacing:-.02em;color:var(--mrx-ink)!important;max-width:36ch}
.mrx-ingredients{display:grid;grid-template-columns:1fr;gap:12px}
.mrx-ingredient{border:1px solid var(--mrx-hair);border-radius:20px;padding:18px 20px;background:#fff}
.mrx-ingredient h4{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;color:var(--mrx-ink)}
.mrx-desc .mrx-ingredient p{font-size:14px;margin:0}
.mrx-desc .mrx-role{display:inline-block;margin:0 0 10px!important;padding:3px 10px;border-radius:999px;background:var(--mrx-green-soft);color:var(--mrx-green-ink)!important;font-size:10.5px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.5!important}
.mrx-steps{list-style:none;counter-reset:mrx;margin:0;padding:0}
.mrx-steps li{counter-increment:mrx;position:relative;padding:10px 0 10px 44px;margin:0;border-top:1px solid var(--mrx-hair);font-size:15px;line-height:1.55;color:var(--mrx-ink-2)}
.mrx-steps li:first-child{border-top:0}
.mrx-steps li:before{content:counter(mrx);position:absolute;left:0;top:9px;width:28px;height:28px;border-radius:50%;border:1px solid var(--mrx-line);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--mrx-ink)}
.mrx-list{list-style:none;margin:0;padding:0}
.mrx-list li{position:relative;padding:9px 0 9px 20px;margin:0;border-top:1px solid var(--mrx-hair);font-size:14px;line-height:1.55;color:var(--mrx-ink-2)}
.mrx-list li:first-child{border-top:0}
.mrx-list li:before{content:"";position:absolute;left:2px;top:17px;width:6px;height:6px;border-radius:50%;background:var(--mrx-green-ink)}
.mrx-more{border:1px solid var(--mrx-hair);border-radius:20px;padding:0 20px;margin:0 0 34px;background:#fff}
.mrx-more summary{list-style:none;cursor:pointer;position:relative;padding:16px 44px 16px 0;font-size:15px;font-weight:600;color:var(--mrx-ink)}
.mrx-more summary::-webkit-details-marker{display:none}
.mrx-more summary:after{content:"+";position:absolute;right:0;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;border:1px solid var(--mrx-line);display:grid;place-items:center;font-size:16px;font-weight:400;line-height:1;transition:transform .25s var(--mrx-ease)}
.mrx-more[open] summary:after{transform:rotate(45deg);background:var(--mrx-green);border-color:var(--mrx-green)}
.mrx-more p{font-size:13px!important;line-height:1.7!important;color:var(--mrx-muted)!important;padding-bottom:16px}
.mrx-buy .button{margin:6px 0 0}
.mrx-buy-row{margin:18px 0 0}
.mrx-buy-row .button{margin:0}
.mrx-desc p:empty{display:none}
@media (min-width:850px){.mrx-ingredients{grid-template-columns:1fr 1fr}}
@media (max-width:849px){.product-page-accordian .accordion{padding:4px 16px}.product-page-accordian .accordion-inner{padding-right:0}}

/* ---------- 18. "Shop now" on the product image (needs mrx-shop-now.php) ---------- */
.product-gallery .image-tools.bottom{display:flex;align-items:center;gap:8px;padding:14px}
.mrx-shop-now{display:inline-flex;align-items:center;text-decoration:none;filter:drop-shadow(0 8px 18px rgba(20,24,28,.14))}
.mrx-shop-now__label{display:inline-flex;align-items:center;height:44px;padding:0 30px 0 20px;border-radius:999px;background:var(--mrx-ink);color:#fff;font-size:13px;font-weight:600;letter-spacing:-.005em;white-space:nowrap}
.mrx-shop-now__icon{width:52px;height:52px;margin-left:-14px;border-radius:50%;border:6px solid #fff;background:var(--mrx-green);color:var(--mrx-ink);display:grid;place-items:center;box-sizing:border-box}
.mrx-shop-now:hover .mrx-shop-now__label{background:var(--mrx-green-ink)}
.mrx-shop-now:focus-visible{outline:none}
.mrx-shop-now:focus-visible .mrx-shop-now__label{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--mrx-green-ink)}

@media (prefers-reduced-motion:reduce){
  .product-small .box-image,.button{transition:none!important}
}