/**
 * Solid Medya — Hizmet detay tema override
 * Footer renkleri; sayfa inline CSS'teki sabit hex değerlerini ezer (footer'dan yüklenir)
 */
body[class*="page-hizmet-"] .web-design-service-page,
body[class*="page-hizmet-"] .service-minimal-page,
body[class*="page-hizmet-"] .qr-service-page,
body[class*="page-hizmet-"] .sm-page-wrapper,
body[class*="page-hizmet-"] [class*="-service-page"],
body[class*="page-hizmet-"] main {
    color: var(--sm-svc-text);
}

/* —— Vurgu & highlight —— */
body[class*="page-hizmet-"] .highlight,
body[class*="page-hizmet-"] .web-hero-title .highlight,
body[class*="page-hizmet-"] .web-section-title .highlight,
body[class*="page-hizmet-"] .web-work-title .highlight,
body[class*="page-hizmet-"] .web-intro-column li i,
body[class*="page-hizmet-"] .text-gold,
body[class*="page-hizmet-"] .svc-kicker,
body[class*="page-hizmet-"] .sm-hero-highlight,
body[class*="page-hizmet-"] .qr-title-lg .highlight,
body[class*="page-hizmet-"] .section-header-modern h2 .highlight,
body[class*="page-hizmet-"] .industry-tab-btn-v2.active,
body[class*="page-hizmet-"] .p-badge.highlight-badge {
    color: var(--sm-svc-gold);
}

/* ===================================================================
   Hizmet detay — birleşik buton sistemi (footer'da en son yüklenir)
   main.css tp-btn-border (40px / krem hover) ve sayfa CSS çakışmalarını giderir
   =================================================================== */
