/* Barbaariye — modern home page layer. Everything is namespaced .bh-* so it cannot leak to other pages. */
:root { --bh-g9:#071a10; --bh-g8:#0a2016; --bh-g7:#123524; --bh-g6:#1d5138; --bh-g1:#e6efe9;
        --bh-gold:#c99a3b; --bh-gold2:#f2c45a; --bh-cream:#fbf9f4; --bh-ink:#1b2a22; --bh-muted:#66766d; --bh-line:#e8eeea; }
.bh-title { font-family:'Baloo 2',Inter,sans-serif; font-weight:800; color:var(--bh-g8); font-size:clamp(1.7rem,4.6vw,2.6rem); line-height:1.15; margin:0; }
.bh-kicker { display:inline-flex; align-items:center; gap:.5rem; background:var(--bh-gold-soft,#f8ecd4); color:#8a6212; font-weight:700; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; padding:.4rem .9rem; border-radius:999px; margin-bottom:.9rem; }
.bh-kicker::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--bh-gold); }
.bh-sub { color:var(--bh-muted); max-width:38rem; margin:.7rem auto 0; }
.bh-head { text-align:center; margin-bottom:2.5rem; }
.bh-dark .bh-title { color:#fff; } .bh-dark .bh-sub { color:rgba(255,255,255,.75); } .bh-dark .bh-kicker { background:rgba(255,255,255,.1); color:var(--bh-gold2); }
.bh-sec { padding:4.5rem 0; position:relative; } @media(max-width:767px){ .bh-sec { padding:3rem 0; } .bh-head { margin-bottom:1.75rem; } }

/* ---------- HERO ---------- */
.bh-hero { position:relative; overflow:hidden; color:#fff; border-radius:0 0 40px 40px;
  background: radial-gradient(900px 480px at 85% -10%, rgba(242,196,90,.28), transparent 60%),
              radial-gradient(600px 400px at -5% 110%, rgba(29,81,56,.9), transparent 70%),
              linear-gradient(155deg, var(--bh-g9), var(--bh-g7) 60%, var(--bh-g6)); }
.bh-hero::before { content:""; position:absolute; inset:0; opacity:.07; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 4l9 22 22 9-22 9-9 22-9-22-22-9 22-9z' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E"); }
.bh-slide { min-height:560px; display:flex; align-items:center; padding:4.5rem 0 5rem; position:relative; }
.bh-eyebrow { display:inline-flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.1); border:1px solid rgba(242,196,90,.4); color:var(--bh-gold2); font-weight:700; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; padding:.45rem 1rem; border-radius:999px; backdrop-filter:blur(6px); }
.bh-h1 { font-family:'Baloo 2',Inter,sans-serif; font-weight:800; line-height:1.08; font-size:clamp(2.1rem,6.2vw,3.7rem); margin:1.1rem 0 1rem; }
.bh-h1 .bh-hl { background:linear-gradient(90deg,var(--bh-gold2),#ffe39a); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bh-lead { font-size:clamp(1rem,2.6vw,1.2rem); color:rgba(255,255,255,.84); max-width:36rem; }
.bh-lead p { margin-bottom:0; }
.bh-cta { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.75rem; }
.bh-btn-gold { background:linear-gradient(135deg,var(--bh-gold2),var(--bh-gold)); color:#2b1d00 !important; font-weight:700; border:0; border-radius:999px; padding:.85rem 1.8rem; box-shadow:0 10px 26px rgba(201,154,59,.45); transition:.2s; }
.bh-btn-gold:hover { transform:translateY(-2px); box-shadow:0 14px 32px rgba(201,154,59,.55); }
.bh-btn-ghost { color:#fff !important; border:1.5px solid rgba(255,255,255,.55); border-radius:999px; padding:.85rem 1.8rem; font-weight:600; background:rgba(255,255,255,.06); transition:.2s; }
.bh-btn-ghost:hover { background:rgba(255,255,255,.18); }
.bh-trust { display:flex; flex-wrap:wrap; gap:.6rem 1.4rem; margin-top:2rem; font-size:.85rem; color:rgba(255,255,255,.8); }
.bh-trust span { display:inline-flex; align-items:center; gap:.45rem; } .bh-trust i { color:var(--bh-gold2); font-size:1rem; }
/* hero visual */
.bh-vis { position:relative; width:100%; max-width:380px; aspect-ratio:1; margin:0 auto; }
.bh-ring { position:absolute; inset:6%; border-radius:50%; border:2px dashed rgba(242,196,90,.45); animation:bh-spin 40s linear infinite; }
.bh-disc { position:absolute; inset:16%; border-radius:50%; display:grid; place-items:center; text-align:center;
  background:radial-gradient(circle at 30% 25%, #2a7a52, var(--bh-g7)); box-shadow:0 30px 60px rgba(0,0,0,.35), inset 0 0 0 6px rgba(242,196,90,.25); }
.bh-disc i { font-size:4.2rem; color:var(--bh-gold2); }
.bh-disc .bh-ar { font-family:'Amiri',serif; font-size:2rem; color:#fff; line-height:1.4; direction:rtl; }
.bh-chipf { position:absolute; display:flex; align-items:center; gap:.5rem; background:#fff; color:var(--bh-g8); font-weight:700; font-size:.82rem; padding:.55rem .9rem; border-radius:14px; box-shadow:0 14px 30px rgba(0,0,0,.3); animation:bh-float 5s ease-in-out infinite; }
.bh-chipf i { color:var(--bh-gold); font-size:1.1rem; }
.bh-chipf.c1 { top:6%; left:-2%; } .bh-chipf.c2 { top:42%; right:-6%; animation-delay:1.2s; } .bh-chipf.c3 { bottom:6%; left:8%; animation-delay:2.4s; }
@keyframes bh-float { 50% { transform:translateY(-12px); } } @keyframes bh-spin { to { transform:rotate(360deg); } }
.bh-hero .carousel-indicators { margin-bottom:1.6rem; }
.bh-hero .carousel-indicators [data-bs-target] { width:10px; height:10px; border-radius:50%; border:0; background:#fff; opacity:.4; margin:0 5px; }
.bh-hero .carousel-indicators .active { width:30px; border-radius:6px; background:var(--bh-gold2); opacity:1; }
.bh-hero .carousel-control-prev, .bh-hero .carousel-control-next { width:5%; opacity:.5; }
@media(max-width:991px){ .bh-slide { min-height:0; padding:3rem 0 4.5rem; text-align:center; } .bh-lead, .bh-trust, .bh-cta { margin-left:auto; margin-right:auto; justify-content:center; } .bh-hero { border-radius:0 0 28px 28px; } .bh-hero .carousel-control-prev, .bh-hero .carousel-control-next { display:none; } }

/* ---------- FEATURES ---------- */
.bh-features { background:var(--bh-cream); }
.bh-fcard { position:relative; height:100%; background:#fff; border:1px solid var(--bh-line); border-radius:22px; padding:1.5rem 1.25rem; transition:.25s; overflow:hidden; }
.bh-fcard::after { content:""; position:absolute; left:0; right:0; bottom:0; height:4px; background:linear-gradient(90deg,var(--a),var(--b)); transform:scaleX(0); transform-origin:left; transition:.3s; }
.bh-fcard:hover { transform:translateY(-6px); box-shadow:0 18px 40px rgba(18,53,36,.12); border-color:transparent; } .bh-fcard:hover::after { transform:scaleX(1); }
.bh-ficon { width:56px; height:56px; border-radius:18px; display:grid; place-items:center; font-size:1.55rem; color:#fff; background:linear-gradient(135deg,var(--a),var(--b)); box-shadow:0 10px 20px color-mix(in srgb,var(--a) 40%,transparent); margin-bottom:1rem; transition:.3s; }
.bh-fcard:hover .bh-ficon { transform:rotate(-8deg) scale(1.08); }
.bh-fcard h6 { font-weight:800; color:var(--bh-g8); } .bh-more { font-weight:700; font-size:.82rem; text-decoration:none; color:var(--bh-g6); }
@media(max-width:575px){ .bh-fcard { padding:1.1rem .9rem; border-radius:18px; } .bh-ficon { width:46px; height:46px; font-size:1.3rem; border-radius:14px; } .bh-fcard p { font-size:.78rem !important; } }

/* ---------- COURSES ---------- */
.bh-courses { background:#fff; }
.bh-ccard { display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid var(--bh-line); border-radius:22px; overflow:hidden; transition:.25s; box-shadow:0 4px 16px rgba(18,53,36,.05); text-decoration:none; color:inherit; }
.bh-ccard:hover { transform:translateY(-6px); box-shadow:0 20px 44px rgba(18,53,36,.15); color:inherit; }
.bh-cimg { position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--bh-g1); }
.bh-cimg img { width:100%; height:100%; object-fit:cover; transition:.5s; } .bh-ccard:hover .bh-cimg img { transform:scale(1.07); }
.bh-cimg::after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(7,26,16,.55)); }
.bh-price { position:absolute; z-index:2; right:.8rem; bottom:.8rem; background:#fff; color:var(--bh-g8); font-weight:800; padding:.3rem .85rem; border-radius:999px; font-size:.9rem; box-shadow:0 6px 16px rgba(0,0,0,.25); }
.bh-price.free { background:#17a56a; color:#fff; }
.bh-feat { position:absolute; z-index:2; left:.8rem; top:.8rem; background:var(--bh-gold2); color:#2b1d00; font-size:.7rem; font-weight:800; padding:.28rem .7rem; border-radius:999px; }
.bh-cbody { display:flex; flex-direction:column; flex:1; padding:1.1rem 1.15rem 1.2rem; }
.bh-cat { font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#8a6212; }
.bh-ctitle { font-family:'Baloo 2',Inter,sans-serif; font-weight:700; font-size:1.12rem; color:var(--bh-g8); margin:.3rem 0; line-height:1.25; }
.bh-csub { font-size:.85rem; color:var(--bh-muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em; }
.bh-cmeta { display:flex; align-items:center; gap:.6rem; margin-top:auto; padding-top:.9rem; border-top:1px dashed var(--bh-line); font-size:.8rem; color:var(--bh-muted); }
.bh-av { flex:none; width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,var(--bh-g6),var(--bh-g8)); color:var(--bh-gold2); display:grid; place-items:center; font-weight:800; font-size:.8rem; }
.bh-cgo { margin-left:auto; width:34px; height:34px; border-radius:50%; background:var(--bh-g7); color:#fff; display:grid; place-items:center; transition:.25s; } .bh-ccard:hover .bh-cgo { background:var(--bh-gold); color:#2b1d00; transform:translateX(3px); }
.bh-btn-outline { display:inline-flex; align-items:center; gap:.5rem; border:2px solid var(--bh-g7); color:var(--bh-g7) !important; font-weight:700; border-radius:999px; padding:.7rem 1.7rem; text-decoration:none; transition:.2s; } .bh-btn-outline:hover { background:var(--bh-g7); color:#fff !important; }

/* ---------- WHY ---------- */
.bh-why { background:radial-gradient(700px 400px at 100% 0%, rgba(242,196,90,.14), transparent 60%), linear-gradient(160deg,var(--bh-g9),var(--bh-g7)); color:#fff; }
.bh-wcard { display:flex; gap:1rem; height:100%; padding:1.35rem; border-radius:20px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(6px); transition:.25s; }
.bh-wcard:hover { background:rgba(255,255,255,.12); transform:translateY(-4px); border-color:rgba(242,196,90,.5); }
.bh-wicon { flex:none; width:52px; height:52px; border-radius:16px; display:grid; place-items:center; font-size:1.45rem; color:#2b1d00; background:linear-gradient(135deg,var(--bh-gold2),var(--bh-gold)); }
.bh-wcard h6 { font-weight:700; margin-bottom:.3rem; } .bh-wcard p { color:rgba(255,255,255,.72); margin:0; font-size:.88rem; }

/* ---------- TESTIMONIALS ---------- */
.bh-testi { background:var(--bh-cream); }
.bh-tcard { position:relative; height:100%; background:#fff; border:1px solid var(--bh-line); border-radius:22px; padding:1.6rem 1.4rem 1.3rem; box-shadow:0 6px 20px rgba(18,53,36,.06); }
.bh-tcard::before { content:"\201C"; position:absolute; top:-.2rem; right:1.2rem; font-family:Georgia,serif; font-size:5.5rem; line-height:1; color:var(--bh-gold); opacity:.25; }
.bh-stars { color:#f2b320; letter-spacing:2px; margin-bottom:.7rem; } .bh-tcard p { color:#34443b; line-height:1.65; }
.bh-tby { display:flex; align-items:center; gap:.7rem; margin-top:1rem; font-weight:700; font-size:.9rem; color:var(--bh-g8); }

/* ---------- PRICING ---------- */
.bh-pricing { background:#fff; }
.bh-pcard { position:relative; height:100%; background:#fff; border:1.5px solid var(--bh-line); border-radius:26px; padding:2rem 1.7rem; transition:.25s; }
.bh-pcard:hover { transform:translateY(-6px); box-shadow:0 22px 48px rgba(18,53,36,.14); }
.bh-pcard.featured { background:linear-gradient(160deg,var(--bh-g8),var(--bh-g6)); color:#fff; border-color:transparent; box-shadow:0 24px 54px rgba(18,53,36,.35); }
@media(min-width:992px){ .bh-pcard.featured { transform:scale(1.04); } .bh-pcard.featured:hover { transform:scale(1.04) translateY(-6px); } }
.bh-pbadge { position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,var(--bh-gold2),var(--bh-gold)); color:#2b1d00; font-weight:800; font-size:.72rem; letter-spacing:.06em; padding:.4rem 1.1rem; border-radius:999px; white-space:nowrap; }
.bh-pprice { font-family:'Baloo 2',Inter,sans-serif; font-weight:800; font-size:2.6rem; line-height:1; }
.bh-pcard.featured .text-muted { color:rgba(255,255,255,.7) !important; }
.bh-pcard ul li i { color:#17a56a; } .bh-pcard.featured ul li i { color:var(--bh-gold2); }

/* ---------- FINAL CTA ---------- */
.bh-final { position:relative; overflow:hidden; text-align:center; color:#fff; padding:4.5rem 0; border-radius:40px 40px 0 0;
  background: radial-gradient(600px 300px at 50% 120%, rgba(242,196,90,.35), transparent 70%), linear-gradient(155deg,var(--bh-g9),var(--bh-g7)); }
.bh-final::before { content:""; position:absolute; inset:0; opacity:.07; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 4l9 22 22 9-22 9-9 22-9-22-22-9 22-9z' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E"); }
.bh-final .container { position:relative; } .bh-final h2 { font-family:'Baloo 2',Inter,sans-serif; font-weight:800; font-size:clamp(1.8rem,5vw,2.8rem); }
.bh-final p { color:rgba(255,255,255,.82); max-width:36rem; margin:0 auto 1.6rem; font-size:1.1rem; }
@media(max-width:767px){ .bh-final { border-radius:28px 28px 0 0; padding:3.2rem 0; } }
@media (prefers-reduced-motion:reduce){ .bh-ring,.bh-chipf { animation:none; } .bh-fcard,.bh-ccard,.bh-pcard,.bh-wcard { transition:none; } }