.elementor-6 .elementor-element.elementor-element-7113271f{--display:flex;--position:relative;--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;--overflow:hidden;--padding-top:78px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-7113271f{left:0px;}body.rtl .elementor-6 .elementor-element.elementor-element-7113271f{right:0px;}.elementor-6 .elementor-element.elementor-element-57f33371{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-6 .elementor-element.elementor-element-4687ed85{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-6c636552 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#2F7D4E;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-43078dc8{--display:flex;--position:relative;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;top:0px;--z-index:10;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-43078dc8{left:0px;}body.rtl .elementor-6 .elementor-element.elementor-element-43078dc8{right:0px;}.elementor-6 .elementor-element.elementor-element-cf74a97{--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;}.elementor-6 .elementor-element.elementor-element-170773f2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6 .elementor-element.elementor-element-39417cd1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--flex-wrap:wrap;}.elementor-6 .elementor-element.elementor-element-11bb6193{--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;}.elementor-6 .elementor-element.elementor-element-7776a2a5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-6 .elementor-element.elementor-element-2b36e46e{--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;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6 .elementor-element.elementor-element-578e78f{--grid-columns:4;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-578e78f{--grid-columns:2;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-578e78f{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-7113271f */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');

/*
HER BIONICA — CUSTOM CSS / ELEMENTOR CONVERSION NOTES
------------------------------------------------------
Extracted visual system from supplied reference:
- Primary deep green: #145B3A (reference logo/CTA/footer family)
- Secondary green: #2F7D4E
- Soft sage: #EAF2E6
- Warm cream: #FBFCF8
- Section cream: #F4F6EF
- Main text: #18382A
- Muted text: #587064
- Border: #DDE6DB
- White: #FFFFFF
Typography:
- Headings: Poppins, 600–700
- Body/UI: Inter, 400–600
- H1: clamp(3rem, 7vw, 4.55rem); H2: clamp(2.25rem, 4vw, 3.25rem)
- Body: 16px / 1.75
Components:
- 14–18px rounded cards; 999px pill buttons; soft green icon discs.
- Generous 80–96px vertical section rhythm.
- Organic leaf/spark motifs and soft cream/green background transitions.
- Header is white, compact, sticky, with understated active nav underline.
- Hero uses a large editorial photo, rounded corners and floating trust cards.
*/

/* ===== Global tokens ===== */
:root {
  --hb-green-900: #145B3A;
  --hb-green-800: #1D6C45;
  --hb-green-700: #2F7D4E;
  --hb-green-100: #EAF2E6;
  --hb-green-050: #F3F7F0;
  --hb-cream: #FBFCF8;
  --hb-cream-2: #F4F6EF;
  --hb-ink: #18382A;
  --hb-muted: #587064;
  --hb-border: #DDE6DB;
  --hb-white: #FFFFFF;
  --hb-shadow: 0 22px 55px rgba(20, 91, 58, 0.10);
  --hb-radius-lg: 28px;
  --hb-radius-md: 18px;
  --hb-max: 1180px;
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
a, button, input, textarea { transition: all .22s ease; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(47, 125, 78, .35);
  outline-offset: 3px;
}
.hb-container { width: min(100%, var(--hb-max)); }
.skip-link {
  position: fixed; left: 16px; top: 10px; z-index: 100;
  transform: translateY(-150%); background: var(--hb-green-900); color: #fff;
  padding: 10px 14px; border-radius: 10px; font-weight: 700;
}
.skip-link:focus { transform: translateY(0); }

/* ===== Header ===== */
.hb-header-shell {
  background: rgba(255,255,255,.93);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(221,230,219,.8);
  box-shadow: 0 6px 30px rgba(24,56,42,.04);
}
.hb-brand-lockup { display:flex; align-items:center; gap:10px; color:var(--hb-ink); text-decoration:none; }
.hb-brand-lockup > span:last-child { display:flex; flex-direction:column; line-height:1; }
.hb-brand-lockup strong { font: 700 19px/1 Poppins,sans-serif; letter-spacing:-.04em; }
.hb-brand-lockup small { margin-top:5px; color:var(--hb-muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.hb-brand-mark { width:34px; height:34px; position:relative; display:block; }
.hb-brand-mark span { position:absolute; width:17px; height:25px; background:var(--hb-green-700); border-radius:100% 0 100% 0; transform:rotate(28deg); }
.hb-brand-mark span:nth-child(1){left:3px;top:5px;}
.hb-brand-mark span:nth-child(2){left:13px;top:0;transform:rotate(65deg) scale(.78);}
.hb-brand-mark span:nth-child(3){left:16px;top:12px;transform:rotate(-8deg) scale(.72);background:#7EAA5C;}
.hb-desktop-nav { display:flex; align-items:center; gap:30px; }
.hb-nav-link { position:relative; padding:28px 0 24px; color:#395246; font-size:13px; font-weight:600; text-decoration:none; }
.hb-nav-link::after { content:""; position:absolute; left:50%; bottom:17px; width:0; height:2px; background:var(--hb-green-700); transform:translateX(-50%); transition:width .2s ease; }
.hb-nav-link:hover, .hb-nav-link.is-active { color:var(--hb-green-900); }
.hb-nav-link:hover::after, .hb-nav-link.is-active::after { width:22px; }
.hb-header-cta { align-items:center; justify-content:center; border-radius:10px; background:var(--hb-green-900); color:#fff; padding:11px 17px; font-size:12px; font-weight:700; text-decoration:none; box-shadow:0 8px 20px rgba(20,91,58,.14); }
.hb-header-cta:hover { background:var(--hb-green-700); transform:translateY(-1px); }
.hb-mobile-toggle { display:none; width:42px; height:42px; border:1px solid var(--hb-border); border-radius:12px; background:#fff; align-items:center; justify-content:center; flex-direction:column; gap:4px; }
.hb-mobile-toggle span { width:18px; height:2px; background:var(--hb-green-900); border-radius:3px; }
.hb-mobile-nav { border-top:1px solid var(--hb-border); background:#fff; padding:10px 20px 18px; }
.hb-mobile-nav a { display:block; padding:12px 0; color:var(--hb-ink); text-decoration:none; font-weight:600; }

/* ===== Hero ===== */
.hb-hero-section { background:linear-gradient(135deg,#F5F8F1 0%,#FBFCF8 52%,#EAF2E6 100%); }
.hb-hero-copy { padding-top:10px; }
.hb-eyebrow, .hb-section-kicker {
  display:flex; align-items:center; gap:8px; color:var(--hb-green-700);
  font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase;
}
.hb-eyebrow-leaf { display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--hb-green-100); }
.hb-hero-title { color:var(--hb-ink); }
.hb-hero-title span, .hb-section-title span { color:var(--hb-green-700); }
.hb-hero-text { max-width:570px; }
.hb-btn {
  min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:10px;
  border-radius:12px; padding:12px 20px; font-size:13px; font-weight:700; text-decoration:none;
}
.hb-btn-primary { background:var(--hb-green-900); color:#fff; box-shadow:0 12px 25px rgba(20,91,58,.16); }
.hb-btn-primary:hover { background:var(--hb-green-700); transform:translateY(-2px); box-shadow:0 15px 30px rgba(20,91,58,.2); }
.hb-btn-secondary { border:1px solid var(--hb-border); background:#fff; color:var(--hb-ink); }
.hb-btn-secondary:hover { border-color:var(--hb-green-700); color:var(--hb-green-900); transform:translateY(-1px); }
.hb-trust-list { list-style:none; padding:0; margin-left:0; }
.hb-trust-list li { display:flex; align-items:center; gap:7px; color:#587064; font-size:12px; font-weight:600; }
.hb-trust-list li span { color:var(--hb-green-700); font-weight:800; }
.hb-hero-visual { min-height:530px; }
.hb-hero-image { border-radius:34px 34px 120px 34px; box-shadow:var(--hb-shadow); }
.hb-floating-note {
  position:absolute; display:flex; align-items:center; gap:10px; padding:12px 14px;
  background:rgba(255,255,255,.94); border:1px solid rgba(221,230,219,.95); border-radius:15px;
  box-shadow:0 15px 40px rgba(20,91,58,.12); backdrop-filter:blur(8px);
}
.hb-floating-note strong { display:block; color:var(--hb-ink); font-size:12px; }
.hb-floating-note small { display:block; margin-top:3px; color:var(--hb-muted); font-size:10px; }
.hb-floating-note-top { top:34px; left:-24px; }
.hb-floating-note-bottom { right:-18px; bottom:42px; }
.hb-note-icon { width:32px; height:32px; display:grid; place-items:center; flex:none; border-radius:50%; background:var(--hb-green-100); color:var(--hb-green-700); font-weight:800; }
.hb-hero-sun { position:absolute; width:360px; height:360px; border-radius:50%; background:rgba(216,232,200,.45); right:-140px; top:110px; filter:blur(3px); }
.hb-hero-leaf { position:absolute; color:rgba(47,125,78,.12); font-size:140px; line-height:1; pointer-events:none; }
.hb-hero-leaf-one { left:-30px; top:55%; transform:rotate(24deg); }
.hb-hero-leaf-two { right:4%; top:8%; transform:rotate(-20deg); }

/* ===== Trust strip ===== */
.hb-trust-section { margin-top:-1px; background:var(--hb-cream); }
.hb-trust-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden;
  background:var(--hb-border); border:1px solid var(--hb-border); border-radius:20px;
  box-shadow:0 12px 35px rgba(24,56,42,.06);
}
.hb-trust-item { display:flex; align-items:center; gap:13px; padding:21px 20px; background:#fff; }
.hb-icon-disc { width:40px; height:40px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--hb-green-100); color:var(--hb-green-700); font-weight:800; font-size:17px; }
.hb-trust-item strong { display:block; font-size:12px; }
.hb-trust-item span { display:block; margin-top:4px; color:var(--hb-muted); font-size:10px; }

/* ===== About ===== */
.hb-about-section { background:var(--hb-cream); }
.hb-about-media { padding-right:20px; }
.hb-about-image { border-radius:30px 100px 30px 30px; box-shadow:var(--hb-shadow); }
.hb-about-badge { position:absolute; right:-5px; bottom:35px; padding:14px 18px; background:var(--hb-green-900); color:#fff; border-radius:14px; box-shadow:0 14px 35px rgba(20,91,58,.22); }
.hb-about-badge strong { display:block; font:600 13px Poppins,sans-serif; }
.hb-about-badge span { display:block; margin-top:4px; color:#DCECDD; font-size:10px; }
.hb-section-title { margin-top:12px; color:var(--hb-ink); font-size:clamp(2.35rem,4vw,3.25rem); line-height:1.08; letter-spacing:-.045em; }
.hb-section-lead { margin-top:20px; color:#4F665A; font-size:16px; line-height:1.8; max-width:590px; }
.hb-body-copy { margin-top:15px; color:#6A7B71; font-size:14px; line-height:1.8; max-width:590px; }
.hb-check-list { list-style:none; padding:0; margin:25px 0 0; display:grid; gap:12px; }
.hb-check-list li { display:flex; align-items:flex-start; gap:11px; }
.hb-check-list li > span { width:22px; height:22px; display:grid; place-items:center; flex:none; border-radius:50%; background:var(--hb-green-100); color:var(--hb-green-700); font-size:11px; font-weight:800; }
.hb-check-list strong { display:block; font-size:12px; }
.hb-check-list small { display:block; margin-top:2px; color:var(--hb-muted); font-size:11px; }
.hb-text-link { display:inline-flex; gap:8px; margin-top:28px; color:var(--hb-green-900); font-size:13px; font-weight:800; text-decoration:none; }
.hb-text-link:hover { gap:12px; color:var(--hb-green-700); }

/* ===== Products ===== */
.hb-products-section { background:#fff; }
.hb-section-side-copy { color:var(--hb-muted); font-size:14px; line-height:1.8; }
.hb-product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.hb-product-card {
  overflow:hidden; background:#fff; border:1px solid var(--hb-border); border-radius:18px;
  box-shadow:0 8px 24px rgba(24,56,42,.045); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.hb-product-card:hover { transform:translateY(-6px); box-shadow:0 18px 42px rgba(20,91,58,.12); border-color:#C8DAC7; }
.hb-product-card img { width:100%; height:190px; display:block; object-fit:cover; }
.hb-product-content { padding:18px; }
.hb-product-tag { display:inline-block; color:var(--hb-green-700); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.hb-product-content h3 { margin-top:7px; color:var(--hb-ink); font:600 18px/1.25 Poppins,sans-serif; letter-spacing:-.02em; }
.hb-product-content p { min-height:50px; margin-top:7px; color:var(--hb-muted); font-size:11px; line-height:1.65; }
.hb-product-content a { display:inline-flex; gap:8px; margin-top:14px; color:var(--hb-green-900); font-size:11px; font-weight:800; text-decoration:none; }
.hb-product-content a:hover span { transform:translateX(4px); }
.hb-product-content a span { transition:transform .2s ease; }

/* ===== Values ===== */
.hb-values-section { background:var(--hb-green-900); position:relative; overflow:hidden; }
.hb-values-section::before { content:""; position:absolute; width:430px; height:430px; border:1px solid rgba(255,255,255,.09); border-radius:50%; right:-180px; top:-190px; }
.hb-values-section::after { content:""; position:absolute; width:260px; height:260px; border:1px solid rgba(255,255,255,.06); border-radius:50%; left:-120px; bottom:-130px; }
.hb-section-kicker-light { color:#B9D3B5; }
.hb-section-title-light { color:#fff; }
.hb-values-intro { color:#D9E9DC; font-size:15px; line-height:1.8; max-width:620px; }
.hb-values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.hb-value-card { position:relative; min-height:260px; padding:25px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:rgba(255,255,255,.055); }
.hb-value-card > span { position:absolute; right:20px; top:20px; color:#A7C4AA; font-size:10px; font-weight:800; letter-spacing:.12em; }
.hb-value-icon { width:52px; height:52px; display:grid; place-items:center; margin-bottom:38px; border-radius:16px; background:rgba(255,255,255,.1); color:#D5E8D1; font-size:22px; }
.hb-value-card h3 { color:#fff; font:600 19px/1.25 Poppins,sans-serif; }
.hb-value-card p { margin-top:10px; color:#C4D8C8; font-size:12px; line-height:1.75; }

/* ===== Contact ===== */
.hb-contact-section { background:var(--hb-cream-2); }
.hb-contact-list { display:grid; gap:18px; margin-top:30px; }
.hb-contact-list > div { display:flex; align-items:flex-start; gap:13px; }
.hb-contact-list > div > span { width:38px; height:38px; display:grid; place-items:center; flex:none; border-radius:50%; background:#fff; color:var(--hb-green-700); box-shadow:0 6px 18px rgba(20,91,58,.06); }
.hb-contact-list strong { display:block; color:var(--hb-ink); font-size:12px; }
.hb-contact-list a, .hb-contact-list p { display:block; margin-top:3px; color:var(--hb-muted); font-size:12px; text-decoration:none; }
.hb-contact-list a:hover { color:var(--hb-green-700); }
.hb-contact-panel { padding:30px; background:#fff; border:1px solid var(--hb-border); border-radius:24px; box-shadow:var(--hb-shadow); }
.hb-demo-form { display:grid; gap:17px; }
.hb-demo-form label span { display:block; margin-bottom:7px; color:var(--hb-ink); font-size:11px; font-weight:700; }
.hb-demo-form input, .hb-demo-form textarea {
  width:100%; border:1px solid var(--hb-border); border-radius:11px; background:#FBFCF8;
  padding:12px 13px; color:var(--hb-ink); font:400 12px/1.5 Inter,sans-serif;
}
.hb-demo-form input::placeholder, .hb-demo-form textarea::placeholder { color:#97A79E; }
.hb-demo-form input:focus, .hb-demo-form textarea:focus { border-color:var(--hb-green-700); background:#fff; outline:none; box-shadow:0 0 0 4px rgba(47,125,78,.08); }
.hb-form-note { color:#84938A; font-size:10px; line-height:1.5; text-align:center; }

/* ===== Footer ===== */
.hb-footer { background:#103F2B; color:#C9DCCB; }
.hb-footer-brand strong { display:block; color:#fff; font:600 17px Poppins,sans-serif; }
.hb-footer-brand span { display:block; margin-top:3px; color:#AFC7B3; font-size:10px; }
.hb-footer-links { display:flex; flex-wrap:wrap; gap:18px; }
.hb-footer-links a { color:#D4E2D6; font-size:11px; text-decoration:none; }
.hb-footer-links a:hover { color:#fff; }
.hb-footer p { color:#AFC7B3; font-size:10px; }

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .hb-desktop-nav { gap:18px; }
  .hb-header-cta { display:none !important; }
  .hb-product-grid { grid-template-columns:repeat(2,1fr); }
  .hb-hero-image { border-radius:28px 28px 90px 28px; }
  .hb-floating-note-top { left:-8px; }
}
@media (max-width: 767px) {
  .hb-desktop-nav { display:none; }
  .hb-mobile-toggle { display:flex; }
  .hb-hero-section .hb-container { min-height:auto; }
  .hb-hero-copy { padding-top:15px; }
  .hb-hero-title { font-size:clamp(2.8rem,13vw,4rem); }
  .hb-hero-visual { min-height:420px; }
  .hb-hero-image { height:420px; border-radius:24px 24px 70px 24px; }
  .hb-floating-note { padding:9px 10px; }
  .hb-floating-note-top { top:18px; left:8px; }
  .hb-floating-note-bottom { right:8px; bottom:20px; }
  .hb-floating-note strong { font-size:10px; }
  .hb-floating-note small { font-size:8px; }
  .hb-trust-grid { grid-template-columns:repeat(2,1fr); }
  .hb-trust-item { padding:15px 12px; }
  .hb-about-media { padding-right:10px; }
  .hb-about-badge { right:-3px; bottom:22px; }
  .hb-product-grid { grid-template-columns:1fr; }
  .hb-product-card img { height:220px; }
  .hb-values-grid { grid-template-columns:1fr; }
  .hb-value-card { min-height:220px; }
  .hb-contact-panel { padding:20px; }
}
@media (max-width: 480px) {
  .hb-trust-grid { grid-template-columns:1fr; }
  .hb-trust-item { padding:14px 16px; }
  .hb-hero-text { font-size:14px; }
  .hb-btn { width:100%; }
  .hb-footer .hb-container { align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}/* End custom CSS */