/* =====================================================================
   Tuğra Hafriyat — Redesigned pages (blog, article, references, contact)
   Modern layout, brand palette (#EA820E orange, #213631 green, #0f1a17 dark)
   ===================================================================== */
:root{
  --tgr-o:#EA820E; --tgr-o2:#d5740a; --tgr-green:#213631; --tgr-dark:#0f1a17;
  --tgr-soft:#f5f7f8; --tgr-line:#e7ebee; --tgr-muted:#68757a;
}
.tgr-wrap{ max-width:1240px; margin:0 auto; padding:0 24px; }
.tgr-section{ padding:70px 0; }
.tgr-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--tgr-o); background:rgba(234,130,14,.1); padding:7px 15px; border-radius:30px; }
.tgr-h2{ font-size:clamp(26px,3.4vw,40px); font-weight:800; color:var(--tgr-dark); line-height:1.18; margin:16px 0 0; }
.tgr-lead{ color:var(--tgr-muted); font-size:17px; line-height:1.7; margin-top:14px; max-width:680px; }

/* ---------- Shared page hero ---------- */
.tgr-phero{ position:relative; padding:132px 0 96px; color:#fff; overflow:hidden; background:var(--tgr-green); }
.tgr-phero--sm{ padding:120px 0 74px; }
/* Lighter overlay so the background photo stays clear; darker only toward the base for legibility */
.tgr-phero::before{ content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(15,26,23,.34) 0%, rgba(15,26,23,.28) 45%, rgba(15,26,23,.68) 100%); }
.tgr-phero__bg{ position:absolute; inset:0; object-fit:cover; width:100%; height:100%; z-index:0; transform:scale(1.02); }
.tgr-phero__in{ position:relative; z-index:2; text-align:center; }
/* No box behind the hero text (background photo stays fully visible). Readability
   comes from a strong text-shadow instead. Also force the title white — a theme
   rule otherwise colours the hero <h1> dark green (unreadable). */
