/* Biology Turk — extracted styles for the "about" page (componentized from legacy Custom HTML; original kept in DB as fallback). */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700&display=swap');
.ab-pg{font-family:'Tajawal',sans-serif;direction:rtl;color:#0d1f0d;background:#fff;}
.ab-pg *{box-sizing:border-box;margin:0;padding:0;}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/* HERO */
.ab-hero{position:relative;background:#1a3a1a;padding:100px 48px 80px;overflow:hidden;min-height:380px;display:flex;align-items:center;}
.ab-hero::before{content:'';position:absolute;inset:0;background:url('/wp-content/uploads/2026/04/Pest-Control-Main-Hero-Image-2.jpg') center/cover no-repeat;opacity:0.18;}
.ab-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(13,31,13,0.85) 0%,rgba(26,58,26,0.7) 100%);}
.ab-hero-in{position:relative;z-index:1;max-width:760px;margin:0 auto;text-align:center;animation:fadeUp 0.6s ease both;}
.ab-lbl{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#8ecf5f;margin-bottom:14px;}
.ab-hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,5vw,56px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:16px;}
.ab-hero h1 em{font-style:normal;color:#8ecf5f;}
.ab-hero p{font-size:17px;color:rgba(255,255,255,0.65);line-height:1.75;max-width:580px;margin:0 auto;}
/* STORY */
.ab-story{max-width:1200px;margin:0 auto;padding:80px 48px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.ab-story-img{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/5;}
.ab-story-img img{width:100%;height:100%;object-fit:cover;}
.ab-story-img::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,58,26,0.25),transparent);}
.ab-badge{position:absolute;bottom:28px;left:-20px;background:#2d6a2d;padding:20px 24px;border-radius:var(--bt-radius-sm,8px);text-align:center;min-width:140px;border:3px solid #fff;box-shadow:var(--bt-shadow-lg,0 14px 40px rgba(13,31,13,.12));}
.ab-badge-n{font-family:'Playfair Display',serif;font-size:34px;font-weight:900;color:#fff;line-height:1;}
.ab-badge-t{font-size:10px;color:rgba(255,255,255,0.85);text-transform:uppercase;letter-spacing:1px;margin-top:4px;}
.ab-story-lbl{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#2d6a2d;margin-bottom:10px;}
.ab-story h2{font-family:'Playfair Display',serif;font-size:clamp(26px,3.5vw,42px);font-weight:700;color:#0d1f0d;line-height:1.2;margin-bottom:18px;}
.ab-story h2 span{color:#2d6a2d;}
.ab-story-txt{font-size:15px;color:#4a5a4a;line-height:1.85;margin-bottom:16px;}
/* VALUES */
.ab-values{background:#f4f8f0;padding:80px 48px;}
.ab-values-in{max-width:1200px;margin:0 auto;}
.ab-val-hd{text-align:center;margin-bottom:56px;}
.ab-val-hd h2{font-family:'Playfair Display',serif;font-size:clamp(26px,3.5vw,42px);font-weight:700;color:#0d1f0d;margin-bottom:10px;}
.ab-val-hd h2 span{color:#2d6a2d;}
.ab-val-hd p{font-size:16px;color:#4a5a4a;max-width:520px;margin:0 auto;line-height:1.75;}
.ab-val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ab-val-card{background:#fff;padding:36px 28px;border-radius:var(--bt-radius-sm,8px);border:1px solid #e8ede4;text-align:center;transition:transform .2s ease,box-shadow .2s ease;}
.ab-val-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(13,31,13,0.08);}
.ab-val-ic{font-size:36px;margin-bottom:16px;display:block;}
.ab-val-card h3{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:#0d1f0d;margin-bottom:10px;}
.ab-val-card p{font-size:14px;color:#4a5a4a;line-height:1.75;}
/* STATS */
.ab-stats{background:#0d1f0d;padding:64px 48px;}
.ab-stats-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.ab-stat{text-align:center;padding:20px;border-left:1px solid rgba(255,255,255,0.08);}
.ab-stat:last-child{border-right:1px solid rgba(255,255,255,0.08);}
.ab-stat-n{font-family:'Playfair Display',serif;font-size:42px;font-weight:900;color:#8ecf5f;line-height:1;}
.ab-stat-l{font-size:13px;color:rgba(255,255,255,0.5);margin-top:6px;letter-spacing:1px;}
/* TEAM / CERTS */
.ab-certs{max-width:1200px;margin:0 auto;padding:80px 48px;}
.ab-certs-hd{text-align:center;margin-bottom:48px;}
.ab-certs-hd h2{font-family:'Playfair Display',serif;font-size:clamp(24px,3vw,38px);font-weight:700;color:#0d1f0d;margin-bottom:10px;}
.ab-certs-hd h2 span{color:#2d6a2d;}
.ab-certs-hd p{font-size:15px;color:#4a5a4a;max-width:500px;margin:0 auto;line-height:1.75;}
.ab-cert-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.ab-cert{display:flex;align-items:flex-start;gap:16px;background:#f4f8f0;border:1px solid #e8ede4;border-radius:6px;padding:22px 24px;}
.ab-cert-ic{width:48px;height:48px;background:#2d6a2d;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;color:#fff;}
.ab-cert h4{font-size:16px;font-weight:700;color:#0d1f0d;margin-bottom:5px;}
.ab-cert p{font-size:13px;color:#4a5a4a;line-height:1.6;}
/* CTA */
.ab-cta{background:#1a3a1a;padding:80px 48px;text-align:center;position:relative;overflow:hidden;}
.ab-cta::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(90,171,58,0.08) 1.5px,transparent 1.5px);background-size:24px 24px;}
.ab-cta-in{position:relative;z-index:1;max-width:620px;margin:0 auto;}
.ab-cta h2{font-family:'Playfair Display',serif;font-size:clamp(26px,4vw,44px);color:#fff;font-weight:900;margin-bottom:16px;}
.ab-cta h2 em{font-style:normal;color:#8ecf5f;}
.ab-cta p{font-size:16px;color:rgba(255,255,255,0.6);margin-bottom:36px;line-height:1.75;}
.ab-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.ab-btn-main{display:inline-flex;align-items:center;gap:10px;background:#2d6a2d;color:#fff;padding:16px 30px;border-radius:var(--bt-radius-sm,8px);font-size:16px;font-weight:700;text-decoration:none;border:2px solid #2d6a2d;transition:background .18s ease,border-color .18s ease,color .18s ease;}
.ab-btn-main:hover{background:#8ecf5f;border-color:#8ecf5f;color:#0d1f0d;}
.ab-btn-main:active{background:#1a3a1a;border-color:#1a3a1a;color:#fff;}
.ab-btn-main:focus-visible{outline:3px solid #8ecf5f;outline-offset:2px;}
.ab-btn-ghost{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#fff;padding:16px 30px;border-radius:var(--bt-radius-sm,8px);font-size:16px;font-weight:600;text-decoration:none;border:2px solid rgba(255,255,255,0.28);transition:background .18s ease,border-color .18s ease,color .18s ease;}
.ab-btn-ghost:hover{background:#8ecf5f;border-color:#8ecf5f;color:#0d1f0d;}
.ab-btn-ghost:active{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.45);color:#fff;}
.ab-btn-ghost:focus-visible{outline:3px solid #8ecf5f;outline-offset:2px;}
@media(max-width:900px){
  .ab-story{grid-template-columns:1fr;gap:40px;padding:56px 24px;}
  .ab-badge{left:0;}
  .ab-val-grid,.ab-cert-list{grid-template-columns:1fr;}
  .ab-stats-in{grid-template-columns:repeat(2,1fr);}
  .ab-values,.ab-certs,.ab-cta{padding:56px 24px;}
  .ab-hero{padding:80px 24px 60px;}
}
/* bt-about-narrow-fix: keep the stats band within very small viewports (≤360px) */
@media (max-width:400px){.ab-stats{padding:48px 16px}.ab-stat{padding:14px 6px}.ab-stat-n{font-size:30px}}
@media (prefers-reduced-motion: reduce) {
  .ab-pg * { animation:none !important; transition:none !important; }
}