/* ==========================================================================
   blog.mtgglob.com — main.css (ana site tasarimi) UZERINE ek/override
   Sadece blog'a ozel bilesenler + RTL. Tum token'lar main.css :root'tan gelir.
   ========================================================================== */

/* ==========================================================================
   ANIMASYONLU HERO (ozgun) — mtgglob token'lariyla, kendi animasyonlarim
   ========================================================================== */
.bx-hero{position:relative;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--border);
  padding:118px 0 86px;isolation:isolate}
.bx-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,var(--bg))}
/* izgara */
.bx-grid{position:absolute;inset:0;z-index:-2;
  background-image:linear-gradient(rgba(201,169,97,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(201,169,97,.05) 1px,transparent 1px);
  background-size:60px 60px;mask-image:radial-gradient(ellipse 75% 65% at 60% 35%,#000,transparent 78%)}
/* suruklenen isiltilar */
.bx-glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.5}
.bx-glow-a{width:520px;height:520px;background:radial-gradient(circle,var(--gold-glow),transparent 70%);top:-140px;inset-inline-end:-80px;animation:bxDriftA 16s ease-in-out infinite}
.bx-glow-b{width:460px;height:460px;background:radial-gradient(circle,var(--cyan-soft),transparent 70%);bottom:-180px;inset-inline-start:-60px;animation:bxDriftB 20s ease-in-out infinite}
/* tarama cizgisi */
.bx-scan{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(74,158,255,.05) 50%,transparent);height:140px;animation:bxScan 7s linear infinite;opacity:.7}
/* kose ayraclari */
.bx-corner{position:absolute;width:26px;height:26px;border:1px solid var(--gold);opacity:.35;z-index:1}
.bx-corner.tl{top:26px;inset-inline-start:26px;border-inline-end:0;border-bottom:0}
.bx-corner.tr{top:26px;inset-inline-end:26px;border-inline-start:0;border-bottom:0}
.bx-corner.bl{bottom:26px;inset-inline-start:26px;border-inline-end:0;border-top:0}
.bx-corner.br{bottom:26px;inset-inline-end:26px;border-inline-start:0;border-top:0}

.bx-hero-inner{display:grid;grid-template-columns:1.25fr .9fr;gap:54px;align-items:center;position:relative;z-index:2}
.bx-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--cyan);margin-bottom:24px;opacity:0;animation:bxFade .8s .15s forwards}
.bx-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(74,158,255,.55);animation:bxPing 2.2s infinite}
.bx-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,5.2vw,4.6rem);line-height:1.04;letter-spacing:-.03em;margin:0}
.bx-title .ln{display:block;overflow:hidden}
.bx-title .ln span{display:block;transform:translateY(110%);animation:bxRise .95s cubic-bezier(.16,1,.3,1) forwards}
.bx-title .ln:nth-child(2) span{animation-delay:.1s}
.bx-title .ln:nth-child(3) span{animation-delay:.2s}
.bx-title .accent{color:var(--gold)}
.bx-lead{margin:26px 0 0;max-width:50ch;font-size:1.08rem;line-height:1.65;color:var(--text-2);opacity:0;animation:bxFade 1s .65s forwards}
.bx-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;opacity:0;animation:bxFade 1s .8s forwards}
.bx-stats{display:flex;gap:42px;margin-top:52px;flex-wrap:wrap;opacity:0;animation:bxFade 1s 1s forwards}
.bx-stat .n{font-family:var(--font-display);font-weight:700;font-size:2.1rem;color:var(--text)}
.bx-stat .n b{color:var(--gold);font-weight:700}
.bx-stat .l{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--text-3);margin-top:3px}

/* radar/orbit gorseli */
.bx-hero-visual{position:relative;display:grid;place-items:center;opacity:0;animation:bxFade 1.1s .5s forwards}
.bx-radar{position:relative;width:min(420px,90%);aspect-ratio:1}
.bx-radar svg{width:100%;height:100%;overflow:visible}
.bx-radar .ring{fill:none;stroke:rgba(201,169,97,.22);stroke-width:1}
.bx-radar .ring.dash{stroke:rgba(74,158,255,.28);stroke-dasharray:3 7}
.bx-radar .cross{stroke:rgba(201,169,97,.14);stroke-width:1}
.bx-radar .sweep{transform-origin:100px 100px;animation:bxSpin 4.5s linear infinite}
.bx-radar .blip{fill:var(--gold);animation:bxBlip 2.4s ease-out infinite}
.bx-radar .blip.b2{fill:var(--cyan);animation-delay:.8s}
.bx-radar .blip.b3{fill:var(--gold);animation-delay:1.5s}
.bx-radar .core{fill:var(--gold)}
.bx-radar .orbit{transform-origin:100px 100px;animation:bxSpin 22s linear infinite}
.bx-radar .orbit.rev{animation:bxSpin 30s linear infinite reverse}
.bx-radar-tag{position:absolute;top:8px;inset-inline-start:8px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;color:var(--text-3)}
.bx-radar-tag b{color:var(--cyan)}

/* fantastik donen istihbarat kuresi */
.bx-globe{position:relative;width:min(470px,94%);aspect-ratio:1;margin:0 auto}
.bx-globe canvas{width:100%;height:100%;display:block}
.bx-globe-tag{position:absolute;top:4px;inset-inline-start:4px;font-family:var(--font-mono);font-size:.62rem;
  letter-spacing:.1em;color:var(--text-3);z-index:1;opacity:0;animation:bxFade 1s 1s forwards}
.bx-globe-tag b{color:var(--gold)}

@keyframes bxDriftA{50%{transform:translate(-40px,30px) scale(1.08)}}
@keyframes bxDriftB{50%{transform:translate(40px,-30px) scale(1.1)}}
@keyframes bxScan{0%{transform:translateY(-140px)}100%{transform:translateY(100vh)}}
@keyframes bxRise{to{transform:none}}
@keyframes bxFade{to{opacity:1}}
@keyframes bxPing{70%{box-shadow:0 0 0 9px rgba(74,158,255,0)}100%{box-shadow:0 0 0 0 rgba(74,158,255,0)}}
@keyframes bxSpin{to{transform:rotate(360deg)}}
@keyframes bxBlip{0%{opacity:1;r:2}70%{opacity:0;r:7}100%{opacity:0}}
@media(max-width:900px){.bx-hero-inner{grid-template-columns:1fr;gap:36px}.bx-hero-visual{order:-1;max-width:320px;margin:0 auto}.bx-stats{gap:28px}}

/* ==========================================================================
   BLOG SAYFA HERO — canli veri agi + gezen sinyaller (radar'dan farkli)
   ========================================================================== */
.bx-pagehead{position:relative;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--border);
  padding:104px 0 78px;isolation:isolate}
.bx-net{position:absolute;inset:0;width:100%;height:100%;z-index:-2;display:block}
.bx-pagehead::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 72% 90% at 50% 20%,transparent 40%,var(--bg) 86%),linear-gradient(180deg,transparent 55%,var(--bg))}
.bx-pagehead .container{position:relative;z-index:1}
.bx-pagehead .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.74rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px;opacity:0;animation:bxFade .8s .15s forwards}
.bx-pagehead h1{font-family:var(--font-display);font-size:clamp(2rem,4.6vw,3.6rem);letter-spacing:-.025em;line-height:1.06;margin:0;overflow:hidden}
.bx-pagehead h1 span{display:inline-block;transform:translateY(108%);animation:bxRise .9s cubic-bezier(.16,1,.3,1) .1s forwards}
.bx-pagehead .lead{margin:18px 0 0;max-width:640px;font-size:1.05rem;color:var(--text-2);opacity:0;animation:bxFade 1s .55s forwards}

/* ---- Yukari cik butonu (cyan animasyonlu: halka + pulse + ok + cekirdek) ---- */
.scroll-nav{position:fixed;right:30px;bottom:40px;z-index:9999;width:56px;height:56px;
  opacity:0;visibility:hidden;transform:translateY(16px);
  transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}
.scroll-nav.show{opacity:1;visibility:visible;transform:none}
.mtg-scroll{cursor:pointer;width:100%;height:100%;display:block;overflow:visible;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.45))}
.mtg-scroll .disc{fill:rgba(14,22,40,.92)}
.mtg-scroll .ring{stroke:var(--gold,#c9a961);stroke-width:1.4;fill:none;
  stroke-dasharray:182;animation:rotateRing 9s linear infinite}
.mtg-scroll .beam-bg{stroke:rgba(201,169,97,.22);stroke-width:2;stroke-linecap:round}
.mtg-scroll .beam{stroke:var(--gold,#c9a961);stroke-width:2.6;stroke-linecap:round;
  transform-box:fill-box;transform-origin:center;animation:beamUp 1.7s ease-in-out infinite}
.mtg-scroll:hover .ring{stroke:#fff}
.mtg-scroll:hover .beam,.mtg-scroll:hover .beam-bg{stroke:#fff}

@keyframes beamUp{0%{transform:translateY(6px);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateY(-6px);opacity:0}}
@keyframes rotateRing{from{stroke-dashoffset:182}to{stroke-dashoffset:0}}
@media(max-width:600px){.scroll-nav{right:18px;bottom:22px;width:48px;height:48px}}

/* ---- Arama popup ---- */
.bx-search{position:fixed;inset:0;z-index:3000;background:rgba(5,8,16,.88);backdrop-filter:blur(10px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;
  opacity:0;visibility:hidden;transition:opacity .3s ease}
.bx-search.open{opacity:1;visibility:visible}
.bx-search-panel{width:min(680px,100%);transform:translateY(-14px) scale(.98);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.bx-search.open .bx-search-panel{transform:none}
.bx-search-box{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px 8px 18px}
.bx-search-box:focus-within{border-color:var(--gold)}
.bx-search-results{margin-top:12px;display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow:auto}
.bx-search-results a{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--surface);
  border:1px solid transparent;border-radius:var(--radius);color:var(--text);transition:all var(--transition)}
.bx-search-results a:hover,.bx-search-results a.sel{background:var(--surface-2);border-color:var(--border)}
.bx-search-results a .ico{color:var(--gold);flex:none}
.bx-search-results a .tt{flex:1;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-search-results a .ct{font-family:var(--font-mono);font-size:.68rem;color:var(--text-3);flex:none}
.bx-search-empty{padding:16px;text-align:center;font-family:var(--font-mono);font-size:.78rem;color:var(--text-3)}
.bx-search-box>i{color:var(--gold);flex:none}
.bx-search-box input{flex:1;min-width:0;background:none;border:0;color:var(--text);font-size:1.2rem;
  font-family:var(--font-display);padding:12px 0;outline:none}
.bx-search-box input::placeholder{color:var(--text-3)}
.bx-search-close{position:absolute;top:24px;inset-inline-end:24px;background:none;border:1px solid var(--border);
  color:var(--text-2);width:44px;height:44px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:all var(--transition)}
.bx-search-close:hover{border-color:var(--gold);color:var(--gold);transform:rotate(90deg)}
.bx-search-hint{font-family:var(--font-mono);font-size:.72rem;color:var(--text-3);letter-spacing:.12em}

/* ---- Scroll-reveal (tum site) ---- */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal-d="1"]{transition-delay:.08s}[data-reveal-d="2"]{transition-delay:.16s}[data-reveal-d="3"]{transition-delay:.24s}

/* ---- Bolum basligi (baslik + tum link) ---- */
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px;
  padding-bottom:16px;border-bottom:1px solid var(--border)}
.section-head h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0}
.section-head .more{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--text-3);
  display:inline-flex;align-items:center;gap:6px;transition:color var(--transition)}
.section-head .more:hover{color:var(--gold)}

/* ---- One cikan (featured) hero ---- */
.feat-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--surface);border:1px solid var(--border);
  overflow:hidden;transition:border-color var(--transition)}
.feat-hero:hover{border-color:var(--gold)}
.feat-hero .media{position:relative;aspect-ratio:16/11;overflow:hidden;background:var(--surface-3)}
.feat-hero .media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.feat-hero:hover .media img{transform:scale(1.04)}
.feat-hero .body{padding:38px 40px;display:flex;flex-direction:column;justify-content:center}
.feat-hero .blog-cat{margin-bottom:14px}
.feat-hero h2{font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.18;margin:0 0 14px}
.feat-hero p{color:var(--text-2);font-size:1rem;margin:0 0 20px;max-width:52ch}
.feat-hero .blog-meta{border:0;padding:0;margin-top:auto}
@media(max-width:860px){.feat-hero{grid-template-columns:1fr}}

/* ---- Kategori serit ---- */
.cat-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cat-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;
  color:var(--text-2);background:var(--surface);border:1px solid var(--border);padding:9px 16px;border-radius:var(--radius);
  transition:all var(--transition)}
.cat-chip:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.cat-chip i{width:15px;height:15px}

/* ---- Profesyonel rapor kartlari (ana sayfa + liste + ilgili) ---- */
/* rapor izgarasi: az içerikte kartlar gerilmesin (sabit makul genislik) */
.rcp-grid{grid-template-columns:repeat(auto-fill,minmax(290px,340px))}
@media(max-width:620px){.rcp-grid{grid-template-columns:1fr}}
.report-card-pro{position:relative;display:flex;flex-direction:column;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;color:var(--text);text-decoration:none;
  transition:border-color .25s,transform .3s,box-shadow .3s}
.report-card-pro:hover{border-color:var(--gold-soft);transform:translateY(-4px);box-shadow:var(--shadow-elev)}
/* baslik bandi: kapak (koyu overlay) + PDF rozeti + dokuman ikonu */
.report-card-pro .rcp-head{position:relative;height:140px;overflow:hidden;
  background:linear-gradient(135deg,var(--surface-2),var(--surface-3))}
.report-card-pro .rcp-head img{width:100%;height:100%;object-fit:cover;opacity:.5;transition:transform .5s ease,opacity .3s}
.report-card-pro:hover .rcp-head img{transform:scale(1.06);opacity:.65}
.report-card-pro .rcp-head::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,8,16,.25),rgba(5,8,16,.88))}
.report-card-pro .rcp-doc{position:absolute;inset-inline-start:18px;bottom:14px;z-index:2;width:46px;height:46px;border-radius:11px;
  display:grid;place-items:center;background:var(--gold-glow);color:var(--gold);border:1px solid var(--gold-soft)}
.report-card-pro .rcp-doc i{width:23px;height:23px}
.report-card-pro .rcp-badge{position:absolute;top:13px;inset-inline-end:13px;z-index:2;display:inline-flex;align-items:center;gap:5px;
  font-family:var(--font-mono);font-size:.64rem;font-weight:600;letter-spacing:.1em;
  padding:5px 9px;border-radius:20px;background:rgba(201,169,97,.16);color:var(--gold);border:1px solid var(--gold-soft)}
.report-card-pro .rcp-badge i{width:12px;height:12px}
.report-card-pro .rcp-body{padding:18px 22px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.report-card-pro .rcp-cat{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;
  color:var(--cc,var(--gold));text-transform:uppercase}
.report-card-pro h3{font-family:var(--font-display);font-size:1.08rem;line-height:1.35;margin:0;color:var(--text)}
.report-card-pro:hover h3{color:var(--gold)}
.report-card-pro .rcp-exc{color:var(--text-2);font-size:.9rem;line-height:1.6;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.report-card-pro .rcp-foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.report-card-pro .rcp-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-3);letter-spacing:.03em;
  display:inline-flex;align-items:center;gap:6px}
