/* Biology Turk — dedicated service-page template (.bt-service-page).
   Independent of .bt-blog / .bt-wide-page; only reuses the global unscoped
   primitives (.bt-btn, .bt-faq, .bt-breadcrumbs, brand tokens). */

.bt-service-page{background:var(--bt-paper)}
.bt-service-page .bt-svc-wrap{max-inline-size:var(--bt-maxw);margin-inline:auto;padding-inline:1.25rem}

/* ---------- Breadcrumbs row (own strip above the hero) ---------- */
.bt-svc-breadcrumb-row{padding-block:1.1rem .3rem}

/* ---------- Hero ---------- */
.bt-svc-hero{padding-block:1.4rem clamp(2rem,4vw,3.25rem)}
.bt-svc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.bt-svc-hero-text{order:1}
.bt-svc-hero-visual{order:2}

.bt-svc-label{display:inline-flex;align-items:center;gap:.4rem;font-size:13px;font-weight:700;color:var(--bt-green-mid);
  background:var(--bt-off);border-radius:999px;padding:.35rem .85rem;margin-block-end:.9rem}

.bt-svc-hero h1{font-family:var(--bt-font-head);font-weight:800;color:var(--bt-green-dark);
  font-size:clamp(34px,3vw,46px);line-height:1.35;margin:0 0 .85rem;text-align:start}

.bt-svc-hero-desc{font-size:18px;line-height:1.75;color:var(--bt-text);margin:0 0 1.3rem;max-inline-size:46ch}

.bt-svc-trust{list-style:none;margin:0 0 1.6rem;padding:0;display:flex;flex-direction:column;gap:.55rem}
.bt-svc-trust li{display:flex;align-items:flex-start;gap:.55rem;font-size:15px;font-weight:600;color:var(--bt-green-dg)}
.bt-svc-trust li::before{content:"✓";flex:none;display:grid;place-items:center;inline-size:20px;block-size:20px;
  border-radius:50%;background:var(--bt-green-bright);color:var(--bt-green-dark);font-size:12px;font-weight:800;margin-block-start:.1rem}

.bt-svc-hero-ctas{display:flex;flex-wrap:wrap;gap:.7rem}

.bt-svc-hero-img{border-radius:var(--bt-radius);overflow:hidden;box-shadow:var(--bt-shadow-lg);aspect-ratio:4/3}
.bt-svc-hero-img img{inline-size:100%;block-size:100%;object-fit:cover;display:block}

/* ---------- Body sections ---------- */
.bt-service-page__body{padding-block:.5rem clamp(2.5rem,5vw,4rem)}
.bt-svc-section{max-inline-size:59rem;margin-inline:auto;padding-block:clamp(1.6rem,3vw,2.4rem);
  border-block-end:1px solid var(--bt-gray)}
.bt-svc-section:last-of-type{border-block-end:0}
.bt-svc-section h2{font-family:var(--bt-font-head);font-weight:800;color:var(--bt-green-dark);
  font-size:clamp(22px,2.4vw,27px);line-height:1.35;margin:0 0 1rem}
.bt-svc-section p{font-size:18px;line-height:1.8;color:var(--bt-text);margin:0 0 1rem}
.bt-svc-section p:last-child{margin-bottom:0}
.bt-svc-section a{color:var(--bt-green-mid);font-weight:700;text-decoration-thickness:1.5px}

/* Quick-answer block, right after the hero */
.bt-svc-quick{max-inline-size:59rem;margin:0 auto clamp(1.6rem,3vw,2.4rem);background:var(--bt-off);
  border-inline-start:4px solid var(--bt-green);border-radius:0 var(--bt-radius-sm) var(--bt-radius-sm) 0;
  padding:1.1rem 1.3rem}
.bt-svc-quick p{margin:0;font-size:18px;line-height:1.8;color:var(--bt-text)}

