.elementor-10728 .elementor-element.elementor-element-919048c > .elementor-widget-container{margin:39px 0px 0px 0px;}.elementor-10728 .elementor-element.elementor-element-919048c .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:44px;color:var( --e-global-color-primary );}.elementor-10728 .elementor-element.elementor-element-0e467bd{color:var( --e-global-color-text );}.elementor-10728 .elementor-element.elementor-element-a50800e{--divider-border-style:solid;--divider-color:#A0949426;--divider-border-width:1px;}.elementor-10728 .elementor-element.elementor-element-a50800e .elementor-divider-separator{width:100%;}.elementor-10728 .elementor-element.elementor-element-a50800e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10728 .elementor-element.elementor-element-8d1acba .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-10728 .elementor-element.elementor-element-2a89a6e{--divider-border-style:solid;--divider-color:#A0949426;--divider-border-width:1px;}.elementor-10728 .elementor-element.elementor-element-2a89a6e .elementor-divider-separator{width:100%;}.elementor-10728 .elementor-element.elementor-element-2a89a6e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10728 .elementor-element.elementor-element-ecf61f6 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-10728 .elementor-element.elementor-element-833e9fb{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-10728 .elementor-element.elementor-element-833e9fb .elementor-divider-separator{width:100%;}.elementor-10728 .elementor-element.elementor-element-833e9fb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10728 .elementor-element.elementor-element-908a20b .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-10728 .elementor-element.elementor-element-595bbd0 .htwoolentor-faq .htwoolentor-faq-card.is-active .htwoolentor-faq-head{background-color:var( --e-global-color-primary );}.elementor-10728 .elementor-element.elementor-element-595bbd0 .htwoolentor-faq .htwoolentor-faq-card + .htwoolentor-faq-card{margin-top:12px;}/* Start custom CSS for text-editor, class: .elementor-element-015a504 *//* ===== Hero Section ===== */

.ts-hero{
    position:relative;
    overflow:hidden;

    background:#ffffff;
    border-bottom:1px solid rgba(94,39,80,0.1);

    padding:80px 20px 70px;
}

.ts-hero-overlay{
    position:absolute;
    inset:0;

    background:
    radial-gradient(
        ellipse 60% 50% at 80% 50%,
        rgba(0,125,126,0.06) 0%,
        transparent 70%
    );

    pointer-events:none;
}

.ts-hero-inner{
    position:relative;
    z-index:2;

    max-width:820px;
    margin:0 auto;
}

.ts-hero-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;

    background:#d8f2f2;
    border:1px solid rgba(0,125,126,0.2);

    color:#005152;

    padding:6px 16px;
    border-radius:100px;

    font-family:'Outfit', sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.1em;
    text-transform:uppercase;

    margin-bottom:24px;
}

.ts-hero h1{
    font-family:'Fraunces', serif;
    font-size:clamp(34px, 6vw, 62px);
    line-height:1.08;
    font-weight:900;
    letter-spacing:-0.03em;

    color:#18181b;

    margin-bottom:24px;
}

.ts-hero h1 em{
    font-style:normal;
    color:#007D7E;
}

.ts-hero-sub{
    max-width:700px;

    font-family:'Outfit', sans-serif;
    font-size:19px;
    line-height:1.8;
    font-weight:400;

    color:#52525b;

    margin-bottom:34px;
}

.ts-hero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.ts-meta-item{
    display:flex;
    align-items:center;
    gap:8px;

    background:#fafafa;
    border:1px solid rgba(94,39,80,0.08);

    padding:10px 14px;
    border-radius:10px;

    font-family:'Outfit', sans-serif;
    font-size:13px;
    font-weight:500;

    color:#52525b;
}

/* ===== Tablet ===== */

@media (max-width:768px){

    .ts-hero{
        padding:65px 18px 55px;
    }

    .ts-hero-tag{
        font-size:10px;
        padding:5px 14px;
        margin-bottom:20px;
    }

    .ts-hero h1{
        line-height:1.12;
        margin-bottom:20px;
    }

    .ts-hero-sub{
        font-size:17px;
        line-height:1.75;
        margin-bottom:28px;
    }

    .ts-hero-meta{
        gap:10px;
    }

    .ts-meta-item{
        font-size:12px;
        padding:9px 12px;
    }

}

/* ===== Mobile ===== */