.report-card-pro .rcp-date i{width:13px;height:13px}
.report-card-pro .rcp-cta{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.72rem;
  font-weight:600;color:var(--gold);letter-spacing:.03em;white-space:nowrap}
.report-card-pro .rcp-cta i{width:14px;height:14px;transition:transform .25s}
.report-card-pro:hover .rcp-cta i{transform:translateX(3px)}
[dir="rtl"] .report-card-pro .rcp-cta i{transform:scaleX(-1)}
[dir="rtl"] .report-card-pro:hover .rcp-cta i{transform:scaleX(-1) translateX(3px)}

/* ---- Rapor badge ---- */
.rp-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold);background:var(--surface);border:1px solid var(--border);
  padding:6px 12px;border-radius:var(--radius);margin-bottom:16px}

/* ---- Rapor detay: yan PDF onizleme + alt indir ---- */
.report-layout{display:grid;grid-template-columns:1fr 400px;gap:44px;align-items:start}
.report-aside{position:sticky;top:96px}
.report-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px}
.report-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.rp-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--text-3)}
.rp-ext{font-family:var(--font-mono);font-size:.68rem;color:var(--gold);border:1px solid var(--border);padding:3px 8px;border-radius:3px}
.bx-pdf-frame{position:relative;aspect-ratio:1/1.414;background:var(--surface-3);border:1px solid var(--border);overflow:hidden}
.bx-pdf-frame iframe{width:100%;height:100%;border:0;display:block}
.bx-pdf-open{position:absolute;top:10px;inset-inline-end:10px;width:34px;height:34px;display:grid;place-items:center;
  background:rgba(5,8,16,.7);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:all var(--transition)}
.bx-pdf-open:hover{background:var(--gold);color:#1a1405;border-color:var(--gold)}
.report-fileinfo{display:flex;justify-content:space-between;gap:10px;margin:14px 0;font-family:var(--font-mono);
  font-size:.74rem;color:var(--text-3)}
.report-fileinfo span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.report-fileinfo span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-dl{width:100%;justify-content:center}
.report-dlcount{text-align:center;margin-top:10px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-4)}
.report-soon{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-3);
  font-family:var(--font-mono);font-size:.82rem;background:var(--surface-3);border:1px dashed var(--border)}
@media(max-width:880px){.report-layout{grid-template-columns:1fr}.report-aside{position:static}.bx-pdf-frame{max-height:520px}}

/* ---- PDF buyutme modal (popup) ---- */
.bx-pdfmodal{position:fixed;inset:0;z-index:3500;background:rgba(5,8,16,.9);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;padding:28px;opacity:0;visibility:hidden;transition:opacity .3s ease}
.bx-pdfmodal.open{opacity:1;visibility:visible}
.bx-pdfmodal-frame{width:min(920px,100%);height:92vh;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-md);overflow:hidden;transform:scale(.96);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.bx-pdfmodal.open .bx-pdfmodal-frame{transform:none}
.bx-pdfmodal-frame iframe{width:100%;height:100%;border:0;display:block}
.bx-pdfmodal-close{position:absolute;top:22px;inset-inline-end:22px;width:46px;height:46px;border-radius:50%;
  background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;display:grid;place-items:center;
  transition:all var(--transition);z-index:1}
.bx-pdfmodal-close:hover{background:var(--gold);color:#1a1405;border-color:var(--gold);transform:rotate(90deg)}

/* ---- Bulten bandi ---- */
.news-band{background:var(--surface);border:1px solid var(--border);padding:54px 44px;text-align:center;
  position:relative;overflow:hidden}
.news-band::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 0%,var(--gold-glow),transparent 70%);pointer-events:none}
.news-band .inner{position:relative;z-index:1;max-width:560px;margin:0 auto}
.news-band h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:0 0 10px}
.news-band p{color:var(--text-2);margin:0 0 26px}
.news-form{display:flex;gap:10px;max-width:460px;margin:0 auto}
.news-form input{flex:1;background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:14px 16px;
  border-radius:var(--radius);font-family:var(--font-sans);font-size:.95rem}
.news-form input:focus{outline:none;border-color:var(--gold)}

/* ==========================================================================
   LISTELEME SAYFASI — one cikan + zengin kartlar + yan panel (ax-*)
   ========================================================================== */
.ax-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start}
.ax-main{min-width:0}

/* kategori kicker (renk degiskeni --cc) */
.ax-cat{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.72rem;
  letter-spacing:.08em;font-weight:500;color:var(--cc,var(--gold))}

/* one cikan buyuk kart */
.ax-feat{display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface);border:1px solid var(--border);
  overflow:hidden;margin-bottom:36px;transition:border-color var(--transition),transform var(--transition)}
.ax-feat:hover{border-color:var(--gold);transform:translateY(-3px)}
.ax-feat-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-3)}
.ax-feat-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ax-feat:hover .ax-feat-media img{transform:scale(1.05)}
.ax-feat-body{padding:34px 36px;display:flex;flex-direction:column;justify-content:center}
.ax-feat-body h2{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.18;margin:14px 0 12px;color:var(--text);transition:color var(--transition)}
.ax-feat:hover .ax-feat-body h2{color:var(--gold)}
.ax-feat-body p{color:var(--text-2);font-size:.98rem;line-height:1.65;margin:0 0 18px}
.ax-more{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.05em;color:var(--gold);display:inline-flex;align-items:center;gap:7px;margin-top:8px}

/* zengin kart grid */
.ax-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ax-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);
  overflow:hidden;transition:border-color var(--transition),transform var(--transition)}
.ax-card:hover{border-color:var(--gold);transform:translateY(-4px)}
.ax-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-3);display:block}
.ax-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ax-card:hover .ax-media img{transform:scale(1.06)}
.ax-cat-float{position:absolute;inset-block-end:12px;inset-inline-start:12px;background:rgba(5,8,16,.78);
  backdrop-filter:blur(6px);padding:5px 11px;border-radius:3px;border:1px solid var(--border)}
.ax-body{padding:20px 22px;display:flex;flex-direction:column;flex:1}
.ax-body h3{font-size:1.12rem;line-height:1.32;margin:0 0 10px}
.ax-body h3 a{color:var(--text);transition:color var(--transition)}
.ax-card:hover .ax-body h3 a{color:var(--gold)}
.ax-exc{color:var(--text-2);font-size:.9rem;line-height:1.6;margin:0 0 16px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* meta + yazar */
.ax-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;
  font-family:var(--font-mono);font-size:.7rem;color:var(--text-3);letter-spacing:.02em}
.ax-author{display:inline-flex;align-items:center;gap:7px;color:var(--text-2)}
.ax-av{width:22px;height:22px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border);
  display:grid;place-items:center;font-size:.66rem;font-weight:600;color:var(--gold)}
.ax-dot{width:3px;height:3px;border-radius:50%;background:var(--text-4)}

/* sayfalama */
.ax-pagination{display:flex;gap:8px;justify-content:center;margin-top:44px}
.ax-pagination a{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);
  border-radius:var(--radius);font-family:var(--font-mono);font-size:.82rem;color:var(--text-2);transition:all var(--transition)}
.ax-pagination a:hover{border-color:var(--gold);color:var(--gold)}
.ax-pagination a.on{background:var(--gold);color:#1a1405;border-color:var(--gold);font-weight:600}

/* yan panel */
.ax-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px}
.ax-side-block{background:var(--surface);border:1px solid var(--border);padding:22px}
.ax-side-block h4{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;color:var(--gold);margin:0 0 16px}
.ax-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ax-cats a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius);color:var(--text-2);
  font-size:.9rem;font-weight:500;transition:all var(--transition)}