.tgr-phero .tgr-phero__in h1{ color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,.6), 0 3px 14px rgba(0,0,0,.55), 0 6px 30px rgba(0,0,0,.5); }
.tgr-phero .tgr-phero__in p{ color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,.65), 0 3px 16px rgba(0,0,0,.55); }
/* Hero eyebrow/slogan = solid orange button */
.tgr-phero .tgr-eyebrow{ color:#fff; background:var(--tgr-o); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:0 10px 24px rgba(234,130,14,.5); }
.tgr-phero h1{ font-size:clamp(32px,5.2vw,60px); font-weight:800; margin:20px 0 0; line-height:1.08; letter-spacing:-.01em; text-shadow:0 3px 26px rgba(0,0,0,.45); }
.tgr-phero h1::after{ content:""; display:block; width:66px; height:4px; margin:22px auto 0; border-radius:4px; background:var(--tgr-o); box-shadow:0 3px 14px rgba(234,130,14,.6); }
.tgr-phero p{ color:rgba(255,255,255,.94); font-size:18px; line-height:1.7; max-width:720px; margin:20px auto 0; text-shadow:0 2px 14px rgba(0,0,0,.42); }
.tgr-crumbs{ position:relative; z-index:2; display:flex; gap:8px; justify-content:center; margin-top:22px; font-size:14px; color:rgba(255,255,255,.7); }
.tgr-crumbs a{ color:#ffd9ab; text-decoration:none; } .tgr-crumbs a:hover{ text-decoration:underline; }

/* ---------- Blog listing ---------- */
.tgr-blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.tgr-pcard{ background:#fff; border:1px solid var(--tgr-line); border-radius:18px; overflow:hidden; display:flex; flex-direction:column; transition:transform .3s ease, box-shadow .3s ease; }
.tgr-pcard:hover{ transform:translateY(-6px); box-shadow:0 22px 44px rgba(15,26,23,.13); }
.tgr-pcard__media{ position:relative; display:block; overflow:hidden; background:#eef2f0; }
.tgr-pcard__media img{ width:100%; height:auto; display:block; transition:transform .55s ease; }
.tgr-pcard:hover .tgr-pcard__media img{ transform:scale(1.05); }
.tgr-pcard__cat{ position:absolute; left:14px; top:14px; background:var(--tgr-o); color:#fff; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:6px 12px; border-radius:20px; z-index:2; }
.tgr-pcard__body{ padding:22px 22px 24px; display:flex; flex-direction:column; flex:1; }
.tgr-pcard__meta{ display:flex; align-items:center; gap:7px; font-size:13px; color:var(--tgr-muted); font-weight:600; }
.tgr-pcard__meta svg{ width:15px; height:15px; color:var(--tgr-o); }
.tgr-pcard__title{ font-size:19px; font-weight:700; line-height:1.35; margin:12px 0 10px; }
.tgr-pcard__title a{ color:var(--tgr-dark); text-decoration:none; } .tgr-pcard__title a:hover{ color:var(--tgr-o); }
.tgr-pcard__ex{ color:var(--tgr-muted); font-size:14.5px; line-height:1.65; margin:0 0 18px; flex:1; }
.tgr-more{ display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--tgr-o); text-decoration:none; font-size:14.5px; margin-top:auto; }
.tgr-more svg{ width:16px; height:16px; transition:transform .25s ease; }
.tgr-more:hover{ color:var(--tgr-o2); } .tgr-more:hover svg{ transform:translateX(4px); }

/* Pagination */
.tgr-pager{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:52px; flex-wrap:wrap; }
.tgr-pager a, .tgr-pager span{ min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:12px; border:1px solid var(--tgr-line); background:#fff; color:var(--tgr-dark); font-weight:700; text-decoration:none; transition:all .2s ease; }
.tgr-pager a:hover{ border-color:var(--tgr-o); color:var(--tgr-o); }
.tgr-pager .current{ background:var(--tgr-o); border-color:var(--tgr-o); color:#fff; }

/* ---------- Article detail ---------- */
.tgr-article{ background:#fff; }
.tgr-art-hero{ position:relative; min-height:440px; display:flex; align-items:flex-end; color:#fff; overflow:hidden; }
.tgr-art-hero::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,26,23,.15) 0%, rgba(15,26,23,.55) 55%, rgba(15,26,23,.9) 100%); z-index:1; }
.tgr-art-hero__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.tgr-art-hero__in{ position:relative; z-index:2; padding:60px 0 46px; width:100%; }
/* Blog-detail hero — clean LIGHT design (the old dark-green block hid the dark title) */
.tgr-art-hero--solid{ min-height:0; display:block; position:relative; overflow:hidden; background:linear-gradient(180deg,#ffffff 0%, var(--tgr-soft) 100%); border-bottom:1px solid var(--tgr-line); }
.tgr-art-hero--solid::before{ content:""; position:absolute; inset:auto -110px -150px auto; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle at 35% 35%, rgba(234,130,14,.12), transparent 70%); z-index:0; }
.tgr-art-hero--solid .tgr-art-hero__in{ padding:120px 0 46px; position:relative; z-index:1; }
.tgr-art-hero--solid h1{ color:var(--tgr-dark) !important; text-shadow:none; }
.tgr-art-hero--solid h1::after{ content:""; display:block; width:64px; height:4px; margin:22px 0 0; border-radius:4px; background:var(--tgr-o); box-shadow:0 3px 12px rgba(234,130,14,.4); }
.tgr-art-hero--solid .tgr-crumbs--left,
.tgr-art-hero--solid .tgr-crumbs--left span{ color:var(--tgr-muted); }
.tgr-art-hero--solid .tgr-crumbs--left a{ color:var(--tgr-o); }
.tgr-art-hero--solid .tgr-art-meta{ color:var(--tgr-muted); }
.tgr-crumbs--left{ justify-content:flex-start; margin:0 0 14px; }
.tgr-art-featured{ width:100%; border-radius:18px; margin:0 0 30px; box-shadow:0 16px 40px rgba(15,26,23,.14); display:block; }
.tgr-art-hero__cat{ display:inline-block; background:var(--tgr-o); color:#fff; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:6px 14px; border-radius:20px; }
.tgr-art-hero h1{ font-size:clamp(27px,4.4vw,48px); font-weight:800; line-height:1.16; margin:18px 0 14px; max-width:900px; }
.tgr-art-meta{ display:flex; flex-wrap:wrap; gap:20px; font-size:14.5px; color:rgba(255,255,255,.85); font-weight:600; }
.tgr-art-meta span{ display:inline-flex; align-items:center; gap:7px; } .tgr-art-meta svg{ width:16px; height:16px; color:var(--tgr-o); }
.tgr-art-layout{ display:grid; grid-template-columns:1fr 320px; gap:50px; padding:56px 0 70px; align-items:start; }
.tgr-art-body{ font-size:17px; line-height:1.85; color:#31413d; }
.tgr-art-body > *:first-child{ margin-top:0; }
.tgr-art-body p{ margin:0 0 22px; }
.tgr-art-body h2{ font-size:27px; font-weight:800; color:var(--tgr-dark); margin:40px 0 16px; line-height:1.3; }
.tgr-art-body h3{ font-size:22px; font-weight:700; color:var(--tgr-dark); margin:32px 0 14px; }
.tgr-art-body ul, .tgr-art-body ol{ margin:0 0 22px; padding-left:4px; list-style:none; }
.tgr-art-body ul li, .tgr-art-body ol li{ position:relative; padding-left:34px; margin-bottom:12px; }
.tgr-art-body ul li::before{ content:""; position:absolute; left:4px; top:9px; width:9px; height:9px; border-radius:50%; background:var(--tgr-o); }
.tgr-art-body ol{ counter-reset:tgr; }
.tgr-art-body ol li::before{ counter-increment:tgr; content:counter(tgr); position:absolute; left:0; top:1px; width:24px; height:24px; border-radius:50%; background:var(--tgr-o); color:#fff; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.tgr-art-body strong{ color:var(--tgr-dark); }
.tgr-art-body a{ color:var(--tgr-o); text-decoration:underline; text-underline-offset:3px; }
.tgr-art-body img{ border-radius:14px; margin:10px 0; }
.tgr-art-body blockquote{ border-left:4px solid var(--tgr-o); background:var(--tgr-soft); padding:18px 24px; border-radius:0 12px 12px 0; margin:0 0 24px; font-style:italic; color:var(--tgr-green); }
.tgr-art-body table{ width:100%; border-collapse:collapse; margin:0 0 24px; }
.tgr-art-body th,.tgr-art-body td{ border:1px solid var(--tgr-line); padding:11px 14px; text-align:left; }
.tgr-art-body th{ background:var(--tgr-soft); }
.tgr-share{ display:flex; align-items:center; gap:12px; margin-top:36px; padding-top:26px; border-top:1px solid var(--tgr-line); flex-wrap:wrap; }
.tgr-share span{ font-weight:700; color:var(--tgr-dark); }
.tgr-share a{ width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; }
.tgr-share svg{ width:18px; height:18px; fill:currentColor; }
.tgr-share .s-wa{ background:#25D366; } .tgr-share .s-fb{ background:#1877F2; } .tgr-share .s-x{ background:#111; } .tgr-share .s-tg{ background:#0088cc; }
/* Sidebar */
.tgr-art-side{ position:sticky; top:20px; display:flex; flex-direction:column; gap:24px; }
.tgr-side-card{ background:var(--tgr-soft); border:1px solid var(--tgr-line); border-radius:18px; padding:24px; }
.tgr-side-card h3{ font-size:17px; font-weight:800; color:var(--tgr-dark); margin:0 0 16px; }
.tgr-side-cta{ background:linear-gradient(135deg,var(--tgr-green),var(--tgr-dark)); color:#fff; border-radius:18px; padding:28px 24px; text-align:center; }
.tgr-side-cta h3{ color:#fff; font-size:20px; margin:0 0 8px; }
.tgr-side-cta p{ color:rgba(255,255,255,.8); font-size:14px; margin:0 0 18px; }
.tgr-btn{ display:inline-flex; align-items:center; gap:8px; background:var(--tgr-o); color:#fff; font-weight:700; padding:13px 26px; border-radius:40px; text-decoration:none; border:0; cursor:pointer; transition:background .2s ease, transform .2s ease; }
.tgr-btn:hover{ background:var(--tgr-o2); color:#fff; transform:translateY(-2px); }
.tgr-btn--ghost{ background:transparent; border:2px solid var(--tgr-o); color:var(--tgr-o); }
.tgr-btn--ghost:hover{ background:var(--tgr-o); color:#fff; }
.tgr-side-list{ list-style:none; margin:0; padding:0; }
.tgr-side-list li{ border-bottom:1px dashed var(--tgr-line); }
.tgr-side-list li:last-child{ border-bottom:0; }
.tgr-side-list a{ display:flex; gap:12px; padding:12px 0; text-decoration:none; align-items:center; }
.tgr-side-list img{ width:64px; height:52px; object-fit:cover; border-radius:10px; flex:none; }
.tgr-side-list b{ font-size:14px; color:var(--tgr-dark); font-weight:600; line-height:1.35; }
.tgr-side-list a:hover b{ color:var(--tgr-o); }

/* Related */
.tgr-related{ background:var(--tgr-soft); padding:66px 0; }

/* ---------- References ---------- */
.tgr-ref-intro{ display:grid; grid-template-columns:1.1fr 1fr; gap:44px; align-items:center; }
.tgr-ref-intro__img img{ width:100%; border-radius:18px; box-shadow:0 20px 50px rgba(15,26,23,.14); }
.tgr-ref-vals{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:26px; }
.tgr-ref-val{ background:#fff; border:1px solid var(--tgr-line); border-radius:14px; padding:20px 16px; text-align:center; }
.tgr-ref-val svg{ width:34px; height:34px; color:var(--tgr-o); }
.tgr-ref-val b{ display:block; margin-top:8px; font-size:15px; color:var(--tgr-dark); }
.tgr-ref-val small{ color:var(--tgr-muted); font-size:12.5px; }
.tgr-logos{ display:grid; grid-template-columns:repeat(6,1fr); gap:20px; }
.tgr-logo{ background:#fff; border:1px solid var(--tgr-line); border-radius:14px; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; padding:14px; transition:transform .25s ease, box-shadow .25s ease; }
.tgr-logo:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(15,26,23,.1); }
.tgr-logo img{ max-width:100%; max-height:100%; object-fit:contain; }

/* Inline YouTube facade (home page video widgets) */
.elementor-widget-video .elementor-video{ position:relative; min-height:0; }
.tgr-ytface{ position:relative; display:block; border-radius:16px; overflow:hidden; aspect-ratio:16/9; background:#000; }
.tgr-ytface img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.tgr-ytface:hover img{ transform:scale(1.05); }
.tgr-ytface__play{ position:absolute; inset:0; margin:auto; width:68px; height:48px; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.tgr-ytface__play svg{ width:68px; height:48px; filter:drop-shadow(0 2px 8px rgba(0,0,0,.4)); }
.tgr-ytface__play .yt-bg{ fill:#f00; opacity:.9; transition:opacity .2s ease; }
.tgr-ytface:hover .tgr-ytface__play .yt-bg{ opacity:1; }

/* ---------- Contact ---------- */
/* ---- Contact (split dark panel + form, item 4 redesign) ---- */
.tgr-contact-split{ display:grid; grid-template-columns:.82fr 1.18fr; background:#fff; border:1px solid var(--tgr-line); border-radius:24px; overflow:hidden; box-shadow:0 26px 60px rgba(15,26,23,.1); }
.tgr-cpanel{ position:relative; overflow:hidden; padding:46px 40px; color:#fff; background:linear-gradient(160deg,#213631 0%,#0f1a17 100%); }
.tgr-cpanel::after{ content:""; position:absolute; right:-70px; bottom:-70px; width:230px; height:230px; border-radius:50%; background:radial-gradient(circle at 30% 30%, rgba(234,130,14,.5), transparent 70%); }
.tgr-cpanel .tgr-eyebrow{ color:#ffe0bd; background:rgba(255,255,255,.14); }
.tgr-cpanel h2{ font-size:26px; font-weight:800; margin:16px 0 12px; color:#fff !important; }
.tgr-cpanel__lead{ color:rgba(255,255,255,.8); font-size:15px; line-height:1.7; margin:0 0 28px; max-width:340px; }
.tgr-cpanel__list{ list-style:none; margin:0 0 28px; padding:0; display:flex; flex-direction:column; gap:16px; position:relative; z-index:1; }
.tgr-cpanel__list a, .tgr-cpanel__list li{ display:flex; align-items:center; gap:14px; text-decoration:none; color:#fff; }
.tgr-cpanel__ic{ flex:none; width:46px; height:46px; border-radius:13px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; color:var(--tgr-o); transition:background .25s ease, color .25s ease; }
.tgr-cpanel__ic svg{ width:21px; height:21px; }
.tgr-cpanel__list a:hover .tgr-cpanel__ic{ background:var(--tgr-o); color:#fff; }
.tgr-cpanel__txt{ display:flex; flex-direction:column; gap:2px; }
.tgr-cpanel__txt small{ font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.tgr-cpanel__txt strong{ font-size:15.5px; font-weight:600; }
.tgr-cpanel__soc{ display:flex; gap:10px; position:relative; z-index:1; }
.tgr-cpanel__soc a{ width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; color:#fff; transition:background .25s ease, transform .25s ease; }
.tgr-cpanel__soc a svg{ width:18px; height:18px; }
.tgr-cpanel__soc a:hover{ background:var(--tgr-o); transform:translateY(-3px); }
.tgr-cform{ padding:46px 40px; }
.tgr-cform h2{ font-size:24px; font-weight:800; color:var(--tgr-dark); margin:0 0 6px; }
.tgr-cform > p{ color:var(--tgr-muted); margin:0 0 24px; }
.tgr-btn--block{ width:100%; justify-content:center; }
.tgr-form-alert{ padding:13px 16px; border-radius:12px; margin-bottom:18px; font-size:14.5px; font-weight:600; }
.tgr-form-alert--success{ background:#e7f6ee; color:#1c8f59; border:1px solid #b6e3ca; }
.tgr-form-alert--error{ background:#fdecec; color:#c0392b; border:1px solid #f3c2bd; }
.tgr-map-wide{ margin-top:58px; height:440px; }
.tgr-map-wide iframe{ width:100%; height:100%; border:0; display:block; filter:grayscale(.12); }

/* ---- Home stats (redesigned "Başarılarımızla konuşuyoruz") ---- */
.tgr-stats-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; max-width:1160px; margin:36px auto 40px; padding:0 20px; }
.tgr-stats-grid--2{ grid-template-columns:repeat(2,minmax(0,1fr)); max-width:820px; }
.tgr-stats-grid--3{ grid-template-columns:repeat(3,minmax(0,1fr)); max-width:980px; }
.tgr-stat{ text-align:center; padding:32px 20px; background:#fff; border:1px solid var(--tgr-line,#e6ebe9); border-radius:20px; box-shadow:0 10px 30px rgba(15,26,23,.06); transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.tgr-stat:hover{ transform:translateY(-6px); box-shadow:0 24px 48px rgba(15,26,23,.13); border-color:rgba(234,130,14,.45); }
.tgr-stat__ic{ width:60px; height:60px; margin:0 auto 18px; border-radius:16px; background:rgba(234,130,14,.12); color:var(--tgr-o,#EA820E); display:flex; align-items:center; justify-content:center; }
.tgr-stat__ic svg{ width:29px; height:29px; }
.tgr-stat__num{ font-size:clamp(34px,4vw,48px); font-weight:800; color:var(--tgr-dark,#0f1a17); line-height:1; display:flex; align-items:baseline; justify-content:center; gap:2px; letter-spacing:-.02em; }
.tgr-stat__num em{ font-style:normal; color:var(--tgr-o,#EA820E); font-size:.62em; font-weight:800; }
.tgr-stat__label{ display:block; margin-top:13px; font-size:15px; font-weight:600; color:var(--tgr-muted,#5b6b66); }
@media (max-width:900px){ .tgr-stats-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } }
@media (max-width:480px){ .tgr-stat{ padding:24px 12px; } .tgr-stat__ic{ width:52px; height:52px; margin-bottom:14px; } }

/* ---- Hakkımızda (redesign, item 5) ---- */
.tgr-about-intro{ display:grid; grid-template-columns:1.12fr .88fr; gap:56px; align-items:center; padding:82px 0; }
.tgr-about-intro__text h2{ font-size:clamp(26px,3.4vw,40px); font-weight:800; color:var(--tgr-dark); line-height:1.15; margin:18px 0 20px; }
.tgr-about-intro__text p{ color:var(--tgr-muted); font-size:16px; line-height:1.8; margin:0 0 16px; }
.tgr-about-stats{ display:flex; flex-wrap:wrap; gap:34px; margin-top:28px; }
.tgr-about-stats strong{ display:block; font-size:34px; font-weight:800; color:var(--tgr-o); line-height:1; }
.tgr-about-stats span{ display:block; margin-top:6px; font-size:13px; color:var(--tgr-muted); font-weight:600; }
.tgr-about-intro__media{ position:relative; }
.tgr-about-intro__media img{ width:100%; border-radius:22px; box-shadow:0 30px 60px rgba(15,26,23,.18); display:block; position:relative; z-index:1; }
.tgr-about-intro__media::before{ content:""; position:absolute; right:-18px; bottom:-18px; width:62%; height:62%; border-radius:22px; background:linear-gradient(135deg,var(--tgr-o),rgba(234,130,14,0)); z-index:0; }

.tgr-about-story{ background:var(--tgr-green); color:#fff; padding:84px 0; overflow:hidden; }
.tgr-about-story__grid{ display:grid; grid-template-columns:.92fr 1.08fr; gap:56px; align-items:center; }
.tgr-about-story__media{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
.tgr-about-story__media img{ width:100%; border-radius:16px; display:block; box-shadow:0 20px 44px rgba(0,0,0,.3); }
.tgr-about-story__img1{ margin-top:36px; }
.tgr-about-story__text .tgr-eyebrow{ color:#ffe0bd; background:rgba(255,255,255,.14); margin-bottom:16px; }
.tgr-about-story__text h2{ font-size:clamp(24px,3vw,36px); font-weight:800; margin:0 0 20px; line-height:1.2; }
.tgr-about-story__text p{ color:rgba(255,255,255,.82); font-size:16px; line-height:1.85; margin:0 0 16px; }

.tgr-about-mv{ display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:82px 0; }
.tgr-mvcard{ background:#fff; border:1px solid var(--tgr-line); border-radius:22px; padding:40px 36px; transition:transform .25s ease, box-shadow .25s ease; }
.tgr-mvcard:hover{ transform:translateY(-5px); box-shadow:0 24px 50px rgba(15,26,23,.1); }
.tgr-mvcard__ic{ width:60px; height:60px; border-radius:16px; background:rgba(234,130,14,.12); color:var(--tgr-o); display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.tgr-mvcard__ic svg{ width:28px; height:28px; }
.tgr-mvcard h3{ font-size:23px; font-weight:800; color:var(--tgr-dark); margin:0 0 14px; }
.tgr-mvcard p{ color:var(--tgr-muted); font-size:15.5px; line-height:1.8; margin:0 0 12px; }
.tgr-mvcard--vision{ background:linear-gradient(160deg,#213631,#0f1a17); border-color:transparent; }
.tgr-mvcard--vision h3{ color:#fff; }
.tgr-mvcard--vision p{ color:rgba(255,255,255,.8); }
.tgr-mvcard--vision .tgr-mvcard__ic{ background:rgba(255,255,255,.1); }

.tgr-about-values{ background:var(--tgr-soft); padding:82px 0; }
.tgr-about-values__head{ text-align:center; max-width:720px; margin:0 auto 46px; }
.tgr-about-values__head h2{ font-size:clamp(24px,3vw,36px); font-weight:800; color:var(--tgr-dark); margin:14px 0; }
.tgr-about-values__head p{ color:var(--tgr-muted); font-size:16px; line-height:1.8; margin:0; }
.tgr-values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.tgr-vcard2{ background:#fff; border:1px solid var(--tgr-line); border-radius:18px; padding:30px 26px; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.tgr-vcard2:hover{ transform:translateY(-5px); box-shadow:0 20px 44px rgba(15,26,23,.1); border-color:rgba(234,130,14,.4); }
.tgr-vcard2__ic{ width:54px; height:54px; border-radius:50%; background:rgba(234,130,14,.12); color:var(--tgr-o); display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.tgr-vcard2__ic svg{ width:25px; height:25px; }
.tgr-vcard2 h4{ font-size:19px; font-weight:800; color:var(--tgr-dark); margin:0 0 10px; }
.tgr-vcard2 p{ color:var(--tgr-muted); font-size:14.5px; line-height:1.7; margin:0; }
.tgr-field{ margin-bottom:16px; } .tgr-field label{ display:block; font-size:13px; font-weight:700; color:var(--tgr-green); margin-bottom:7px; }
.tgr-field label .req{ color:var(--tgr-o); }
.tgr-field input, .tgr-field textarea{ width:100%; border:2px solid var(--tgr-line); border-radius:12px; padding:13px 16px; font-size:15px; font-family:inherit; outline:none; transition:border-color .2s ease; background:#fff; }
.tgr-field input:focus, .tgr-field textarea:focus{ border-color:var(--tgr-o); }
.tgr-field-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }

/* ---------- FAQ ---------- */
.tgr-faq{ max-width:860px; margin:0 auto; }
.tgr-faq__item{ background:#fff; border:1px solid var(--tgr-line); border-radius:14px; margin-bottom:14px; overflow:hidden; }
.tgr-faq__q{ width:100%; text-align:left; background:none; border:0; cursor:pointer; padding:20px 24px; font-size:17px; font-weight:700; color:var(--tgr-dark); display:flex; align-items:center; justify-content:space-between; gap:16px; }
.tgr-faq__q .ic{ width:28px; height:28px; flex:none; border-radius:50%; background:rgba(234,130,14,.12); color:var(--tgr-o); display:flex; align-items:center; justify-content:center; font-size:20px; transition:transform .25s ease, background .25s ease; }
.tgr-faq__item.open .tgr-faq__q .ic{ transform:rotate(45deg); background:var(--tgr-o); color:#fff; }
.tgr-faq__a{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
.tgr-faq__a-in{ padding:0 24px 22px; color:var(--tgr-muted); line-height:1.7; }
.tgr-faq__item.open .tgr-faq__a{ max-height:600px; }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .tgr-blog-grid{ grid-template-columns:repeat(2,1fr); }
  .tgr-art-layout{ grid-template-columns:1fr; gap:36px; } .tgr-art-side{ position:static; }
  .tgr-ref-intro{ grid-template-columns:1fr; } .tgr-logos{ grid-template-columns:repeat(4,1fr); }
  .tgr-contact-split{ grid-template-columns:1fr; }
  .tgr-ref-vals{ grid-template-columns:repeat(3,1fr); }
  .tgr-about-intro{ grid-template-columns:1fr; gap:40px; padding:60px 0; }
  .tgr-about-story__grid{ grid-template-columns:1fr; gap:40px; }
  .tgr-about-mv{ grid-template-columns:1fr; padding:60px 0; }
  .tgr-values-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .tgr-section{ padding:48px 0; } .tgr-wrap{ padding:0 16px; }
  .tgr-blog-grid{ grid-template-columns:1fr; } .tgr-logos{ grid-template-columns:repeat(3,1fr); }
  .tgr-field-row{ grid-template-columns:1fr; } .tgr-ref-vals{ grid-template-columns:1fr; }
  .tgr-phero{ padding:100px 0 60px; }
  .tgr-cpanel{ padding:36px 26px; } .tgr-cform{ padding:34px 24px; }
  .tgr-map-wide{ height:340px; margin-top:44px; }
  .tgr-values-grid{ grid-template-columns:1fr; }
  .tgr-about-stats{ gap:24px; }
  .tgr-about-story{ padding:60px 0; } .tgr-about-values{ padding:58px 0; }
}

/* Hakkımızda hero: "HAKKIMIZDA" başlığının arkasındaki görselin üstündeki
   siyah karartmayı azalt (0.73 → 0.5) — görsel daha aydınlık görünsün,
   beyaz başlık yine okunur kalsın. Elementor overlay ::before ile yapılıyor. */
.elementor-element-db37672::before{ opacity:.4 !important; }

/* Hizmetlerimiz — sağdaki turuncu "Güçlü ve Güvenilir Çözümler" istatistik bloğu.
   Dar sütunda 4'lü grid sıkışıp etiket kelimelerini ortadan bölüyordu
   ("Deneyi-m", "Referan-s"). Bu bölüme özel (element e407097) 2×2 düzen +
   yenilenmiş kart tasarımı. Sayaçlar app.js redesignStats ile animasyonlu.
   NOT: yalnızca bu bölümü hedefler; ana sayfadaki istatistikleri etkilemez. */
.elementor-element-e407097 .tgr-stats-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px; max-width:none; width:100%; margin:24px 0 4px; padding:0;
}
.elementor-element-e407097 .tgr-stat{
  padding:22px 16px; border:none; border-radius:18px;
  background:#fff; box-shadow:0 14px 30px rgba(120,58,0,.22);
}
.elementor-element-e407097 .tgr-stat:hover{
  transform:translateY(-5px); box-shadow:0 22px 44px rgba(120,58,0,.30);
}
.elementor-element-e407097 .tgr-stat__ic{
  width:50px; height:50px; margin-bottom:12px; border-radius:14px;
}
.elementor-element-e407097 .tgr-stat__ic svg{ width:25px; height:25px; }
.elementor-element-e407097 .tgr-stat__num{ font-size:clamp(30px,3.4vw,42px); }
.elementor-element-e407097 .tgr-stat__label{
  margin-top:9px; font-size:13.5px; line-height:1.32;
  word-break:normal; overflow-wrap:normal; hyphens:none;
}