body[class*="page-hizmet-"] main [class*="btn"],
body[class*="page-hizmet-"] main .tp-btn-border {
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease,
        transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* tp-btn-border — main.css tema override (font-size: 40px vb.) */
body[class*="page-hizmet-"] .tp-btn-border {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 16px 32px;
    border-radius: 8px;
    color: var(--sm-svc-text);
    border: 1px solid var(--sm-svc-border-strong);
    background: transparent;
    text-decoration: none;
}

body[class*="page-hizmet-"] .tp-btn-border span svg {
    flex-shrink: 0;
}

/* —— Dolu birincil CTA —— */
body[class*="page-hizmet-"] .web-btn-primary:not(.small-btn),
body[class*="page-hizmet-"] .web-price-btn-buy,
body[class*="page-hizmet-"] .web-work-btn,
body[class*="page-hizmet-"] .btn-glow,
body[class*="page-hizmet-"] .btn-gold,
body[class*="page-hizmet-"] .sd-btn-gold,
body[class*="page-hizmet-"] .qr-btn-primary,
body[class*="page-hizmet-"] .sm-btn-primary,
body[class*="page-hizmet-"] .sm-btn.solid,
body[class*="page-hizmet-"] .sm-pkg-btn.solid,
body[class*="page-hizmet-"] .sm-unique-cta-btn,
body[class*="page-hizmet-"] .sm-ads-btn,
body[class*="page-hizmet-"] .sm-yt-loadmore-btn,
body[class*="page-hizmet-"] .wt-cta-btn--primary,
body[class*="page-hizmet-"] .btn-filled,
body[class*="page-hizmet-"] .ads-btn,
body[class*="page-hizmet-"] .action-btn,
body[class*="page-hizmet-"] .seo-analyzer-btn,
body[class*="page-hizmet-"] .im-btn-primary,
body[class*="page-hizmet-"] .sa-btn-primary,
body[class*="page-hizmet-"] .dm-saas-btn,
body[class*="page-hizmet-"] .btn-pkg-buy,
body[class*="page-hizmet-"] .cta-btn-gold,
body[class*="page-hizmet-"] .svc-step-num {
    background: linear-gradient(135deg, var(--sm-svc-gold-bright), var(--sm-svc-gold));
    color: var(--sm-svc-on-gold);
    border: 1px solid var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .web-btn-primary:not(.small-btn):hover,
body[class*="page-hizmet-"] .web-price-btn-buy:hover,
body[class*="page-hizmet-"] .web-work-btn:hover,
body[class*="page-hizmet-"] .btn-glow:hover,
body[class*="page-hizmet-"] .btn-gold:hover,
body[class*="page-hizmet-"] .sd-btn-gold:hover,
body[class*="page-hizmet-"] .qr-btn-primary:hover,
body[class*="page-hizmet-"] .sm-btn-primary:hover,
body[class*="page-hizmet-"] .sm-btn.solid:hover,
body[class*="page-hizmet-"] .sm-pkg-btn.solid:hover,
body[class*="page-hizmet-"] .sm-unique-cta-btn:hover,
body[class*="page-hizmet-"] .sm-ads-btn:hover,
body[class*="page-hizmet-"] .sm-yt-loadmore-btn:hover,
body[class*="page-hizmet-"] .wt-cta-btn--primary:hover,
body[class*="page-hizmet-"] .btn-filled:hover,
body[class*="page-hizmet-"] .ads-btn:hover,
body[class*="page-hizmet-"] .action-btn:hover,
body[class*="page-hizmet-"] .seo-analyzer-btn:hover,
body[class*="page-hizmet-"] .im-btn-primary:hover,
body[class*="page-hizmet-"] .sa-btn-primary:hover,
body[class*="page-hizmet-"] .dm-saas-btn:hover,
body[class*="page-hizmet-"] .btn-pkg-buy:hover,
body[class*="page-hizmet-"] .cta-btn-gold:hover {
    background: linear-gradient(135deg, #ffe14d, var(--sm-svc-gold-light));
    border-color: var(--sm-svc-gold-light);
    color: var(--sm-svc-on-gold);
    transform: translateY(-3px);
    box-shadow: 0 12px 32px var(--sm-svc-gold-glow);
}

/* —— Çerçeveli / ikincil CTA —— */
body[class*="page-hizmet-"] .web-btn-secondary,
body[class*="page-hizmet-"] .web-price-btn-info,
body[class*="page-hizmet-"] .web-price-btn-simple,
body[class*="page-hizmet-"] .web-btn-outline,
body[class*="page-hizmet-"] .tp-btn-border,
body[class*="page-hizmet-"] .btn-outline,
body[class*="page-hizmet-"] .sm-btn-outline,
body[class*="page-hizmet-"] .sm-btn.hero-outline,
body[class*="page-hizmet-"] .sm-pkg-btn.outline,
body[class*="page-hizmet-"] .wt-cta-btn--ghost,
body[class*="page-hizmet-"] .im-btn-secondary,
body[class*="page-hizmet-"] .cta-btn-outline,
body[class*="page-hizmet-"] .sd-btn-outline {
    border: 1px solid var(--sm-svc-gold-border);
    color: var(--sm-svc-gold-bright);
    background: rgba(255, 255, 255, 0.03);
}

body[class*="page-hizmet-"] .web-btn-secondary:hover,
body[class*="page-hizmet-"] .web-price-btn-info:hover,
body[class*="page-hizmet-"] .web-price-btn-simple:hover,
body[class*="page-hizmet-"] .web-btn-outline:hover,
body[class*="page-hizmet-"] .tp-btn-border:hover,
body[class*="page-hizmet-"] .btn-outline:hover,
body[class*="page-hizmet-"] .sm-btn-outline:hover,
body[class*="page-hizmet-"] .sm-btn.hero-outline:hover,
body[class*="page-hizmet-"] .sm-pkg-btn.outline:hover,
body[class*="page-hizmet-"] .wt-cta-btn--ghost:hover,
body[class*="page-hizmet-"] .im-btn-secondary:hover,
body[class*="page-hizmet-"] .cta-btn-outline:hover,
body[class*="page-hizmet-"] .sd-btn-outline:hover {
    border-color: var(--sm-svc-gold);
    background: linear-gradient(135deg, var(--sm-svc-gold-bright), var(--sm-svc-gold));
    color: var(--sm-svc-on-gold);
    transform: translateY(-2px);
    box-shadow: 0 10px 28px var(--sm-svc-gold-glow);
}

/* —— Tablo / kompakt pill buton —— */
body[class*="page-hizmet-"] .comparison-table .web-btn-primary.small-btn {
    background: transparent;
    border: 1px solid var(--sm-svc-gold);
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .comparison-table .web-btn-primary.small-btn:hover {
    background: var(--sm-svc-gold);
    border-color: var(--sm-svc-gold);
    color: var(--sm-svc-on-gold);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px var(--sm-svc-gold-glow);
}

/* —— Kartlar —— */
body[class*="page-hizmet-"] .web-feature-card,
body[class*="page-hizmet-"] .svc-card,
body[class*="page-hizmet-"] .glass-card,
body[class*="page-hizmet-"] .pkg-csl-item,
body[class*="page-hizmet-"] .industry-tab-btn-v2 {
    border-color: var(--sm-svc-border);
    background: var(--sm-svc-bg-card);
}

body[class*="page-hizmet-"] .web-feature-card:hover,
body[class*="page-hizmet-"] .svc-card:hover,
body[class*="page-hizmet-"] .svc-related:hover,
body[class*="page-hizmet-"] .glass-card:hover,
body[class*="page-hizmet-"] .pkg-csl-item:hover {
    border-color: var(--sm-svc-gold-border);
}

body[class*="page-hizmet-"] .web-feature-card h3,
body[class*="page-hizmet-"] .svc-card h3,
body[class*="page-hizmet-"] .web-feature-icon {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .svc-card p,
body[class*="page-hizmet-"] .svc-lead,
body[class*="page-hizmet-"] .web-hero-subtitle,
body[class*="page-hizmet-"] .section-header-modern p {
    color: var(--sm-svc-text-muted);
}

/* —— Popüler kart —— */
body[class*="page-hizmet-"] .pkg-csl-item.popular,
body[class*="page-hizmet-"] .pricing-card.featured,
body[class*="page-hizmet-"] .highlight-cell {
    background: linear-gradient(160deg, var(--sm-svc-gold-subtle) 0%, var(--sm-svc-bg-elevated) 100%);
    border-color: var(--sm-svc-gold-border);
}

/* —— FAQ —— */
body[class*="page-hizmet-"] .faq-item,
body[class*="page-hizmet-"] .svc-faq,
body[class*="page-hizmet-"] .faq-btn-modern {
    border-color: var(--sm-svc-border);
}

body[class*="page-hizmet-"] .faq-item.active,
body[class*="page-hizmet-"] .faq-question.active {
    border-color: var(--sm-svc-gold-border);
}

body[class*="page-hizmet-"] .faq-answer,
body[class*="page-hizmet-"] .svc-faq p {
    color: var(--sm-svc-text-muted);
}

/* —— Swiper —— */
body[class*="page-hizmet-"] .web-work-swiper .swiper-pagination-bullet-active,
body[class*="page-hizmet-"] .success-swiper .swiper-pagination-bullet-active,
body[class*="page-hizmet-"] .testimonial-swiper .swiper-pagination-bullet-active {
    background: var(--sm-svc-gold);
    box-shadow: 0 0 10px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .web-work-swiper .swiper-pagination-bullet {
    background: rgba(255, 188, 0, 0.3);
}

/* —— Hero —— */
body[class*="page-hizmet-"] .svc-hero {
    background-image: radial-gradient(circle at 70% 20%, var(--sm-svc-gold-dim), transparent 55%);
}

/* —— Sosyal medya wrapper —— */
body[class*="page-hizmet-"] .sm-page-wrapper {
    background-color: var(--sm-svc-bg);
}

body[class*="page-hizmet-"] .sm-section-title,
body[class*="page-hizmet-"] .csl-type,
body[class*="page-hizmet-"] .vip-title {
    color: var(--sm-svc-gold);
}

/* —— Minimal şablon —— */
body[class*="page-hizmet-"] .service-minimal-page {
    background: var(--sm-svc-bg);
}

body[class*="page-hizmet-"] .service-minimal-page .svc-section--alt {
    background: var(--sm-svc-bg-elevated);
    border-color: var(--sm-svc-border);
}

body[class*="page-hizmet-"] .service-minimal-page .svc-related:hover {
    color: var(--sm-svc-gold);
}

/* —— Form odak —— */
body[class*="page-hizmet-"] input:focus,
body[class*="page-hizmet-"] textarea:focus,
body[class*="page-hizmet-"] select:focus {
    border-color: var(--sm-svc-gold);
    outline-color: var(--sm-svc-gold-ring);
}

/* —— Link hover (CTA butonları hariç) —— */
body[class*="page-hizmet-"] main a:not([class*="btn"]):not(.tp-btn-border):hover {
    color: var(--sm-svc-gold);
}

/* —— Tablo —— */
body[class*="page-hizmet-"] .comparison-table th,
body[class*="page-hizmet-"] .comparison-table.sticky-clone th {
    color: var(--sm-svc-gold);
    border-bottom-color: var(--sm-svc-border);
}

body[class*="page-hizmet-"] .comparison-table.sticky-clone {
    background: var(--sm-svc-bg-elevated);
}

/* —— Harita —— */
body[class*="page-hizmet-"] .meta-ads-badge,
body[class*="page-hizmet-"] .meta-ads-card h2 {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .meta-ads-badge {
    border-color: var(--sm-svc-gold-border);
}

body[class*="page-hizmet-"] .meta-ads-card {
    border-color: var(--sm-svc-border);
    background: var(--sm-svc-bg-card);
}

body[class*="page-hizmet-"] .meta-ads-lead {
    color: var(--sm-svc-text-secondary);
}

body[class*="page-hizmet-"] .meta-ads-card p {
    color: var(--sm-svc-text-muted);
}

/* —— Harita —— */
body[class*="page-hizmet-"] .district-card.active,
body[class*="page-hizmet-"] .district-path.active {
    fill: var(--sm-svc-gold);
    stroke: var(--sm-svc-gold);
    color: var(--sm-svc-gold);
}

/* ===================================================================
   Token yeniden tanımı — sayfa sonundaki :root override'larını ezer
   =================================================================== */
body[class*="page-hizmet-"] {
    --gold: var(--sm-svc-gold);
    --gold-bright: var(--sm-svc-gold-bright);
    --gold-light: var(--sm-svc-gold-light);
    --gold-dark: var(--sm-svc-gold-dark);
    --gold-dim: var(--sm-svc-gold-dim);
    --gold-glow: var(--sm-svc-gold-glow);
    --details-color: var(--sm-svc-gold);
    --csl-primary: var(--sm-svc-gold);
    --primary: var(--sm-svc-gold);
    --accent: var(--sm-svc-gold);
    --brand-gold: var(--sm-svc-gold);
    --brand: var(--sm-svc-gold);
    --sw-gold: var(--sm-svc-gold);
}

/* ===================================================================
   Web tasarım klon şablonu — hover & sabit hex override
   (.web-design-service-page ile yüksek özgüllük)
   =================================================================== */
body[class*="page-hizmet-"] .web-design-service-page .web-intro-column-icon,
body[class*="page-hizmet-"] .web-design-service-page .web-intro-column li i,
body[class*="page-hizmet-"] .web-design-service-page .web-feature-icon i {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .web-design-service-page .web-intro-column:hover {
    background: var(--sm-svc-gold-subtle);
    border-color: var(--sm-svc-gold-border);
}

body[class*="page-hizmet-"] .web-design-service-page .web-feature-card:hover,
body[class*="page-hizmet-"] .web-design-service-page .process-card:hover,
body[class*="page-hizmet-"] .web-design-service-page .collage-item:hover {
    border-color: var(--sm-svc-gold);
    box-shadow: 0 10px 30px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .web-design-service-page .web-feature-card:hover .web-feature-icon {
    background: var(--sm-svc-gold);
    border-color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .web-design-service-page .web-feature-card:hover .web-feature-icon i {
    color: var(--sm-svc-on-gold);
}

body[class*="page-hizmet-"] .web-design-service-page .process-card:hover {
    background: var(--sm-svc-bg-elevated);
}

body[class*="page-hizmet-"] .web-design-service-page .industry-tab-btn-v2:hover {
    border-color: var(--sm-svc-border-strong);
    color: var(--sm-svc-text);
}

body[class*="page-hizmet-"] .web-design-service-page .industry-tab-btn-v2.active {
    border-color: var(--sm-svc-gold);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

body[class*="page-hizmet-"] .web-design-service-page .industry-tab-btn-v2.active .tab-icon-box {
    background: var(--sm-svc-gold);
    color: var(--sm-svc-on-gold);
}

body[class*="page-hizmet-"] .web-design-service-page .industry-feature-item-v2:hover {
    background: var(--sm-svc-gold-subtle);
    border-color: var(--sm-svc-gold-border);
}

body[class*="page-hizmet-"] .web-design-service-page .web-price-card:hover {
    border-color: var(--sm-svc-gold-border);
}

body[class*="page-hizmet-"] .web-design-service-page .web-work-swiper .swiper-pagination-bullet:hover {
    background: var(--sm-svc-gold-ring);
}

body[class*="page-hizmet-"] .web-design-service-page .pricing-list-item:hover,
body[class*="page-hizmet-"] .web-design-service-page .pricing-list-item.featured {
    background: var(--sm-svc-gold-subtle);
    border-color: var(--sm-svc-gold-border);
}

body[class*="page-hizmet-"] .web-design-service-page .comparison-table tr:hover td {
    background: var(--sm-svc-gold-subtle);
}

body[class*="page-hizmet-"] .web-design-service-page .faq-item.active .faq-question,
body[class*="page-hizmet-"] .web-design-service-page .faq-question:hover {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .web-design-service-page .web-feature-icon {
    background: var(--sm-svc-gold-dim);
    border-color: var(--sm-svc-gold-border);
}

/* ===================================================================
   Sosyal medya sayfası — hover & alan renkleri
   =================================================================== */
body[class*="page-hizmet-"] .sm-page-wrapper {
    --gold: var(--sm-svc-gold);
    --gold-dim: var(--sm-svc-gold-dim);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-hero-eyebrow {
    background: var(--sm-svc-gold-dim);
    border-color: var(--sm-svc-gold-border);
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-btn,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-pkg-btn.solid,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-unique-cta-btn,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-ads-btn,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-yt-loadmore-btn {
    background: linear-gradient(135deg, var(--sm-svc-gold-bright), var(--sm-svc-gold));
    border-color: var(--sm-svc-gold);
    color: var(--sm-svc-on-gold);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-btn:not(.hero-cta):hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-pkg-btn.solid:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-unique-cta-btn:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-ads-btn:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-yt-loadmore-btn:hover {
    background: linear-gradient(135deg, #ffe14d, var(--sm-svc-gold-light));
    color: var(--sm-svc-on-gold);
    border-color: var(--sm-svc-gold-light);
    transform: translateY(-2px);
    box-shadow: 0 10px 40px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-btn.hero-cta:hover {
    background: linear-gradient(135deg, #ffe14d, var(--sm-svc-gold-light));
    color: var(--sm-svc-on-gold);
    border-color: var(--sm-svc-gold-light);
    transform: translateY(-2px);
    box-shadow: 0 10px 40px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-btn-outline:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-btn.hero-outline:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-pkg-btn.outline:hover {
    border-color: var(--sm-svc-gold);
    background: linear-gradient(135deg, var(--sm-svc-gold-bright), var(--sm-svc-gold));
    color: var(--sm-svc-on-gold);
    transform: translateY(-2px);
    box-shadow: 0 10px 28px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-platform-card:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-info-card:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-intro-card:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-process-card:hover {
    border-color: var(--sm-svc-gold);
    box-shadow: 0 10px 40px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-platform-card:hover h4,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-platform-card:hover i,
body[class*="page-hizmet-"] .sm-page-wrapper #platforms .sm-vib-card:hover h4,
body[class*="page-hizmet-"] .sm-page-wrapper #platforms .sm-vib-card:hover .sm-vib-icon i {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-step:hover .sm-step-dot,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-process-card:hover .sm-process-num {
    background: var(--sm-svc-gold);
    color: var(--sm-svc-on-gold);
    border-color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-pkg-card:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-pkg-v8-item:hover {
    border-color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-pkg-card.popular:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-pkg-v8-item.popular:hover {
    border-color: var(--sm-svc-gold);
    box-shadow: 0 0 30px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-yt-reel-card:hover {
    border-color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-yt-ctrl-link:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-yt-fullscreen-yt-link:hover {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .sm-page-wrapper .sm-qty-control:hover,
body[class*="page-hizmet-"] .sm-page-wrapper .sm-qty-btn:hover {
    border-color: var(--sm-svc-gold);
    color: var(--sm-svc-gold);
}

/* ===================================================================
   Özel sayfa şablonları
   =================================================================== */
body[class*="page-hizmet-"] .ads-btn:hover,
body[class*="page-hizmet-"] .action-btn:hover,
body[class*="page-hizmet-"] .seo-price-card.popular .pkg-btn:hover {
    background: linear-gradient(135deg, #ffe14d, var(--sm-svc-gold-light));
    color: var(--sm-svc-on-gold);
    border-color: var(--sm-svc-gold-light);
    transform: translateY(-3px);
    box-shadow: 0 10px 30px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .ads-btn,
body[class*="page-hizmet-"] .action-btn {
    background: linear-gradient(135deg, var(--sm-svc-gold-bright), var(--sm-svc-gold));
    color: var(--sm-svc-on-gold);
    border: 1px solid var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .seo-glass-card:hover {
    border-color: var(--sm-svc-gold-border);
}

body[class*="page-hizmet-"] .seo-glass-card:hover .seo-card-icon {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .step-card:hover,
body[class*="page-hizmet-"] .rev-site-item:hover,
body[class*="page-hizmet-"] .rev-btn:hover {
    border-color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .it-sol-slider::-webkit-slider-thumb:hover {
    background: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .hub-card:hover,
body[class*="page-hizmet-"] .pkg-card-v2:hover,
body[class*="page-hizmet-"] .faq-header-v2:hover {
    border-color: var(--sm-svc-gold);
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .process-step:hover,
body[class*="page-hizmet-"] .tech-item:hover,
body[class*="page-hizmet-"] .sector-card:hover,
body[class*="page-hizmet-"] .feature-item:hover {
    border-color: var(--sm-svc-gold);
    background: var(--sm-svc-gold-subtle);
}

body[class*="page-hizmet-"] .dm-tech-card:hover,
body[class*="page-hizmet-"] .faq-item:hover {
    border-color: var(--sm-svc-gold-border);
}

body[class*="page-hizmet-"] .industry-card-v4:hover,
body[class*="page-hizmet-"] .corporate-item:hover,
body[class*="page-hizmet-"] .service-detail-card:hover,
body[class*="page-hizmet-"] .video-card:hover,
body[class*="page-hizmet-"] .concept-card:hover,
body[class*="page-hizmet-"] .tech-master-card:hover {
    border-color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .service-detail-card:hover .service-detail-icon,
body[class*="page-hizmet-"] .close-modal:hover {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .video-card:hover .video-info h4,
body[class*="page-hizmet-"] .video-card:hover .play-button-overlay i {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .infra-node:hover {
    border-color: var(--sm-svc-gold);
    color: var(--sm-svc-gold);
}

/* QR Kod sayfası */
body[class*="page-hizmet-"] .qr-service-page .qr-tab-btn:hover,
body[class*="page-hizmet-"] .qr-service-page .qr-card:hover,
body[class*="page-hizmet-"] .qr-service-page .bento-card:hover,
body[class*="page-hizmet-"] .qr-service-page .step-card:hover,
body[class*="page-hizmet-"] .qr-service-page .qrm-feature-item:hover,
body[class*="page-hizmet-"] .qr-service-page .faq-item-modern:hover,
body[class*="page-hizmet-"] .qr-service-page .dbc-feature-item:hover {
    border-color: var(--sm-svc-gold-border);
    box-shadow: 0 10px 30px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .qr-service-page .qr-card:hover .qr-card-icon,
body[class*="page-hizmet-"] .qr-service-page .step-card:hover .step-number {
    color: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .qr-service-page .sd-btn-gold:hover,
body[class*="page-hizmet-"] .qr-service-page .btn-gold:hover {
    background: linear-gradient(135deg, #ffe14d, var(--sm-svc-gold-light));
    color: var(--sm-svc-on-gold);
    border-color: var(--sm-svc-gold-light);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .qr-service-page .sd-btn-gold,
body[class*="page-hizmet-"] .qr-service-page .btn-gold {
    background: linear-gradient(135deg, var(--sm-svc-gold-bright), var(--sm-svc-gold));
    color: var(--sm-svc-on-gold);
    border: 1px solid var(--sm-svc-gold);
}

/* Domain & Hosting */
body[class*="page-hizmet-"] .dm-service-page {
    --gold: var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .dm-service-page .dm-saas-btn:hover,
body[class*="page-hizmet-"] .dm-service-page .btn-pkg-buy:hover {
    background: linear-gradient(135deg, #ffe14d, var(--sm-svc-gold-light));
    border-color: var(--sm-svc-gold-light);
    color: var(--sm-svc-on-gold);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .dm-service-page .dm-saas-btn,
body[class*="page-hizmet-"] .dm-service-page .btn-pkg-buy {
    background: linear-gradient(135deg, var(--sm-svc-gold-bright), var(--sm-svc-gold));
    color: var(--sm-svc-on-gold);
    border: 1px solid var(--sm-svc-gold);
}

body[class*="page-hizmet-"] .dm-service-page .btn-pkg-buy {
    box-shadow: 0 4px 15px var(--sm-svc-gold-glow);
}

body[class*="page-hizmet-"] .dm-service-page .pkg-card:hover,
body[class*="page-hizmet-"] .dm-service-page .dm-price-pill:hover,
body[class*="page-hizmet-"] .dm-service-page .pkg-tab-btn:hover {
    border-color: var(--sm-svc-gold-border);
}

/* ==========================================================================
   Tüm hizmet alt sayfaları — içerik başlıkları: sade, bold, tutarlı font
   ========================================================================== */
body[class*="page-hizmet-"] .web-section-title,
body[class*="page-hizmet-"] .web-work-title,
body[class*="page-hizmet-"] .intro-main-title,
body[class*="page-hizmet-"] .section-title,
body[class*="page-hizmet-"] .section-title-v2,
body[class*="page-hizmet-"] .section-header-modern h2,
body[class*="page-hizmet-"] .svc-h2,
body[class*="page-hizmet-"] .pillar-title,
body[class*="page-hizmet-"] .sa-title-lg,
body[class*="page-hizmet-"] .im-title-lg,
body[class*="page-hizmet-"] .im-cta-title,
body[class*="page-hizmet-"] .qrm-title,
body[class*="page-hizmet-"] .dbc-title,
body[class*="page-hizmet-"] .tmx-h2,
body[class*="page-hizmet-"] .tmx-h2-mega,
body[class*="page-hizmet-"] .sec-h2,
body[class*="page-hizmet-"] .seo-ext-h2,
body[class*="page-hizmet-"] .eps-title-md,
body[class*="page-hizmet-"] h2.font-clash,
body[class*="page-hizmet-"] h2.display-3,
body[class*="page-hizmet-"] h2.display-4,
body[class*="page-hizmet-"] h2.display-5,
body[class*="page-hizmet-"] h2.text-gold {
    font-family: var(--sm-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em;
}

/* Vurgu span'ı içeren tüm içerik h2 başlıkları (utility/inline sınıflılar dahil).
   Ayrı blok: :has desteklemeyen tarayıcılarda üstteki kural düşmesin. */
body[class*="page-hizmet-"] h2:has(.highlight),
body[class*="page-hizmet-"] h2:has(.text-gold),
body[class*="page-hizmet-"] h2:has(.it-sol-highlight),
body[class*="page-hizmet-"] h2:has(.tmx-metal-gold),
body[class*="page-hizmet-"] h2:has(.eps-text-gold),
body[class*="page-hizmet-"] h2:has(.sm-highlight) {
    font-family: var(--sm-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em;
}

/* Başlık içindeki vurgu span'ları aynı fontu miras alsın (renk korunur) */
body[class*="page-hizmet-"] h2 .highlight,
body[class*="page-hizmet-"] h2 .text-gold,
body[class*="page-hizmet-"] h2 .eps-text-gold,
body[class*="page-hizmet-"] h2 .tmx-metal-gold,
body[class*="page-hizmet-"] h2 .sm-highlight,
body[class*="page-hizmet-"] h2 .it-sol-highlight,
body[class*="page-hizmet-"] .intro-main-title .highlight,
body[class*="page-hizmet-"] .pillar-title .highlight {
    font-family: inherit !important;
    font-weight: inherit !important;
}