.ax-cats a i{width:16px;height:16px}
.ax-cats a:hover{background:var(--surface-2);color:var(--text)}
.ax-recent{display:block;padding:13px 0;border-bottom:1px solid var(--border-soft)}
.ax-recent:last-child{border-bottom:0;padding-bottom:0}
.ax-recent-t{color:var(--text);font-size:.9rem;line-height:1.4;margin:5px 0 5px;transition:color var(--transition)}
.ax-recent:hover .ax-recent-t{color:var(--gold)}
.ax-recent-d{font-family:var(--font-mono);font-size:.66rem;color:var(--text-3)}
.ax-cta{background:linear-gradient(180deg,var(--surface),var(--surface-2));text-align:center}
.ax-cta p{color:var(--text-2);font-size:.86rem;margin:10px 0 16px}

@media(max-width:992px){.ax-layout{grid-template-columns:1fr}.ax-side{position:static;flex-direction:row;flex-wrap:wrap}.ax-side-block{flex:1;min-width:240px}.ax-feat{grid-template-columns:1fr}}
@media(max-width:560px){.ax-grid{grid-template-columns:1fr}.ax-feat-body{padding:24px}}

/* ==========================================================================
   ANALIZ DETAY SAYFASI (art-*)
   ========================================================================== */
.art-head{position:relative;overflow:hidden;background:var(--bg);padding:96px 0 40px;isolation:isolate}
.art-head .bx-net{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.art-head::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 70% 90% at 50% 10%,transparent 45%,var(--bg) 88%),linear-gradient(180deg,transparent 60%,var(--bg))}
.art-head .container{position:relative;z-index:1}
.art-head h1{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;letter-spacing:-.02em;
  margin:14px 0 0;max-width:20ch}
.art-byline{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:22px;
  font-family:var(--font-mono);font-size:.76rem;color:var(--text-3);letter-spacing:.02em}
.art-av{width:30px;height:30px;font-size:.78rem;flex:none}
.art-by-name{color:var(--text);font-family:var(--font-sans);font-weight:600;font-size:.86rem;margin-inline-end:2px}
.art-dot2{width:3px;height:3px;border-radius:50%;background:var(--text-4)}

.art-cover{margin:0 0 30px;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-3)}
.art-cover img{width:100%;height:100%;object-fit:cover}

.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start;padding:36px 0 24px}

/* yazar profil karti (sag panel) */
.art-profile{text-align:center;padding-top:26px}
.art-profile-img,.art-profile-mono{width:84px;height:84px;border-radius:50%;margin:0 auto 16px;display:block}
.art-profile-img{object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 0 4px var(--surface-2),0 8px 22px rgba(0,0,0,.4)}
.art-profile-mono{display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:2rem;
  color:#1a1405;background:linear-gradient(145deg,var(--gold),#a78848);box-shadow:0 0 0 4px var(--surface-2),0 8px 22px rgba(0,0,0,.4)}
.art-profile-name{font-family:var(--font-display);font-weight:600;font-size:1.08rem;color:var(--text)}
.art-profile-title{font-family:var(--font-mono);font-size:.68rem;color:var(--gold);margin:5px 0 0;letter-spacing:.05em;text-transform:uppercase}
.art-profile-bio{color:var(--text-2);font-size:.86rem;line-height:1.6;margin:14px 0 0;text-align:start}
.art-profile-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}
.art-profile-stat{font-family:var(--font-mono);font-size:.72rem;color:var(--text-3)}
.art-profile-stat b{color:var(--gold);font-size:.95rem;font-weight:600}
.art-profile-soc{display:flex;gap:8px}
.art-profile-soc a{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--text-2);transition:all var(--transition)}
.art-profile-soc a:hover{border-color:var(--gold);color:var(--gold)}
.art-main{min-width:0}
.art-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px}

/* makale tipografisi */
.rich-text.detail-body{font-size:1.08rem;line-height:1.85;color:var(--text-2);max-width:74ch}
.detail-body p{margin:0 0 1.35rem}
.detail-body h2{color:var(--text);font-family:var(--font-display);font-size:1.55rem;line-height:1.25;margin:2.4rem 0 1rem}
.detail-body h3{color:var(--text);font-family:var(--font-display);font-size:1.25rem;margin:2rem 0 .8rem}
.detail-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(201,169,97,.4)}
.detail-body a:hover{text-decoration-color:var(--gold)}
.detail-body ul,.detail-body ol{margin:0 0 1.35rem;padding-inline-start:1.4rem}
.detail-body li{margin-bottom:.5rem}
.detail-body blockquote{margin:1.8rem 0;padding:4px 0 4px 22px;border-inline-start:3px solid var(--gold);
  color:var(--text);font-size:1.18rem;line-height:1.6;font-style:italic}
.detail-body img{max-width:100%;border-radius:var(--radius-md);margin:1.5rem 0;border:1px solid var(--border)}
.detail-body strong{color:var(--text)}

/* paylasim */
.art-share{display:flex;align-items:center;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}
.art-share span{font-family:var(--font-mono);font-size:.74rem;color:var(--text-3);margin-inline-end:6px}
.art-share a,.art-copy{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);
  border-radius:var(--radius);color:var(--text-2);background:var(--surface);cursor:pointer;transition:all var(--transition)}
.art-share a:hover,.art-copy:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}

/* yazar kutusu */
.art-author{display:flex;gap:18px;margin-top:36px;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}
.art-author-av{width:56px;height:56px;font-size:1.3rem;flex:none}
.art-author-name{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--text)}
.art-author-title{font-family:var(--font-mono);font-size:.72rem;color:var(--gold);margin:3px 0 8px;letter-spacing:.04em}
.art-author p{color:var(--text-2);font-size:.92rem;line-height:1.6;margin:0}

.ax-grid-3{grid-template-columns:repeat(3,1fr)}
/* öne çıkan slaytı: featured + 4 kart (kompakt) */
.ax-grid-4{grid-template-columns:repeat(4,1fr);gap:20px}
.feat-more-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 18px}
.feat-more-head .bx-eyebrow{margin:0}
@media(max-width:1100px){.ax-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ax-grid-4{grid-template-columns:1fr}}
@media(max-width:992px){.art-layout{grid-template-columns:1fr}.art-side{position:static;flex-direction:row;flex-wrap:wrap}.art-side .ax-side-block{flex:1;min-width:240px}.ax-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ax-grid-3{grid-template-columns:1fr}.art-cover{aspect-ratio:16/10}.art-author{flex-direction:column;gap:14px}}

/* ---- Bos durum ---- */
.empty-state{padding:60px 0;text-align:center;color:var(--text-3);font-family:var(--font-mono)}

/* ---- Form alanlari ---- */
.contact-form-wrap label,.search-box label{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;
  color:var(--text-3);margin-bottom:8px;text-transform:uppercase}
.contact-form-wrap input,.contact-form-wrap textarea,.search-box input{width:100%;background:var(--surface);
  border:1px solid var(--border);color:var(--text);padding:13px 15px;border-radius:var(--radius);
  font-family:var(--font-sans);font-size:.95rem;transition:border-color var(--transition)}
.contact-form-wrap input:focus,.contact-form-wrap textarea:focus,.search-box input:focus{outline:none;border-color:var(--gold)}
.contact-form-wrap textarea{resize:vertical}
.search-box{display:flex;gap:10px;max-width:560px;margin-bottom:36px}
.search-box input{flex:1}

/* ---- Sidebar ---- */
.blog-sidebar .sidebar-block{background:var(--surface);border:1px solid var(--border);padding:22px 22px 8px}
.blog-sidebar .sidebar-block h4{font-family:var(--font-mono);font-size:.78rem;color:var(--gold);margin:0 0 8px;letter-spacing:.06em}
.blog-sidebar .side-post:last-child{border-bottom:0 !important}
.blog-sidebar .side-post:hover div{color:var(--gold) !important}