@media (max-width:480px){

    .ts-hero{
        padding:54px 16px 48px;
    }

    .ts-hero-tag{
        width:100%;
        justify-content:center;
        text-align:center;
        line-height:1.5;
    }

    .ts-hero h1{
        font-size:34px;
        line-height:1.15;
    }

    .ts-hero-sub{
        font-size:15px;
        line-height:1.75;
    }

    .ts-hero-meta{
        flex-direction:column;
        gap:10px;
    }

    .ts-meta-item{
        width:100%;
        justify-content:flex-start;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4f7862 *//* ===== Quick Answer Strip ===== */

.ts-quick-answer{
    width:100%;

    background:#d8f2f2;

    border-top:3px solid #007D7E;
    border-bottom:1px solid rgba(0,125,126,0.15);

    padding:26px 20px;
}

.ts-quick-answer-inner{
    max-width:1100px;
    margin:0 auto;

    display:grid;
    grid-template-columns:220px 1fr;
    gap:28px;

    align-items:center;
}

.ts-qa-label{
    position:relative;

    font-family:'Outfit', sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.12em;
    text-transform:uppercase;

    color:#005152;

    padding-right:24px;

    border-right:1px solid rgba(0,125,126,0.2);
}

.ts-qa-text{
    font-family:'Outfit', sans-serif;
    font-size:17px;
    line-height:1.8;
    font-weight:500;

    color:#27272a;
}

.ts-qa-text strong{
    color:#005152;
    font-weight:700;
}

/* ===== Tablet ===== */

@media (max-width:768px){

    .ts-quick-answer{
        padding:22px 18px;
    }

    .ts-quick-answer-inner{
        grid-template-columns:1fr;
        gap:14px;
    }

    .ts-qa-label{
        border-right:none;
        border-bottom:1px solid rgba(0,125,126,0.2);

        padding-right:0;
        padding-bottom:12px;
    }

    .ts-qa-text{
        font-size:16px;
        line-height:1.75;
    }

}

/* ===== Mobile ===== */

@media (max-width:480px){

    .ts-quick-answer{
        padding:20px 16px;
    }

    .ts-qa-label{
        font-size:10px;
        letter-spacing:0.1em;
    }

    .ts-qa-text{
        font-size:15px;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a85880a *//* ===== Section Base ===== */

.ts-section{
    width:100%;
}

/* ===== Section Title ===== */

.ts-section-title{
    font-family:'Fraunces', serif;
    font-size:clamp(28px, 4vw, 42px);
    line-height:1.15;
    font-weight:700;
    letter-spacing:-0.02em;

    color:#5E2750;

    margin-bottom:20px;
}

/* ===== Section Text ===== */

.ts-section-text{
    max-width:850px;

    font-family:'Outfit', sans-serif;
    font-size:17px;
    line-height:1.85;
    font-weight:400;

    color:#27272a;

    margin-bottom:0;
}

/* ===== Tablet ===== */

@media (max-width:768px){

    .ts-section-title{
        margin-bottom:18px;
    }

    .ts-section-text{
        font-size:16px;
        line-height:1.8;
    }

}

/* ===== Mobile ===== */

@media (max-width:480px){

    .ts-section-title{
        font-size:30px;
        line-height:1.2;

        margin-bottom:16px;
    }

    .ts-section-text{
        font-size:15px;
        line-height:1.75;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-15d27fb *//* ===== Growing Pathways Section ===== */

.ts-pathway-section{
    margin-top:32px;

    border:1px solid rgba(94,39,80,0.1);
    border-radius:24px;

    overflow:hidden;

    background:#ffffff;

    box-shadow:0 2px 20px rgba(0,0,0,0.04);
}

/* ===== Header ===== */

.ts-pathway-head{
    background:#18181b;

    color:#ffffff;

    padding:18px 24px;

    font-family:'Fraunces', serif;
    font-size:15px;
    font-weight:700;
    line-height:1.5;
    letter-spacing:0.03em;
}

/* ===== Body ===== */

.ts-pathway-body{
    display:grid;
    grid-template-columns:1fr 1fr;
}

/* ===== Column ===== */

.ts-pathway-col{
    padding:28px 26px;
}

.ts-pathway-col:first-child{
    border-right:1px solid rgba(94,39,80,0.1);
}

/* ===== Titles ===== */

.ts-pathway-title{
    font-family:'Fraunces', serif;
    font-size:20px;
    line-height:1.3;
    font-weight:700;

    margin-bottom:12px;
}

.ts-pathway-title.teal{
    color:#007D7E;
}

.ts-pathway-title.purple{
    color:#5E2750;
}

/* ===== Text ===== */

.ts-pathway-text{
    font-family:'Outfit', sans-serif;
    font-size:15px;
    line-height:1.8;
    color:#52525b;

    margin-bottom:20px;
}

/* ===== Steps ===== */

.ts-pathway-steps{
    list-style:none;
    padding:0;
    margin:0;

    display:flex;
    flex-direction:column;
    gap:12px;
}

.ts-pathway-steps li{
    display:flex;
    align-items:flex-start;
    gap:12px;

    font-family:'Outfit', sans-serif;
    font-size:15px;
    line-height:1.7;
    color:#27272a;
}

/* ===== Number Circle ===== */

.ts-step-num{
    width:24px;
    height:24px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

    color:#ffffff;

    font-size:11px;
    font-weight:700;

    margin-top:2px;
}

.ts-step-num.teal{
    background:#007D7E;
}

.ts-step-num.purple{
    background:#5E2750;
}

/* ===== Tablet ===== */

@media (max-width:768px){

    .ts-pathway-body{
        grid-template-columns:1fr;
    }

    .ts-pathway-col:first-child{
        border-right:none;
        border-bottom:1px solid rgba(94,39,80,0.1);
    }

    .ts-pathway-col{
        padding:24px 22px;
    }

}

/* ===== Mobile ===== */

@media (max-width:480px){

    .ts-pathway-head{
        padding:16px 18px;

        font-size:14px;
        line-height:1.6;
    }

    .ts-pathway-col{
        padding:22px 18px;
    }

    .ts-pathway-title{
        font-size:18px;
    }

    .ts-pathway-text{
        font-size:14px;
        line-height:1.75;
    }

    .ts-pathway-steps li{
        font-size:14px;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3934a7f *//* ===== Beginner Recommendation ===== */

.ts-beginner-note{
    margin-top:32px;
}

.ts-beginner-note p{
    font-family:'Outfit', sans-serif;
    font-size:17px;
    line-height:1.85;
    font-weight:400;

    color:#27272a;

    margin:0;
}

.ts-beginner-note p strong{
    font-weight:700;
    color:#18181b;
}

/* ===== Tablet ===== */

@media (max-width:768px){

    .ts-beginner-note{
        margin-top:28px;
    }

    .ts-beginner-note p{
        font-size:16px;
        line-height:1.8;
    }

}

/* ===== Mobile ===== */

@media (max-width:480px){

    .ts-beginner-note{
        margin-top:24px;
    }

    .ts-beginner-note p{
        font-size:15px;
        line-height:1.75;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6f9f2d8 *//* ═══════════════════════════════════════ */
/* PRODUCT CARDS GRID SECTION - CSS */
/* ═══════════════════════════════════════ */

:root{
  --teal:#007D7E;
  --teal-dark:#005152;
  --teal-light:#d8f2f2;

  --purple:#5E2750;
  --purple-dark:#3b1832;
  --purple-light:#f0e8ee;

  --amber:#d97706;
  --green:#166534;

  --ink:#18181b;
  --ink-2:#27272a;
  --ink-3:#52525b;
  --ink-4:#71717a;

  --white:#ffffff;
  --surface:#fafafa;

  --border:rgba(0,0,0,0.08);

  --shadow:
    0 4px 14px rgba(0,0,0,0.05);

  --shadow-hover:
    0 10px 30px rgba(0,0,0,0.10);

  --radius:18px;

  --font-head:
    "Fraunces", serif;

  --font-body:
    "Outfit", sans-serif;
}

/* SECTION */

.ts-products-section{
  width:100%;
  padding:40px 20px;
  background:#fff;
}

/* GRID */

.bag-grid{
  max-width:1200px;
  margin:0 auto;

  display:grid;
  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap:24px;
}

/* CARD */

.bag-card{
  background:var(--white);

  border:1px solid var(--border);

  border-radius:var(--radius);

  overflow:hidden;

  box-shadow:var(--shadow);

  transition:
    transform .25s ease,
    box-shadow .25s ease;

  display:flex;
  flex-direction:column;
}

.bag-card:hover{
  transform:translateY(-4px);

  box-shadow:var(--shadow-hover);
}

/* TOP STRIPE */

.bag-card-stripe{
  height:5px;
}

/* BRF */

.bc-brf .bag-card-stripe{
  background:var(--teal);
}

/* DUNG */

.bc-dung .bag-card-stripe{
  background:#8B4513;
}

/* CONTENT */

.bag-card-top{
  padding:24px;
}

/* TAG */

.bag-card-tag{
  display:inline-flex;

  padding:6px 12px;

  border-radius:999px;

  font-size:11px;
  font-weight:700;

  letter-spacing:.08em;
  text-transform:uppercase;

  font-family:var(--font-body);

  margin-bottom:16px;
}

/* BRF TAG */

.bc-brf .bag-card-tag{
  background:var(--teal-light);
  color:var(--teal-dark);
}

/* DUNG TAG */

.bc-dung .bag-card-tag{
  background:#f5e7dd;
  color:#7a3800;
}

/* TITLE */

.bag-card h3{
  font-family:var(--font-head);

  font-size:28px;
  line-height:1.15;

  color:var(--ink);

  margin-bottom:14px;
}

/* DESCRIPTION */

.bag-card-sub{
  font-family:var(--font-body);

  font-size:16px;
  line-height:1.7;

  color:var(--ink-3);
}

/* SPECS */

.bag-card-specs{
  margin-top:auto;

  padding:20px 24px;

  background:var(--surface);

  border-top:1px solid var(--border);
}

/* ROW */

.spec-row{
  display:flex;

  justify-content:space-between;

  gap:20px;

  padding:12px 0;

  border-bottom:1px solid var(--border);
}

.spec-row:last-child{
  border-bottom:none;
}

/* LABEL */

.spec-label{
  font-family:var(--font-body);

  font-size:14px;

  color:var(--ink-4);
}

/* VALUE */

.spec-val{
  font-family:var(--font-body);

  font-size:14px;
  font-weight:700;

  color:var(--ink);

  text-align:right;
}

/* BUTTON */

.bag-card-link{
  display:flex;

  align-items:center;
  justify-content:center;

  margin:24px;

  min-height:52px;

  border-radius:12px;

  text-decoration:none;

  font-family:var(--font-body);

  font-size:15px;
  font-weight:700;

  transition:
    background .2s ease,
    transform .2s ease;
}

/* BRF BUTTON */

.bc-brf .bag-card-link{
  background:var(--teal);
  color:#fff;
}

.bc-brf .bag-card-link:hover{
  background:var(--teal-dark);
}

/* DUNG BUTTON */

.bc-dung .bag-card-link{
  background:#8B4513;
  color:#fff;
}

.bc-dung .bag-card-link:hover{
  background:#6f330d;
}

/* MOBILE */

@media (max-width: 900px){

  .bag-grid{
    grid-template-columns:1fr;
  }

  .bag-card h3{
    font-size:24px;
  }

}

@media (max-width: 600px){

  .ts-products-section{
    padding:24px 14px;
  }

  .bag-card-top{
    padding:20px;
  }

  .bag-card-specs{
    padding:18px 20px;
  }

  .bag-card-link{
    margin:20px;
  }

  .spec-row{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .spec-val{
    text-align:left;
  }

  .bag-card h3{
    font-size:22px;
  }

  .bag-card-sub{
    font-size:15px;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-382883e *//* ═══════════════════════════════════════ */
/* BRF VS DUNG MASTER SECTION - CSS */
/* ═══════════════════════════════════════ */

:root{

  --teal:#007D7E;
  --teal-dark:#005152;
  --teal-light:#d8f2f2;

  --purple:#5E2750;
  --purple-light:#f0e8ee;

  --ink:#18181b;
  --ink-2:#27272a;
  --ink-3:#52525b;

  --white:#ffffff;

  --border:rgba(0,0,0,0.08);

  --shadow:
    0 4px 14px rgba(0,0,0,0.05);

  --shadow-hover:
    0 10px 30px rgba(0,0,0,0.10);

  --radius:22px;

  --font-head:
    "Fraunces", serif;

  --font-body:
    "Outfit", sans-serif;
}

/* SECTION */

.ts-compare-section{
  width:100%;

  padding:90px 20px;

  background:#fff;
}

/* CONTAINER */

.ts-container{
  max-width:1200px;
  margin:0 auto;
}

/* TITLE */

.compare-main-title{
  font-family:var(--font-head);

  font-size:clamp(32px, 5vw, 52px);

  line-height:1.1;

  color:var(--purple);

  margin-bottom:22px;
}

/* INTRO */

.compare-intro{
  max-width:900px;

  font-family:var(--font-body);

  font-size:18px;
  line-height:1.8;

  color:var(--ink-3);

  margin-bottom:42px;
}

/* GRID */

.compare-grid{
  display:grid;

  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap:28px;
}

/* CARD */

.compare-card{
  background:var(--white);

  border:1px solid var(--border);

  border-radius:var(--radius);

  overflow:hidden;

  box-shadow:var(--shadow);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.compare-card:hover{
  transform:translateY(-4px);

  box-shadow:var(--shadow-hover);
}

/* HEAD */

.compare-head{
  padding:22px 26px;

  font-family:var(--font-head);

  font-size:28px;
  line-height:1.2;

  color:#fff;
}

/* BRF */

.ch-brf{
  background:var(--teal);
}

/* DUNG */

.ch-dung{
  background:#8B4513;
}

/* BODY */

.compare-body{
  padding:28px;
}

/* LIST */

.compare-body ul{
  list-style:none;

  padding:0;
  margin:0;
}

/* ITEM */

.compare-body li{
  position:relative;

  padding-left:34px;

  margin-bottom:22px;

  font-family:var(--font-body);

  font-size:16px;
  line-height:1.8;

  color:var(--ink-2);
}

.compare-body li:last-child{
  margin-bottom:0;
}

/* CHECK ICON */

.compare-body li::before{
  content:"✓";

  position:absolute;

  left:0;
  top:2px;

  font-size:18px;
  font-weight:700;
}

/* BRF TICK */

.compare-card:first-child li::before{
  color:var(--teal);
}

/* DUNG TICK */

.dung-list li::before{
  color:#8B4513;
}

/* CALLOUT */

.compare-callout{
  margin-top:38px;

  background:var(--purple-light);

  border:1px solid rgba(94,39,80,0.12);

  border-radius:20px;

  padding:30px;
}

/* LABEL */

.callout-label{
  display:inline-flex;

  align-items:center;

  padding:8px 14px;

  border-radius:999px;

  background:#fff;

  font-family:var(--font-body);

  font-size:12px;
  font-weight:700;

  letter-spacing:.08em;
  text-transform:uppercase;

  color:var(--purple);

  margin-bottom:18px;
}

/* TEXT */

.compare-callout p{
  font-family:var(--font-body);

  font-size:17px;
  line-height:1.9;

  color:var(--ink-2);

  margin:0;
}

.compare-callout strong{
  color:var(--purple);
}

/* TABLET */

@media (max-width: 900px){

  .compare-grid{
    grid-template-columns:1fr;
  }

  .compare-head{
    font-size:24px;
  }

}

/* MOBILE */

@media (max-width: 600px){

  .ts-compare-section{
    padding:60px 14px;
  }

  .compare-main-title{
    font-size:34px;
  }

  .compare-intro{
    font-size:16px;
    line-height:1.75;
  }

  .compare-body{
    padding:22px;
  }

  .compare-head{
    padding:20px 22px;

    font-size:22px;
  }

  .compare-body li{
    font-size:15px;

    line-height:1.75;

    padding-left:30px;
  }

  .compare-callout{
    padding:22px;
  }

  .compare-callout p{
    font-size:15px;
    line-height:1.8;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e1f182c *//* ═══════════════════════════════════════ */
/* SPORE DOSE TABLE SECTION - CSS */
/* ═══════════════════════════════════════ */

:root{

  --teal:#007D7E;
  --teal-dark:#005152;
  --teal-light:#d8f2f2;

  --purple:#5E2750;

  --ink:#18181b;
  --ink-2:#27272a;
  --ink-3:#52525b;
  --ink-4:#71717a;

  --white:#ffffff;

  --surface:#fafafa;

  --border:rgba(0,0,0,0.08);

  --shadow:
    0 4px 14px rgba(0,0,0,0.05);

  --radius:20px;

  --font-head:
    "Fraunces", serif;

  --font-body:
    "Outfit", sans-serif;

  --font-mono:
    "JetBrains Mono", monospace;
}

/* SECTION */

.ts-dose-section{
  width:100%;

  padding:0px 10px;

  background:#fff;
}

/* CONTAINER */

.ts-dose-container{
  max-width:1150px;
  margin:0 auto;
}

/* TITLE */

.dose-title{
  font-family:var(--font-head);

  font-size:clamp(32px, 5vw, 52px);

  line-height:1.1;

  color:var(--purple);

  margin-bottom:22px;
}

/* INTRO */

.dose-intro{
  max-width:920px;

  font-family:var(--font-body);

  font-size:18px;
  line-height:1.5;

  color:var(--ink-3);

  margin-bottom:40px;
}

/* TABLE WRAP */

.dose-table-wrap{
  width:100%;

  overflow-x:auto;

  box-shadow:var(--shadow);
}

/* TABLE */

.dose-table{
  width:100%;

  border-collapse:collapse;

  min-width:760px;

  background:#fff;
  
  
}

/* HEAD */

.dose-table thead tr{
  background:var(--purple);
}

/* HEAD CELL */

.dose-table th{
    
    
  padding:20px 24px;

  text-align:left;

  font-family:var(--font-body);

  font-size:12px;
  font-weight:700;

  letter-spacing:.08em;
  text-transform:uppercase;

  color:#fff;
}

/* BODY CELL */

.dose-table td{
  padding:20px 24px;

  border-bottom:1px solid var(--border);

  font-family:var(--font-body);

  font-size:16px;
  line-height:1.7;

  color:var(--ink-2);

  vertical-align:top;
}

/* LAST ROW */

.dose-table tbody tr:last-child td{
  border-bottom:none;
}

/* ZEBRA */

.dose-table tbody tr:nth-child(even){
  background:var(--surface);
}

/* STRONG */

.dose-table strong{
  color:var(--ink);
}

/* BADGE */

.dose-badge{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  padding:8px 14px;

  border-radius:999px;

  background:var(--teal-light);

  color:var(--teal-dark);

  font-family:var(--font-mono);

  font-size:14px;
  font-weight:700;
}

/* CALLOUT */

.dose-callout{
  margin-top:38px;

  background:var(--teal-light);

  border:1px solid rgba(0,125,126,0.15);

  border-radius:22px;

  padding:30px;
}

/* LABEL */

.dose-callout-label{
  display:inline-flex;

  align-items:center;

  padding:8px 14px;

  border-radius:999px;

  background:#fff;

  font-family:var(--font-body);

  font-size:12px;
  font-weight:700;

  letter-spacing:.08em;
  text-transform:uppercase;

  color:var(--teal-dark);

  margin-bottom:18px;
}

/* TEXT */

.dose-callout p{
  margin:0;

  font-family:var(--font-body);

  font-size:17px;
  line-height:1.9;

  color:var(--ink-2);
}

/* STRONG */

.dose-callout strong{
  color:var(--teal-dark);
}

/* TABLET */

@media (max-width: 900px){

  .dose-table td{
    font-size:15px;
  }

}

/* MOBILE */

@media (max-width: 600px){

  .ts-dose-section{
    padding:60px 14px;
  }

  .dose-title{
    font-size:34px;
  }

  .dose-intro{
    font-size:16px;
    line-height:1.8;
  }

  .dose-table th{
    padding:16px;
    font-size:11px;
  }

  .dose-table td{
    padding:16px;
    font-size:14px;
    line-height:1.65;
  }

  .dose-callout{
    padding:22px;
  }

  .dose-callout p{
    font-size:15px;
    line-height:1.8;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ffc0cc *//* Container styling */
.grow-guide-container {
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 100%;
    margin: 0 auto;
}

/* Base Card Style */
.guide-card {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 25px;
    line-height: 1.5;
}

/* Label styling (Left side) */
.guide-label {
    flex: 0 0 180px;
    font-weight: bold;
    font-size: 1.1rem;
    padding-right: 20px;
}

/* Content styling (Right side) */
.guide-content {
    flex: 1;
    font-size: 0.95rem;
    color: #333;
}

.guide-content.full-width {
    flex: 1 1 100%;
}

/* Color Variants */
.status-healthy { background-color: #e8f7f0; } /* Light Green */
.status-healthy .guide-label { color: #2d7a54; }

.status-warning { background-color: #fff9e6; } /* Light Yellow */
.status-warning .guide-label { color: #b38600; }

.status-danger { background-color: #ffeef0; } /* Light Red */
.status-danger .guide-label { color: #b32d3a; }

.status-warning-alt { background-color: #fff5e6; } /* Light Orange/Yellow */
.status-warning-alt .guide-label { color: #cc8400; }

.status-guarantee { background-color: #e8f7f0; border: 1px solid #c2e6d5; }
.status-guarantee strong { color: #2d7a54; }

/* Mobile Responsiveness */
@media (max-width: 767px) {
    .guide-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
    }
    
    .guide-label {
        flex: 0 0 auto;
        padding-right: 0;
        padding-bottom: 8px;
    }
}/* End custom CSS */