/* Signs checklist */
.bt-svc-checklist{list-style:none;margin:0 0 .9rem;padding:0;display:grid;gap:.65rem}
@media(min-width:640px){.bt-svc-checklist{grid-template-columns:1fr 1fr}}
.bt-svc-checklist li{display:flex;align-items:flex-start;gap:.6rem;font-size:17px;line-height:1.6;color:var(--bt-text);
  background:var(--bt-white);border:1px solid var(--bt-gray);border-radius:var(--bt-radius-sm);padding:.75rem .9rem}
.bt-svc-checklist li::before{content:"⚠";flex:none;color:var(--bt-green-mid);font-size:15px;margin-block-start:.05rem}
.bt-svc-note{font-size:15px;color:var(--bt-muted)}

/* Process steps */
.bt-svc-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.1rem;counter-reset:svc-step}
.bt-svc-steps li{display:flex;gap:1rem;align-items:flex-start}
.bt-svc-step-n{flex:none;display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;
  background:var(--bt-green);color:#fff;font-weight:800;font-size:15px}
.bt-svc-steps h3{margin:0 0 .3rem;font-size:18px;font-weight:700;color:var(--bt-green-dark)}
.bt-svc-steps p{margin:0;font-size:17px;line-height:1.75;color:var(--bt-text)}

/* Grouped info cards (prep / aftercare / precautions) */
.bt-svc-cards{display:grid;gap:1rem}
@media(min-width:768px){.bt-svc-cards{grid-template-columns:repeat(3,1fr)}}
.bt-svc-card{background:var(--bt-white);border:1px solid var(--bt-gray);border-radius:var(--bt-radius-sm);padding:1.1rem 1.15rem}
.bt-svc-card h3{margin:0 0 .55rem;font-size:16px;font-weight:700;color:var(--bt-green-dark)}
.bt-svc-card p{margin:0;font-size:15px;line-height:1.7;color:var(--bt-text)}
.bt-svc-card ul{margin:0;padding-inline-start:1.1rem;font-size:15px;line-height:1.7;color:var(--bt-text)}
.bt-svc-card li+li{margin-block-start:.35rem}

/* Mid-page conversion band */
.bt-svc-midcta{max-inline-size:59rem;margin:clamp(1.6rem,3vw,2.4rem) auto;background:var(--bt-green-dark);
  border-radius:var(--bt-radius);padding:1.5rem 1.75rem;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:1rem}
.bt-svc-midcta p{margin:0;color:#fff;font-size:18px;font-weight:700;max-inline-size:32ch}

/* FAQ section spacing already handled by .bt-faq itself */
.bt-svc-section .bt-faq{max-inline-size:none}

/* Final CTA */
.bt-svc-finalcta{max-inline-size:59rem;margin-inline:auto;text-align:center;padding-block:clamp(2rem,4vw,3rem) 0}
.bt-svc-finalcta h2{font-size:clamp(24px,2.6vw,30px)}
.bt-svc-finalcta > p{max-inline-size:52ch;margin-inline:auto}
.bt-svc-finalcta-links{font-size:15px;color:var(--bt-muted);margin-block:0 1.3rem}
.bt-svc-finalcta-links a{color:var(--bt-muted);text-decoration:underline}
.bt-svc-finalcta-ctas{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.bt-svc-finalcta-ctas .bt-btn{min-block-size:48px}

/* ============ Mobile ============ */
@media(max-width:921px){
  .bt-svc-hero-grid{grid-template-columns:1fr}
  .bt-svc-hero-text{order:1}
  .bt-svc-hero-visual{order:2}
  .bt-svc-hero h1{font-size:clamp(27px,7vw,31px);line-height:1.3}
  .bt-svc-hero-desc{font-size:17px;max-inline-size:none}
  .bt-svc-hero-img{aspect-ratio:16/10;margin-block-start:.5rem}
  .bt-svc-hero-ctas{flex-direction:column}
  .bt-svc-hero-ctas .bt-btn{inline-size:100%}
  .bt-svc-section p,.bt-svc-quick p{font-size:17px}
  .bt-svc-checklist{grid-template-columns:1fr}
  .bt-svc-midcta{flex-direction:column;align-items:stretch;text-align:center}
  .bt-svc-finalcta-ctas{flex-direction:column}
  .bt-svc-finalcta-ctas .bt-btn{inline-size:100%}
}