/* ---- Newsletter sonuc mesaji ---- */
.news-result{margin-top:14px;font-size:.88rem;min-height:20px;font-weight:500}
.news-result.ok{color:#4ade80}
.news-result.err{color:#f87171}

/* ==========================================================================
   MOBIL RESPONSIVE — genel ince ayar
   ========================================================================== */
@media(max-width:768px){
  .container{padding-inline:18px}
  /* topbar: sadece canli + dil */
  .topbar-left span:not(.live){display:none}
  .topbar .container{justify-content:space-between}
  /* hero (anasayfa) */
  .bx-hero{padding:90px 0 56px}
  .bx-stats{gap:24px;margin-top:36px}
  .bx-stat .n{font-size:1.6rem}
  /* one cikan kart */
  .feat-hero{grid-template-columns:1fr}
  .feat-hero .body{padding:26px 22px}
  /* bolum basligi */
  .section-head{flex-wrap:wrap;gap:8px}
  .section{padding:48px 0}
  /* detay baslik */
  .art-head{padding:80px 0 28px}
  .art-byline{gap:11px}
  .art-share{flex-wrap:wrap}
}
@media(max-width:480px){
  .bx-stats{flex-direction:column;gap:18px;align-items:flex-start}
  .news-form{flex-direction:column}
  .news-form .btn{width:100%;justify-content:center}
  .bx-title{font-size:clamp(2rem,9vw,2.6rem)}
  .art-head h1{font-size:1.7rem}
}

/* ==========================================================================
   RTL (Arapca) — main.css RTL icermiyor, burada ele aliyoruz
   ========================================================================== */
[dir="rtl"] body{text-align:right}
[dir="rtl"] .topbar-left,[dir="rtl"] .topbar-right{flex-direction:row-reverse}
[dir="rtl"] .lang-dropdown{left:0;right:auto}
[dir="rtl"] .blog-cat,[dir="rtl"] .eyebrow{direction:rtl}
[dir="rtl"] .section-head .more i,[dir="rtl"] .more svg{transform:scaleX(-1)}
[dir="rtl"] .feat-hero .blog-meta,[dir="rtl"] .blog-meta{direction:rtl}

/* footer sosyal ikon guvencesi */
/* ===== Footer bülten bandı (anasayfadan taşındı) ===== */
.footer-news{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
	padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--border)}
.footer-news-text h3{font-family:var(--font-display);font-size:1.45rem;margin:0 0 6px;color:var(--text)}
.footer-news-text p{color:var(--text-2);margin:0;font-size:.95rem;max-width:48ch}
.footer-news-form{flex:1;min-width:300px;max-width:480px}
.footer-news-form .news-form{display:flex;gap:10px}
.footer-news-form input{flex:1;background:var(--surface);border:1px solid var(--border);color:var(--text);
	padding:13px 16px;border-radius:8px;font-family:var(--font-sans);font-size:.95rem}
.footer-news-form input:focus{outline:none;border-color:var(--gold)}
.footer-news-form .btn{white-space:nowrap}
.footer-news-form .news-result{margin-top:10px;font-size:.85rem;min-height:1em}
.footer-news-form .news-result.ok{color:var(--green)}
.footer-news-form .news-result.err{color:var(--red)}
@media(max-width:680px){.footer-news-form{max-width:none;width:100%}.footer-news-form .news-form{flex-direction:column}}

.footer-socials{display:flex;gap:10px;margin-top:18px}
.footer-socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff;transition:all .25s}
.footer-socials a i{width:17px;height:17px}
.footer-socials a:hover{background:var(--gold);border-color:var(--gold);color:#1a1405}

/* ===== Anasayfa Haberler seridi (zaman odakli liste) ===== */
.news-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}
.news-row{display:flex;align-items:center;gap:20px;padding:17px 8px;border-bottom:1px solid var(--border);
	text-decoration:none;color:var(--text);transition:background .2s,padding .2s,border-color .2s;position:relative}
.news-row::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:2px;background:var(--gold);
	transform:scaleY(0);transform-origin:center;transition:transform .25s}
.news-row:hover{background:rgba(201,169,97,.045);padding-inline-start:16px;border-color:var(--gold-soft)}
.news-row:hover::before{transform:scaleY(1)}
.news-row-date{font-family:var(--font-mono);font-size:.74rem;color:var(--text-3);min-width:104px;white-space:nowrap;letter-spacing:.02em}
.news-row-cat{font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:var(--cc,var(--gold));
	text-transform:uppercase;letter-spacing:.08em;min-width:150px}
.news-row-title{flex:1;font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.35}
.news-row:hover .news-row-title{color:var(--gold)}
.news-row-arrow{width:18px;height:18px;color:var(--text-3);flex-shrink:0;transition:color .2s,transform .2s}
.news-row:hover .news-row-arrow{color:var(--gold);transform:translate(2px,-2px)}
@media(max-width:680px){
	.news-row{flex-wrap:wrap;gap:6px 14px;padding:14px 6px}
	.news-row-title{flex-basis:100%;order:3;font-size:.98rem}
	.news-row-cat{min-width:0}
	.news-row-arrow{display:none}
}

/* Haberler - gorselli kart grid (4'lu, divli) */
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.news-card{position:relative;display:flex;flex-direction:column;overflow:hidden;
	text-decoration:none;color:var(--text);
	background:linear-gradient(165deg,var(--surface-2),var(--surface));
	border:1px solid var(--border);border-radius:16px;
	transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,box-shadow .28s}
.news-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--cc,var(--gold)) 45%,var(--border));
	box-shadow:0 18px 40px rgba(0,0,0,.34)}
/* media */
.news-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--surface-2),var(--surface-3))}
.news-card-media img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .5s ease,opacity .3s}
.news-card:hover .news-card-media img{transform:scale(1.06);opacity:1}
.news-card-media::after{content:"";position:absolute;inset:0;
	background:linear-gradient(180deg,rgba(4,7,13,.12) 0%,rgba(4,7,13,.04) 38%,rgba(4,7,13,.78) 100%)}
.news-card-ph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;
	color:var(--cc,var(--gold));opacity:.4}
.news-card-cat{position:absolute;top:11px;inset-inline-start:11px;z-index:2;display:inline-flex;align-items:center;gap:6px;
	font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;
	color:#fff;background:rgba(4,7,13,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
	padding:5px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.1)}
.news-card-cat i{width:13px;height:13px;color:var(--cc,var(--gold))}
.news-card-no{position:absolute;top:9px;inset-inline-end:12px;z-index:2;
	font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:#fff;opacity:.62;line-height:1;
	text-shadow:0 1px 6px rgba(0,0,0,.5)}
/* body */
.news-card-body{display:flex;flex-direction:column;flex:1;padding:15px 16px 14px}
.news-card-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.02rem;
	line-height:1.32;letter-spacing:-.01em;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.news-card:hover .news-card-title{color:var(--cc,var(--gold))}
.news-card-ex{margin:8px 0 0;font-size:.84rem;line-height:1.5;color:var(--text-2);
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px}
.news-card-date{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.71rem;color:var(--text-3)}
.news-card-date i{width:13px;height:13px}
.news-card-cta{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-3);
	text-transform:uppercase;letter-spacing:.04em;transition:color .2s,gap .2s}
.news-card-cta i{width:14px;height:14px}
.news-card:hover .news-card-cta{color:var(--cc,var(--gold));gap:8px}
@media(max-width:1040px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.news-grid{grid-template-columns:1fr}}

/* ===== Anasayfa: Hizmet Alanları (animasyonlu ikon kart ızgarası) ===== */
.svc-section .proc-head{margin-bottom:40px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc-grid[data-reveal]{opacity:1;transform:none}
.svc-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
	padding:26px 24px 24px;overflow:hidden;
	opacity:0;transform:translateY(22px);
	transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1),border-color .25s}
