/* Biology Turk — extracted styles for the "contact" 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');
.ct-pg{font-family:'Tajawal',sans-serif;direction:rtl;color:#0d1f0d;background:#fff;}
.ct-pg *{box-sizing:border-box;margin:0;padding:0;}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

.ct-hero{position:relative;background:#1a3a1a;padding:100px 48px 80px;overflow:hidden;min-height:360px;display:flex;align-items:center;}
.ct-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(90,171,58,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,171,58,0.07) 1px,transparent 1px);background-size:50px 50px;}
.ct-hero-in{position:relative;z-index:1;max-width:700px;margin:0 auto;text-align:center;animation:fadeUp 0.6s ease both;}
.ct-hero-lbl{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#8ecf5f;margin-bottom:14px;}
.ct-hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,5vw,58px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:16px;}
.ct-hero h1 em{font-style:normal;color:#8ecf5f;}
.ct-hero p{font-size:17px;color:rgba(255,255,255,0.65);line-height:1.75;}

.ct-main{max-width:1200px;margin:0 auto;padding:80px 48px;display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start;}

/* LEFT INFO */
.ct-info-lbl{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#2d6a2d;margin-bottom:10px;}
.ct-info h2{font-family:'Playfair Display',serif;font-size:clamp(24px,3vw,38px);font-weight:700;color:#0d1f0d;line-height:1.2;margin-bottom:16px;}
.ct-info h2 span{color:#2d6a2d;}
.ct-info-desc{font-size:15px;color:#4a5a4a;line-height:1.8;margin-bottom:36px;}

.ct-cards{display:flex;flex-direction:column;gap:14px;margin-bottom:36px;}
.ct-card{display:flex;align-items:center;gap:16px;background:#f4f8f0;border:1px solid #e8ede4;border-radius:var(--bt-radius-sm,8px);padding:16px 20px;text-decoration:none;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;animation:fadeUp 0.5s ease both;}
.ct-card:hover{background:#fff;border-color:#2d6a2d;box-shadow:0 4px 20px rgba(13,31,13,0.1);transform:translateX(-4px);}
.ct-card:focus-visible{outline:3px solid #8ecf5f;outline-offset:2px;}
.ct-card-ic{width:46px;height:46px;background:#2d6a2d;border-radius:var(--bt-radius-sm,8px);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;color:#fff;}
.ct-card-lbl{font-size:11px;color:#7a8a7a;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;}
/* PHONE NUMBER — always LTR */
.ct-card-val{font-size:16px;font-weight:700;color:#0d1f0d;direction:ltr;unicode-bidi:embed;text-align:right;}
.ct-card-sub{font-size:12px;color:#4a5a4a;margin-top:2px;}

/* SERVICE WA BUTTONS */
.ct-services-wa{margin-bottom:36px;}
.ct-services-wa-title{font-size:13px;font-weight:700;color:#0d1f0d;margin-bottom:14px;letter-spacing:0.3px;}
.ct-svc-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ct-svc-btn{display:flex;align-items:center;gap:8px;background:#f4f8f0;border:1px solid #e8ede4;border-radius:var(--bt-radius-sm,8px);padding:11px 14px;text-decoration:none;font-size:13px;font-weight:600;color:#0d1f0d;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;}
.ct-svc-btn:hover{background:#2d6a2d;color:#fff;border-color:#2d6a2d;transform:translateY(-2px);}
.ct-svc-btn:focus-visible{outline:3px solid #8ecf5f;outline-offset:2px;}
.ct-svc-btn span{font-size:18px;}

.ct-wa-btn{display:inline-flex;align-items:center;gap:12px;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;width:100%;justify-content:center;}
.ct-wa-btn:hover{background:#8ecf5f;border-color:#8ecf5f;color:#0d1f0d;}
.ct-wa-btn:focus-visible{outline:3px solid #8ecf5f;outline-offset:2px;}

/* RIGHT — no form, just big WA CTA */
.ct-right-panel{background:#f4f8f0;border:1px solid #e8ede4;border-radius:8px;padding:44px 40px;animation:fadeUp 0.6s 0.2s ease both;text-align:center;}
.ct-right-panel h3{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:#0d1f0d;margin-bottom:10px;}
.ct-right-panel p{font-size:15px;color:#4a5a4a;line-height:1.75;margin-bottom:32px;}
.ct-big-wa{display:flex;align-items:center;justify-content:center;gap:14px;background:#25D366;color:#0d1f0d;padding:20px 32px;border-radius:var(--bt-radius-sm,8px);font-size:20px;font-weight:700;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;margin-bottom:16px;}
.ct-big-wa:hover{background:#1ebe5b;color:#0d1f0d;transform:translateY(-2px);box-shadow:0 12px 36px rgba(37,211,102,0.35);}
.ct-big-wa:active{background:#17a34c;color:#0d1f0d;transform:translateY(0);}
.ct-big-wa:focus-visible{color:#0d1f0d;outline:3px solid #17a34c;outline-offset:2px;}
.ct-big-phone{display:flex;align-items:center;justify-content:center;gap:14px;background:#2d6a2d;color:#fff;padding:16px 32px;border-radius:var(--bt-radius-sm,8px);font-size:17px;font-weight:700;text-decoration:none;transition:background .18s ease,color .18s ease;direction:ltr;unicode-bidi:embed;}
.ct-big-phone:hover{background:#8ecf5f;color:#0d1f0d;}
.ct-big-phone:focus-visible{outline:3px solid #8ecf5f;outline-offset:2px;}
.ct-right-note{font-size:12px;color:#455445;margin-top:14px;line-height:1.6;}
.ct-right-hours{display:flex;align-items:center;justify-content:center;gap:8px;background:#0d1f0d;color:#8ecf5f;padding:12px 20px;border-radius:4px;font-size:13px;font-weight:700;margin-top:16px;}

/* MAP */
.ct-map-section{background:#0d1f0d;padding:0;}
.ct-map-in{max-width:1200px;margin:0 auto;padding:64px 48px;display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:center;}
.ct-map-txt .ct-info-lbl{color:#8ecf5f;}
.ct-map-txt h3{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;}
.ct-map-txt h3 span{color:#8ecf5f;}
.ct-map-txt p{font-size:15px;color:rgba(255,255,255,0.55);line-height:1.75;}
.ct-map-frame{border-radius:8px;overflow:hidden;border:3px solid rgba(90,171,58,0.2);}
.ct-map-frame iframe{width:100%;height:300px;border:none;display:block;filter:grayscale(30%) contrast(1.05);}

@media(max-width:900px){
  .ct-main{grid-template-columns:1fr;gap:40px;padding:56px 24px;}
  .ct-map-in{grid-template-columns:1fr;gap:32px;padding:48px 24px;}
  .ct-hero{padding:80px 24px 60px;}
  .ct-svc-btns{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce) {
  .ct-pg * { animation:none !important; transition:none !important; }
}
