/* ============================================================
   GTM Gold Serisi — HPE tarzı flat/geniş tasarım dili
   (flat yüzeyler, geniş boşluk, 4:3 görsel, pill CTA, ince tipografi)
   ============================================================ */
.gtm-gold {
  --n:#003A70; --nd:#00264A; --r:#D22630; --g:#009639;
  --au:#96731A; --au2:#C9A227; --au3:#F0C75E;
  --ink:#2B3038; --mu:#5A6472; --line:#DCE1E8; --soft:#F5F7FA;
  font-family:inherit; color:var(--ink); line-height:1.6; font-size:16px;
}

/* ---------- TAM GENİŞLİK ----------
   Tema kapsayıcısı sayfalarda 1240px, blog yazılarında 750px ile sınırlıyor.
   Bu kural bölümü kapsayıcıdan taşırır; iç sarmalayıcılar okunabilir genişliği korur. */
.gtm-gold {
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
/* Tema başlığı ve içerik dolgusu bu sayfalarda gereksiz boşluk yaratıyor */
body.gtm-landing .entry-header,
body.gtm-landing .ast-single-post-order,
body.gtm-landing .post-thumb-img-content { display:none !important; }
body.gtm-landing .ast-article-single,
body.gtm-landing .ast-article-post { padding:0 !important; border:none !important; }
body.gtm-landing .site-content > .ast-container { max-width:100% !important; padding:0 !important; }
body.gtm-landing #primary,
body.gtm-landing .content-area { padding:0 !important; margin:0 !important; }
body.gtm-landing .entry-content { margin-top:0 !important; }

.gtm-gold *, .gtm-gold *::before, .gtm-gold *::after { box-sizing:border-box; }
.gtm-gold img { max-width:100%; display:block; }
.gtm-gold a { text-decoration:none !important; }

/* ---------- HERO ---------- */
.gtm-gold .gd-hero {
  background:linear-gradient(115deg,#12100A 0%,#2A2210 40%,#00264A 100%);
  color:#fff; padding:72px 56px; display:grid; grid-template-columns:1.55fr .95fr;
  gap:48px; align-items:center; position:relative; overflow:hidden; margin-bottom:72px;
}
@media(max-width:900px){ .gtm-gold .gd-hero { grid-template-columns:1fr; padding:48px 28px; gap:32px; margin-bottom:48px; } }
.gtm-gold .gd-hero::after { content:''; position:absolute; right:-140px; top:-140px; width:460px; height:460px; border-radius:50%; border:1px solid rgba(201,162,39,.22); }
.gtm-gold .gd-eyebrow {
  display:inline-block; font-size:12px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase;
  color:var(--au3); padding-bottom:14px; margin-bottom:20px; border-bottom:2px solid rgba(201,162,39,.45);
}
.gtm-gold .gd-hero h1, .gtm-gold .gd-hero h2 {
  color:#fff; font-size:clamp(34px,4.6vw,58px); font-weight:500; margin:0 0 20px;
  line-height:1.06; letter-spacing:-1.4px;
}
.gtm-gold .gd-hero h1, .gtm-gold .gd-hero h2 strong { font-weight:700; color:var(--au3); }
.gtm-gold .gd-hero p { color:#C4CBD4; font-size:18px; line-height:1.6; margin:0 0 34px; max-width:620px; font-weight:300; }
.gtm-gold .gd-hero p b { color:#fff; font-weight:600; }
.gtm-gold .gd-stats { display:grid; grid-template-columns:repeat(4,auto); gap:0; border-top:1px solid rgba(255,255,255,.15); padding-top:26px; }
@media(max-width:640px){ .gtm-gold .gd-stats { grid-template-columns:repeat(2,1fr); gap:22px 0; } }
.gtm-gold .gd-stat { padding-right:34px; }
.gtm-gold .gd-stat + .gd-stat { border-left:1px solid rgba(255,255,255,.15); padding-left:34px; }
@media(max-width:640px){ .gtm-gold .gd-stat, .gtm-gold .gd-stat + .gd-stat { border-left:none; padding:0; } }
.gtm-gold .gd-stat b { display:block; font-size:30px; color:#fff; font-weight:600; letter-spacing:-.8px; line-height:1.1; }
.gtm-gold .gd-stat i { font-style:normal; font-size:11.5px; color:#93A0AE; letter-spacing:.9px; text-transform:uppercase; }
.gtm-gold .gd-hero-img { position:relative; z-index:1; }
.gtm-gold .gd-hero-img img { width:100%; max-width:280px; margin-left:auto; }

/* ---------- BÖLÜM BAŞLIKLARI ---------- */
.gtm-gold .gd-sec { max-width:1440px; margin:0 auto 40px; padding:0 28px; }
.gtm-gold h3.gd-h {
  font-size:clamp(26px,3.2vw,38px); font-weight:500; color:var(--n);
  letter-spacing:-1px; line-height:1.15; margin:0 0 14px;
}
.gtm-gold .gd-lead { font-size:17px; color:var(--mu); font-weight:300; max-width:760px; margin:0; line-height:1.6; }

/* ---------- DEĞER ÖNERİLERİ ---------- */
.gtm-gold .gd-wrap { max-width:1440px; margin:0 auto; padding:0 28px; }
.gtm-gold .gd-props { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--line); margin-bottom:80px; }
@media(max-width:980px){ .gtm-gold .gd-props { grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .gtm-gold .gd-props { grid-template-columns:1fr; } }
.gtm-gold .gd-prop { padding:32px 28px 32px 0; border-right:1px solid var(--line); }
.gtm-gold .gd-prop:last-child { border-right:none; }
@media(max-width:980px){ .gtm-gold .gd-prop:nth-child(2n) { border-right:none; } .gtm-gold .gd-prop { padding-right:24px; } }
@media(max-width:600px){ .gtm-gold .gd-prop { border-right:none; border-bottom:1px solid var(--line); padding:26px 0; } }
.gtm-gold .gd-prop .num { display:block; font-size:11.5px; font-weight:700; letter-spacing:1.4px; color:var(--au2); margin-bottom:14px; }
.gtm-gold .gd-prop b { display:block; color:var(--n); font-size:19px; font-weight:600; margin-bottom:10px; letter-spacing:-.3px; line-height:1.3; }
.gtm-gold .gd-prop p { font-size:14.5px; color:var(--mu); margin:0; font-weight:300; line-height:1.6; }

/* ---------- SÜREÇ ---------- */
.gtm-gold .gd-flow { background:var(--soft); padding:60px 0; margin-bottom:80px; }
.gtm-gold .gd-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; max-width:1440px; margin:0 auto; padding:0 28px; }
@media(max-width:840px){ .gtm-gold .gd-steps { grid-template-columns:1fr; gap:28px; } }
.gtm-gold .gd-step { border-top:3px solid var(--n); padding-top:22px; }
.gtm-gold .gd-step:nth-child(2) { border-top-color:var(--au2); }
.gtm-gold .gd-step:nth-child(3) { border-top-color:var(--r); }
.gtm-gold .gd-step .no { display:block; font-size:12px; font-weight:700; letter-spacing:1.4px; color:var(--mu); margin-bottom:10px; }
.gtm-gold .gd-step b { display:block; color:var(--n); font-size:20px; font-weight:600; margin-bottom:8px; letter-spacing:-.3px; }
.gtm-gold .gd-step p { font-size:14.5px; color:var(--mu); margin:0; font-weight:300; }

/* ---------- SEGMENT BAŞLIKLARI ---------- */
.gtm-gold .gd-seg { max-width:1440px; margin:64px auto 6px; padding:0 28px; display:flex; align-items:baseline; gap:16px; flex-wrap:wrap; }
.gtm-gold .gd-seg h4 { font-size:clamp(22px,2.6vw,30px); font-weight:600; color:var(--n); margin:0; letter-spacing:-.7px; }
.gtm-gold .gd-seg em { font-style:normal; font-size:13px; font-weight:600; color:#fff; background:var(--au); padding:4px 12px; letter-spacing:.4px; }
.gtm-gold .gd-segdesc { max-width:1440px; margin:0 auto 30px; padding:0 28px; font-size:15.5px; color:var(--mu); font-weight:300; }

/* ---------- ÜRÜN IZGARASI (HPE tarzı geniş kartlar) ---------- */
.gtm-gold .gd-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:40px 32px;
  max-width:1440px; margin:0 auto 24px; padding:0 28px;
}
@media(max-width:1080px){ .gtm-gold .gd-grid { grid-template-columns:repeat(2,1fr); gap:36px 26px; } }
@media(max-width:660px){ .gtm-gold .gd-grid { grid-template-columns:1fr; gap:32px; } }

.gtm-gold .gd-card {
  background:#fff; border:1px solid var(--line); display:flex; flex-direction:column;
  transition:border-color .18s, box-shadow .18s, transform .18s; position:relative;
}
.gtm-gold .gd-card:hover { border-color:var(--au2); box-shadow:0 18px 40px rgba(16,24,40,.10); transform:translateY(-4px); }
.gtm-gold .gd-card::after { content:''; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--au2); transform:scaleX(0); transform-origin:left; transition:transform .22s; }
.gtm-gold .gd-card:hover::after { transform:scaleX(1); }

/* Görsel: 4:3 sabit oran, contain — taşma yok */
.gtm-gold .gd-thumb {
  position:relative; width:100%; aspect-ratio:4/3; background:#fff;
  display:flex; align-items:center; justify-content:center; overflow:hidden; border-bottom:1px solid var(--line);
}
.gtm-gold .gd-thumb img { width:100%; height:100%; object-fit:contain; object-position:center; padding:22px 26px; transition:transform .3s; }
.gtm-gold .gd-card:hover .gd-thumb img { transform:scale(1.04); }
.gtm-gold .gd-form {
  position:absolute; top:0; left:0; z-index:2; background:var(--nd); color:var(--au3);
  font-size:11.5px; font-weight:600; letter-spacing:.8px; padding:8px 16px; text-transform:uppercase;
}

.gtm-gold .gd-body { padding:28px 28px 26px; display:flex; flex-direction:column; flex:1; }
.gtm-gold .gd-card .sku { font-size:12.5px; font-weight:700; color:var(--au); letter-spacing:1.1px; margin-bottom:10px; }
.gtm-gold .gd-card .tt { font-size:20px; font-weight:600; color:var(--n); line-height:1.28; letter-spacing:-.4px; margin-bottom:10px; }
.gtm-gold .gd-card .use { font-size:14px; color:var(--mu); font-weight:300; line-height:1.5; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.gtm-gold .gd-card .spec { display:block; flex:1; margin-bottom:24px; }
.gtm-gold .gd-card .spec span {
  display:block; font-size:14px; color:var(--ink); line-height:1.5; padding-left:18px;
  position:relative; margin-bottom:9px; font-weight:300;
}
.gtm-gold .gd-card .spec span::before { content:''; position:absolute; left:0; top:9px; width:7px; height:1px; background:var(--au2); }
.gtm-gold .gd-card .spec span b { font-weight:600; color:var(--n); }
.gtm-gold .gd-card .go {
  display:inline-flex; align-items:center; gap:9px; align-self:flex-start;
  background:var(--n); color:#fff; font-size:14.5px; font-weight:600; padding:13px 26px;
  border-radius:9999px; transition:background .18s, gap .18s;
}
.gtm-gold .gd-card:hover .go { background:var(--r); gap:14px; }

/* Önceki nesil — sade varyant */
.gtm-gold .gd-card-lite .gd-thumb { aspect-ratio:16/10; }
.gtm-gold .gd-card-lite .gd-body { padding:22px 22px 20px; }
.gtm-gold .gd-card-lite .tt { font-size:16.5px; }
.gtm-gold .gd-card-lite .go { background:transparent; color:var(--n); border:1px solid var(--line); padding:11px 22px; font-size:13.5px; }
.gtm-gold .gd-card-lite:hover .go { background:var(--n); color:#fff; border-color:var(--n); }

.gtm-gold .gd-all { text-align:center; margin:36px auto 0; padding:0 28px; }
.gtm-gold .gd-all a {
  display:inline-flex; align-items:center; gap:10px; background:transparent; color:var(--n);
  border:1.5px solid var(--n); padding:15px 34px; border-radius:9999px; font-weight:600; font-size:15.5px; transition:all .18s;
}
.gtm-gold .gd-all a:hover { background:var(--n); color:#fff; gap:16px; }

/* ---------- SSS ---------- */
.gtm-gold .gd-faq { max-width:1000px; margin:0 auto; padding:0 28px; }
.gtm-gold .gd-faq details { border-bottom:1px solid var(--line); }
.gtm-gold .gd-faq details:first-child { border-top:1px solid var(--line); }
.gtm-gold .gd-faq summary {
  padding:24px 48px 24px 0; font-weight:600; color:var(--n); cursor:pointer;
  font-size:18px; list-style:none; position:relative; letter-spacing:-.3px;
}
.gtm-gold .gd-faq summary::-webkit-details-marker { display:none; }
.gtm-gold .gd-faq summary::after {
  content:''; position:absolute; right:8px; top:50%; width:13px; height:13px;
  border-right:2px solid var(--au2); border-bottom:2px solid var(--au2);
  transform:translateY(-70%) rotate(45deg); transition:transform .2s;
}
.gtm-gold .gd-faq details[open] summary::after { transform:translateY(-30%) rotate(225deg); }
.gtm-gold .gd-faq .a { padding:0 40px 26px 0; font-size:15.5px; color:var(--mu); font-weight:300; line-height:1.7; }

/* ---------- KAPANIŞ CTA ---------- */
.gtm-gold .gd-cta { background:linear-gradient(115deg,#12100A,#2A2210 45%,#00264A); color:#fff; padding:76px 40px; text-align:center; margin-top:88px; }
.gtm-gold .gd-cta b { display:block; font-size:clamp(26px,3.6vw,42px); font-weight:500; margin-bottom:16px; color:#fff; letter-spacing:-1.1px; line-height:1.15; }
.gtm-gold .gd-cta p { color:#C4CBD4; font-size:17px; max-width:680px; margin:0 auto 32px; font-weight:300; line-height:1.6; }
.gtm-gold .gd-cta .btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.gtm-gold .gd-cta a { display:inline-flex; align-items:center; gap:10px; padding:16px 36px; border-radius:9999px; font-weight:600; font-size:16px; transition:all .18s; }
.gtm-gold .gd-cta a.b1 { background:var(--r); color:#fff; }
.gtm-gold .gd-cta a.b1:hover { background:#fff; color:var(--nd); gap:16px; }
.gtm-gold .gd-cta a.b2 { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.45); }
.gtm-gold .gd-cta a.b2:hover { border-color:#fff; background:rgba(255,255,255,.1); }