.svc-grid.in .svc-card{opacity:1;transform:none}
.svc-grid.in .svc-card:nth-child(1){transition-delay:.04s}
.svc-grid.in .svc-card:nth-child(2){transition-delay:.10s}
.svc-grid.in .svc-card:nth-child(3){transition-delay:.16s}
.svc-grid.in .svc-card:nth-child(4){transition-delay:.22s}
.svc-grid.in .svc-card:nth-child(5){transition-delay:.28s}
.svc-grid.in .svc-card:nth-child(6){transition-delay:.34s}
.svc-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
	background:radial-gradient(130% 90% at 0% 0%,var(--gold-glow),transparent 58%);opacity:0;transition:opacity .3s}
.svc-card:hover{transform:translateY(-5px);border-color:var(--gold-soft)}
.svc-card:hover::after{opacity:1}
.svc-ic{position:relative;z-index:1;width:50px;height:50px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;
	background:var(--gold-glow);color:var(--gold);transition:background .25s,color .25s,transform .25s}
.svc-ic i{width:24px;height:24px}
.svc-card:hover .svc-ic{background:var(--gold);color:#1a1405;transform:scale(1.06)}
.svc-card h3{position:relative;z-index:1;font-family:var(--font-display);font-size:1.12rem;margin:0 0 9px;color:var(--text);line-height:1.3}
.svc-card p{position:relative;z-index:1;color:var(--text-2);font-size:.92rem;line-height:1.62;margin:0}
.svc-arrow{position:absolute;top:24px;inset-inline-end:22px;z-index:1;color:var(--text-4);opacity:0;transform:translate(-4px,4px);
	transition:opacity .25s,transform .25s,color .25s}
.svc-arrow i{width:18px;height:18px}
.svc-card:hover .svc-arrow{opacity:1;transform:none;color:var(--gold)}
[dir="rtl"] .svc-arrow i{transform:scaleX(-1)}
@media(max-width:860px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.svc-grid{grid-template-columns:1fr;gap:16px}}

/* ===== Anasayfa: Analiz Süreci (DİKEY animasyonlu zaman çizelgesi) ===== */
.proc-section{padding-top:0}
.proc-head{max-width:680px;margin:0 auto 46px;text-align:center}
.proc-head .bx-eyebrow{justify-content:center}
.proc-head h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:12px 0 14px}
.proc-intro{color:var(--text-2);font-size:1.02rem;line-height:1.7;margin:0}

.proc-track{max-width:760px;margin:0 auto;position:relative}
.proc-step{position:relative;padding-inline-start:80px;padding-bottom:42px}
.proc-step.is-last{padding-bottom:0}
.proc-step[data-reveal]{opacity:1;transform:none}   /* kapsayici sabit; node+kart+cizgi tek tek animasyonlu */

/* dikey baglanti cizgisi: node altindan bir sonraki node'a */
.proc-step:not(.is-last)::before{content:"";position:absolute;inset-inline-start:27px;top:58px;bottom:-2px;width:2px;background:var(--border)}
.proc-step:not(.is-last)::after{content:"";position:absolute;inset-inline-start:27px;top:58px;bottom:-2px;width:2px;
	background:linear-gradient(180deg,var(--gold),var(--gold-soft));
	transform:scaleY(0);transform-origin:top;transition:transform .7s cubic-bezier(.16,1,.3,1) .2s}
.proc-step.in::after{transform:scaleY(1)}

.proc-node{position:absolute;inset-inline-start:0;top:0;width:56px;height:56px;border-radius:50%;
	display:grid;place-items:center;background:var(--surface);border:2px solid var(--gold);color:var(--gold);
	font-family:var(--font-display);font-weight:700;font-size:1.05rem;z-index:2;box-shadow:0 0 0 6px var(--bg);
	transform:scale(.3);opacity:0;
	transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,background .25s,color .25s,box-shadow .25s}
.proc-step.in .proc-node{transform:scale(1);opacity:1}
.proc-step:hover .proc-node{background:var(--gold);color:#1a1405;box-shadow:0 0 0 6px var(--bg),0 0 26px var(--gold-glow)}

.proc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);
	padding:18px 22px 20px;position:relative;overflow:hidden;
	opacity:0;transform:translateX(30px);
	transition:opacity .6s ease .12s,transform .65s cubic-bezier(.16,1,.3,1) .12s,border-color .25s}
.proc-step.in .proc-card{opacity:1;transform:none}
.proc-card::before{content:"";position:absolute;top:0;inset-inline-start:0;width:0;height:2px;background:var(--gold);transition:width .3s}
.proc-step:hover .proc-card{border-color:var(--gold-soft)}
.proc-step:hover .proc-card::before{width:54px}
.proc-card h3{font-family:var(--font-display);font-size:1.08rem;margin:0 0 7px;color:var(--text)}
.proc-card p{color:var(--text-2);font-size:.93rem;line-height:1.62;margin:0}

@media(max-width:560px){
	.proc-step{padding-inline-start:62px;padding-bottom:34px}
	.proc-node{width:46px;height:46px;font-size:.92rem;box-shadow:0 0 0 5px var(--bg)}
	.proc-step:not(.is-last)::before,.proc-step:not(.is-last)::after{inset-inline-start:22px;top:48px}
	.proc-step:hover .proc-node{box-shadow:0 0 0 5px var(--bg),0 0 22px var(--gold-glow)}
	.proc-card{padding:15px 17px}
	.proc-head{margin-bottom:34px}
}

/* ===== Anasayfa fullPage: her bölüm 1 tam ekran, native CSS scroll-snap =====
   Sadece masaüstü + mouse. JS yok (sadece <html>'e .fp class'i eklenir).
   Mobil/dokunmatik etkilenmez; bölümler normal akar. */
@media (min-width:900px) and (pointer:fine){
	html.fp .site-main>section{min-height:100vh;box-sizing:border-box}
	html.fp .site-main>section:not(.bx-hero){display:flex;flex-direction:column;justify-content:center}
	/* fullPage'de menubar net ve sabit gorunsun: opak + blur yok (smooth scroll'da titremesin) */
	html.fp .site-header{background:rgba(8,12,22,.97);-webkit-backdrop-filter:none;backdrop-filter:none;
		border-bottom:1px solid var(--border)}
	/* öne çıkan slaytı 1 ekrana sığsın: featured kompakt (300px, başlık/özet 2 satır) */
	html.fp .feat-hero{height:300px}
	html.fp .feat-hero .media{aspect-ratio:auto}
	html.fp .feat-hero .body{padding:26px 34px}
	html.fp .feat-hero h2{font-size:1.55rem;line-height:1.22;margin-bottom:10px;
		display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	html.fp .feat-hero p{font-size:.95rem;margin-bottom:14px;
		display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	html.fp .feat-more-head{margin:24px 0 16px}
}

/* ===== Detay: okuma ilerleme çubuğu + içindekiler (TOC) ===== */
.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;pointer-events:none}
.read-progress span{display:block;height:100%;transform:scaleX(0);transform-origin:left;
	background:linear-gradient(90deg,var(--gold-soft),var(--gold));box-shadow:0 0 8px var(--gold-glow)}
.art-toc ul{list-style:none;margin:10px 0 0;padding:0}
.art-toc li{margin:1px 0}
.art-toc a{display:block;padding:6px 11px;border-radius:6px;font-size:.86rem;line-height:1.42;color:var(--text-2);
	text-decoration:none;border-inline-start:2px solid transparent;transition:color .2s,background .2s,border-color .2s}
.art-toc a:hover{color:var(--text);background:rgba(255,255,255,.035)}
.art-toc a.on{color:var(--gold);border-inline-start-color:var(--gold);background:var(--gold-glow)}
.art-toc li.sub a{padding-inline-start:22px;font-size:.8rem;color:var(--text-3)}

/* yuklenen logo gorseli (site_logo ayari) */
.logo-img{height:38px;width:auto;max-width:210px;object-fit:contain;display:block}

/* ==========================================================================
   MTG 2026 visual refresh - raster asset driven
   ========================================================================== */
:root{
	--mtg-asset-hero:url('../img/mtg-visuals/mtg-hero-intelligence.webp');
	--mtg-asset-bg:url('../img/mtg-visuals/mtg-background-analytics.webp');
	--mtg-asset-logo:url('../img/mtg-visuals/mtg-logo-header.webp');
	--mtg-asset-overlay:url('../img/mtg-visuals/mtg-ui-overlays-transparent.webp');
	--mtg-edge:rgba(130,213,210,.22);
	--mtg-glass:rgba(9,16,28,.72);
	--mtg-line:rgba(201,169,97,.26);
}

body{
	background-color:#050810;
}

.site-header{
	background:rgba(4,8,15,.78);
	-webkit-backdrop-filter:blur(16px) saturate(130%);
	backdrop-filter:blur(16px) saturate(130%);
	border-bottom-color:rgba(130,213,210,.16);
}
.site-header.scrolled,
html.fp .site-header{
	background:rgba(4,8,15,.94);
	border-bottom-color:rgba(201,169,97,.18);
}
.logo:not(:has(.logo-img)){
	width:226px;
	height:58px;
	background:var(--mtg-asset-logo) left center/contain no-repeat;
	filter:brightness(1.16) drop-shadow(0 8px 20px rgba(0,0,0,.35));
}
.logo:not(:has(.logo-img)) .logo-mark,
.logo:not(:has(.logo-img)) .logo-text{display:none}
.logo-img{height:46px;max-width:230px}

.bx-hero{
	min-height:calc(100vh - 42px);
	display:flex;
	align-items:flex-start;
	padding:104px 0 74px;
	background:
		linear-gradient(90deg,rgba(4,7,13,.98) 0%,rgba(4,7,13,.92) 48%,rgba(4,7,13,.74) 100%),
		var(--mtg-asset-bg) center/cover no-repeat;
	border-bottom-color:rgba(130,213,210,.16);
}
.bx-hero::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	pointer-events:none;
	background:
		radial-gradient(ellipse 48% 58% at 76% 44%,rgba(130,213,210,.20),transparent 66%),
		radial-gradient(ellipse 34% 34% at 42% 70%,rgba(201,169,97,.13),transparent 70%),
		linear-gradient(180deg,rgba(4,7,13,.22),#04070d 96%);
}
.bx-hero::after{
	background:
		linear-gradient(180deg,transparent 62%,#04070d 100%),
		linear-gradient(90deg,rgba(130,213,210,.05) 1px,transparent 1px),
		linear-gradient(rgba(130,213,210,.04) 1px,transparent 1px);
	background-size:auto,78px 78px,78px 78px;
}
.bx-grid,.bx-glow{display:none}
.bx-scan{opacity:.34;mix-blend-mode:screen}
.bx-hero-inner{
	grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);
	gap:34px;
	width:100%;
}
.bx-hero-content{
	position:relative;
	max-width:760px;
	padding:22px 0 18px;
}
.bx-hero-content::before{
	content:"";
	position:absolute;
	inset:-28px -34px -28px -44px;
	z-index:-1;
	background:linear-gradient(90deg,rgba(4,7,13,.64),rgba(4,7,13,.24),transparent);
	border-left:1px solid rgba(201,169,97,.34);
}
.bx-eyebrow{
	color:#8bdad7;
	letter-spacing:.22em;
	text-shadow:0 0 18px rgba(130,213,210,.36);
}
.bx-title{
	max-width:12ch;
	letter-spacing:0;
	text-shadow:0 20px 70px rgba(0,0,0,.78);
}
.bx-title .accent{
	color:#d9bd76;
	text-shadow:0 0 30px rgba(201,169,97,.28);
}
.bx-lead{
	max-width:54ch;
	color:rgba(237,242,245,.78);
}
.bx-actions .btn{
	border-radius:6px;
}
.bx-actions .btn-primary{
	box-shadow:0 18px 44px rgba(201,169,97,.20);
}
.bx-stats{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
	max-width:650px;
	margin-top:28px;
}
.bx-stat{
	position:relative;
	padding:16px 18px;
	background:linear-gradient(180deg,rgba(12,22,36,.76),rgba(8,14,24,.48));
	border:1px solid rgba(130,213,210,.14);
	box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.bx-stat .n{color:rgba(245,248,250,.96)}
.bx-stat .l{color:rgba(190,203,211,.70)}
.bx-stat::before{
	content:"";
	position:absolute;
	inset:0 0 auto 0;
	height:1px;
	background:linear-gradient(90deg,transparent,var(--mtg-line),transparent);
}
.bx-hero-visual{
	min-height:auto;
	align-self:center;
}
.mtg-visual-stack{
	position:relative;
	width:min(560px,100%);
	margin-inline-start:auto;
	filter:drop-shadow(0 26px 60px rgba(0,0,0,.5));
}
.mtg-visual-stack img{
	position:absolute;
	display:block;
	pointer-events:none;
	user-select:none;
}
.mtg-visual-stack img.mtg-visual-globe{
	position:relative;
	width:100%;
	height:auto;
	object-fit:contain;
	border:none;
	opacity:1;
	border-radius:14px;
}
.mtg-visual-globe::selection{background:transparent}
.mtg-visual-analyst{
	right:3%;
	bottom:2%;
	width:38%;
	z-index:4;
	display:none;
}
.mtg-visual-report{
	left:3%;
	bottom:2%;
	width:39%;
	z-index:5;
	display:none;
}
.mtg-visual-overlay{
	left:7%;
	top:12%;
	width:74%;
	z-index:6;
	opacity:.58;
	mix-blend-mode:screen;
	display:none;
}
.mtg-visual-stack::before{display:none;}
.mtg-visual-stack::after{
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	width:72%;
	height:30%;
	z-index:2;
	background:radial-gradient(ellipse at center,rgba(130,213,210,.18),transparent 68%);
	filter:blur(10px);
}
.mtg-visual-stack .bx-globe-tag{
	top:9%;
	left:10%;
	padding:8px 10px;
	background:rgba(4,8,15,.62);
	border:1px solid rgba(130,213,210,.18);
}

/* ---- Etkilesimli 3D kure ---- */
.mtg-globe-wrap{position:relative;aspect-ratio:1.46;border-radius:16px;overflow:hidden;
	background:radial-gradient(ellipse 62% 62% at 62% 46%,rgba(130,213,210,.10),transparent 70%),
		linear-gradient(160deg,#0a121d,#05080f)}
.mtg-globe-wrap .bx-globe-tag{z-index:4}
.mtg-globe-wrap .mtg-visual-globe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
	border-radius:16px;transition:opacity .6s ease}
.mtg-globe-wrap.globe-ready .mtg-visual-globe{opacity:0;pointer-events:none}
.mtg-globe-canvas{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .7s ease;cursor:grab}
.mtg-globe-canvas:active{cursor:grabbing}
.mtg-globe-wrap.globe-ready .mtg-globe-canvas{opacity:1}
.mtg-globe-canvas canvas{display:block;outline:none}
.mtg-globe-hint{position:absolute;bottom:12px;inset-inline-start:14px;z-index:3;display:none;align-items:center;gap:6px;
	font-family:var(--font-mono);font-size:.66rem;letter-spacing:.03em;color:var(--text-3);
	background:rgba(4,7,13,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
	padding:5px 9px;border-radius:7px;border:1px solid rgba(130,213,210,.16);pointer-events:none;
	opacity:0;transition:opacity .5s ease .4s}
.mtg-globe-wrap.globe-ready .mtg-globe-hint{display:inline-flex;opacity:.82}
.mtg-globe-hint i{width:13px;height:13px}
.mtg-glabel{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:#fff;
	background:rgba(4,7,13,.88);border:1px solid rgba(201,169,97,.5);padding:4px 9px;border-radius:6px;
	letter-spacing:.03em;white-space:nowrap}
.mtg-globe-pop{position:absolute;z-index:5;top:13px;inset-inline-end:13px;width:min(216px,60%);
	background:rgba(6,11,20,.93);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
	border:1px solid rgba(201,169,97,.32);border-radius:12px;padding:14px 14px 13px;
	box-shadow:0 16px 40px rgba(0,0,0,.5);animation:mtgPopIn .25s cubic-bezier(.16,1,.3,1)}
@keyframes mtgPopIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mtg-globe-pop[hidden]{display:none}
.mtg-globe-pop-x{position:absolute;top:7px;inset-inline-end:7px;width:24px;height:24px;display:grid;place-items:center;
	background:transparent;border:0;color:var(--text-3);cursor:pointer;border-radius:6px;transition:color .2s,background .2s}
.mtg-globe-pop-x:hover{color:#fff;background:rgba(255,255,255,.06)}
.mtg-globe-pop-x i{width:15px;height:15px}
.mtg-globe-pop-cat{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}
.mtg-globe-pop-name{display:block;margin:6px 0 11px;font-family:var(--font-display);font-size:1.08rem;font-weight:700;color:#fff;line-height:1.2}
.mtg-globe-pop-link{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--gold);text-decoration:none;transition:gap .2s}
.mtg-globe-pop-link[hidden]{display:none}
.mtg-globe-pop-link:hover{gap:9px}
.mtg-globe-pop-link i{width:15px;height:15px}
/* pop icindeki yazi listesi */
.mtg-globe-pop{width:min(266px,72%)}
.mtg-globe-pop-name{margin-bottom:9px}
.mtg-globe-pop-list{display:flex;flex-direction:column;gap:7px;max-height:228px;overflow-y:auto;margin-bottom:11px;
	-webkit-overflow-scrolling:touch}
.mtg-globe-pop-list::-webkit-scrollbar{width:5px}
.mtg-globe-pop-list::-webkit-scrollbar-thumb{background:rgba(201,169,97,.3);border-radius:3px}
.mtg-pop-msg{font-size:.78rem;color:var(--text-3);padding:4px 0 2px}
.mtg-pop-row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"type date" "title title";gap:3px 8px;
	padding:8px 9px;border:1px solid var(--border);border-radius:9px;text-decoration:none;background:rgba(255,255,255,.015);
	transition:border-color .2s,background .2s,transform .2s}
.mtg-pop-row:hover{border-color:rgba(201,169,97,.4);background:rgba(201,169,97,.06);transform:translateX(2px)}
.mtg-pop-type{grid-area:type;justify-self:start;font-family:var(--font-mono);font-size:.56rem;font-weight:700;
	text-transform:uppercase;letter-spacing:.07em;padding:2px 6px;border-radius:5px;
	color:var(--cyan);background:rgba(130,213,210,.12)}
.mtg-pop-type-news{color:#e4c87a;background:rgba(201,169,97,.13)}
.mtg-pop-type-report{color:#d98c5f;background:rgba(217,140,95,.13)}
.mtg-pop-row-d{grid-area:date;justify-self:end;font-family:var(--font-mono);font-size:.62rem;color:var(--text-3)}
.mtg-pop-row-t{grid-area:title;font-size:.82rem;line-height:1.32;color:var(--text);font-weight:500;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mtg-pop-row:hover .mtg-pop-row-t{color:#fff}

.section{
	background:linear-gradient(180deg,rgba(4,7,13,.68),rgba(4,7,13,.88));
}
.section > .container{position:relative;z-index:1}
.feat-hero,
.ax-card,
.report-card-pro,
.svc-card,
.proc-card,
.news-row{
	background:linear-gradient(180deg,rgba(12,20,32,.78),rgba(7,12,21,.66));
	border-color:rgba(130,213,210,.13);
	box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);
}
.feat-hero{
	position:relative;
	overflow:hidden;
	border-radius:0;
}
.feat-hero::after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background:linear-gradient(120deg,rgba(130,213,210,.06),transparent 30%,rgba(201,169,97,.07));
}
.feat-hero .media::after,
.ax-media::after,
.rcp-head::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,transparent 44%,rgba(4,7,13,.62));
	pointer-events:none;
}
.ax-card,.report-card-pro,.svc-card,.proc-card{border-radius:6px}
.ax-card:hover,.report-card-pro:hover,.svc-card:hover,.feat-hero:hover{
	border-color:rgba(201,169,97,.48);
	box-shadow:0 28px 80px rgba(0,0,0,.32),0 0 0 1px rgba(201,169,97,.10) inset;
}
.svc-section{
	position:relative;
	overflow:hidden;
}
.svc-section::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(180deg,rgba(4,7,13,.78),rgba(4,7,13,.94)),
		var(--mtg-asset-bg) center/cover no-repeat;
	opacity:.82;
}
.svc-card::before{
	content:"";
	position:absolute;
	inset:auto 14px 12px auto;
	width:116px;
	height:116px;
	background:var(--mtg-asset-overlay) center/cover no-repeat;
	opacity:.10;
	mix-blend-mode:screen;
}
.footer-news{
	position:relative;
	padding:28px;
	background:linear-gradient(90deg,rgba(13,24,38,.92),rgba(8,14,24,.74));
	border:1px solid rgba(130,213,210,.14);
}

@media(max-width:1060px){
	.bx-hero-inner{grid-template-columns:1fr}
	.bx-hero-visual{order:-1;min-height:360px}
	.mtg-visual-stack{width:min(560px,100%);margin:0 auto}
	.bx-title{max-width:13ch}
}
@media(max-width:680px){
	.logo:not(:has(.logo-img)){width:210px;height:58px;filter:brightness(1.28) drop-shadow(0 8px 20px rgba(0,0,0,.45))}
	.bx-hero{
		min-height:auto;
		padding:54px 0 44px;
		background:
			linear-gradient(180deg,rgba(4,7,13,.82) 0%,rgba(4,7,13,.72) 42%,rgba(4,7,13,.96) 100%),
			var(--mtg-asset-hero) 67% 0/auto 58% no-repeat,
			#04070d;
	}
	.bx-hero-inner{display:block}
	.bx-hero-visual{display:none}
	.bx-hero-content::before{inset:-18px -16px;border-left:0}
	.bx-title{font-size:clamp(2.28rem,10.8vw,2.78rem);max-width:none;line-height:1.08}
	.bx-lead{font-size:1rem}
	.bx-actions{margin-top:24px}
	.bx-stats{grid-template-columns:1fr}
}

/* fullPage hero: icerik 100vh'ye sigsin (stat'lar kesilmesin, scrollbar cikmasin) */
@media (min-width:900px) and (pointer:fine){
	html.fp .bx-hero{padding-top:96px;padding-bottom:30px}
	html.fp .bx-hero-inner{align-items:center}
	html.fp .bx-title{font-size:clamp(2.2rem,4.3vw,3.8rem);line-height:1.02}
	html.fp .bx-eyebrow{margin-bottom:16px}
	html.fp .bx-lead{margin-top:18px}
	html.fp .bx-actions{margin-top:24px}
	html.fp .bx-stats{margin-top:26px}
}
/* viewport kisa ise daha da sik */
@media (min-width:900px) and (pointer:fine) and (max-height:840px){
	html.fp .bx-hero{padding-top:82px;padding-bottom:24px}
	html.fp .bx-title{font-size:clamp(2rem,3.6vw,3.2rem)}
	html.fp .bx-eyebrow{margin-bottom:12px}
	html.fp .bx-lead{margin-top:14px;font-size:1rem}
	html.fp .bx-actions{margin-top:18px}
	html.fp .bx-stats{margin-top:20px}
}