/* ==========================================================================
SALTANAT (Light) - Geylani tasarım katmanı (site.css'ten SONRA yüklenir)
--------------------------------------------------------------------------
Yön: süslü-lüks / berat-ferman, AÇIK zemin. Fildişi + koyu zümrüt + altın.
Marcellus (başlık, Blocksy'den) + Mulish (gövde). İmza: altın ornament +
altın hairline çerçeveli levhalar.
KURALLAR: gerçek `.gk-*` markup'ını RESTYLE eder (DOM/mantık plugin'de aynı,
kart VERİSİ = ürün, korunur). Palet Blocksy'den (var(--theme-palette-color-N)).
!important yok (site.css'ten sonra load-order kazanır). Namespace çakışması yok.
========================================================================== */
:root{
--st-gold: var(--theme-palette-color-1, #A9843C);
--st-gold2: #C6A45E;
--st-gold-soft: rgba(169,132,60,.30);
--st-em: var(--theme-palette-color-3, #123027);
--st-em2: #1E5140;
--st-ivory: var(--theme-palette-color-7, #F8F4EA);
--st-sand: var(--theme-palette-color-5, #EDE6D6);
--st-white: #FFFFFF;
--st-ink: var(--theme-palette-color-4, #22261E);
--st-muted: #6E6B5C;
--st-line: rgba(169,132,60,.30);
--st-shadow: 0 30px 60px -40px rgba(18,48,39,.45);
--st-shadow-sm: 0 20px 42px -32px rgba(18,48,39,.4);
--st-r: 0px; /* keskin/berat köşe */
/* palet-dışı gk token'ları Saltanat'a çek */
--gk-c-muted: var(--st-muted);
--gk-shadow-card: var(--st-shadow-sm);
--gk-shadow-hover: var(--st-shadow);
--gk-shadow-panel: var(--st-shadow);
}
/* altın elmas ornament (line-diamond-line) - başlık altı */
.gk-related-title, .gk-intro-h2 { position: relative; }
.gk-eyebrow, .gk-tour-card-eyebrow, .gk-hero-eyebrow {
font-family: "Mulish", sans-serif; font-weight: 700; font-size: .72rem;
letter-spacing: .24em; text-transform: uppercase; color: var(--st-gold);
}
/* --------------------------------------------------------------------------
1) TUR KARTI - altın çerçeveli levha (görünüm; veri/DOM plugin'de aynı)
-------------------------------------------------------------------------- */
/* Levha çerçevesi: içeriden padding (inset alan), TAMAMI ORTALI (mockup .plate) */
.gk-tour-card {
background: var(--st-white);
border: 1px solid var(--st-line);
box-shadow: var(--st-shadow-sm);
padding: .8rem .8rem 1.9rem;
text-align: center;
transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.gk-tour-card:hover { transform: translateY(-5px); box-shadow: var(--st-shadow); border-color: var(--st-gold-soft); }
/* inset emerald alan (5:4), ortada üstte altın mühür, altta altın tier şeridi */
.gk-tour-card-media {
position: relative; display: block; aspect-ratio: 5 / 4; overflow: hidden;
background:
radial-gradient(70% 60% at 50% 120%, rgba(198,164,94,.28), transparent 60%),
linear-gradient(160deg, var(--st-em2), var(--st-em));
}
.gk-tour-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* .gk-tour-card öneki: site.css'teki '.gk-tour-card .gk-card-kind' (0,2,0) rozeti
sağ-alta pinliyor + top ile birleşince dikey PILL uzatıyordu; eşit specificity
+ sonra yüklenme ile ORTALI KUTU kazanır. right/bottom/radius açıkça sıfırlanır. */
.gk-tour-card .gk-card-kind {
position: absolute; top: .9rem; left: 50%; right: auto; bottom: auto;
transform: translateX(-50%); z-index: 4;
font: 700 .62rem/1 "Mulish", sans-serif; letter-spacing: .16em; text-transform: uppercase;
background: rgba(10,25,20,.42); color: var(--st-gold2);
padding: .34rem .75rem; border: 1px solid var(--st-gold-soft); border-radius: 0;
box-shadow: none; backdrop-filter: blur(3px); line-height: 1;
}
.gk-tour-card .gk-card-kind--kutsal { background-image: none; } /* düz kutu, diagonal doku kapalı */
.gk-card-chip-tier--corner {
position: absolute; left: 50%; bottom: .9rem; transform: translateX(-50%); z-index: 2;
background: var(--st-gold); color: var(--st-em); border: 0;
padding: .32rem .75rem; display: inline-flex; gap: .35rem; align-items: center;
font: 700 .68rem/1 "Mulish", sans-serif; letter-spacing: .04em;
}
.gk-card-chip-stars { color: var(--st-em); letter-spacing: .05em; }
.gk-tour-card-body { padding: 1.35rem .5rem 0; }
.gk-tour-card-title { font-family: "Marcellus", serif; font-weight: 400; font-size: 1.55rem; line-height: 1.16; margin: 0 0 .35rem; color: var(--st-em); }
.gk-tour-card-title a { color: inherit; text-decoration: none; }
.gk-tour-card-title a:hover { color: var(--st-gold); }
/* tarih ÜST satır, süre (gün + gece) ALT satır (kullanıcı kararı): flex-column */
.gk-tour-card-daterange { font-family: "Mulish", sans-serif; font-size: .86rem; color: var(--st-muted); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .45rem; }
.gk-card-date { display: block; }
.gk-tour-card-no { display: none; } /* TUR # kartta gizli (detayda var) */
.gk-card-dateless { color: var(--st-gold); }
.gk-tour-card-eyebrow { display: none; }
/* spec + tema/svc çipleri: ORTALI pill (etiket gizli, değer/veri korunur) */
/* Kart spec satırı GİZLİ (kullanıcı kararı): "3 Adet"/"İstanbul" gibi tek zayıf
pill'ler boş duruyordu. Ürün bilgisi kartta zaten var: süre daterange'de
("13 gün"), tier medya badge'inde, fiyat foot'ta, tarih daterange'de. Detay/
rota/umre sayısı detay sayfasında. Veri DOM'da kalır, kartta basılmaz. */
.gk-tour-card-specs { display: none; }
.gk-tour-card-chips { display: none; } /* kart tema/svc chip'leri gizli (kullanıcı: "Yurt İçi" tek başına boş duruyordu) */
.gk-card-chip-tema, .gk-card-chip-svc { font: 600 .7rem/1 "Mulish", sans-serif; letter-spacing: .04em; padding: .26rem .6rem; background: transparent; color: var(--st-muted); border: 1px solid var(--st-line); }
/* altın ornament ayıraç (line-diamond-line) - fiyattan önce */
.gk-tour-card-foot {
position: relative; display: flex; flex-direction: column; align-items: center; gap: 1rem;
border: 0; padding: 0 .5rem; margin-top: 1.4rem;
}
.gk-tour-card-foot::before {
content: ""; width: 72px; height: 12px;
background: center / contain no-repeat url('data:image/svg+xml;utf8,');
}
.gk-tour-card-price { display: flex; flex-direction: column; align-items: center; }
.gk-tour-card-price .gk-amt { order: 1; font-family: "Marcellus", serif; font-size: 2rem; color: var(--st-gold); line-height: 1; }
.gk-tour-card-price .gk-from { order: 2; margin-top: .2rem; font: 600 .62rem/1 "Mulish", sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--st-muted); }
.gk-tour-card-cta { display: inline-flex; justify-content: center; gap: .5rem; }
.gk-cta-detail {
font: 600 .8rem/1 "Mulish", sans-serif; letter-spacing: .06em; text-transform: uppercase;
padding: .8rem 1.6rem; border: 1px solid var(--st-gold); background: transparent; color: var(--st-em);
text-decoration: none; transition: background .25s, color .25s, transform .25s;
}
.gk-cta-detail:hover { background: var(--st-gold); color: var(--st-white); transform: translateY(-2px); }
/* WhatsApp butonu: ikon + "Sor" YAN YANA, DETAY ile aynı yükseklik (aynı dikey padding) */
.gk-tour-card-cta .gk-cta-wa { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: .45rem; width: auto; padding: .8rem 1.35rem; background: var(--gk-c-wa, #1F7A4D); color: #fff; text-decoration: none; font: 600 .8rem/1 "Mulish", sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.gk-tour-card-cta .gk-cta-wa svg { flex-shrink: 0; }
/* --------------------------------------------------------------------------
2) LİSTE + FİLTRE CHIP - kademeli filtre mantığı DEĞİŞMEZ, sadece görünüm
-------------------------------------------------------------------------- */
.gk-filter-bar { display: flex; flex-direction: column; gap: .9rem; margin-bottom: 2.2rem; }
.gk-filter-group { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; }
.gk-filter-group-label { font: 700 .66rem/1 "Mulish", sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--st-muted); margin-right: .3rem; }
.gk-chip {
font: 600 .84rem/1 "Mulish", sans-serif; padding: .58rem 1.05rem; border-radius: 2px;
background: transparent; color: var(--st-em); border: 1px solid var(--st-line); cursor: pointer;
transition: background .2s, color .2s, border-color .2s;
}
.gk-chip:hover { border-color: var(--st-gold); }
/* .gk-chip.gk-chip--active (0,2,0): site.css'teki eski WCAG kurali
(.gk-chip.gk-chip--active { color: var(--gk-c-bg-bold) }, koyu metin) altin
zemin varsayimiyla yazilmis; Saltanat aktif zemini emerald yapinca koyu-uzeri-koyu
okunmuyordu. Specificity'yi esitleyip sonra yuklenerek metni fildisi'ne cekiyoruz. */
.gk-chip.gk-chip--active { background: var(--st-em); color: var(--st-ivory); border-color: var(--st-em); }
.gk-chip--unavailable { opacity: .38; }
/* aile renk noktası (filter-group--family) korunur */
.gk-filter-group--family .gk-chip .gk-chip-dot,
.gk-filter-group--family .gk-chip::before { border-radius: 50%; }
/* "Tümünü Gör" navigasyon linki: vitrinde seçili ailenin TAM arşivine götürür
(filter.js seçime göre href+etiket'i günceller; "Tümü"de gizli). Birincil CTA
olduğu için dolu emerald - chip'lerden ve "Daha fazla göster"den ayrışır. */
.gk-viewall-wrap { display: flex; justify-content: center; margin-top: 1.8rem; }
.gk-viewall {
display: inline-flex; align-items: center; gap: .55rem;
font: 600 .92rem/1 "Mulish", sans-serif;
padding: .85rem 1.8rem; border-radius: 2px; text-decoration: none;
color: var(--st-ivory); background: var(--st-em); border: 1px solid var(--st-em);
transition: background .2s, color .2s, border-color .2s;
}
.gk-viewall:hover { background: var(--st-gold); border-color: var(--st-gold); color: var(--st-em); }
.gk-viewall svg { width: 1.05em; height: 1.05em; transition: transform .2s; }
.gk-viewall:hover svg { transform: translateX(3px); }
.gk-loadmore {
font: 600 .82rem/1 "Mulish", sans-serif; letter-spacing: .06em; text-transform: uppercase;
padding: .95rem 1.8rem; border: 1px solid var(--st-gold); color: var(--st-em); background: transparent;
border-radius: 2px; cursor: pointer; transition: background .25s, color .25s;
}
.gk-loadmore:hover { background: var(--st-gold); color: var(--st-white); }
/* buton container'ı alta yapışmasın (kullanıcı: arşiv sonuna azıcık boşluk) */
.gk-loadmore-wrap { padding-bottom: clamp(1.6rem, 3vw, 3rem); }
/* --------------------------------------------------------------------------
3) TUR DETAY - AÇIK hero + altın ornament (koyu family-accent zemini DEĞİL)
-------------------------------------------------------------------------- */
/* aile-teması nötrlenir: detay TEK TİP Saltanat (aile yalnız rozet/kategori). */
.gk-tour-single {
--gk-c-primary: var(--st-gold);
--gk-c-accent: var(--st-em2);
--gk-family-accent: var(--st-gold);
--gk-family-dark: var(--st-em);
}
.gk-detail-hero {
position: static; min-height: 0; height: auto; max-height: none; display: block;
background: var(--st-ivory);
background-image: radial-gradient(60% 55% at 50% 0%, #EAF0EC, transparent 72%);
color: var(--st-ink);
padding-block: clamp(2.6rem, 2rem + 4vw, 4.4rem); overflow: hidden; text-align: center;
border-bottom: 1px solid var(--st-line);
}
.gk-detail-hero img, .gk-detail-hero::before { display: none; } /* koyu foto+overlay yerine açık */
.gk-hero-motif, .gk-hero-goldband { display: none; }
.gk-detail-hero-content { position: relative; z-index: 1; color: var(--st-ink); padding: 0; }
.gk-detail-hero-content h1, .gk-detail-hero .gk-hero-title { color: var(--st-em); }
.gk-detail-hero .gk-hero-meta, .gk-detail-hero .gk-hero-meta * { color: var(--st-muted); }
.gk-detail-hero .gk-hero-eyebrow, .gk-hero-tour-no { color: var(--st-gold); }
.gk-hero-tour-no { display: inline-block; border: 1px solid var(--st-line); padding: .3rem .7rem; border-radius: 2px; font-family: "Mulish", sans-serif; font-weight: 700; letter-spacing: .1em; }
.gk-detail-hero h1, .gk-detail-hero .gk-hero-title { color: var(--st-em); font-family: "Marcellus", serif; font-weight: 400; font-size: clamp(2rem, 1.5rem + 2.4vw, 3.4rem); max-width: 640px; margin-inline: auto; }
.gk-breadcrumb, .gk-breadcrumb a { color: var(--st-muted); font-family: "Mulish", sans-serif; font-size: .82rem; }
.gk-breadcrumb a { color: var(--st-gold); text-decoration: none; }
/* hero TAM ORTALI (mockup gibi): h1 kutusu + breadcrumb + meta + chip satırları */
.gk-detail-hero .gk-breadcrumb { justify-content: center; }
.gk-hero-meta, .gk-hero-meta * { color: var(--st-muted); }
.gk-detail-hero .gk-hero-meta { justify-content: center; }
.gk-detail-hero .gk-hero-chips { align-items: center; }
.gk-detail-hero .gk-hero-chips-row { justify-content: center; }
.gk-hero-chips-row .gk-card-chip-tema, .gk-hero-chips-row .gk-card-chip-svc { color: var(--st-em); border-color: var(--st-line); background: var(--st-white); }
.gk-detail-layout { display: grid; grid-template-columns: 1fr 320px; gap: clamp(2rem, 1.4rem + 2vw, 3.4rem); padding-block: clamp(2.2rem, 1.6rem + 2vw, 3.4rem); }
.gk-detail-block { margin-bottom: 2.6rem; }
/* bölüm başı ORNAMENT AYRAÇ (Ferman): ◆ + altın çizgi. Eyebrow inline-flex +
align-items:center (site.css); margin-bottom dikey kaymaya yol açıyordu -> margin:0,
flex item olarak metinle dikey ortalanır. */
.gk-tour-single .gk-detail-block > .gk-eyebrow::before {
content: ""; width: 54px; height: 9px; margin: 0; flex: 0 0 auto;
background: left center / contain no-repeat url('data:image/svg+xml;utf8,');
}
.gk-detail-block .gk-intro-h2 { font-family: "Marcellus", serif; font-weight: 400; font-size: clamp(1.6rem, 1.3rem + 1vw, 2.2rem); margin: .4rem 0 1rem; color: var(--st-em); }
.gk-lead-prose { color: var(--st-ink); line-height: 1.8; }
.gk-lead-prose > p:first-of-type { font-family: "Marcellus", serif; font-size: 1.18rem; color: var(--st-em); }
/* RK'nın drop-cap (büyük ilk harf) imzası nötrlenir: Saltanat lead'i düz Marcellus. */
.gk-detail-block .gk-lead-prose::first-letter { font-size: inherit; float: none; padding: 0; line-height: inherit; color: inherit; font-weight: inherit; }
/* güzergâh zaman çizelgesi: altın elmas düğüm + kesikli hat */
.gk-timeline-list { display: grid; gap: 1.4rem; }
/* deboxlanır: mockup'ta kutu yok, kesikli dikey hat + altın elmas düğüm */
.gk-timeline-item { display: grid; grid-template-columns: auto 1fr; gap: 1rem; position: relative; background: none; border: 0; border-radius: 0; padding: 0; }
/* .gk-tour-single öneki: site.css '.gk-tour-single .gk-timeline-bullet' (0,2,0)
sadece rengi eziyordu; "•" glifini font-size:0 ile gizle, altın elmas kalsın. */
.gk-tour-single .gk-timeline-bullet { width: 11px; height: 11px; margin-top: .35rem; background: var(--st-gold); color: transparent; font-size: 0; overflow: hidden; transform: rotate(45deg); position: relative; flex-shrink: 0; border-radius: 0; }
.gk-timeline-item:not(:last-child) .gk-timeline-bullet::after { content: ""; position: absolute; left: 50%; top: 13px; transform: translateX(-50%); width: 0; border-left: 1px dashed var(--st-gold-soft); height: calc(100% + 1.4rem); }
.gk-timeline-city { font: 700 .68rem/1 "Mulish", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--st-gold); }
.gk-timeline-title { font-family: "Marcellus", serif; font-weight: 400; font-size: 1.25rem; color: var(--st-em); margin: .15rem 0 .25rem; }
.gk-timeline-desc { color: var(--st-muted); font-size: .95rem; line-height: 1.6; }
/* otel + dahil/hariç + info panel: altın çerçeveli beyaz levha */
.gk-hotel-card, .gk-inc-card, .gk-accommodation {
background: var(--st-white); border: 1px solid var(--st-line); border-radius: var(--st-r); padding: 1.4rem;
}
/* inc/exc: yes kartı site.css'te emerald zemin + beyaz yazı içindi; saltanat zemini
BEYAZ yaptı ama yazı beyaz kaldı -> beyaz-üstü-beyaz (görünmez). Renkler düzeltilir. */
.gk-includes { border-color: var(--st-line); }
.gk-inc-card--yes { background: var(--st-white); color: var(--st-ink); border-right-color: var(--st-line); }
.gk-inc-card--no { background: var(--st-sand); }
.gk-inc-card .gk-inc-ovh { color: var(--st-gold); opacity: 1; }
.gk-inc-card--yes .gk-inc-h3, .gk-inc-card--no .gk-inc-h3 { color: var(--st-em); }
.gk-inc-card li { color: var(--st-ink); border-bottom-color: var(--st-line); }
.gk-inc-card--yes li::before { background-color: var(--st-em); }
.gk-hotel-card .gk-hotel-city, .gk-hotel-meta { color: var(--st-muted); }
.gk-hotel-card .gk-hotel-name { font-family: "Marcellus", serif; color: var(--st-em); }
/* sidebar fiyat paneli: EMERALD MÜHÜR (Ferman) - altın köşe süsleri, sticky.
AVANTAJLI vurgusu emerald zeminde ALTIN BAR; çocuk/bebek satırları ayrımlı. */
.gk-detail-sidebar { align-self: start; position: sticky; top: 96px; display: grid; gap: 1rem; }
.gk-info-panel {
position: relative; background: var(--st-em); color: var(--st-ivory);
border: 1px solid var(--st-gold-soft); border-radius: var(--st-r);
padding: 1.9rem 1.5rem; text-align: center; overflow: hidden;
}
.gk-info-panel::before, .gk-info-panel::after { content: ""; position: absolute; width: 20px; height: 20px; border: 1px solid var(--st-gold2); pointer-events: none; }
.gk-info-panel::before { top: 9px; left: 9px; border-right: 0; border-bottom: 0; }
.gk-info-panel::after { bottom: 9px; right: 9px; border-left: 0; border-top: 0; }
.gk-info-panel-head { background: transparent; color: var(--st-ivory); border-bottom: 0; padding: 0; }
.gk-info-panel .gk-info-ovh { color: var(--st-gold2); opacity: 1; font-size: .66rem; letter-spacing: .24em; text-transform: uppercase; }
.gk-info-panel .gk-info-amount { font-family: "Marcellus", serif; font-weight: 400; font-size: 2.6rem; color: var(--st-gold2); line-height: 1; }
.gk-info-panel .gk-info-amount small { font-family: "Mulish", sans-serif; font-size: .85rem; color: rgba(248,244,234,.7); }
.gk-info-panel .gk-info-sub { color: rgba(248,244,234,.72); opacity: 1; font-family: "Mulish", sans-serif; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.gk-info-panel-body { padding: 0; }
.gk-tier-list { margin: 1.2rem 0 1.3rem; text-align: left; }
.gk-tier { display: flex; justify-content: space-between; align-items: center; padding: .55rem .1rem; background: transparent; border-radius: 0; border-bottom: 1px solid rgba(198,164,94,.2); font-family: "Mulish", sans-serif; font-size: .92rem; color: var(--st-ivory); }
.gk-tier b, .gk-tier strong { font-family: "Mulish", sans-serif; font-weight: 700; color: var(--st-gold2); }
/* AVANTAJLI: emerald zeminde ALTIN dolu bar - net grup avantajı vurgusu */
.gk-tier--best { background: var(--st-gold); color: var(--st-em); border-bottom: 0; padding: .6rem .7rem; margin: .4rem 0; }
.gk-tier--best > span, .gk-tier--best strong, .gk-tier--best b { color: var(--st-em); }
.gk-tier-badge { display: inline-block; margin-left: .5rem; background: var(--st-em); color: var(--st-gold2); font: 700 .56rem/1 "Mulish", sans-serif; letter-spacing: .1em; text-transform: uppercase; padding: .26rem .45rem; }
/* çocuk / bebek: ayrı, sakin - üstte kesikli ayraç */
.gk-tier--child { color: rgba(248,244,234,.72); font-size: .86rem; border-bottom: 0; }
.gk-tier--child:first-of-type { margin-top: .5rem; padding-top: .7rem; border-top: 1px dashed rgba(198,164,94,.3); }
.gk-tier--child strong, .gk-tier--child b { color: rgba(248,244,234,.85); }
.gk-cta-stack { display: grid; gap: .6rem; }
.gk-btn-wa, .gk-btn-tel {
display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
font: 600 .88rem/1 "Mulish", sans-serif; letter-spacing: .05em; text-transform: uppercase; padding: .95rem 1.2rem; border-radius: 2px; text-decoration: none;
}
.gk-btn-wa { background: var(--gk-c-wa, #1F7A4D); color: #fff; }
/* .gk-info-panel öneki: site.css '.gk-tour-single .gk-btn-tel' (0,2,0) --gk-family-dark
(=emerald) basıyordu, panelde görünmüyordu; eşit specificity ile ALTIN kazanır. */
.gk-info-panel .gk-btn-tel { background: var(--st-gold); color: var(--st-em); }
.gk-info-panel .gk-btn-tel:hover { background: var(--st-gold2); color: var(--st-em); }
.gk-btn-tel:hover, .gk-btn-wa:hover { transform: translateY(-2px); }
.gk-info-helper { color: rgba(248,244,234,.6); font-size: .78rem; margin-top: .9rem; }
.gk-guide-badge--lead { background: var(--st-sand); border: 1px solid var(--st-line); border-radius: var(--st-r); padding: 1.1rem 1.3rem; color: var(--st-ink); }
/* ilgili turlar + sticky book-bar */
.gk-related-tours { border-top: 1px solid var(--st-line); }
.gk-related-title { text-align: center; font-family: "Marcellus", serif; font-weight: 400; font-size: clamp(1.7rem, 1.4rem + 1vw, 2.3rem); color: var(--st-em); margin-bottom: 1.8rem; }
.gk-book-bar { background: var(--st-white); border-top: 1px solid var(--st-gold); }
.gk-book-bar .gk-book-price, .gk-book-bar .gk-amt { color: var(--st-gold); font-family: "Marcellus", serif; }
/* --------------------------------------------------------------------------
4) CTA BAND ([gk_cta_band]) - emerald + altın ornament
-------------------------------------------------------------------------- */
.gk-cta-band {
background: var(--st-em); color: var(--st-ivory);
border-radius: var(--st-r); padding: clamp(2.4rem, 1.8rem + 3vw, 3.8rem);
text-align: center; position: relative; overflow: hidden;
}
.gk-cta-band h2, .gk-cta-band .gk-cta-title { color: var(--st-ivory); font-family: "Marcellus", serif; font-weight: 400; font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.6rem); }
.gk-cta-band p { color: color-mix(in srgb, var(--st-ivory) 78%, transparent); max-width: 56ch; margin-inline: auto; }
.gk-cta-btn--primary { background: var(--st-gold); color: var(--st-em); border: 0; }
.gk-cta-btn--primary:hover { background: var(--st-gold2); }
.gk-cta-btn--ghost { border: 1px solid var(--st-gold2); color: var(--st-gold2); }
.gk-cta-btn--ghost:hover { background: var(--st-gold); color: var(--st-em); }
.gk-cta-btn--wa { background: var(--gk-c-wa, #1F7A4D); color: #fff; }
/* --------------------------------------------------------------------------
4b) FOOTER CTA (.gk-cta - Elementor HTML widget) - Saltanat'a revize:
emerald zemin + altın radyal ışıma, ORTALI, altın hairline ÇERÇEVE (levha
motifi = .gk-cta-band'den ayrışır) + üstte altın ornament. HTML DB'de kalır
(Kural 2), yalnız görünüm burada. Butonlar üstteki --primary/--ghost/--wa'yı alır.
-------------------------------------------------------------------------- */
.gk-cta {
background:
radial-gradient(90% 130% at 50% -20%, color-mix(in srgb, var(--st-gold) 13%, transparent), transparent 62%),
var(--st-em);
color: var(--st-ivory); border-top: 1px solid var(--st-gold-soft);
padding-block: clamp(1.9rem, 1.4rem + 2.2vw, 3rem); /* daraltıldı (dış) */
}
.gk-cta-inner {
max-width: 660px; margin-inline: auto; text-align: center;
padding: clamp(1.3rem, 1rem + 1.4vw, 2rem) clamp(1.2rem, 1rem + 2vw, 2.4rem); /* çerçeve YOK (kullanıcı: border kaldır) */
}
.gk-cta-body { max-width: none; text-align: center; }
.gk-cta-body::before { /* altın ornament (line-diamond-line) */
content: ""; display: block; width: 66px; height: 11px; margin: 0 auto .7rem;
background: center / contain no-repeat url('data:image/svg+xml;utf8,');
}
.gk-cta-eyebrow { color: var(--st-gold2); margin-bottom: .45rem; }
.gk-cta-title { color: var(--st-ivory); font-family: "Marcellus", serif; font-weight: 400; font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.1rem); margin: 0 0 .5rem; }
.gk-cta-lead { color: color-mix(in srgb, var(--st-ivory) 80%, transparent); max-width: 50ch; margin: 0 auto 1.2rem; line-height: 1.55; }
.gk-cta-acts { justify-content: center; margin: 0; }
.gk-cta-note { text-align: center; color: color-mix(in srgb, var(--st-ivory) 60%, transparent); margin: .9rem 0 0; }
/* --------------------------------------------------------------------------
5) KATEGORİ KARTLARI ([gk_category_cards]) - altın çerçeveli levha
-------------------------------------------------------------------------- */
.gk-category-card, .gk-cat-card {
background: var(--st-white); border: 1px solid var(--st-line); border-radius: var(--st-r); text-align: center; transition: transform .3s, box-shadow .3s;
}
.gk-category-card:hover, .gk-cat-card:hover { transform: translateY(-4px); box-shadow: var(--st-shadow-sm); border-color: var(--st-gold-soft); }
.gk-category-card h3, .gk-cat-card h3 { font-family: "Marcellus", serif; font-weight: 400; color: var(--st-em); }
/* --------------------------------------------------------------------------
6) DUYARLILIK + ERİŞİLEBİLİRLİK
-------------------------------------------------------------------------- */
@media (max-width: 900px) {
.gk-detail-layout { grid-template-columns: 1fr; }
.gk-detail-sidebar { position: static; }
}
:focus-visible { outline: 2px solid var(--st-gold); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }