/* Bioscentia site behaviours — layout/styling lives in Elementor; this file only adds
   interactions Elementor's atomic elements cannot express (animations, hover-reveal
   menus, scroll states). */
html { scroll-behavior: smooth; }
body.bio-site { background: #f8f6ef; color: #242021; font-family: 'Carlito', Calibri, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; }
body.bio-site .wd-skip-links { position: absolute; left: -9999px; }
body.bio-site .wd-skip-links:focus { left: 16px; top: 16px; z-index: 999; }
body.bio-site ::selection { background: #114f3d; color: #fff; }
body.bio-site .elementor a.e-paragraph-link-base,
body.bio-site .elementor a.e-heading-link-base { color: inherit; text-decoration: none; }
body.bio-site .elementor a.e-paragraph-link-base:hover { color: inherit; }
body.bio-site .elementor button { font-family: inherit; }
body.bio-site .elementor button:focus { outline: none; }
body.bio-site .elementor button:focus-visible { outline: 2px solid #6d9849; outline-offset: 2px; }
body.bio-site [id] { scroll-margin-top: 150px; }

/* ---------- Header ---------- */
.bio-header-wrap { position: sticky; top: -41px; z-index: 50; transition: box-shadow .25s ease; }
.bio-header-wrap.is-scrolled { box-shadow: 0 12px 34px rgba(10, 35, 29, .14); }
.bio-ticker-track { animation: bio-ticker 35s linear infinite; }
.bio-ticker-track:hover { animation-play-state: paused; }
@keyframes bio-ticker { to { transform: translateX(-50%); } }
.bio-brand-row { transition: height .28s ease, background .28s ease; }
.bio-header-wrap.is-scrolled .bio-brand-row { height: 84px !important; }
.bio-brand-logo { transition: transform .28s ease; transform-origin: center; }
/* Sticky state: larger logo so the 'Botanical Extracts' tagline stays legible */
.bio-header-wrap.is-scrolled .bio-brand-logo { transform: none; height: 68px !important; width: auto !important; }
/* Products trigger: no box/background on hover or focus — only the text colour changes */
.bio-nav-products > button,
.bio-nav-products > button:hover,
.bio-nav-products > button:focus,
.bio-nav-products > button:focus-visible,
.bio-nav-products > button:active { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; outline: none !important; }
.bio-nav-products:hover > button, .bio-nav-products:focus-within > button { color: #cfe0b3 !important; }
.bio-nav-products:hover .bio-nav-submenu,
.bio-nav-products:focus-within .bio-nav-submenu { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0) !important; }
.bio-has-sub:hover .bio-sub-submenu { opacity: 1 !important; visibility: visible !important; transform: translateX(0) !important; }
.bio-mobile-menu.open { max-height: 1000px !important; }
.bio-menu-btn.open .bio-ico-menu { display: none !important; }
.bio-menu-btn.open .bio-ico-close { display: inline-block !important; }
.bio-mm-products.open .bio-mm-list { display: grid !important; }
.bio-mm-products.open .bio-mm-chevron { transform: rotate(180deg) !important; }
@media (max-width: 1279px) { .bio-header-wrap.is-scrolled .bio-brand-row { height: 76px !important; } .bio-header-wrap.is-scrolled .bio-brand-logo { height: 60px !important; } }
@media (max-width: 767px) { .bio-header-wrap.is-scrolled .bio-brand-row { height: 66px !important; } .bio-header-wrap.is-scrolled .bio-brand-logo { height: 50px !important; } }

/* ---------- Hero slider ---------- */
.bio-hero-slide { opacity: 0; pointer-events: none; transition: opacity .75s ease; }
.bio-hero-slide.active { opacity: 1; pointer-events: auto; }
.bio-hero:not(.is-ready) .bio-hero-slide:first-of-type { opacity: 1; pointer-events: auto; }
body.bio-site .elementor button.bio-hero-dot { width: 8px !important; height: 8px !important; min-height: 0 !important; max-height: 8px !important; min-width: 0 !important; padding: 0 !important; margin: 0; border: 0 !important; line-height: 0 !important; font-size: 0 !important; box-shadow: none !important; flex: 0 0 auto !important; align-self: center; border-radius: 999px !important; background-color: #a3b8a8 !important; transition: width .35s ease, background-color .35s ease; }
body.bio-site .elementor button.bio-hero-dot.active { width: 34px !important; background-color: #114f3d !important; }
.bio-hero-dot.active { width: 34px !important; background-color: #114f3d !important; }
.bio-hero .bio-hero-dot { margin: 0; }
.bio-hero-dot:hover { background-color: #6d9849 !important; }
.bio-hero-dot.active:hover { background-color: #114f3d !important; }


/* ---------- Scroll rows ---------- */
.bio-noscrollbar { scrollbar-width: none; }
.bio-noscrollbar::-webkit-scrollbar { display: none; }

/* ---------- Hover groups ---------- */
.bio-zoom-img { transition: transform .8s ease; }
.bio-zoom:hover .bio-zoom-img { transform: scale(1.035); }
.bio-cat-card .bio-cat-img { transition: transform .7s ease; }
.bio-cat-card:hover .bio-cat-img { transform: scale(1.06); }
.bio-cat-card .bio-cat-shade { transition: background .3s ease; }
.bio-cat-card:hover .bio-cat-shade { background: linear-gradient(to top, rgba(17,79,61,.85), rgba(16,28,22,.35), rgba(16,28,22,.10)) !important; }
.bio-cat-card .bio-cat-cta { opacity: 0; transform: translateY(4px); transition: opacity .3s ease, transform .3s ease; }
.bio-cat-card:hover .bio-cat-cta { opacity: 1; transform: translateY(0); }
.bio-blog-card .bio-blog-img { transition: transform .7s ease; }
.bio-blog-card:hover .bio-blog-img { transform: scale(1.04); }

/* ---------- FAQ (native details) ---------- */
.bio-faq details > summary { list-style: none; cursor: pointer; }
.bio-faq details > summary::-webkit-details-marker { display: none; }
.bio-faq .e-accordion-item-icon, .bio-faq [class*="accordion-item-icon"] { transition: transform .3s ease; }
.bio-faq details[open] .e-accordion-item-icon, .bio-faq details[open] [class*="accordion-item-icon"] { transform: rotate(45deg); }

/* ---------- Heading accents ---------- */
body.bio-site .bio-h2 em { font-style: italic; color: #114f3d; }
body.bio-site .bio-anchor-private-label .bio-h2 em { color: #6d9849; }

/* ---------- FAQ (JS toggle) ---------- */
.bio-faq-answer { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.bio-faq-item.open .bio-faq-answer { max-height: 220px; }
.bio-faq-icon { transition: transform .3s ease; }
.bio-faq-item.open .bio-faq-icon { transform: rotate(45deg); }

/* ---------- Market map ---------- */
.bio-market-map { position: absolute; inset: 0; }
.bio-map-box .elementor-widget-html, .bio-map-box .elementor-widget-html > .elementor-widget-container { position: absolute; inset: 0; }

/* ---------- Enquiry form (Fluent Forms) ---------- */
.bio-form-card .elementor-widget-shortcode { width: 100%; }
.bio-form-card .fluentform .ff-el-group { margin-bottom: 16px; }
.bio-form-card .fluentform .ff-t-container { gap: 16px; }
.bio-form-card .fluentform .ff-t-cell { padding: 0 !important; }
.bio-form-card .fluentform .ff-el-input--label { margin-bottom: 8px; }
.bio-form-card .fluentform .ff-el-input--label label { font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 11px; line-height: 16px; text-transform: uppercase; letter-spacing: .14em; font-weight: 700; color: rgba(36,32,33,.5); margin: 0; }
.bio-form-card .fluentform .ff-el-input--label.asterisk-right label:after, .bio-form-card .fluentform .ff-el-is-required.asterisk-right label:after { display: none; }
.bio-form-card .fluentform .ff-el-form-control { width: 100%; height: 48px; padding: 0 16px; border-radius: 12px; border: 1px solid rgba(36,32,33,.15); background: rgba(248,246,239,.5); font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 14px; font-weight: 700; color: #242021; box-shadow: none; transition: box-shadow .2s ease; }
.bio-form-card .fluentform textarea.ff-el-form-control { height: auto; min-height: 110px; padding: 12px 16px; resize: vertical; }
.bio-form-card .fluentform .ff-el-form-control::placeholder { font-weight: 400; color: rgba(36,32,33,.35); opacity: 1; }
.bio-form-card .fluentform .ff-el-form-control:focus { outline: none; border-color: rgba(36,32,33,.15); box-shadow: 0 0 0 2px rgba(17,79,61,.6); }
.bio-form-card .fluentform .ff_submit_btn_wrapper { margin-top: 24px; margin-bottom: 0; }
.bio-form-card .fluentform .ff-btn-submit { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 16px 32px; height: auto; min-height: 0; border-radius: 999px; border: 0; background: #114f3d !important; color: #fff !important; font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: none; letter-spacing: 0; box-shadow: none; transition: background .2s ease; }
.bio-form-card .fluentform .ff-btn-submit:after { content: ''; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6.03 11.5 9.25 4 8.25zm7.5 8.72L4 17.97v-2.22zM2 3v7l15 2-15 2v7l21-9z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6.03 11.5 9.25 4 8.25zm7.5 8.72L4 17.97v-2.22zM2 3v7l15 2-15 2v7l21-9z'/%3E%3C/svg%3E") center/contain no-repeat; }
.bio-form-card .fluentform .ff-btn-submit:hover { background: #2e6b34 !important; opacity: 1; }
.bio-form-card .fluentform .error.text-danger { font-size: 12px; margin-top: 6px; color: #b3261e; }
.bio-form-card .ff-message-success { border: 0; box-shadow: none; padding: 48px 0; text-align: center; font-family: 'Carlito', Calibri, Arial, sans-serif; color: rgba(36,32,33,.55); }
.bio-form-card .ff-message-success h3 { font-family: 'Josefin Sans', Arial, sans-serif; font-size: 30px; line-height: 36px; color: #242021; margin: 0 0 12px; font-weight: 400; }
.bio-form-note { margin-top: 16px; font-size: 11px; line-height: 20px; color: rgba(36,32,33,.45); }
@media (max-width: 767px) {
  .bio-form-card .fluentform .ff-t-container { display: block; }
  .bio-form-card .fluentform .ff-t-cell { width: 100% !important; }
  .bio-form-card .fluentform .ff-btn-submit { width: 100%; }
}

/* ---------- Neutralise legacy container defaults on V4 atomic elements ---------- */
.elementor .e-con.e-atomic-element { --width: auto; }

/* ---------- Declarations Elementor Free cannot store natively ---------- */
@media (min-width: 1025px) { .bio-anchor-usp .bio-wrap > .e-grid-base > p.bio-body { justify-self: end; } }
@media (max-width: 1024px) {
  .bio-noscrollbar { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
  .bio-noscrollbar > * { scroll-snap-align: center; }
}
.bio-hero-slide img { pointer-events: none; }
.bio-noscrollbar > * { filter: grayscale(.4); }
.bio-noscrollbar > *:hover { filter: grayscale(0); }
.bio-ticker-track { white-space: nowrap; }
.bio-site .elementor button { font: inherit; letter-spacing: inherit; text-transform: inherit; }

@media (max-width: 767px) {
  .elementor .bio-noscrollbar { margin-left: -14px !important; margin-right: -14px !important; padding-left: 14px !important; padding-right: 14px !important; }
}

/* ---------- About Us page ---------- */
@media (min-width: 1025px) { .bio-apart-intro { justify-self: end; } }
body.page-id-180 .bio-nav-row a[href="/about-us/"] { color: #cfe0b3; }
body.page-id-180 .bio-mobile-menu a[href="/about-us/"] { color: #114f3d; }

/* ---------- Woodmart Layouts (single product + catalogue): use the Bioscentia header/footer ---------- */
body.bio-wd-store .whb-header, body.bio-wd-store .whb-sticky-header, body.bio-wd-store .whb-clone,
body.bio-wd-store .wd-footer.footer-container, body.bio-wd-store .wd-prefooter,
body.bio-wd-store .wd-toolbar, body.bio-wd-store .wd-page-title, body.bio-wd-store .woocommerce-breadcrumb { display: none !important; }
body.bio-wd-store .wd-page-wrapper, body.bio-wd-store .main-page-wrapper { padding: 0 !important; margin: 0 !important; background: transparent !important; }
body.bio-wd-store .wd-content-layout.container, body.bio-wd-store main.wd-content-layout { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; display: block !important; }
body.bio-wd-store .single-product-page { margin: 0 !important; padding: 0 !important; }
body.bio-wd-store .woocommerce-notices-wrapper:empty { display: none; }
body.bio-wd-store.sticky-toolbar-on { padding-bottom: 0 !important; }

/* ---------- Single product (WooCommerce data blocks) ---------- */
.bio-sc .elementor-widget-shortcode, .bio-sc .elementor-shortcode { width: 100%; }
.bio-ico { width: 16px; height: 16px; flex-shrink: 0; display: inline-block; }
.bio-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 11px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: rgba(36,32,33,.45); }
.bio-crumbs a { color: inherit !important; text-decoration: none; transition: color .2s; }
.bio-crumbs a:hover { color: #114f3d !important; }
.bio-crumbs .bio-ico { width: 14px; height: 14px; }
.bio-crumbs .is-current { color: #114f3d; }

.bio-gallery-main { aspect-ratio: 1 / 1; border-radius: 28px; border: 1px solid rgba(36,32,33,.08); background: #fff; overflow: hidden; box-shadow: 0 12px 35px rgba(36,32,33,.08); }
.bio-gallery-main img { width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; display: block; transition: opacity .3s ease; }
.bio-thumbs { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.bio-thumb { width: 80px; height: 80px; padding: 0 !important; border-radius: 16px; border: 1px solid rgba(36,32,33,.1); background: #fff; overflow: hidden; cursor: pointer; min-height: 0; box-shadow: none; }
.bio-thumb.is-active { border-color: #114f3d; }
.bio-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.bio-pdp-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.bio-pdp-cat { font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 11px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; color: #114f3d !important; text-decoration: none; }
.bio-pdp-cat:hover { color: #2e6b34 !important; }
.bio-pill { font-size: 10px; line-height: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; padding: 4px 10px; border-radius: 999px; }
.bio-pill--green { background: #114f3d; color: #fff; }
.bio-pill--sand { background: #e6ddcf; color: rgba(36,32,33,.6); }
body.bio-site .bio-pdp-title { font-family: 'Josefin Sans', Arial, sans-serif; font-size: 60px; line-height: .98; letter-spacing: -.02em; font-weight: 400; color: #242021; margin: 16px 0 0; text-transform: none; }
.bio-pdp-short { margin-top: 20px; max-width: 576px; font-size: 16px; line-height: 32px; color: rgba(36,32,33,.65); }
.bio-pdp-short p { margin: 0; }
.bio-keyspecs { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; row-gap: 16px; margin: 0; }
.bio-keyspecs > div { border-bottom: 1px solid rgba(36,32,33,.08); padding-bottom: 12px; }
.bio-keyspecs dt { font-size: 10px; line-height: 14px; text-transform: uppercase; letter-spacing: .14em; font-weight: 700; color: rgba(36,32,33,.4); }
.bio-keyspecs dd { margin: 4px 0 0; font-size: 14px; line-height: 20px; font-weight: 700; color: #242021; }

.bio-pdp-nav { display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 20px; font-weight: 700; }
.bio-pdp-nav a { display: block; padding: 10px 16px; border-radius: 12px; color: #242021 !important; text-decoration: none; transition: background .2s; }
.bio-pdp-nav a:hover, .bio-pdp-nav a.is-active { background: #e9f0ea; }
.bio-pdp-sec:has(.bio-empty) { display: none !important; }
.bio-pdp-desc { margin-top: 24px; max-width: 768px; font-size: 16px; line-height: 32px; color: rgba(36,32,33,.68); }
.bio-pdp-desc p { margin: 0 0 20px; }
.bio-pdp-desc p:last-child { margin-bottom: 0; }
.bio-pdp-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 28px; }
.bio-pdp-card { padding: 24px; border-radius: 16px; background: #f8f6ef; border: 1px solid rgba(36,32,33,.06); }
.bio-pdp-card-title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; line-height: 20px; font-weight: 700; color: #242021; }
.bio-pdp-card-title .bio-ico { color: #114f3d; }
.bio-pdp-card-text { margin: 8px 0 0; font-size: 12px; line-height: 20px; color: rgba(36,32,33,.55); }
.bio-spec-table { margin-top: 28px; border-radius: 22px; border: 1px solid rgba(36,32,33,.1); overflow: hidden; }
.bio-spec-table table { width: 100%; border-collapse: collapse; margin: 0; font-size: 14px; }
.bio-spec-table tr:nth-child(odd) { background: #fff; }
.bio-spec-table tr:nth-child(even) { background: rgba(248,246,239,.6); }
.bio-spec-table th, .bio-spec-table td { padding: 14px 20px; border: 0; text-align: left; vertical-align: top; }
.bio-spec-table th { width: 33.333%; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: rgba(36,32,33,.45); }
.bio-spec-table td { color: rgba(36,32,33,.8); line-height: 20px; }
.bio-pack-list { list-style: none; margin: 24px 0 0; padding: 0; max-width: 768px; display: flex; flex-direction: column; gap: 12px; }
.bio-pack-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; line-height: 28px; color: rgba(36,32,33,.68); }
.bio-pack-list .bio-ico { color: #114f3d; margin-top: 6px; }

.bio-pack-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; max-width: 768px; }
.bio-pack-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px 16px 22px; border-radius: 22px; background: #f8f6ef; border: 1px solid rgba(36,32,33,.08); transition: transform .3s ease, border-color .3s ease, background .3s ease; }
.bio-pack-card:hover { transform: translateY(-4px); border-color: #6d9849; background: #fff; }
.bio-pack-visual { height: 104px; width: 100%; display: flex; align-items: flex-end; justify-content: center; }
.bio-pack-icon { display: block; }
.bio-pack-icon svg { display: block; width: 100%; height: 100%; }
.bio-pack-card--can .bio-pack-icon { width: 48px; height: 48px; }
.bio-pack-card--jerrycan .bio-pack-icon { width: 72px; height: 72px; }
.bio-pack-card--drum .bio-pack-icon { width: 100px; height: 100px; }
.bio-pack-card--generic .bio-pack-icon { width: 60px; height: 60px; }
.bio-pack-size { margin: 16px 0 0; font-family: 'Josefin Sans', Arial, sans-serif; font-size: 24px; line-height: 1.2; color: #242021; }
.bio-pack-type { margin: 6px 0 0; font-size: 10px; line-height: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: rgba(17,79,61,.6); }
@media (max-width: 767px) {
  .bio-pack-grid { gap: 10px; }
  .bio-pack-card { padding: 18px 8px 16px; border-radius: 18px; }
  .bio-pack-visual { height: 76px; }
  .bio-pack-card--can .bio-pack-icon { width: 34px; height: 34px; }
  .bio-pack-card--jerrycan .bio-pack-icon { width: 52px; height: 52px; }
  .bio-pack-card--drum .bio-pack-icon { width: 72px; height: 72px; }
  .bio-pack-size { font-size: 17px; margin-top: 12px; }
  .bio-pack-type { font-size: 9px; letter-spacing: .1em; }
}

.bio-related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.bio-prod-card { display: flex; flex-direction: column; background: #fff; border-radius: 22px; border: 1px solid rgba(36,32,33,.08); overflow: hidden; box-shadow: 0 12px 35px rgba(36,32,33,.08); color: #242021 !important; text-decoration: none; transition: transform .3s ease, box-shadow .3s ease; }
.bio-prod-card:hover { transform: translateY(-6px); box-shadow: 0 24px 70px rgba(36,32,33,.10); }
.bio-prod-card-media { aspect-ratio: 4 / 3; overflow: hidden; background: rgba(233,240,234,.5); }
.bio-prod-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.bio-prod-card:hover .bio-prod-card-media img { transform: scale(1.05); }
.bio-prod-card-body { display: flex; flex-direction: column; flex: 1; padding: 20px; border-top: 1px solid rgba(36,32,33,.06); }
.bio-prod-card-cat { margin: 0; font-size: 11px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; color: rgba(17,79,61,.6); }
body.bio-site .bio-prod-card-title { margin: 8px 0 0; font-family: 'Josefin Sans', Arial, sans-serif; font-size: 24px; line-height: 1.25; font-weight: 400; color: #242021; text-transform: none; }
.bio-prod-card-cta { margin-top: auto; padding-top: 16px; display: inline-flex; align-items: center; gap: 8px; font-size: 11px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: #114f3d; }
.bio-prod-card-cta .bio-ico { transition: transform .2s ease; }
.bio-prod-card:hover .bio-prod-card-cta .bio-ico { transform: translateX(4px); }

@media (max-width: 1024px) { .bio-related-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
  body.bio-site .bio-pdp-title { font-size: 48px; }
  .bio-keyspecs, .bio-pdp-cards { grid-template-columns: 1fr; }
  .bio-related-grid { grid-template-columns: 1fr; }
  .bio-spec-table th { width: 40%; }
}

/* ---------- Catalogue listing ---------- */
.bio-cat-search { position: relative; }
.bio-cat-search .bio-ico { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: rgba(36,32,33,.4); z-index: 1; }
.bio-cat-search input[type=search] { width: 100%; height: 52px; padding: 0 16px 0 48px; border-radius: 999px; border: 0; background: #fff; color: #242021; font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 14px; font-weight: 700; box-shadow: none; -webkit-appearance: none; appearance: none; }
.bio-cat-search input::placeholder { color: rgba(36,32,33,.4); font-weight: 400; opacity: 1; }
.bio-cat-search input:focus { outline: none; box-shadow: 0 0 0 2px #6d9849; }

.bio-cat-side { display: flex; flex-direction: column; gap: 4px; }
.bio-cat-side a { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-radius: 12px; font-size: 14px; line-height: 20px; font-weight: 700; color: rgba(36,32,33,.7) !important; text-decoration: none; transition: background .2s, color .2s; }
.bio-cat-side a:hover { background: #fff; color: #242021 !important; }
.bio-cat-side .bio-count { font-size: 12px; line-height: 16px; color: rgba(36,32,33,.4); }
.bio-cat-side a.is-active { background: #114f3d; color: #fff !important; }
.bio-cat-side a.is-active .bio-count { color: rgba(255,255,255,.6); }
.bio-cat-pills { display: flex; gap: 8px; overflow-x: auto; padding: 0 4px 12px; margin: 0 -4px 24px; scrollbar-width: none; }
.bio-cat-pills::-webkit-scrollbar { display: none; }
.bio-cat-pills a { flex-shrink: 0; display: inline-flex; align-items: center; gap: 4px; padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(36,32,33,.15); background: #fff; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: rgba(36,32,33,.7) !important; text-decoration: none; white-space: nowrap; transition: all .2s; }
.bio-cat-pills .bio-count { opacity: .55; text-transform: none; }
.bio-cat-pills a.is-active { background: #114f3d; border-color: #114f3d; color: #fff !important; }

.bio-result-count { margin: 20px 0 32px; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: rgba(36,32,33,.45); }
.bio-catalogue-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.bio-catalogue-card[hidden] { display: none !important; }
.bio-prod-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bio-card-badge { flex-shrink: 0; font-size: 9px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; background: #e9f0ea; color: #114f3d; padding: 4px 8px; border-radius: 999px; }
.bio-prod-card-desc { flex: 1; margin: 8px 0 0; font-size: 12px; line-height: 20px; color: rgba(36,32,33,.55); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bio-catalogue-card .bio-prod-card-cta { margin-top: 16px; padding-top: 0; }
.bio-catalogue-empty { text-align: center; padding: 96px 0; }
.bio-catalogue-empty[hidden] { display: none; }
.bio-empty-ico { width: 40px !important; height: 40px !important; color: rgba(36,32,33,.25); display: block; margin: 0 auto; }
.bio-empty-title { margin: 16px 0 0; font-family: 'Josefin Sans', Arial, sans-serif; font-size: 30px; line-height: 36px; color: #242021; }
.bio-empty-text { margin: 8px 0 0; font-size: 14px; line-height: 20px; color: rgba(36,32,33,.55); }
.bio-empty-btn { margin-top: 24px; display: inline-flex; align-items: center; gap: 8px; padding: 14px 24px; border-radius: 999px; background: #114f3d; color: #fff !important; font-size: 14px; line-height: 20px; font-weight: 700; text-decoration: none; }
@media (max-width: 1279px) { .bio-catalogue-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 1024px) { .bio-result-count { margin-top: 0; } }
@media (max-width: 639px) { .bio-catalogue-grid { grid-template-columns: 1fr; } }

/* ---------- Homepage About: 3D product viewer ---------- */
.bio-zoom .elementor-widget-html:has(.bio-3d), .bio-zoom .elementor-widget-html:has(.bio-3d) > .elementor-widget-container { position: absolute !important; inset: 0; margin: 0 !important; }
.bio-3d { position: absolute; inset: 0; background: radial-gradient(120% 90% at 50% 38%, #ffffff 0%, #eef4ee 42%, #dfe9dc 100%); cursor: grab; touch-action: pan-y; }
.bio-3d:active { cursor: grabbing; }
.bio-3d-glow { position: absolute; left: 50%; top: 46%; width: 62%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, rgba(207,224,179,.75) 0%, rgba(207,224,179,0) 68%); pointer-events: none; }
.bio-3d-canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; display: block; opacity: 0; transition: opacity .6s ease; }
.bio-3d.is-ready .bio-3d-canvas { opacity: 1; }
.bio-3d-hint { position: absolute; top: 20px; right: 20px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.8); border: 1px solid rgba(36,32,33,.08); font-size: 10px; line-height: 14px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(36,32,33,.55); pointer-events: none; z-index: 2; }
.bio-3d-hint svg { width: 14px; height: 14px; color: #114f3d; }
@media (max-width: 767px) { .bio-3d-hint { top: 14px; right: 14px; } }

/* =====================================================================
   Woodmart Elementor widgets: Single Product + Catalogue layouts
   ===================================================================== */
/* Breadcrumb (WooCommerce breadcrumbs widget) */
.bio-crumbs-el .wd-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 11px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: rgba(36,32,33,.45); }
.bio-crumbs-el .wd-breadcrumbs a { color: inherit !important; }
.bio-crumbs-el .wd-breadcrumbs a:hover { color: #114f3d !important; }
.bio-crumbs-el .wd-delimiter { font-size: 0; margin: 0; width: 14px; height: 14px; display: inline-block; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E") center/contain no-repeat; }
.bio-crumbs-el .wd-delimiter::before, .bio-crumbs-el .wd-delimiter::after { display: none !important; }
.bio-crumbs-el .wd-last { color: #114f3d; }

/* Product gallery widget */
.bio-gallery-el .woocommerce-product-gallery { margin: 0; }
.bio-gallery-el .wd-gallery-images { border-radius: 28px; border: 1px solid rgba(36,32,33,.08); background: #fff; overflow: hidden; box-shadow: 0 12px 35px rgba(36,32,33,.08); }
.bio-gallery-el .wd-gallery-images .woocommerce-product-gallery__image { aspect-ratio: 1 / 1; margin: 0; }
.bio-gallery-el .wd-gallery-images .woocommerce-product-gallery__image a, .bio-gallery-el .wd-gallery-images img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
.bio-gallery-el .wd-gallery-thumb { margin-top: 12px; }
.bio-gallery-el .wd-gallery-thumb .wd-carousel-item { max-width: 80px; }
.bio-gallery-el .wd-gallery-thumb img { width: 80px; height: 80px; object-fit: cover; border-radius: 16px; border: 1px solid rgba(36,32,33,.1); background: #fff; opacity: 1 !important; }
.bio-gallery-el .wd-gallery-thumb .wd-thumb-active img, .bio-gallery-el .wd-gallery-thumb .wd-active img { border-color: #114f3d; }
.bio-gallery-el .product-labels, .bio-gallery-el .product-additional-galleries { display: none !important; }

/* Category + pills row */
.bio-sc:has(> .bio-pdp-cat-el) { display: flex !important; align-items: center; flex-wrap: wrap; gap: 12px; }
.bio-pdp-cat-el .product_meta { margin: 0; padding: 0; border: 0; }
.bio-pdp-cat-el .meta-label { display: none; }
.bio-pdp-cat-el .posted_in { font-size: 0; }
.bio-pdp-cat-el .posted_in a { font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 11px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; color: #114f3d !important; }
.bio-pdp-cat-el .posted_in a ~ a { display: none; }
.bio-pills { display: inline-flex; gap: 8px; flex-wrap: wrap; }

/* Title + short description */
body.bio-site .bio-title-el .product_title { font-family: 'Josefin Sans', Arial, sans-serif; font-size: 60px; line-height: .98; letter-spacing: -.02em; font-weight: 400; color: #242021; margin: 16px 0 0; text-transform: none; }
.bio-short-el .woocommerce-product-details__short-description { margin-top: 20px; max-width: 576px; font-size: 16px; line-height: 32px; color: rgba(36,32,33,.65); }
.bio-short-el p { margin: 0; }

/* Key specifications (Product additional information widget) */
.bio-keyspecs-el table.shop_attributes { display: block; margin: 0; border: 0; }
.bio-keyspecs-el table.shop_attributes tbody { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; row-gap: 16px; }
.bio-keyspecs-el table.shop_attributes tr { display: block; border: 0; border-bottom: 1px solid rgba(36,32,33,.08) !important; padding: 0 0 12px; }
.bio-keyspecs-el table.shop_attributes tr:nth-child(n+7) { display: none; }
.bio-keyspecs-el table.shop_attributes th, .bio-keyspecs-el table.shop_attributes td { display: block; padding: 0 !important; border: 0 !important; background: none !important; text-align: left; width: auto !important; }
.bio-keyspecs-el th, .bio-keyspecs-el th * { font-size: 10px !important; line-height: 14px !important; text-transform: uppercase; letter-spacing: .14em; font-weight: 700 !important; color: rgba(36,32,33,.4) !important; }
.bio-keyspecs-el td, .bio-keyspecs-el td * { margin-top: 4px; font-size: 14px !important; line-height: 20px !important; font-weight: 700 !important; color: #242021 !important; font-style: normal !important; }
.bio-keyspecs-el td p { margin: 4px 0 0; }

/* Specifications table */
.bio-spectable-el table.shop_attributes { width: 100%; margin: 28px 0 0; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(36,32,33,.1) !important; border-radius: 22px; overflow: hidden; }
.bio-spectable-el tr:nth-child(odd) { background: #fff; }
.bio-spectable-el tr:nth-child(even) { background: rgba(248,246,239,.6); }
.bio-spectable-el th, .bio-spectable-el td { padding: 14px 20px !important; border: 0 !important; text-align: left; vertical-align: top; background: transparent !important; }
.bio-spectable-el th { width: 33.333%; }
.bio-spectable-el th, .bio-spectable-el th * { font-size: 11px !important; line-height: 20px !important; text-transform: uppercase; letter-spacing: .12em; font-weight: 700 !important; color: rgba(36,32,33,.45) !important; }
.bio-spectable-el td, .bio-spectable-el td * { font-size: 14px !important; line-height: 20px !important; color: rgba(36,32,33,.8) !important; font-style: normal !important; font-weight: 400 !important; }
.bio-spectable-el td p { margin: 0; }

/* Description */
.bio-desc-el { margin-top: 24px; max-width: 768px; font-size: 16px; line-height: 32px; color: rgba(36,32,33,.68); }
.bio-desc-el p { margin: 0 0 20px; }
.bio-desc-el p:last-child { margin-bottom: 0; }
/* Hide optional sections whose meta-value widget rendered nothing */
.bio-anchor-sec-benefits:not(:has(.bio-pdp-cards)), .bio-anchor-sec-uses:not(:has(.bio-pdp-cards)), .bio-anchor-sec-packaging:not(:has(.bio-pack-grid)), .bio-anchor-sec-specs:not(:has(table)) { display: none !important; }

/* Related products (WooCommerce Hook widget) */
.bio-related-el .element-title, .bio-related-el .wd-el-title { display: none !important; }
.bio-related-el .wd-carousel { --wd-col-sm: 1 !important; }

/* ---------- Product card (Woodmart loop) — shared by catalogue grid + related ---------- */
body.bio-wd-store .wd-product .wd-product-wrapper { position: relative; display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: 22px; border: 1px solid rgba(36,32,33,.08); overflow: hidden; box-shadow: 0 12px 35px rgba(36,32,33,.08); padding: 0 !important; transition: transform .3s ease, box-shadow .3s ease; }
body.bio-wd-store .wd-product:hover .wd-product-wrapper { transform: translateY(-6px); box-shadow: 0 24px 70px rgba(36,32,33,.10); }
body.bio-wd-store .wd-product .wd-product-card-bg, body.bio-wd-store .wd-product .wd-product-img-hover, body.bio-wd-store .wd-product .wrapp-swatches, body.bio-wd-store .wd-product .product-rating-price, body.bio-wd-store .wd-product .wd-bottom-actions, body.bio-wd-store .wd-product .wd-more-desc-btn, body.bio-wd-store .wd-product .wd-buttons, body.bio-wd-store .wd-product .wd-compare-btn, body.bio-wd-store .wd-product .wd-wishlist-btn, body.bio-wd-store .wd-product .star-rating { display: none !important; }
body.bio-wd-store .wd-product .product-element-top { position: relative; margin: 0 !important; border-radius: 0; overflow: visible; background: rgba(233,240,234,.5); }
body.bio-wd-store .wd-product .product-image-link { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
body.bio-wd-store .wd-product .product-image-link img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
body.bio-wd-store .wd-product:hover .product-image-link img { transform: scale(1.05); }
body.bio-wd-store .wd-product .product-element-bottom { display: flex; flex-direction: column; flex: 1; padding: 20px !important; border-top: 1px solid rgba(36,32,33,.06); text-align: left; }
body.bio-wd-store .wd-product .wd-product-cats { order: -1; margin: 0; font-size: 11px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; color: rgba(17,79,61,.6); }
body.bio-wd-store .wd-product .wd-product-cats a { color: inherit !important; pointer-events: none; }
body.bio-wd-store .wd-product .wd-product-cats a ~ a, body.bio-wd-store .wd-product .wd-product-cats { font-size: 11px; }
body.bio-wd-store .wd-product .wd-entities-title { margin: 8px 0 0; font-family: 'Josefin Sans', Arial, sans-serif; font-size: 24px; line-height: 1.25; font-weight: 400; text-transform: none; }
body.bio-wd-store .wd-product .wd-entities-title a { color: #242021 !important; }
body.bio-wd-store .wd-product .wd-product-card-hover { position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; background: none !important; padding: 0 !important; margin: 0; box-shadow: none !important; flex: 1; }
body.bio-wd-store .wd-product .hover-content { margin: 8px 0 0 !important; padding: 0 !important; max-height: none !important; }
body.bio-wd-store .wd-product .hover-content-inner { font-size: 12px; line-height: 20px; color: rgba(36,32,33,.55); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.bio-wd-store .wd-product .hover-content-inner p { margin: 0; }
body.bio-wd-store .wd-product .product-element-bottom::after { content: 'View product'; margin-top: 16px; padding-right: 24px; align-self: flex-start; font-size: 11px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: #114f3d; background: no-repeat right center / 16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23114f3d'%3E%3Cpath d='M4 11v2h12l-5.5 5.5l1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5L16 11z'/%3E%3C/svg%3E"); transition: padding .2s ease; }
body.bio-wd-store .wd-product:hover .product-element-bottom::after { padding-right: 28px; }
body.bio-wd-store .wd-product .product-labels { position: absolute; top: calc(100% + 20px); right: 20px; left: auto; z-index: 2; margin: 0; padding: 0; transform: none; }
body.bio-wd-store .wd-product .product-labels .product-label:not(.bio-card-badge) { display: none; }
body.bio-wd-store .wd-product .bio-card-badge { min-width: 0; min-height: 0; margin: 0; padding: 4px 8px; border-radius: 999px; background: #e9f0ea; color: #114f3d; font-size: 9px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }

/* ---------- Catalogue: search, categories, count ---------- */
.bio-search-el .wd-search-form { position: relative; }
.bio-search-el .searchform { position: relative; }
.bio-search-el .searchform::before { content: ''; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; z-index: 2; background: rgba(36,32,33,.4); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E") center/contain no-repeat; }
.bio-search-el input.s { height: 52px !important; padding: 0 16px 0 48px !important; border: 0 !important; border-radius: 999px !important; background: #fff !important; color: #242021 !important; font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 14px !important; font-weight: 700; box-shadow: none !important; }
.bio-search-el input.s::placeholder { color: rgba(36,32,33,.4); font-weight: 400; opacity: 1; }
.bio-search-el input.s:focus { box-shadow: 0 0 0 2px #6d9849 !important; }
.bio-search-el .searchsubmit, .bio-search-el .wd-clear-search, .bio-search-el .wd-search-results-wrapper { display: none !important; }

.bio-catlist-el ul.product-categories { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.bio-catlist-el ul.children { display: none !important; }
.bio-catlist-el li { margin: 0 !important; padding: 0 !important; border: 0 !important; display: flex; position: relative; }
.bio-catlist-el li::before { display: none !important; }
.bio-catlist-el li a, .bio-cat-all { flex: 1; display: flex !important; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 16px !important; border-radius: 12px; font-family: 'Carlito', Calibri, Arial, sans-serif; font-size: 14px !important; line-height: 20px !important; font-weight: 700 !important; color: rgba(36,32,33,.7) !important; text-decoration: none; transition: background .2s, color .2s; }
.bio-catlist-el li a:hover, .bio-cat-all:hover { background: #fff; color: #242021 !important; }
.bio-catlist-el li .count, .bio-cat-all > span:last-child { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 12px; line-height: 16px; color: rgba(36,32,33,.4); pointer-events: none; }
.bio-cat-all { position: relative; }
.bio-cat-all > span:first-child { display: inline; }
.bio-catlist-el li.current-cat > a, .bio-catlist-el li.current-cat-parent > a, body.woocommerce-shop:not(.search) .bio-cat-all { background: #114f3d !important; color: #fff !important; }
.bio-catlist-el li.current-cat > .count, .bio-catlist-el li.current-cat-parent > .count, body.woocommerce-shop:not(.search) .bio-cat-all > span:last-child { color: rgba(255,255,255,.6); }
/* Pills (tablet + mobile) */
.bio-sc:has(> .bio-catlist-pills) { display: flex !important; gap: 8px; overflow-x: auto; padding: 0 4px 12px; margin: 0 -4px 24px; scrollbar-width: none; }
.bio-sc:has(> .bio-catlist-pills)::-webkit-scrollbar { display: none; }
.bio-catlist-pills, .bio-catlist-pills > .elementor-widget-container, .bio-catlist-pills ul.product-categories { display: contents !important; }
.bio-catlist-pills li { flex-shrink: 0; }
.bio-sc:has(> .bio-catlist-pills) .bio-cat-all, .bio-catlist-pills li a { flex: 0 0 auto; padding: 10px 16px !important; border-radius: 999px; border: 1px solid rgba(36,32,33,.15); background: #fff; font-size: 12px !important; line-height: 16px !important; text-transform: uppercase; letter-spacing: .1em; white-space: nowrap; }
.bio-sc:has(> .bio-catlist-pills) .bio-cat-all > span:last-child, .bio-catlist-pills li .count { position: static; transform: none; margin-left: 6px; opacity: .55; color: inherit; text-transform: none; }
.bio-catlist-pills li { align-items: center; padding: 0 !important; }
.bio-catlist-pills li a { gap: 0; }
.bio-catlist-pills li.current-cat > a, .bio-catlist-pills li.current-cat-parent > a, body.woocommerce-shop:not(.search) .bio-sc:has(> .bio-catlist-pills) .bio-cat-all { border-color: #114f3d; }

/* Result count + grid spacing + empty/pagination */
.bio-count-el .woocommerce-result-count { margin: 20px 0 32px !important; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: rgba(36,32,33,.45); }
.bio-archive-el .woocommerce-info, .bio-archive-el .wc-empty { padding: 72px 24px; text-align: center; border-radius: 22px; background: #fff; border: 1px solid rgba(36,32,33,.08); font-family: 'Josefin Sans', Arial, sans-serif; font-size: 26px; color: #242021; }
.bio-archive-el .woocommerce-pagination { margin-top: 40px; }
@media (max-width: 1024px) { .bio-count-el .woocommerce-result-count { margin-top: 0 !important; } }
@media (max-width: 767px) {
  body.bio-site .bio-title-el .product_title { font-size: 48px; }
  .bio-keyspecs-el table.shop_attributes tbody { grid-template-columns: 1fr; }
  .bio-spectable-el th { width: 40%; }
}

/* ---------- Footer ---------- */
.bio-footer-link { transition: color .2s ease; }
.bio-footer-link:hover { color: #fff !important; }

/* bio-import-sections */
.bio-anchor-sec-pricing:not(:has(.bio-price-table)), .bio-anchor-sec-storage:not(:has(.bio-pdp-cards)), .bio-price-summary-el:not(:has(.bio-price-sum)) { display: none !important; }
.bio-anchor-sec-pricing, .bio-anchor-sec-storage { scroll-margin-top: 120px; }
/* Short description as a key/value list */
.bio-short-el .bio-sd-lead { margin: 0 0 12px; font-weight: 700; color: #242021; }
.bio-short-el ul.bio-sd-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 14px; line-height: 22px; }
.bio-short-el ul.bio-sd-list li { position: relative; padding-left: 16px; margin: 0; }
.bio-short-el ul.bio-sd-list li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #6d9849; }
.bio-short-el ul.bio-sd-list strong { color: #242021; font-weight: 700; }
/* Hero price summary */
.bio-price-sum { margin-top: 24px; padding: 18px 20px; border-radius: 18px; background: #fff; border: 1px solid rgba(36,32,33,.1); }
.bio-price-sum p { margin: 0; }
.bio-price-sum-label { font-size: 10px; line-height: 14px; text-transform: uppercase; letter-spacing: .14em; font-weight: 700; color: rgba(36,32,33,.4); }
.bio-price-sum-value { margin-top: 4px !important; font-size: 18px; line-height: 26px; font-weight: 700; color: #114f3d; }
.bio-price-sum-range { margin-top: 2px !important; font-size: 13px; line-height: 20px; color: rgba(36,32,33,.6); }
.bio-price-sum-sizes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.bio-size-chip { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 999px; background: #e9f0ea; color: #114f3d; font-size: 12px; font-weight: 700; }
a.bio-price-sum-link { margin-left: auto; font-size: 12px; font-weight: 700; color: #114f3d !important; text-decoration: underline; text-underline-offset: 3px; }
/* Pack sizes & pricing table */
.bio-price-table-wrap { margin-top: 28px; border: 1px solid rgba(36,32,33,.1); border-radius: 22px; overflow: hidden; }
table.bio-price-table { width: 100%; margin: 0; border-collapse: collapse; border: 0; }
.bio-price-table th { padding: 14px 20px; text-align: left; background: #f8f6ef; border: 0; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: rgba(36,32,33,.45); }
.bio-price-table td { padding: 14px 20px; border: 0; border-top: 1px solid rgba(36,32,33,.08); vertical-align: middle; font-size: 14px; line-height: 20px; color: rgba(36,32,33,.8); background: #fff; }
.bio-price-size { display: flex; align-items: center; gap: 12px; }
.bio-price-size strong { color: #242021; }
img.bio-price-thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 10px; background: #f8f6ef; }
.bio-price-cell { font-weight: 700; color: #114f3d !important; }
.bio-stock { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.bio-stock.is-in { background: #e9f0ea; color: #114f3d; }
.bio-stock.is-out { background: #f6e7e2; color: #9a3b22; }
.bio-price-note { margin: 14px 0 0; font-size: 13px; line-height: 20px; color: rgba(36,32,33,.55); }
/* Packaging intro + note */
.bio-pack-text { margin-top: 20px; max-width: 768px; }
.bio-pack-text p { margin: 0 0 8px; font-size: 16px; line-height: 28px; color: rgba(36,32,33,.65); }
.bio-pack-note { margin: 18px 0 0; max-width: 768px; font-size: 13px; line-height: 20px; color: rgba(36,32,33,.55); font-style: italic; }
.bio-desc-el h3 { margin: 28px 0 12px; font-size: 20px; line-height: 28px; font-weight: 700; color: #242021; }
@media (max-width: 767px) {
  .bio-price-table-wrap { border: 0; border-radius: 0; overflow: visible; }
  table.bio-price-table thead { display: none; }
  table.bio-price-table, .bio-price-table tbody, .bio-price-table tr, .bio-price-table td { display: block; width: 100%; }
  .bio-price-table tr { margin-bottom: 12px; border: 1px solid rgba(36,32,33,.1); border-radius: 18px; overflow: hidden; }
  .bio-price-table td { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 16px; border-top: 1px solid rgba(36,32,33,.06); text-align: right; }
  .bio-price-table td:first-child { border-top: 0; background: #f8f6ef; }
  .bio-price-table td::before { content: attr(data-label); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: rgba(36,32,33,.45); text-align: left; }
  .bio-price-table td:first-child::before { display: none; }
  a.bio-price-sum-link { margin-left: 0; width: 100%; }
}
/* card-sd-inline: list-style short descriptions read as one clamped line in product cards */
body.bio-wd-store .wd-product .hover-content-inner .bio-sd-lead, body.bio-wd-store .wd-product .hover-content-inner ul.bio-sd-list, body.bio-wd-store .wd-product .hover-content-inner ul.bio-sd-list li { display: inline; margin: 0; padding: 0; list-style: none; }
body.bio-wd-store .wd-product .hover-content-inner ul.bio-sd-list li::before { content: ' \00B7  '; }
body.bio-wd-store .wd-product .hover-content-inner ul.bio-sd-list strong { font-weight: 600; }

/* ---- Product page side nav tabs (bio-pdp-tabs) ---- */
/* whole pill clickable + active state (same look as the existing hover) */
.elementor .bio-pdp-tabs .bio-pdp-navlink > a { display: block; margin: -10px -16px; padding: 10px 16px; border-radius: inherit; }
.elementor .bio-pdp-tabs .bio-pdp-navlink.is-active { background-color: var(--bio-mist); }
/* sections land just below the sticky header */
.elementor .bio-pdp-sec { scroll-margin-top: var(--bio-pdp-offset, 190px); }
/* tablet & mobile: the side column is hidden by the layout, show the same pills as a sticky, swipeable tab bar */
@media (max-width: 1024px) {
  .elementor .bio-pdp-tabs-box { display: block !important; position: sticky; top: var(--bio-header-h, 100px); z-index: 20; background: #fff; margin: -8px -14px 0; padding: 8px 14px; box-shadow: 0 1px 0 rgba(17, 79, 61, .08); }
  .elementor .bio-pdp-tabs { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .elementor .bio-pdp-tabs::-webkit-scrollbar { display: none; }
  .elementor .bio-pdp-tabs .bio-pdp-navlink { flex: 0 0 auto; white-space: nowrap; margin: 0; }
}