/*
Theme Name: Dost FM Kurumsal Ultra V23 Instagram
Theme URI: https://example.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Dost FM için profesyonel, İslami içerik alanlarıyla zenginleştirilmiş, canlı radyo ve portal bölümlü WordPress tema.
Version: 23.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: hirafm-kurumsal
*/
:root{--bg:#073b1e;--bg-2:#062f18;--bg-3:#0b542a;--panel:#0c4d27;--panel-2:#0e5a2e;--gold:#d8ab2f;--gold-2:#b98610;--text:#f7f2e8;--muted:#d9d9cf;--light:#f3f3ee;--dark:#14331f;--wa:#27d366;--shadow:0 20px 60px rgba(0,0,0,.26);--shadow-soft:0 10px 35px rgba(6,32,17,.18);--radius:26px;--radius-sm:18px;--line:rgba(216,171,47,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left, rgba(34,112,56,.25), transparent 20%),linear-gradient(180deg,var(--bg),var(--bg-2));color:var(--text)}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}.container{width:min(1180px,92%);margin:0 auto}.section{padding:76px 0}.section-light{background:var(--light);color:var(--dark)}.section-title{font-size:clamp(30px,5vw,58px);line-height:1.12;margin:0 0 18px;font-weight:900;letter-spacing:-.03em}.section-text{font-size:clamp(16px,2vw,25px);line-height:1.8;color:rgba(255,255,255,.84)}.section-light .section-text,.section-light .section-title{color:var(--dark)}.badge{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;border:1.5px solid rgba(216,171,47,.6);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:clamp(12px,1.4vw,17px);font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--shadow-soft)}.badge-light{background:#eef1ea;color:#1e6c3f;border-color:rgba(34,107,56,.25)}
.site-header{position:sticky;top:0;z-index:90;background:linear-gradient(90deg,#0a441f,#083616 52%,#0a441f);border-bottom:3px solid var(--gold);box-shadow:0 10px 34px rgba(0,0,0,.25)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.branding{display:flex;align-items:center;gap:18px;min-width:0}.logo-wrap img,.custom-logo{width:74px;height:74px;object-fit:cover;border-radius:22px;border:2px solid rgba(216,171,47,.7);box-shadow:0 0 0 6px rgba(216,171,47,.08),0 0 35px rgba(54,189,89,.22)}.site-title{font-size:clamp(28px,3vw,48px);font-weight:900;color:var(--gold);letter-spacing:-.03em}.header-actions{display:flex;align-items:center;gap:14px}.live-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:rgba(216,171,47,.1);border:1px solid rgba(216,171,47,.35);font-weight:900;color:#f8d982}.live-dot{width:10px;height:10px;border-radius:50%;background:#ff4b4b;box-shadow:0 0 12px #ff4b4b}.menu-toggle{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;border:2px solid rgba(216,171,47,.7);background:rgba(255,255,255,.04);color:var(--gold);font-size:36px;cursor:pointer;box-shadow:var(--shadow-soft)}.main-nav{position:fixed;top:104px;right:18px;width:min(380px,calc(100% - 36px));background:#f4f4ef;color:#263947;border-radius:28px;padding:26px;border:1px solid rgba(15,62,32,.15);box-shadow:0 24px 60px rgba(0,0,0,.25);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s ease}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.main-nav li a{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;font-size:28px;font-weight:800;color:#4b5563;background:#edf0ec}.main-nav li a:hover{background:#dfe8de;color:#0d5a2b}.nav-contact{margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08);display:grid;gap:10px;font-weight:800;color:#556071}
.hero{padding:74px 0 26px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;inset:auto;pointer-events:none}.hero:before{width:420px;height:420px;border-radius:50%;right:-110px;top:-120px;background:radial-gradient(circle, rgba(40,180,92,.28), transparent 70%)}.hero:after{width:340px;height:340px;border-radius:50%;left:-120px;bottom:-100px;background:radial-gradient(circle, rgba(216,171,47,.18), transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.hero-copy{padding-right:10px}.hero-title{font-size:clamp(42px,6vw,82px);line-height:1.08;margin:18px 0 24px;font-weight:900;letter-spacing:-.04em}.hero-sub{font-size:clamp(18px,2vw,29px);line-height:1.85;color:rgba(255,255,255,.8);max-width:780px}.hero-list{display:grid;gap:16px;margin:34px 0 0;padding:0;list-style:none}.hero-list li{display:flex;align-items:center;gap:16px;font-size:clamp(18px,2vw,30px);font-weight:800}.hero-list .i{width:44px;height:44px;border-radius:14px;border:1px solid rgba(216,171,47,.6);display:grid;place-items:center;color:var(--gold);background:rgba(255,255,255,.05)}.hero-cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:18px 34px;border-radius:999px;border:2px solid var(--gold);background:linear-gradient(180deg,#0c5a2d,#094623);font-size:clamp(18px,1.7vw,24px);font-weight:900;box-shadow:var(--shadow)}.cta-btn.secondary{background:rgba(255,255,255,.06);border-color:rgba(216,171,47,.45)}
.store-row{display:flex;gap:18px;flex-wrap:wrap}.store-btn{display:flex;align-items:center;gap:16px;min-width:250px;padding:26px 28px;border-radius:24px;background:rgba(255,255,255,.08);border:2px solid rgba(216,171,47,.6);font-weight:900;font-size:clamp(24px,2vw,34px);box-shadow:0 0 42px rgba(39,165,86,.16)}
.device-stage{position:relative;display:flex;justify-content:center}.radio-shell{width:min(430px,100%);padding:28px;border-radius:42px;background:linear-gradient(180deg,#083316,#0d552a);border:3px solid rgba(216,171,47,.7);box-shadow:0 0 70px rgba(31,179,78,.22), var(--shadow);position:relative}.radio-shell:before{content:"";position:absolute;left:50%;top:18px;transform:translateX(-50%);width:120px;height:28px;background:#031a0d;border-radius:0 0 22px 22px}.radio-card{border-radius:34px;padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));display:grid;gap:18px}.radio-top{display:flex;align-items:center;gap:14px}.radio-mini-logo{width:40px;height:40px;border-radius:12px;border:1px solid rgba(216,171,47,.65);background:rgba(255,255,255,.04)}.radio-title{font-size:clamp(28px,3vw,38px);font-weight:900;line-height:1.2}.radio-kicker{font-size:13px;letter-spacing:.16em;color:rgba(255,255,255,.58);font-weight:900;text-transform:uppercase}.player-button{width:110px;height:110px;border:none;border-radius:50%;justify-self:center;font-size:38px;font-weight:900;background:linear-gradient(180deg,#ce4731,#bb2f26);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.34);cursor:pointer}.player-status{display:flex;justify-content:center;gap:8px;color:var(--gold);font-weight:900;letter-spacing:.2em;text-transform:uppercase;font-size:14px}.wave{display:flex;gap:7px;justify-content:center;align-items:end;height:36px}.wave span{width:6px;border-radius:99px;background:var(--gold);display:block;animation:wave 1s ease-in-out infinite}.wave span:nth-child(2){height:20px;animation-delay:.12s}.wave span:nth-child(1),.wave span:nth-child(5){height:12px}.wave span:nth-child(3){height:28px;animation-delay:.2s}.wave span:nth-child(4){height:18px;animation-delay:.28s}@keyframes wave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.prayer-times{display:grid;gap:12px}.prayer-times div{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.08);font-size:20px;font-weight:900}.prayer-times div:first-child{background:linear-gradient(90deg,rgba(216,171,47,.35),rgba(216,171,47,.12));color:#ffdd7d}.radio-link-line{padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.06);font-size:14px;line-height:1.6;color:rgba(255,255,255,.8);word-break:break-all}
.ticker-band{margin-top:26px;border-radius:24px;overflow:hidden;border:2px solid rgba(216,171,47,.55);box-shadow:var(--shadow-soft)}.ticker-inner{display:grid;grid-template-columns:270px 1fr;background:#0b4a25}.ticker-label{padding:20px 24px;background:#c18d12;color:#112616;font-size:clamp(18px,2vw,28px);font-weight:900;display:flex;align-items:center;gap:10px}.ticker-items{white-space:nowrap;overflow:hidden;padding:20px 0;position:relative}.ticker-items span{display:inline-block;padding-left:100%;animation:ticker 26s linear infinite;font-size:clamp(18px,1.8vw,26px);font-weight:800;color:#f6f2ea}@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.info-card{background:#fff;border-radius:30px;padding:42px 26px;box-shadow:var(--shadow-soft);min-height:300px;display:grid;align-content:center;justify-items:center;text-align:center;border-left:7px solid #c33d32}.info-card .label{font-size:clamp(24px,2vw,36px);font-weight:900;color:#4b5563}.info-card .num{font-size:clamp(46px,4vw,74px);font-weight:900;color:#c63b2f}.info-card .desc{font-size:clamp(18px,1.5vw,24px);font-weight:700;color:#c98c86}
.sponsor-box{background:#fff;border-radius:34px;padding:32px;box-shadow:var(--shadow-soft)}.sponsor-inner{border-radius:28px;background:#f7f7f3;padding:28px}.sponsor-inner img{width:100%;border-radius:22px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.socials{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.socials a{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(216,171,47,.65);background:rgba(255,255,255,.06);font-size:28px;font-weight:900}.quick-links,.contact-list{display:grid;gap:16px;padding:0;margin:0;list-style:none}.quick-links a,.contact-list div{font-size:clamp(20px,2vw,34px);font-weight:800;color:rgba(255,255,255,.86)}.contact-icon{color:var(--gold);margin-right:10px}
.news-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.news-card{background:#fff;border-radius:30px;overflow:hidden;box-shadow:var(--shadow-soft)}.news-thumb{display:block;aspect-ratio:16/10;background:#dce1d8}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-body{padding:22px 26px}.news-body h3{margin:0 0 16px;font-size:clamp(24px,2vw,36px);line-height:1.45;color:#1f2937}.news-meta{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #d6ddd1;color:#64748b;font-size:20px;font-weight:800}.read-all{display:flex;align-items:center;justify-content:center;gap:12px;width:min(680px,100%);margin:40px auto 0;padding:24px 26px;border-radius:999px;background:#0b4a25;color:#f6f3ea;border:3px solid var(--gold);font-size:clamp(22px,2vw,34px);font-weight:900;box-shadow:var(--shadow)}
.download-panel{display:grid;gap:30px}.whatsapp-card{display:grid;grid-template-columns:120px 1fr 90px;gap:26px;align-items:center;padding:30px;border-radius:34px;background:linear-gradient(180deg,#0c4f27,#0a3f1f);border:2px solid rgba(47,225,136,.28);box-shadow:0 0 44px rgba(39,211,102,.12)}.whatsapp-icon{width:108px;height:108px;border-radius:28px;background:linear-gradient(180deg,#35d881,#12b85e);display:grid;place-items:center;font-size:56px;box-shadow:0 0 40px rgba(53,216,129,.22)}.whatsapp-number{font-size:clamp(30px,4vw,62px);line-height:1.12;color:#2fe188;font-weight:900;margin-top:12px}.whatsapp-arrow{width:78px;height:78px;border-radius:24px;border:1px solid rgba(47,225,136,.26);display:grid;place-items:center;font-size:44px;color:#2fe188;background:rgba(255,255,255,.03)}
.site-footer{padding:38px 0 56px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}.footer-copy{font-size:clamp(16px,1.6vw,24px);font-weight:800;color:rgba(255,255,255,.65)}.floating-whatsapp{position:fixed;right:18px;bottom:18px;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:48px;color:#fff;background:linear-gradient(180deg,#2fe188,#0fb85b);box-shadow:0 0 40px rgba(47,225,136,.5);z-index:95}.single-wrap{width:min(900px,92%);margin:50px auto;background:#fff;color:#1f2937;padding:34px;border-radius:28px;box-shadow:var(--shadow-soft)}.single-wrap h1{font-size:clamp(34px,4vw,54px);line-height:1.2}.single-wrap .entry-meta{color:#6b7280;font-weight:700;margin-bottom:20px}.single-wrap .post-thumbnail{margin-bottom:24px}.single-wrap .post-thumbnail img{border-radius:22px}.single-wrap .entry-content{font-size:20px;line-height:1.9}.single-wrap .entry-content p{margin:0 0 1.1em}
@media (max-width:991px){.hero-grid,.about-grid,.news-wrap,.card-grid{grid-template-columns:1fr}.ticker-inner{grid-template-columns:1fr}.hero{padding-top:52px}.whatsapp-card{grid-template-columns:1fr;justify-items:start}.header-actions .live-pill{display:none}}
@media (max-width:767px){.header-row{padding:16px 0}.logo-wrap img,.custom-logo{width:62px;height:62px;border-radius:18px}.site-title{font-size:22px}.menu-toggle{width:62px;height:62px;font-size:30px;border-radius:18px}.main-nav{top:92px}.main-nav li a{font-size:18px;padding:14px 15px}.hero-title{font-size:30px}.hero-sub,.section-text{font-size:16px}.hero-list li,.quick-links a,.contact-list div{font-size:16px}.hero-list .i{width:36px;height:36px;border-radius:12px}.store-btn{min-width:0;width:100%;padding:20px;font-size:18px}.player-button{width:84px;height:84px;font-size:28px}.radio-title{font-size:22px}.prayer-times div{font-size:16px}.ticker-label,.ticker-items span{font-size:16px}.info-card{min-height:240px;padding:28px 20px}.info-card .label{font-size:18px}.info-card .num{font-size:42px}.info-card .desc{font-size:15px}.socials a{width:56px;height:56px;font-size:22px}.news-body h3{font-size:20px}.news-meta{font-size:15px}.read-all{font-size:18px;padding:18px 20px}.whatsapp-icon{width:82px;height:82px;font-size:40px}.whatsapp-number{font-size:22px}.whatsapp-arrow{width:64px;height:64px;font-size:32px}.floating-whatsapp{width:78px;height:78px;font-size:38px}}

/* V2.2 hidden WhatsApp and radio link */
.radio-link-line,.whatsapp-card,.floating-whatsapp{display:none !important;}

/* V2.4 ek düzenlemeler */
.live-pill{position:relative}
.live-pill .live-dot{
  animation:dfmPulse 1.1s infinite;
}
.live-pill .live-text{
  letter-spacing:.04em;
}
@keyframes dfmPulse{
  0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(255,75,75,.75)}
  70%{transform:scale(1.15);opacity:.9;box-shadow:0 0 0 14px rgba(255,75,75,0)}
  100%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(255,75,75,0)}
}
.player-status{
  display:flex;align-items:center;gap:12px;justify-content:center;
  color:#f6d67b;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
}
.player-status .status-dot{
  width:12px;height:12px;border-radius:50%;background:#ff4b4b;animation:dfmPulse 1.1s infinite;
}
.ticker-band{margin-top:36px}
.ticker-inner{
  overflow:hidden;border-radius:30px;border:2px solid rgba(216,171,47,.65);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  background:linear-gradient(180deg,#d7a51f 0%,#be8d11 100%);
}
.ticker-label{
  padding:20px 26px;font-size:clamp(18px,2.2vw,28px);font-weight:900;color:#17321c;
  border-bottom:1px solid rgba(23,50,28,.18)
}
.ticker-items{
  background:linear-gradient(180deg,#0b5b2d,#084421);
  color:#fff;white-space:nowrap;overflow:hidden;padding:18px 0;
}
.ticker-items span{
  display:inline-block;padding-left:100%;
  animation:dfmTicker 28s linear infinite;
  font-size:clamp(16px,2vw,26px);font-weight:800
}
@keyframes dfmTicker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

.gallery-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px
}
.gallery-card{
  background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 34px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.06)
}
.gallery-card img{width:100%;aspect-ratio:1/0.78;object-fit:cover}
.gallery-card .cap{padding:14px 16px;font-weight:800;color:#17321c;font-size:18px}
.radio-shell .radio-card{position:relative}
.radio-top-badge{
  position:absolute;top:24px;right:24px;display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.06);border:1px solid rgba(216,171,47,.4);
  color:#f2d06a;padding:10px 14px;border-radius:999px;font-weight:900;font-size:14px;
  backdrop-filter:blur(6px)
}
.radio-top-badge .status-dot{width:10px;height:10px;border-radius:50%;background:#ff4b4b;animation:dfmPulse 1.1s infinite}
.hero-list li{line-height:1.35}
.nav-contact{display:none !important}
.whatsapp-float,.whatsapp-button,.whatsapp-card,.whatsapp-wrap{display:none !important}
@media (max-width:900px){
  .gallery-grid{grid-template-columns:1fr}
  .ticker-label{padding:16px 20px}
}


/* ===== V3 ULTRA ===== */
.site-brand-text{
  display:flex;flex-direction:column;line-height:1.02
}
.site-brand-text .brand-top{
  font-size:clamp(28px,4vw,46px);font-weight:900;letter-spacing:.01em;color:#f1c54b
}
.site-brand-text .brand-sub{
  font-size:clamp(11px,1.1vw,14px);font-weight:800;letter-spacing:.28em;color:#dfe9df;opacity:.88;text-transform:uppercase
}
.logo-text-only{
  width:92px;height:92px;border-radius:28px;border:2px solid rgba(216,171,47,.7);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  background:linear-gradient(180deg,#0d5b2f,#093f22);
  box-shadow:0 0 0 7px rgba(216,171,47,.10),0 18px 40px rgba(0,0,0,.25)
}
.logo-text-only strong{
  color:#fff;font-size:22px;line-height:1.0;font-weight:900;text-align:center
}
.logo-text-only span{
  color:#d7a51f;font-size:9px;letter-spacing:.14em;font-weight:800;text-align:center;margin-top:4px
}
.hero-card-badge{
  display:inline-flex;align-items:center;gap:12px;
  padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.08);
  border:1px solid rgba(216,171,47,.35);color:#f2d06a;font-weight:900
}
.hero-card-badge .status-dot,.mini-live .status-dot{
  width:12px;height:12px;border-radius:50%;background:#ff4b4b;animation:dfmPulse 1.15s infinite
}
.mini-live{
  display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;
  background:#0d4728;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.08)
}
.top-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.top-actions .action-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:16px;padding:14px 18px;border:1px solid rgba(216,171,47,.55);
  background:linear-gradient(180deg,#255f37,#1c4b2d);color:#fff;font-weight:800;text-decoration:none;
  box-shadow:0 12px 28px rgba(0,0,0,.12)
}
.app-badges-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px
}
.store-badge{
  display:flex;align-items:center;justify-content:center;min-height:88px;border-radius:22px;
  background:linear-gradient(180deg,#2f6a42,#295b39);border:1px solid rgba(216,171,47,.5);
  color:#fff;text-decoration:none;font-weight:900;font-size:24px;box-shadow:0 16px 30px rgba(0,0,0,.15)
}
.store-badge small{display:block;font-size:13px;opacity:.85;letter-spacing:.1em;text-transform:uppercase}
.portal-panels{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px
}
.portal-panel{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:22px;
  box-shadow:0 18px 30px rgba(0,0,0,.08)
}
.portal-panel h3{margin:0 0 12px;color:#17321c;font-size:23px}
.portal-panel ul{margin:0;padding-left:18px}
.portal-panel li{margin:8px 0;color:#435046;font-weight:700}
.news-fix{overflow:hidden}
@media (max-width:900px){
  .portal-panels,.app-badges-grid{grid-template-columns:1fr}
}


/* ===== V4 APK + PWA buttons ===== */
.install-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:26px;
}
.install-card{
  background:linear-gradient(180deg,#0d5b2f,#083d20);
  border:1px solid rgba(216,171,47,.55);
  border-radius:24px;
  padding:22px;
  box-shadow:0 18px 36px rgba(0,0,0,.18);
  color:#fff;
}
.install-card h3{
  margin:0 0 10px;
  font-size:24px;
  color:#f2d06a;
}
.install-card p{
  margin:0 0 16px;
  line-height:1.7;
  color:#eaf2ea;
  font-weight:600;
}
.install-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.install-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  min-height:54px;
  padding:0 18px;
  border-radius:16px;
  font-weight:900;
  border:1px solid rgba(216,171,47,.55);
  background:linear-gradient(180deg,#d8ab2f,#b98911);
  color:#17321c;
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}
.install-note{
  margin-top:14px;
  font-size:13px;
  opacity:.9;
}
.install-steps{
  margin:12px 0 0;
  padding-left:18px;
}
.install-steps li{
  margin:7px 0;
  color:#eef4ee;
  font-weight:600;
}
@media (max-width:900px){
  .install-grid{grid-template-columns:1fr}
}


/* ===== V5 ULTRA PREMIUM ===== */
:root{
  --dfm-bg:#071f12;
  --dfm-bg2:#0d4e2a;
  --dfm-gold:#d8ab2f;
  --dfm-gold-soft:#f1d27a;
  --dfm-white:#f5f6f2;
  --dfm-card:#ffffff;
  --dfm-text:#18321f;
  --dfm-muted:#5a665d;
}
body{
  background:
    radial-gradient(circle at 10% 10%, rgba(216,171,47,.09), transparent 18%),
    radial-gradient(circle at 90% 20%, rgba(255,255,255,.05), transparent 20%),
    linear-gradient(180deg,#f1f2ed 0%, #e8ece5 100%);
}
.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(8px);
  box-shadow:0 16px 34px rgba(0,0,0,.16);
}
.container{
  width:min(1180px,calc(100% - 28px));
}
.hero{
  position:relative;
  overflow:hidden;
  background:
   radial-gradient(circle at 20% 25%, rgba(216,171,47,.18), transparent 20%),
   linear-gradient(135deg,#06220f 0%, #0b542c 45%, #063018 100%);
  border-bottom-left-radius:34px;
  border-bottom-right-radius:34px;
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.02), transparent 40%, rgba(216,171,47,.03) 70%, transparent);
  pointer-events:none;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:28px;
  align-items:center;
}
.hero-copy{
  padding:20px 0 10px;
}
.hero-title{
  font-size:clamp(34px,5vw,64px);
  line-height:1.02;
  margin:0 0 14px;
  color:var(--dfm-white);
  font-weight:900;
  letter-spacing:-.02em;
}
.hero-subtext{
  color:rgba(245,246,242,.9);
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.8;
  margin-bottom:22px;
  max-width:760px;
}
.hero-points{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 12px;
}
.hero-point{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(216,171,47,.32);
  color:#f5f6f2;
  border-radius:20px;
  padding:16px 16px;
  font-weight:800;
  box-shadow:0 14px 28px rgba(0,0,0,.12);
}
.hero-cta{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;
}
.hero-btn{
  min-height:56px;padding:0 22px;border-radius:18px;
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font-weight:900;font-size:16px;
  border:1px solid rgba(216,171,47,.55);
  box-shadow:0 16px 28px rgba(0,0,0,.14);
}
.hero-btn.primary{background:linear-gradient(180deg,#d9ad33,#b98911);color:#17321c}
.hero-btn.secondary{background:rgba(255,255,255,.08);color:#fff}
.hero-card{
  background:linear-gradient(180deg,rgba(8,49,25,.82),rgba(10,76,39,.86));
  border:2px solid rgba(216,171,47,.55);
  border-radius:34px;
  padding:28px 26px;
  box-shadow:0 24px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.hero-card h3{
  margin:14px 0 10px;font-size:38px;line-height:1.05;color:#fff;
}
.hero-card p{
  margin:0 0 18px;color:rgba(255,255,255,.86);font-weight:700;line-height:1.7;
}
.prayer-list{
  display:grid;gap:12px;margin-top:18px;
}
.prayer-item{
  display:flex;justify-content:space-between;align-items:center;
  background:rgba(255,255,255,.08);
  border-radius:18px;padding:16px 18px;color:#fff;font-size:22px;font-weight:900;
}
.section{
  padding:64px 0;
}
.section-title{
  font-size:clamp(30px,4vw,50px);
  line-height:1.08;margin:0 0 14px;color:#12331b;font-weight:900;
}
.section-text{
  font-size:18px;line-height:1.9;color:#4e5c53;max-width:880px
}
.badge{
  display:inline-flex;align-items:center;gap:10px;
  min-height:48px;border-radius:999px;padding:0 18px;
  background:#f4f4ee;border:1px solid rgba(18,51,27,.12);
  color:#155329;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  box-shadow:0 10px 24px rgba(0,0,0,.07)
}
.premium-card-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px
}
.premium-card{
  background:#fff;border-radius:28px;padding:24px;border:1px solid rgba(0,0,0,.06);
  box-shadow:0 20px 34px rgba(0,0,0,.08)
}
.premium-card h3{margin:0 0 10px;color:#16351c;font-size:24px}
.premium-card p{margin:0;color:#5a665d;line-height:1.8;font-weight:600}
.gallery-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.gallery-card{
  border-radius:28px;
  overflow:hidden;
  background:#fff;
}
.gallery-card .cap{
  font-size:17px;
}
.radio-shell{
  display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center
}
.radio-card{
  border-radius:34px;
  padding:30px;
}
.player-button{
  width:110px;height:110px;border-radius:50%;font-size:34px;
  box-shadow:0 22px 42px rgba(0,0,0,.22)
}
.ticker-band{
  margin-top:34px;
}
.ticker-inner{
  border-radius:28px;
}
.ticker-label{
  font-size:22px;
}
.footer-clean{
  background:linear-gradient(180deg,#082311,#0c371d);
  color:#fff;
  border-top-left-radius:30px;
  border-top-right-radius:30px;
  padding:34px 0;
}
.footer-clean .footer-grid{
  display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start
}
.footer-mini{
  color:rgba(255,255,255,.82);line-height:1.8;font-weight:600
}
.footer-links a{
  display:block;color:#fff;text-decoration:none;font-weight:800;margin:8px 0
}
.hero-brand-block{
  display:flex;align-items:center;gap:16px;margin-bottom:20px
}
.hero-brand-mark{
  width:84px;height:84px;border-radius:26px;
  background:linear-gradient(180deg,#0b4c27,#0a361d);
  border:2px solid rgba(216,171,47,.7);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  box-shadow:0 0 0 8px rgba(216,171,47,.08),0 20px 34px rgba(0,0,0,.2)
}
.hero-brand-mark strong{font-size:23px;line-height:1;color:#fff;font-weight:900}
.hero-brand-mark span{font-size:9px;letter-spacing:.14em;color:#d8ab2f;font-weight:800;margin-top:4px}
.hero-brand-txt .top{font-size:20px;font-weight:900;color:#f0ca57;letter-spacing:.12em;text-transform:uppercase}
.hero-brand-txt .sub{font-size:14px;color:rgba(255,255,255,.74);font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.callout-bar{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-top:26px;background:#fff;border-radius:24px;padding:18px 20px;
  box-shadow:0 18px 30px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05)
}
.callout-bar strong{font-size:22px;color:#17321c}
.callout-bar span{color:#5d695f;font-weight:700}
.callout-bar a{
  text-decoration:none;min-height:50px;padding:0 18px;border-radius:16px;
  display:inline-flex;align-items:center;justify-content:center;background:#0d4e2a;color:#fff;font-weight:900
}
@media (max-width:980px){
  .hero-grid,.radio-shell,.footer-clean .footer-grid,.premium-card-grid{grid-template-columns:1fr}
  .hero-points{grid-template-columns:1fr}
  .callout-bar{flex-direction:column;align-items:flex-start}
}


/* ===== V7 ULTRA ISLAMI PORTAL ===== */
:root{
  --dfm-green:#0b4d29;
  --dfm-green-dark:#072114;
  --dfm-gold:#d7ab31;
  --dfm-white:#f6f5ef;
  --dfm-ink:#14301b;
  --dfm-muted:#5a685f;
  --dfm-card:#ffffff;
}
.hero-topbar{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
  margin-top:26px;
}
.live-station-card,
.listeners-card{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
  border:1px solid rgba(216,171,47,.28);
  border-radius:26px;
  padding:22px;
  box-shadow:0 18px 34px rgba(0,0,0,.14);
}
.station-kicker{
  color:#f1cd64;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.18em;
  margin-bottom:10px;
}
.station-title{
  color:#fff;
  font-size:32px;
  line-height:1.08;
  font-weight:900;
  margin:0 0 10px;
}
.station-meta{
  color:rgba(255,255,255,.82);
  font-weight:700;
  line-height:1.8;
}
.listeners-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  border-radius:999px;
  padding:0 14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.09);
  font-weight:900;
}
.listeners-value{
  font-size:44px;
  line-height:1;
  color:#fff;
  font-weight:900;
  margin:16px 0 8px;
}
.listeners-label{
  color:rgba(255,255,255,.82);
  font-weight:700;
}
.islamic-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:28px;
}
.islamic-card{
  background:#fff;
  border-radius:28px;
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 20px 34px rgba(0,0,0,.08);
  padding:24px;
}
.islamic-card h3{
  margin:0 0 10px;
  color:#17331d;
  font-size:24px;
  line-height:1.18;
}
.islamic-card p,
.islamic-card li{
  color:#5b675f;
  line-height:1.8;
  font-weight:600;
}
.islamic-card ul{
  margin:0;
  padding-left:18px;
}
.quote-card{
  background:linear-gradient(135deg,#0b4d29,#0f6435);
  color:#fff;
  border-radius:30px;
  padding:28px;
  box-shadow:0 22px 42px rgba(0,0,0,.18);
  border:1px solid rgba(216,171,47,.34);
}
.quote-card .quote-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  border-radius:999px;
  padding:0 14px;
  background:rgba(255,255,255,.08);
  color:#f0cf74;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
}
.quote-card blockquote{
  margin:18px 0 10px;
  font-size:30px;
  line-height:1.35;
  font-weight:900;
  color:#fff;
}
.quote-card cite{
  display:block;
  font-style:normal;
  color:rgba(255,255,255,.82);
  font-weight:700;
}
.dual-quote-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:28px;
}
.tasbih-wrap{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.tasbih-card{
  background:#fff;
  border-radius:26px;
  padding:24px;
  text-align:center;
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 18px 30px rgba(0,0,0,.08);
}
.tasbih-card h4{
  margin:0 0 12px;
  font-size:24px;
  color:#17331d;
}
.tasbih-count{
  font-size:50px;
  line-height:1;
  margin:10px 0 14px;
  font-weight:900;
  color:#0b4d29;
}
.tasbih-btn{
  min-height:52px;
  padding:0 18px;
  border:0;
  border-radius:16px;
  background:linear-gradient(180deg,#d8ab31,#b78911);
  color:#17321c;
  font-weight:900;
  font-size:18px;
  cursor:pointer;
  box-shadow:0 12px 22px rgba(0,0,0,.12);
}
.schedule-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:28px;
}
.schedule-card{
  background:#fff;
  border-radius:28px;
  padding:24px;
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 18px 32px rgba(0,0,0,.08);
}
.schedule-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px dashed rgba(0,0,0,.08);
  padding:14px 0;
}
.schedule-item:last-child{border-bottom:0}
.schedule-time{
  color:#0b4d29;
  font-weight:900;
  min-width:82px;
}
.schedule-name{
  color:#4f5d54;
  font-weight:700;
  flex:1;
}
.countdown-card{
  background:linear-gradient(135deg,#0a411f,#0f6436);
  color:#fff;
  border-radius:30px;
  padding:28px;
  border:1px solid rgba(216,171,47,.32);
  box-shadow:0 22px 42px rgba(0,0,0,.18);
}
.countdown-label{
  color:#f3d57f;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:12px;
}
.countdown-title{
  font-size:34px;
  line-height:1.15;
  margin:14px 0 8px;
  font-weight:900;
}
.countdown-value{
  font-size:54px;
  line-height:1;
  font-weight:900;
  color:#fff;
}
.video-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.video-link-card{
  display:block;
  text-decoration:none;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 16px 30px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.05);
}
.video-link-card .thumb{
  aspect-ratio:16/10;
  background:linear-gradient(135deg,#0b4d29,#0f6a38);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:42px;
}
.video-link-card .body{
  padding:18px;
}
.video-link-card .body h4{
  margin:0 0 8px;
  color:#17331d;
  font-size:22px;
}
.video-link-card .body p{
  margin:0;
  color:#5d695f;
  line-height:1.7;
  font-weight:600;
}
.dua-form-card{
  background:#fff;
  border-radius:30px;
  padding:28px;
  box-shadow:0 18px 34px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.05);
}
.dua-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:18px;
}
.dua-input,
.dua-textarea{
  width:100%;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
  background:#f7f8f4;
  min-height:54px;
  padding:0 16px;
  color:#17331d;
  font-weight:700;
}
.dua-textarea{
  min-height:140px;
  padding:16px;
  resize:vertical;
}
.dua-submit{
  min-height:54px;
  padding:0 22px;
  border:0;
  border-radius:16px;
  background:#0b4d29;
  color:#fff;
  font-weight:900;
  font-size:18px;
}
.form-note{
  margin-top:12px;
  color:#66736a;
  font-weight:600;
  line-height:1.7;
}
.small-muted{
  color:#66736a;
  line-height:1.75;
  font-weight:600;
}
@media (max-width:980px){
  .hero-topbar,
  .islamic-grid,
  .dual-quote-grid,
  .tasbih-wrap,
  .schedule-grid,
  .video-links,
  .dua-form-grid{
    grid-template-columns:1fr;
  }
  .listeners-value{font-size:38px}
  .quote-card blockquote{font-size:24px}
}


/* V7.1 gallery link/title fix */
.gallery-card a{
  text-decoration:none;
  color:inherit;
  display:block;
}
.gallery-card .cap{
  min-height: 112px;
  word-break: break-word;
}


/* V8 stage2 */
.hero-card{display:none !important;}
.hero-grid{grid-template-columns:1fr !important;}
.post-slider-wrap{
  margin-top:28px;
  background:#fff;
  border-radius:28px;
  padding:18px;
  box-shadow:0 18px 34px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.05);
}
.post-slider{
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:6px;
}
.post-slide{
  min-width:250px;
  max-width:250px;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 12px 24px rgba(0,0,0,.08);
  scroll-snap-align:start;
  text-decoration:none;
  color:inherit;
}
.post-slide img{
  width:100%;
  height:160px;
  object-fit:cover;
  display:block;
}
.post-slide .body{
  padding:16px;
}
.post-slide .body h4{
  margin:0;
  color:#17331d;
  font-size:22px;
  line-height:1.28;
}
.whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  width:66px;
  height:66px;
  border-radius:50%;
  background:linear-gradient(180deg,#1fd36a,#10a84f);
  color:#fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  text-decoration:none;
  box-shadow:0 16px 32px rgba(0,0,0,.22),0 0 0 10px rgba(31,211,106,.14);
  z-index:9999;
}
.footer-contact{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:22px;
}
.footer-contact .box{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:20px;
}
.footer-contact .box h4{
  margin:0 0 10px;
  color:#f1cf73;
  font-size:24px;
}
.footer-contact .box p, .footer-contact .box a{
  color:#fff;
  text-decoration:none;
  margin:8px 0;
  display:block;
  font-weight:700;
  line-height:1.7;
}
.mobile-menu-panel .menu-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:52px;
  padding:0 14px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  margin:10px 0;
}
@media (max-width:900px){
  .footer-contact{grid-template-columns:1fr;}
}


/* ===== V10 CLEAN REBUILD ===== */
html,body{background:#082311 !important;}
body{
  background:
    radial-gradient(circle at 15% 10%, rgba(216,171,47,.06), transparent 18%),
    radial-gradient(circle at 85% 20%, rgba(255,255,255,.03), transparent 16%),
    linear-gradient(180deg,#06210f 0%,#0a4c28 45%,#072515 100%) !important;
  color:#fff;
}
.site-main{background:transparent !important}
.section,.section-light,.hero,.footer-clean,.dua-form-card,.schedule-card,.premium-card,.install-card,.quote-card,.islamic-card,.gallery-card,.post-slider-wrap,.portal-panel,.tasbih-card,.countdown-card{
  background:linear-gradient(180deg,rgba(8,49,25,.94),rgba(10,76,39,.95)) !important;
  color:#fff !important;
  border-color:rgba(216,171,47,.28) !important;
}
.section-title,.section-text,.small-muted,.station-title,.station-meta,.premium-card h3,.premium-card p,.islamic-card h3,.islamic-card p,.islamic-card li,.gallery-card .cap,.countdown-title,.install-card h3,.install-card p,.install-note,.quote-card cite,.schedule-name,.form-note,.footer-mini,.prayer-item,.listeners-label,.ticker-label,.post-slide .body h4,.post-slide .body p,.video-link-card .body h4,.video-link-card .body p{
  color:#fff !important;
}
.badge,.listeners-badge,.mini-live,.hero-card-badge,.quote-card .quote-label{
  background:rgba(255,255,255,.08) !important;
  color:#f2d06a !important;
  border-color:rgba(216,171,47,.3) !important;
}
.hero-point,.schedule-item,.prayer-item,.mobile-menu-panel .menu-list a{
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  border-color:rgba(216,171,47,.18) !important;
}
.hero-topbar,.hero-copy .section-text,.install-grid,#uygulama-indir,.post-slider-wrap .badge,.callout-bar,.hero-card,.countdown-card,.schedule-card,.dua-form-card{box-shadow:0 18px 34px rgba(0,0,0,.18)!important}
.post-slider-wrap,.dua-form-card,.gallery-card,.islamic-card,.video-link-card,.install-card,.schedule-card,.tasbih-card{
  border-radius:28px !important;
}
.post-slide,.video-link-card{
  background:rgba(255,255,255,.05) !important;
}
.post-slide .body h4,.gallery-card .cap{font-size:20px !important; line-height:1.32 !important;}
.gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
.gallery-card img{
  width:100% !important;
  height:210px !important;
  object-fit:cover !important;
}
.gallery-card .cap{
  min-height:auto !important;
  padding:16px 18px 20px !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}
/* Hide sections user wants removed */
#uygulama-indir,
.install-grid,
.callout-bar,
.hero-point:nth-child(1),
.hero-point:nth-child(2),
.hero-point:nth-child(3),
.hero-point:nth-child(4){
  display:none !important;
}
.post-slider-wrap{
  margin-top:26px !important;
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
  border:none !important;
}
.post-slider{
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:8px 2px 8px 2px;
}
.post-slide{
  min-width:280px;
  max-width:280px;
  scroll-snap-align:start;
  border-radius:24px;
  overflow:hidden;
  text-decoration:none;
  color:#fff !important;
  border:1px solid rgba(216,171,47,.28);
  box-shadow:0 14px 26px rgba(0,0,0,.18);
}
.post-slide img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
}
.post-slide .body{
  padding:16px 16px 18px;
}
.post-slide .meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#f2d06a;
  font-weight:900;
  margin-bottom:10px;
}
.post-slide .meta .tick{
  color:#3aa2ff;
  font-size:18px;
  line-height:1;
}
.mobile-menu-panel{
  position:fixed;
  top:0;
  right:-100%;
  width:min(88vw,380px);
  height:100vh;
  background:linear-gradient(180deg,#06210f,#0a4c28);
  border-left:1px solid rgba(216,171,47,.25);
  box-shadow:-20px 0 40px rgba(0,0,0,.26);
  z-index:99999;
  transition:right .28s ease;
  padding:22px 18px 24px;
  overflow:auto;
}
.mobile-menu-panel.is-open{right:0;}
.mobile-menu-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:99998;display:none;
}
.mobile-menu-overlay.is-open{display:block;}
.mobile-menu-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:16px;
}
.mobile-menu-close{
  width:44px;height:44px;border-radius:14px;border:1px solid rgba(216,171,47,.35);
  background:rgba(255,255,255,.06);color:#fff;font-size:22px;font-weight:900;
}
.mobile-menu-panel .menu-title{
  color:#f2d06a;font-weight:900;font-size:24px;
}
.mobile-menu-panel .menu-list a{
  display:flex;align-items:center;justify-content:space-between;
  min-height:54px;padding:0 16px;border-radius:18px;text-decoration:none;
  font-weight:800;margin:10px 0;
}
.mobile-menu-panel .menu-list a span:last-child{color:#f2d06a;font-size:20px}
.whatsapp-float{
  position:fixed;right:16px;bottom:16px;width:66px;height:66px;border-radius:50%;
  display:flex !important;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#22d366,#11a74f) !important;
  color:#fff !important;font-size:32px;text-decoration:none;
  box-shadow:0 16px 32px rgba(0,0,0,.24),0 0 0 10px rgba(34,211,102,.14);
  z-index:99997;
}
.footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.footer-contact .box{background:rgba(255,255,255,.06);border:1px solid rgba(216,171,47,.2);border-radius:24px;padding:20px}
.footer-contact .box h4{color:#f2d06a !important;margin:0 0 10px;font-size:24px}
.footer-contact .box p,.footer-contact .box a{color:#fff !important;text-decoration:none;line-height:1.7;display:block}
input,textarea{
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  border-color:rgba(216,171,47,.18) !important;
}
button,.hero-btn.primary,.install-btn,.tasbih-btn,.dua-submit{
  background:linear-gradient(180deg,#d8ab31,#b78911) !important;
  color:#17321c !important;
}
.hero-btn.secondary{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}
a{color:#f2d06a}
.single-post,.page,.archive,.category,.search{
  background:
    radial-gradient(circle at 15% 10%, rgba(216,171,47,.05), transparent 18%),
    linear-gradient(180deg,#06210f 0%,#0a4c28 55%,#072515 100%) !important;
}
.entry-content,.entry-title,.entry-header,.site-content,.content-area,.entry-meta,.entry-content p,.entry-content li,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
  color:#fff !important;
}
.entry-content a{color:#7dc2ff !important}
.social-share-wrap{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:24px 0 0;
}
.share-btn{
  display:flex;align-items:center;justify-content:center;min-height:52px;
  text-decoration:none;border-radius:18px;font-weight:900;
  background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(216,171,47,.22)
}
.comment-respond,.comments-area,.comment-list li{
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  border-radius:24px;
  border:1px solid rgba(216,171,47,.12);
  padding:18px;
}
@media (max-width:900px){
  .gallery-grid{grid-template-columns:1fr !important;}
  .footer-contact{grid-template-columns:1fr !important;}
  .social-share-wrap{grid-template-columns:1fr 1fr;}
}


/* V10.1 requested cleanup */
.hero-topbar,
.hero-point,
.hero-subtext,
.hero-copy .badge,
#galeri .badge,
#galeri .section-title,
#galeri .section-text,
#paylasimlar .badge,
#paylasimlar .section-title{
  display:none !important;
}
.post-slider-wrap{
  margin-top:26px !important;
}
.post-slider{
  scrollbar-width:none;
}
.post-slider::-webkit-scrollbar{display:none;}
.post-slide .meta{
  margin-bottom:8px !important;
}
.post-slide .meta .tick{
  color:#1d9bf0 !important;
  font-size:19px !important;
  font-weight:900 !important;
}
.post-slide .body h4{
  font-size:22px !important;
}
.gallery-grid{
  margin-top:8px !important;
}


/* ===== V10.2 final cleanup ===== */
.hero-brand-block,
.mini-live,
.hero-title,
.hero-copy > .hero-subtext,
.hero-cta,
.ticker-band,
.hero-topbar,
#paylasimlar .badge,
#paylasimlar .section-title,
#paylasimlar .section-text,
#galeri .badge,
#galeri .section-title,
#galeri .section-text,
.hero-copy .hero-point,
.hero-copy .hero-points {
  display:none !important;
}

.hero {
  padding-top: 0 !important;
  border-bottom-left-radius: 34px !important;
  border-bottom-right-radius: 34px !important;
}

.hero .container {
  padding-top: 18px !important;
  padding-bottom: 24px !important;
}

.hero-grid,
.hero-copy {
  display:block !important;
}

.post-slider-wrap {
  margin-top: 0 !important;
  padding-top: 8px !important;
}

.post-slider {
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding: 6px 4px 10px !important;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.post-slider::-webkit-scrollbar{display:none;}

.post-slide {
  min-width: 86vw !important;
  max-width: 86vw !important;
  border-radius: 28px !important;
  overflow:hidden;
  text-decoration:none !important;
  color:#fff !important;
  box-shadow:0 16px 30px rgba(0,0,0,.22) !important;
  border:1px solid rgba(216,171,47,.24) !important;
  background:linear-gradient(180deg,rgba(8,49,25,.95),rgba(10,76,39,.95)) !important;
}
@media (min-width: 900px){
  .post-slide{min-width: 360px !important; max-width: 360px !important;}
}

.post-slide img{
  width:100% !important;
  height:220px !important;
  object-fit:cover !important;
  display:block !important;
}
.post-slide .body{
  padding:18px 18px 22px !important;
}
.post-slide .meta{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:34px !important;
  margin-bottom:10px !important;
  color:#f2d06a !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  font-size:12px !important;
}
.post-slide .meta .tick{
  color:#1d9bf0 !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
.post-slide .body h4{
  font-size:28px !important;
  line-height:1.24 !important;
  margin:0 !important;
  color:#fff !important;
}

/* make all content sections green and tighter */
.section {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}
#galeri .container,
#iletisim .container,
.section .container {
  background: transparent !important;
}

/* remove all leftover white blocks on archives/single */
.site, #page, .site-main, .content-area, .site-content {
  background: transparent !important;
}


/* ===== V11 FEATURED SLIDER REBUILD ===== */
:root{
  --dfm-green:#06391f;
  --dfm-green-2:#0a4c28;
  --dfm-gold:#c6a44c;
  --dfm-beige:#ddd5c6;
  --dfm-white:#f6f4ed;
}
body{
  background: linear-gradient(180deg,#082311 0%,#0a4b27 100%) !important;
}
.hero{
  padding: 26px 0 34px !important;
}
.hero-copy,.hero-grid,.hero-point,.hero-points,.hero-cta,.hero-topbar,.hero-brand-block,.mini-live,.ticker-band,.hero-title,.hero-subtext,.post-slider-wrap{
  all: unset;
}
.hero-grid{display:block !important;}
.featured-slider-shell{
  background: var(--dfm-beige);
  border: 1px solid rgba(198,164,76,.45);
  border-radius: 8px;
  padding: 18px 18px 22px;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}
.featured-stage{
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(136,120,80,.45);
  background: #111;
}
.featured-track{
  display:flex;
  transition: transform .45s ease;
}
.featured-slide{
  min-width:100%;
  position:relative;
  text-decoration:none;
  color:#fff;
}
.featured-slide img{
  width:100%;
  height: 360px;
  object-fit: cover;
  display:block;
}
.featured-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.58) 28%, rgba(0,0,0,.14) 62%, rgba(0,0,0,0) 100%);
}
.featured-content{
  position:absolute;
  left: 34px;
  top: 34px;
  width:min(48%, 520px);
  z-index:2;
}
.featured-kicker{
  color:#ffe45a;
  font-size:16px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.featured-title{
  color:#fff;
  font-size: clamp(28px, 3.4vw, 62px);
  line-height:1.02;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.02em;
}
.featured-nav{
  display:grid;
  grid-template-columns: repeat(15, minmax(0,1fr));
  gap: 10px;
  margin-top: 18px;
}
.featured-dot{
  min-height: 74px;
  border:0;
  border-radius:0;
  background:#013d18;
  color:#fff;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.featured-dot.is-active{
  background: var(--dfm-gold);
  color:#fff;
}
#galeri .badge,#galeri .section-title,#galeri .section-text,
#iletisim .badge,#iletisim .section-title,#iletisim .section-text{
  display:none !important;
}
.section{
  padding: 34px 0 !important;
}
.gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
.gallery-card{
  overflow:hidden;
  border-radius:18px !important;
  background: linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96)) !important;
}
.gallery-card img{
  height:210px !important;
  object-fit:cover !important;
}
.gallery-card .cap{
  font-size:20px !important;
  line-height:1.28 !important;
}
.site-brand-text .brand-top{font-size:60px}
.whatsapp-float{
  width:68px;height:68px;font-size:34px;
}
@media (max-width: 900px){
  .featured-slide img{height: 240px;}
  .featured-content{
    left:18px;
    top:18px;
    width:72%;
  }
  .featured-title{
    font-size: clamp(18px, 6vw, 34px);
  }
  .featured-nav{
    grid-template-columns: repeat(5, minmax(0,1fr));
  }
  .gallery-grid{
    grid-template-columns:1fr !important;
  }
}


/* ===== V11.1 clean slider ===== */
.featured-slider-shell{
  padding:14px 14px 18px !important;
  border-radius:22px !important;
}
.featured-stage{
  border-width:1px !important;
  border-radius:14px !important;
}
.featured-slide img{
  height:300px !important;
}
.featured-content{
  left:20px !important;
  top:20px !important;
  width:68% !important;
}
.featured-kicker{
  font-size:14px !important;
  margin-bottom:8px !important;
}
.featured-title{
  font-size: clamp(20px, 5vw, 42px) !important;
  line-height:1.08 !important;
}
.featured-nav{
  display:flex !important;
  gap:8px !important;
  margin-top:14px !important;
  overflow:hidden !important;
}
.featured-dot{
  flex:1 1 auto !important;
  min-height:8px !important;
  max-height:8px !important;
  border-radius:999px !important;
  font-size:0 !important;
  color:transparent !important;
  background:rgba(6,57,31,.55) !important;
  box-shadow:none !important;
}
.featured-dot.is-active{
  background:linear-gradient(90deg,#d9b24a,#f1d37a) !important;
}
@media (max-width:900px){
  .featured-slide img{
    height:230px !important;
  }
  .featured-content{
    width:78% !important;
  }
}

/* video section */
.video-clean-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.video-card-clean{
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.24);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 28px rgba(0,0,0,.18);
}
.video-card-clean .thumb{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}
.video-card-clean .body{
  padding:16px;
}
.video-card-clean .body .meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#f2d06a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.video-card-clean .body .meta .tick{
  color:#1d9bf0;
  font-size:18px;
  line-height:1;
}
.video-card-clean .body h3{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1.24;
}
#video-merkezi .badge,
#video-merkezi .section-title,
#video-merkezi .section-text{
  display:none !important;
}
@media (max-width:900px){
  .video-clean-grid{
    grid-template-columns:1fr;
  }
  .video-card-clean .thumb{
    height:200px;
  }
}


/* ===== V12 easy media + radio controls ===== */
.radio-fixed-control{
  position:fixed;
  left:16px;
  bottom:16px;
  z-index:99996;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.28);
  box-shadow:0 14px 26px rgba(0,0,0,.22);
}
.radio-fixed-control button{
  min-width:52px;
  min-height:52px;
  border-radius:50%;
  border:0;
  background:linear-gradient(180deg,#d8ab31,#b78911);
  color:#17321c;
  font-size:22px;
  font-weight:900;
}
.radio-fixed-control .label{
  color:#fff;
  font-weight:900;
  line-height:1.1;
}
.radio-fixed-control .sub{
  color:#f2d06a;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.gallery-multi-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
@media (max-width:900px){
  .gallery-multi-grid{grid-template-columns:1fr;}
}


/* ===== V14 ULTRA ===== */
:root{
  --dfm-bg:#06210f;
  --dfm-bg2:#0a4c28;
  --dfm-gold:#d8ab31;
  --dfm-gold2:#f0cf74;
  --dfm-white:#f6f4ed;
  --dfm-muted:rgba(255,255,255,.82);
  --dfm-blue:#1d9bf0;
}
html,body{background:linear-gradient(180deg,#06210f 0%, #0a4c28 100%) !important;color:#fff;}
body{
  background:
   radial-gradient(circle at 18% 12%, rgba(216,171,47,.08), transparent 18%),
   radial-gradient(circle at 88% 20%, rgba(255,255,255,.03), transparent 16%),
   linear-gradient(180deg,#06210f 0%,#0a4c28 55%,#072515 100%) !important;
}
.site,.site-main,#page,.site-content,.content-area{background:transparent !important;}
.container{width:min(1180px,calc(100% - 22px));}
.site-header{
  position:sticky;top:0;z-index:9999;
  backdrop-filter:blur(8px);
  background:linear-gradient(180deg,rgba(6,33,15,.92),rgba(10,76,40,.92));
  box-shadow:0 16px 30px rgba(0,0,0,.18);
}
.logo-text-only{
  width:96px;height:96px;border-radius:28px;
  background:linear-gradient(180deg,#0b4d29,#0a361d);
  border:2px solid rgba(216,171,47,.7);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  box-shadow:0 0 0 8px rgba(216,171,47,.08),0 20px 34px rgba(0,0,0,.2);
}
.logo-text-only strong{font-size:25px;line-height:1;color:#fff;font-weight:900;text-align:center}
.logo-text-only span{font-size:10px;letter-spacing:.14em;color:#d8ab31;font-weight:800;margin-top:4px}
.brand-top{font-size:54px;color:#d8ab31;font-weight:900;line-height:1}
#dfmMenuToggle{
  width:92px;height:92px;border-radius:28px;border:2px solid rgba(216,171,47,.62);
  background:rgba(255,255,255,.05);color:#d8ab31;font-size:38px;font-weight:900;
}
.hero{padding:24px 0 28px !important;}
.featured-slider-shell{
  background:#ddd5c6;
  border:1px solid rgba(198,164,76,.45);
  border-radius:18px;
  padding:14px;
  box-shadow:0 20px 40px rgba(0,0,0,.18);
}
.featured-stage{
  position:relative;overflow:hidden;background:#111;border-radius:12px;border:1px solid rgba(98,80,46,.6);
}
.featured-track{display:flex;transition:transform .45s ease;}
.featured-slide{min-width:100%;position:relative;text-decoration:none;color:#fff;}
.featured-slide img{width:100%;height:300px;object-fit:cover;display:block;}
.featured-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.58) 28%, rgba(0,0,0,.14) 62%, rgba(0,0,0,0) 100%);}
.featured-content{position:absolute;left:22px;top:22px;width:min(68%,600px);z-index:2;}
.featured-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffe45a;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.featured-kicker .tick{color:var(--dfm-blue);font-size:18px;line-height:1}
.featured-title{color:#fff;font-size:clamp(20px,5vw,42px);line-height:1.08;font-weight:900;text-transform:uppercase}
.featured-nav{display:flex;gap:8px;margin-top:14px}
.featured-dot{flex:1 1 auto;min-height:8px;max-height:8px;border:0;border-radius:999px;background:rgba(6,57,31,.55);font-size:0;cursor:pointer}
.featured-dot.is-active{background:linear-gradient(90deg,#d9b24a,#f1d37a)}
.section{padding:32px 0 !important;}
.section-card{
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.24);
  border-radius:24px;
  box-shadow:0 16px 28px rgba(0,0,0,.18);
}
.dual-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.info-box{padding:22px}
.info-box .label{display:inline-flex;align-items:center;gap:8px;min-height:36px;border-radius:999px;padding:0 12px;background:rgba(255,255,255,.07);color:#f0cf74;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.info-box blockquote{margin:14px 0 6px;font-size:28px;line-height:1.34;font-weight:900;color:#fff}
.info-box cite{display:block;font-style:normal;color:var(--dfm-muted);font-weight:700}
.mobile-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mobile-quick-card{display:block;text-decoration:none;color:#fff !important;padding:18px;border-radius:22px;min-height:132px}
.mobile-quick-card .icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#f2d06a;font-size:22px;margin-bottom:12px}
.mobile-quick-card h3{margin:0 0 6px;color:#fff;font-size:22px;line-height:1.2}
.mobile-quick-card p{margin:0;color:rgba(255,255,255,.82);line-height:1.55;font-weight:600;font-size:14px}
.video-clean-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.video-card-clean{overflow:hidden;border-radius:22px}
.video-card-clean .thumb{width:100%;height:220px;object-fit:cover;display:block}
.video-card-clean .body{padding:16px}
.video-card-clean .body .meta{display:inline-flex;align-items:center;gap:8px;color:#f2d06a;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.video-card-clean .body .meta .tick{color:#1d9bf0;font-size:18px;line-height:1}
.video-card-clean .body h3{margin:0;color:#fff;font-size:24px;line-height:1.24}
.gallery-multi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-card{overflow:hidden;border-radius:20px;background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));border:1px solid rgba(216,171,47,.22)}
.gallery-card img{width:100%;height:210px;object-fit:cover;display:block}
.gallery-card .cap{padding:16px 16px 18px;color:#fff;font-size:20px;line-height:1.26;font-weight:800}
.radio-fixed-control{
  position:fixed;left:16px;bottom:16px;z-index:99996;display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.28);box-shadow:0 14px 26px rgba(0,0,0,.22)
}
.radio-fixed-control button{
  min-width:52px;min-height:52px;border-radius:50%;border:0;background:linear-gradient(180deg,#d8ab31,#b78911);
  color:#17321c;font-size:22px;font-weight:900
}
.radio-fixed-control .label{color:#fff;font-weight:900;line-height:1.1}
.radio-fixed-control .sub{color:#f2d06a;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.whatsapp-float{
  position:fixed;right:16px;bottom:16px;width:68px;height:68px;border-radius:50%;
  display:flex !important;align-items:center;justify-content:center;background:linear-gradient(180deg,#22d366,#11a74f) !important;
  color:#fff !important;font-size:34px;text-decoration:none;box-shadow:0 16px 32px rgba(0,0,0,.24),0 0 0 10px rgba(34,211,102,.14);z-index:99997
}
.mobile-menu-panel{
  position:fixed;top:0;right:-100%;width:min(88vw,380px);height:100vh;background:linear-gradient(180deg,#06210f,#0a4c28);
  border-left:1px solid rgba(216,171,47,.25);box-shadow:-20px 0 40px rgba(0,0,0,.26);z-index:99999;transition:right .28s ease;padding:22px 18px 24px;overflow:auto
}
.mobile-menu-panel.is-open{right:0}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:99998;display:none}
.mobile-menu-overlay.is-open{display:block}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.mobile-menu-close{width:44px;height:44px;border-radius:14px;border:1px solid rgba(216,171,47,.35);background:rgba(255,255,255,.06);color:#fff;font-size:22px;font-weight:900}
.mobile-menu-panel .menu-title{color:#f2d06a;font-weight:900;font-size:24px}
.mobile-menu-panel .menu-list a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 16px;border-radius:18px;text-decoration:none;font-weight:800;margin:10px 0;background:rgba(255,255,255,.06);color:#fff}
.mobile-menu-panel .menu-list a span:last-child{color:#f2d06a;font-size:20px}
.footer-clean{background:linear-gradient(180deg,#082311,#0c371d);color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;padding:34px 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.footer-mini{color:rgba(255,255,255,.82);line-height:1.8;font-weight:600}
.footer-links a{display:block;color:#fff;text-decoration:none;font-weight:800;margin:8px 0}
.footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.footer-contact .box{background:rgba(255,255,255,.06);border:1px solid rgba(216,171,47,.2);border-radius:24px;padding:20px}
.footer-contact .box h4{color:#f1cf73 !important;margin:0 0 10px;font-size:24px}
.footer-contact .box p,.footer-contact .box a{color:#fff !important;text-decoration:none;line-height:1.7;display:block}
.social-share-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0}
.share-btn{display:flex;align-items:center;justify-content:center;min-height:52px;text-decoration:none;border-radius:18px;font-weight:900;background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(216,171,47,.22)}
.comment-respond,.comments-area,.comment-list li{background:rgba(255,255,255,.04)!important;color:#fff!important;border-radius:24px;border:1px solid rgba(216,171,47,.12);padding:18px}
input,textarea{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(216,171,47,.18)!important}
button,.hero-btn.primary,.install-btn,.tasbih-btn,.dua-submit{background:linear-gradient(180deg,#d8ab31,#b78911)!important;color:#17321c!important}
.entry-content,.entry-title,.entry-header,.site-content,.content-area,.entry-meta,.entry-content p,.entry-content li,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{color:#fff!important}
.entry-content a{color:#7dc2ff!important}
@media (max-width:900px){
  .brand-top{font-size:28px}
  .logo-text-only{width:82px;height:82px}
  #dfmMenuToggle{width:88px;height:88px}
  .featured-slide img{height:230px}
  .featured-content{left:18px;top:18px;width:78%}
  .featured-title{font-size:clamp(18px,6vw,34px)}
  .dual-info-grid,.video-clean-grid,.gallery-multi-grid,.footer-grid,.footer-contact{grid-template-columns:1fr}
  .mobile-quick-grid{grid-template-columns:1fr 1fr}
  .social-share-wrap{grid-template-columns:1fr 1fr}
}


/* ===== V15 MENZIL TUNING ===== */
.menzil-banner{
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.25);
  box-shadow:0 16px 28px rgba(0,0,0,.18);
}
.menzil-banner .mini{
  display:inline-flex;align-items:center;gap:8px;
  min-height:36px;padding:0 12px;border-radius:999px;
  background:rgba(255,255,255,.08);color:#f0cf74;
  font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
}
.menzil-banner h2{
  margin:16px 0 10px;color:#fff;font-size:34px;line-height:1.14;
}
.menzil-banner p{
  margin:0;color:rgba(255,255,255,.84);line-height:1.8;font-weight:600;
}
.dua-list-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
.dua-mini-card{
  padding:18px;border-radius:22px;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  box-shadow:0 16px 28px rgba(0,0,0,.16);
}
.dua-mini-card h3{margin:0 0 8px;color:#fff;font-size:22px}
.dua-mini-card p{margin:0;color:rgba(255,255,255,.82);line-height:1.7;font-weight:600}
@media (max-width:900px){
  .dua-list-grid{grid-template-columns:1fr;}
  .menzil-banner h2{font-size:28px;}
}


/* ===== V16 FINAL PREMIUM POLISH ===== */
:root{
  --dfm-premium-shadow:0 18px 40px rgba(0,0,0,.22);
  --dfm-premium-border:1px solid rgba(216,171,47,.26);
}
body{
  letter-spacing:-.01em;
}
.site-header{
  border-bottom:1px solid rgba(216,171,47,.18);
}
.featured-slider-shell,
.menzil-banner,
.section-card,
.video-card-clean,
.gallery-card,
.dua-mini-card,
.info-box,
.footer-contact .box,
.mobile-quick-card{
  box-shadow:var(--dfm-premium-shadow) !important;
  border:var(--dfm-premium-border) !important;
}
.featured-slider-shell{
  background:linear-gradient(180deg,#dcd4c3,#d2c9b7) !important;
}
.featured-stage{
  border-radius:18px !important;
  overflow:hidden !important;
}
.featured-slide img{
  filter:saturate(1.02) contrast(1.02);
}
.featured-overlay{
  background:linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.56) 34%, rgba(0,0,0,.16) 66%, rgba(0,0,0,0) 100%) !important;
}
.featured-content{
  width:min(72%, 620px) !important;
}
.featured-title{
  text-shadow:0 6px 24px rgba(0,0,0,.28);
}
.featured-nav{
  gap:10px !important;
}
.featured-dot{
  min-height:10px !important;
  max-height:10px !important;
  opacity:.9;
}
.featured-dot.is-active{
  box-shadow:0 0 0 4px rgba(216,171,47,.12);
}
.menzil-banner{
  position:relative;
  overflow:hidden;
}
.menzil-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 90% 10%, rgba(216,171,47,.09), transparent 20%),
    radial-gradient(circle at 10% 90%, rgba(255,255,255,.03), transparent 20%);
  pointer-events:none;
}
.menzil-banner h2{
  font-size:clamp(28px,4vw,42px) !important;
}
.info-box blockquote{
  font-size:clamp(22px,3vw,30px) !important;
}
.mobile-quick-card{
  transition:transform .18s ease, box-shadow .18s ease;
}
.mobile-quick-card:active,
.mobile-quick-card:hover{
  transform:translateY(-2px);
}
.video-card-clean .thumb,
.gallery-card img{
  transition:transform .24s ease;
}
.video-card-clean:hover .thumb,
.gallery-card:hover img{
  transform:scale(1.03);
}
.video-card-clean .body h3,
.gallery-card .cap,
.dua-mini-card h3{
  font-weight:900 !important;
}
.section{
  position:relative;
}
.section::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(216,171,47,.16), transparent);
  pointer-events:none;
}
.radio-fixed-control{
  left:14px !important;
  bottom:14px !important;
  border-radius:999px !important;
}
.radio-fixed-control button{
  box-shadow:0 10px 20px rgba(0,0,0,.18);
}
.whatsapp-float{
  right:14px !important;
  bottom:14px !important;
}
.footer-clean{
  box-shadow:0 -18px 40px rgba(0,0,0,.12);
}
.footer-links a{
  opacity:.94;
}
.entry-content p,
.entry-content li{
  font-size:18px;
  line-height:1.9;
}
@media (max-width:900px){
  .featured-slider-shell{padding:12px !important;}
  .featured-slide img{height:250px !important;}
  .featured-content{
    left:16px !important;
    top:16px !important;
    width:82% !important;
  }
  .featured-title{
    font-size:clamp(20px,6.4vw,34px) !important;
    line-height:1.08 !important;
  }
  .menzil-banner,
  .section-card,
  .video-card-clean,
  .gallery-card,
  .dua-mini-card,
  .info-box{border-radius:20px !important;}
}


/* ===== V17.1 SAFE PATCH ===== */
@media (max-width:768px){
  .site-header .container{padding:8px 0 !important;gap:8px !important;}
  .logo-text-only{width:60px !important;height:60px !important;border-radius:18px !important;}
  .logo-text-only strong{font-size:18px !important;line-height:1 !important;}
  .logo-text-only span{font-size:8px !important;margin-top:2px !important;}
  .brand-top{font-size:20px !important;line-height:1 !important;}
  #dfmMenuToggle{width:60px !important;height:60px !important;border-radius:18px !important;font-size:26px !important;}
  .hero{padding-top:10px !important;padding-bottom:18px !important;}
}
.category article,
.archive article,
.single article,
.page article{
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96)) !important;
  border:1px solid rgba(216,171,47,.22) !important;
  border-radius:22px !important;
  padding:18px !important;
  box-shadow:0 16px 35px rgba(0,0,0,.18) !important;
  margin-bottom:20px !important;
}
.category h1,.category h2,.category h3,.archive h1,.archive h2,.archive h3,
.single h1,.single h2,.single h3,.page h1,.page h2,.page h3{color:#f0cf74 !important;}
.category p,.category li,.category span,.archive p,.archive li,.archive span,
.single p,.single li,.single span,.page p,.page li,.page span{color:#f6f4ed !important;}
.category a,.archive a,.single a,.page a{color:#8ed0ff !important;}
.dostfm-v171-share{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.dostfm-v171-share a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:16px;text-decoration:none;font-weight:900;background:rgba(255,255,255,.06);color:#fff !important;border:1px solid rgba(216,171,47,.18)}
.dostfm-v171-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px;color:rgba(255,255,255,.82);font-weight:700}
.dostfm-v171-admin{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#fff}
.dostfm-v171-tick{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:13px;font-weight:900}
.dostfm-v171-footer-note{text-align:center;color:#d4af37;font-weight:700;padding:16px 0 4px}
@media (max-width:700px){.dostfm-v171-share{grid-template-columns:1fr 1fr;}}


/* ===== V18 STABLE ADDITIONS ===== */
.dostfm-v18-ad-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}
.dostfm-v18-ad-card{
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  border-radius:24px;
  padding:22px;
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v18-ad-card h3{
  margin:0 0 10px;
  color:#f0cf74;
  font-size:26px;
}
.dostfm-v18-ad-card p{
  margin:0;
  color:#f6f4ed;
  line-height:1.8;
  font-weight:600;
}
.dostfm-v18-post-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.dostfm-v18-post-card{
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v18-post-card img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}
.dostfm-v18-post-card .body{
  padding:16px;
}
.dostfm-v18-post-card .meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.82);
  font-weight:700;
  margin-bottom:10px;
}
.dostfm-v18-post-card .tick{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#1d9bf0;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.dostfm-v18-post-card h3{
  margin:0 0 10px;
  font-size:26px;
  line-height:1.2;
}
.dostfm-v18-post-card h3 a{
  color:#fff !important;
  text-decoration:none;
}
.dostfm-v18-post-card p{
  margin:0;
  color:rgba(255,255,255,.84);
  line-height:1.8;
  font-weight:600;
}
@media (max-width:900px){
  .dostfm-v18-ad-grid,
  .dostfm-v18-post-grid{grid-template-columns:1fr;}
  .dostfm-v18-post-card img{height:190px;}
  .dostfm-v18-post-card h3{font-size:22px;}
}


/* ===== V19 FINAL 5678 MODULES ===== */
.dostfm-v19-section-title{
  margin:0 0 14px;
  color:#f0cf74;
  font-size:34px;
  line-height:1.1;
}
.dostfm-v19-section-text{
  margin:0;
  color:rgba(255,255,255,.84);
  line-height:1.8;
  font-weight:600;
}
.dostfm-v19-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.dostfm-v19-card{
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  border-radius:24px;
  box-shadow:0 16px 35px rgba(0,0,0,.18);
  overflow:hidden;
}
.dostfm-v19-card .body{padding:18px}
.dostfm-v19-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:26px;
  line-height:1.2;
}
.dostfm-v19-card p{
  margin:0;
  color:rgba(255,255,255,.84);
  line-height:1.75;
  font-weight:600;
}
.dostfm-v19-portal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.dostfm-v19-portal-item{
  padding:20px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v19-portal-item h3{margin:0 0 10px;color:#f0cf74;font-size:24px}
.dostfm-v19-portal-item ul{margin:0;padding-left:18px}
.dostfm-v19-portal-item li{margin:0 0 8px;color:#f6f4ed}
.dostfm-v19-radio-page{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  margin-top:22px;
}
.dostfm-v19-radio-box,
.dostfm-v19-schedule-box{
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v19-radio-box h3,
.dostfm-v19-schedule-box h3{margin:0 0 12px;color:#f0cf74;font-size:28px}
.dostfm-v19-play{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:92px;
  height:92px;
  border-radius:50%;
  border:none;
  background:#d94a37;
  color:#fff;
  font-size:34px;
  font-weight:900;
  box-shadow:0 14px 28px rgba(0,0,0,.22);
}
.dostfm-v19-live{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
  color:#f0cf74;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dostfm-v19-live::before{
  content:"";
  width:14px;height:14px;border-radius:50%;
  background:#ff4b4b;
  box-shadow:0 0 0 0 rgba(255,75,75,.7);
  animation:dostfmPulse 1.5s infinite;
}
@keyframes dostfmPulse{
  0%{box-shadow:0 0 0 0 rgba(255,75,75,.7)}
  70%{box-shadow:0 0 0 14px rgba(255,75,75,0)}
  100%{box-shadow:0 0 0 0 rgba(255,75,75,0)}
}
.dostfm-v19-schedule-list{display:grid;gap:10px}
.dostfm-v19-schedule-item{
  display:flex;justify-content:space-between;gap:14px;
  padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);
  color:#fff;font-weight:800
}
.dostfm-v19-media-grid,
.dostfm-v19-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.dostfm-v19-media-card,
.dostfm-v19-gallery-card{
  overflow:hidden;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v19-media-card img,
.dostfm-v19-gallery-card img{
  width:100%;
  height:210px;
  object-fit:cover;
  display:block;
}
.dostfm-v19-media-card .body,
.dostfm-v19-gallery-card .body{padding:16px}
.dostfm-v19-meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  color:rgba(255,255,255,.82);font-weight:700;margin-bottom:10px
}
.dostfm-v19-tick{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:13px;font-weight:900
}
.dostfm-v19-media-card h3,
.dostfm-v19-gallery-card h3{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.2;
}
.dostfm-v19-media-card h3 a,
.dostfm-v19-gallery-card h3 a{color:#fff!important;text-decoration:none}
.dostfm-v19-media-card p,
.dostfm-v19-gallery-card p{margin:0;color:rgba(255,255,255,.84);line-height:1.7;font-weight:600}
@media (max-width:900px){
  .dostfm-v19-grid,
  .dostfm-v19-portal-grid,
  .dostfm-v19-radio-page,
  .dostfm-v19-media-grid,
  .dostfm-v19-gallery-grid{grid-template-columns:1fr}
  .dostfm-v19-section-title{font-size:28px}
  .dostfm-v19-media-card img,
  .dostfm-v19-gallery-card img{height:190px}
}


/* ===== V19.2 RADIO + VIDEO FIX ===== */
.dostfm-v19-radio-panel-remove{display:none !important;}
.dostfm-video-lightbox{
  position:fixed;inset:0;background:rgba(0,0,0,.86);
  z-index:999999;display:none;align-items:center;justify-content:center;
  padding:18px;
}
.dostfm-video-lightbox.is-open{display:flex;}
.dostfm-video-lightbox-inner{
  width:min(100%, 960px);
  background:linear-gradient(180deg,#082311,#0a4c28);
  border:1px solid rgba(216,171,47,.24);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 24px 50px rgba(0,0,0,.3);
}
.dostfm-video-lightbox-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:14px 16px;color:#fff;
}
.dostfm-video-lightbox-title{
  font-size:20px;font-weight:900;color:#f0cf74;
}
.dostfm-video-lightbox-close{
  width:42px;height:42px;border-radius:14px;border:0;
  background:rgba(255,255,255,.08);color:#fff;font-size:22px;font-weight:900;
}
.dostfm-video-player-wrap{
  position:relative;
  width:100%;
  background:#000;
}
.dostfm-video-player-wrap video,
.dostfm-video-player-wrap iframe{
  width:100%;
  height:min(70vh,540px);
  display:block;
  background:#000;
}


/* ===== V19.3 VIDEO STABIL FIX ===== */
.dostfm-video-fallback{
  display:grid;
  gap:14px;
  padding:18px;
  color:#fff;
}
.dostfm-video-fallback p{
  margin:0;
  color:rgba(255,255,255,.84);
  line-height:1.7;
  font-weight:600;
}
.dostfm-video-fallback-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.dostfm-video-fallback-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:16px;
  text-decoration:none;
  font-weight:900;
  background:rgba(255,255,255,.08);
  color:#fff !important;
  border:1px solid rgba(216,171,47,.18);
}
@media (max-width:700px){
  .dostfm-video-fallback-actions{grid-template-columns:1fr;}
}


/* ===== V20 ULTRA PORTAL LINKS ===== */
.dostfm-v20-link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.dostfm-v20-link-card{
  display:block;
  padding:22px;
  border-radius:24px;
  text-decoration:none;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v20-link-card h3{
  margin:0 0 10px;
  color:#f0cf74;
  font-size:28px;
  line-height:1.15;
}
.dostfm-v20-link-card p{
  margin:0 0 14px;
  color:#f6f4ed;
  line-height:1.7;
  font-weight:600;
}
.dostfm-v20-mini-posts{
  display:grid;
  gap:8px;
}
.dostfm-v20-mini-posts span{
  display:block;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:700;
}
.dostfm-v20-open{
  display:inline-flex;
  margin-top:14px;
  align-items:center;
  gap:8px;
  color:#8ed0ff;
  font-weight:900;
}
@media (max-width:900px){
  .dostfm-v20-link-grid{grid-template-columns:1fr;}
  .dostfm-v20-link-card h3{font-size:24px;}
}


/* ===== V21 PREMIUM FINAL ===== */
.dostfm-v21-link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.dostfm-v21-link-card{
  display:block;
  padding:22px;
  border-radius:24px;
  text-decoration:none;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v21-link-card h3{margin:0 0 10px;color:#f0cf74;font-size:28px;line-height:1.15}
.dostfm-v21-link-card p{margin:0 0 14px;color:#f6f4ed;line-height:1.7;font-weight:600}
.dostfm-v21-mini-posts{display:grid;gap:8px}
.dostfm-v21-mini-posts span{
  display:block;padding:10px 12px;border-radius:14px;
  background:rgba(255,255,255,.06);color:#fff;font-weight:700
}
.dostfm-v21-open{display:inline-flex;margin-top:14px;align-items:center;gap:8px;color:#8ed0ff;font-weight:900}
.dostfm-v21-video-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.dostfm-v21-video-card{
  overflow:hidden;border-radius:22px;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v21-video-card .body{padding:16px}
.dostfm-v21-video-card h3{margin:0 0 10px;color:#fff;font-size:24px;line-height:1.2}
.dostfm-v21-video-card p{margin:0;color:rgba(255,255,255,.84);line-height:1.75;font-weight:600}
.dostfm-v21-video-player{
  width:100%;aspect-ratio:16/9;display:block;background:#000;border:0;
}
.dostfm-v21-video-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px
}
.dostfm-v21-video-actions a{
  display:flex;align-items:center;justify-content:center;min-height:46px;
  border-radius:14px;text-decoration:none;background:rgba(255,255,255,.08);
  color:#fff!important;font-weight:900;border:1px solid rgba(216,171,47,.18)
}
.dostfm-v21-note{
  margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.82);font-size:13px;line-height:1.6
}
@media (max-width:900px){
  .dostfm-v21-link-grid,.dostfm-v21-video-grid{grid-template-columns:1fr}
  .dostfm-v21-link-card h3{font-size:24px}
}


/* ===== V21.1 EMBEDDED SECTIONS ===== */
.dostfm-v211-guestbook-grid{
  display:grid;
  gap:14px;
  margin-top:18px;
}
.dostfm-v211-form{
  display:grid;
  gap:12px;
  margin-top:16px;
}
.dostfm-v211-form input,
.dostfm-v211-form textarea{
  width:100%;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(216,171,47,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
}
.dostfm-v211-form textarea{min-height:120px;resize:vertical}
.dostfm-v211-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:14px;
  border:0;
  background:#d4af37;
  color:#06210f;
  font-weight:900;
  padding:0 18px;
  cursor:pointer;
}
.dostfm-v211-entry{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(216,171,47,.12);
  color:#fff;
}
.dostfm-v211-entry strong{
  display:block;
  color:#f0cf74;
  margin-bottom:8px;
}
.dostfm-v211-live-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:22px;
}
.dostfm-v211-iframe{
  width:100%;
  height:320px;
  border:0;
  border-radius:18px;
  background:#000;
}
@media (max-width:900px){
  .dostfm-v211-live-grid{grid-template-columns:1fr}
  .dostfm-v211-iframe{height:240px}
}


/* ===== V21.2 YAZI ALTI VIDEO ===== */
.dostfm-v212-video-block{
  margin-top:24px;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v212-video-head{
  padding:16px 18px;
  color:#f0cf74;
  font-size:22px;
  font-weight:900;
  border-bottom:1px solid rgba(216,171,47,.14);
}
.dostfm-v212-video-frame,
.dostfm-v212-video-player{
  width:100%;
  aspect-ratio:16/9;
  display:block;
  background:#000;
  border:0;
}
.dostfm-v212-video-note{
  padding:14px 18px 18px;
  color:rgba(255,255,255,.82);
  line-height:1.7;
  font-weight:600;
}


/* ===== V22 SHARE CARDS ===== */
.dostfm-v22-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.dostfm-v22-card{
  background:radial-gradient(circle at 85% 12%, rgba(216,171,47,.12), transparent 18%),linear-gradient(180deg, rgba(8,49,25,.98), rgba(10,76,39,.98));
  border:1px solid rgba(216,171,47,.22);border-radius:26px;box-shadow:0 18px 40px rgba(0,0,0,.2);overflow:hidden;position:relative
}
.dostfm-v22-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 35%)}
.dostfm-v22-card-head{padding:18px 20px 8px;color:#f0cf74;font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.dostfm-v22-card-body{padding:0 20px 18px}
.dostfm-v22-card-body blockquote{margin:8px 0 14px;color:#fff;font-size:28px;line-height:1.35;font-weight:900}
.dostfm-v22-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(255,255,255,.84);font-weight:700;font-size:14px}
.dostfm-v22-site{color:#8ed0ff;font-weight:900}
.dostfm-v22-share-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 20px 20px}
.dostfm-v22-share-btn{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:14px;text-decoration:none;background:rgba(255,255,255,.07);color:#fff !important;border:1px solid rgba(216,171,47,.18);font-weight:900;font-size:13px}
.dostfm-v22-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.dostfm-v22-info-card{padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));border:1px solid rgba(216,171,47,.22);box-shadow:0 16px 35px rgba(0,0,0,.18)}
.dostfm-v22-info-card h3{margin:0 0 10px;color:#f0cf74;font-size:24px}
.dostfm-v22-info-card p,.dostfm-v22-info-card li{color:#f6f4ed;line-height:1.75;font-weight:600}
.dostfm-v22-info-card ul{margin:0;padding-left:18px}
@media (max-width:900px){.dostfm-v22-cards-grid,.dostfm-v22-info-grid{grid-template-columns:1fr}.dostfm-v22-card-body blockquote{font-size:24px}}
@media (max-width:700px){.dostfm-v22-share-row{grid-template-columns:1fr 1fr}}


/* ===== V22.1 FINAL VIDEO STABIL ===== */
.dostfm-v221-video-wrap{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(216,171,47,.14);
}
.dostfm-v221-play-badge{
  position:absolute;
  inset:auto 16px 16px auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:rgba(212,175,55,.92);
  color:#06210f;
  font-size:28px;
  font-weight:900;
  box-shadow:0 10px 26px rgba(0,0,0,.24);
  pointer-events:none;
}
.dostfm-v221-video-help{
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.84);
  line-height:1.65;
  font-size:13px;
}


/* ===== V23 INSTAGRAM ===== */
.dostfm-v23-insta-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.dostfm-v23-insta-card{
  display:block;
  overflow:hidden;
  border-radius:22px;
  text-decoration:none;
  background:linear-gradient(180deg,rgba(8,49,25,.96),rgba(10,76,39,.96));
  border:1px solid rgba(216,171,47,.22);
  box-shadow:0 16px 35px rgba(0,0,0,.18);
}
.dostfm-v23-insta-thumb{
  width:100%;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 20% 20%, rgba(216,171,47,.16), transparent 20%),
    linear-gradient(180deg, rgba(8,49,25,.98), rgba(10,76,39,.98));
  color:#f0cf74;
  font-size:28px;
  font-weight:900;
}
.dostfm-v23-insta-body{padding:16px}
.dostfm-v23-insta-body h3{margin:0 0 8px;color:#fff;font-size:22px;line-height:1.2}
.dostfm-v23-insta-body p{margin:0;color:rgba(255,255,255,.84);line-height:1.7;font-weight:600}
.dostfm-v23-insta-follow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  margin-top:16px;
  border-radius:14px;
  text-decoration:none;
  background:rgba(255,255,255,.08);
  color:#fff !important;
  border:1px solid rgba(216,171,47,.18);
  font-weight:900;
}
.dostfm-v23-plugin-note{
  margin-top:16px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.84);
  line-height:1.7;
  font-weight:600;
}
@media (max-width:900px){
  .dostfm-v23-insta-grid{grid-template-columns:1fr}
}