/* ============================================================
   Arayüz birliği (2026): düz renk, tek marka tonu.
   Eski sayfalarda kalan renk geçişli (gradient) düğme ve simgeleri
   ana sayfadaki düz çivit tonuna (#04868B) çeker. En son yüklenir.
   ============================================================ */
:root { --ui-brand:#04868B; --ui-brand-d:#037278; --ui-ink:#0f172a; }

/* Üst menü ve alt bilgi */
.h2-logo-ic, .f3-logo .ic,
.h2-search-panel button,
.h2-mobile .h2-mob-cta,
.h2-di:hover .h2-di-ic { background: var(--ui-brand) !important; }
.h2-btn-cta { background: var(--ui-ink) !important; box-shadow: none !important; }
.h2-btn-cta:hover { background: #1e293b !important; }
.h2-mobile .h2-mob-cta { box-shadow: none !important; }
.h2-mobile .h2-mob-cta:hover { background: var(--ui-brand-d) !important; }
.h2-cart-count { background: #dc2626 !important; }
.h2-di-ic { background: #E6F5F4 !important; }
.h2-mega-promo { background: var(--ui-ink) !important; }
.h2-progress span { background: var(--ui-brand) !important; box-shadow: none !important; }
.h2-menu > a::after, .h2-menu > .h2-drop > a::after { background: var(--ui-brand) !important; }
.f3-btn.pri { background: var(--ui-brand) !important; box-shadow: none !important; }
.f3-btn.pri:hover { background: var(--ui-brand-d) !important; }

/* Sayfa başlığı kutusundaki simge (ürünler, markalar, destek, wiki, SSL kontrol) */
.hero-icon-box i {
  background: var(--ui-brand) !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #fff; color: #fff !important;
}

/* Düğmeler */
.btn-modern-primary, .contact-btn-modern,
.page-hero-modern .btn-modern-primary,
.cart-page .btn.btn-primary, .cart-empty .btn-primary, a.btn.btn-primary, button.btn.btn-primary {
  background: var(--ui-brand) !important;
  background-image: none !important;
  border-color: var(--ui-brand) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.btn-modern-primary:hover, .contact-btn-modern:hover,
a.btn.btn-primary:hover, button.btn.btn-primary:hover {
  background: var(--ui-brand-d) !important;
  border-color: var(--ui-brand-d) !important;
  transform: none !important;
}

/* Sekme / süzgeç düğmeleri */
.filter-tab.active, .ssl-filter-tab.active, .type-filter-btn.active {
  background: var(--ui-brand) !important;
  background-image: none !important;
  border-color: var(--ui-brand) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Renkli simge kutuları: tek ton, yumuşak zemin */
.feature-icon.icon-1, .feature-icon.icon-2, .feature-icon.icon-3, .feature-icon.icon-4,
.contact-card-icon {
  background: #E6F5F4 !important;
  background-image: none !important;
  color: var(--ui-brand) !important;
  box-shadow: none !important;
}
.feature-icon.icon-1 i, .feature-icon.icon-2 i, .feature-icon.icon-3 i, .feature-icon.icon-4 i,
.contact-card-icon i { color: var(--ui-brand) !important; }

/* Markalar sayfası: sıra numarası rozetleri ve alt çağrı kutusu */
.bp2-cta { background: var(--ui-ink) !important; background-image: none !important; }

/* Wiki: sayfanın üstünde yüzen dil düğmesi (dil seçimi zaten üst menüde) */
.kb-lang-switcher { display: none !important; }

/* SSL Sorun Giderici: hata kodu arama kutusu */
.tsg-search-card { padding: 32px 32px 26px !important; background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 10px 30px -18px rgba(15,23,42,.25); }
.tsg-search-card h2 { font-weight: 800; letter-spacing: -.02em; color: var(--ui-ink); }
.tsg-search-card h2 i { color: var(--ui-brand); }
.tsg-search-box { display: flex; align-items: center; gap: 10px; max-width: 760px; margin: 0 auto; padding: 0 16px; height: 56px; background: #f8fafc; border: 1px solid #d7dce5; border-radius: 12px; transition: border-color .15s, box-shadow .15s; }
.tsg-search-box:focus-within { border-color: var(--ui-brand); box-shadow: 0 0 0 3px rgba(4, 134, 139,.14); background: #fff; }
.tsg-search-box .input-icon { position: static; color: #94a3b8; flex: 0 0 auto; display: flex; }
.tsg-search-box .input-icon i { position: static; transform: none; }
.tsg-search-box input { flex: 1 1 auto; min-width: 0; height: 100%; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 1rem; color: var(--ui-ink); padding: 0 !important; }
.tsg-search-card .tsg-popular-tags { text-align: center; }
@media (max-width: 575px) { .tsg-search-card { padding: 22px 16px 18px !important; } }

/* Sipariş sayfası: tek ton */
.op3 { --o-pri: #04868B; --o-pri2: #04868B; }
.op3 .btn-continue, .op3 .btn-continue:hover:not(:disabled) { box-shadow: none !important; transform: none !important; }
.op3 .btn-continue:hover:not(:disabled) { background: var(--ui-brand-d) !important; }
.op3 .summary-product-icon { box-shadow: none !important; }

/* Üst menü tanıtım kutusu başlığı (başlık etiketi yerine düz öğe; sayfanın başlık sırası H1 ile başlasın) */
.h2-mega-promo .h2-promo-h { color: #fff; font-size: 1.15rem; font-weight: 800; margin: 0 0 8px; letter-spacing: -.02em; line-height: 1.3; }

/* ============================================================
   SSL yeşili (2026-10-04): sitedeki siyah / lacivert zeminler
   simgedeki kalkanın camgöbeği-yeşiline çekildi.
   --ssl-700: geniş zemin (beyaz yazıyla okunaklı)
   --ssl-900: üst şerit ve alt bilgi (daha koyu, sayfayı çerçeveler)
   Kod örnekleri (pre / code) koyu kalır: okunurluk için.
   ============================================================ */
:root {
  --ssl-900: #03686D; --ssl-800: #037278; --ssl-700: #04868B; --ssl-500: #05A8AE;
  --ssl-100: #D9F3F1; --ssl-on: #C6F4EF; --ssl-on-muted: rgba(255,255,255,.78);
}

/* Geniş koyu zeminler → SSL yeşili */
:is(.nx-hero, .nx-band, .nx-cta-box, .page-hero-modern, .hero-section, .cta-section, .about-hero, .cs3-hero, .cs3-ctaband, .lei-hero, .ab3-cta, .bp-cta, .bp2-cta, .pdx-cta-card,  .product-hero-v2, .category-hero, .page-hero-dark, .ssl-hero, .brand-hero, .block-hero-gradient, .hero-slide, .hero-stats-bar, .h2-mega-promo):not(#_) {
  background: var(--ssl-700) !important;
  background-image: none !important;
}
:is(.hero-slide-overlay):not(#_),
.nx-hero:not(#_)::before,
.nx-cta-box:not(#_)::after,
.cs3-hero:not(#_)::before,
.cs3-hero:not(#_)::after,
.page-hero-modern:not(#_)::before,
.page-hero-modern:not(#_)::after,
.lei-hero:not(#_)::before { background: none !important; background-image: none !important; }

/* Üst şerit, alt bilgi, çerez bandı → koyu SSL yeşili */
:is(.h2-topbar, .f3, .cookie-consent):not(#_) { background: var(--ssl-900) !important; background-image: none !important; }
:is(.h2-topbar):not(#_) { color: rgba(255,255,255,.8) !important; border-bottom-color: rgba(255,255,255,.08) !important; }
:is(.h2-topbar a):not(#_) { color: rgba(255,255,255,.86); }
:is(.f3):not(#_) { color: rgba(255,255,255,.74) !important; }
:is(.f3 a):not(#_) { color: rgba(255,255,255,.82); }
:is(.f3 a:hover):not(#_) { color: #fff; }
:is(.f3 h4, .f3 .f3-top h3, .f3 strong):not(#_) { color: #fff; }

/* Koyu düğmeler */
:is(.h2-btn-cta, .h2-btn-login, .h2-topbar .h2-loc-cur a.on):not(#_) { background: var(--ssl-700) !important; border-color: var(--ssl-700) !important; color: #fff !important; }
:is(.h2-btn-cta:hover, .h2-btn-login:hover):not(#_) { background: var(--ssl-800) !important; border-color: var(--ssl-800) !important; }
:is(.pc2 .pc2-btn:hover):not(#_) { background: var(--ssl-700) !important; border-color: var(--ssl-700) !important; color: #fff !important; }

/* Yeşil zemin üzerindeki yazılar: gri-mavi tonlar yerine beyazın tonları */
:is(.nx-hero p.lead, .nx-cta-box p, .nx-checker .hint, .nx-hero-stat .l, .nx-band-stat .l, .nx-cta-trust span, .page-hero-modern .page-hero-desc, .page-hero-modern .breadcrumb-modern a, .page-hero-modern .breadcrumb-modern, .cs3-hero p, .lei-hero p, .lei-hero .hero-desc):not(#_) { color: var(--ssl-on-muted) !important; }
:is(.nx-hero h1 .grad, .nx-hero-stat .n .grad, .nx-band-stat .n):not(#_) {
  background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important;
  color: var(--ssl-on) !important; -webkit-text-fill-color: var(--ssl-on) !important;
}
.nx-checker input:not(#_)::placeholder { color: rgba(255,255,255,.62) !important; }
:is(.nx-checker .inp i, .nx-checker .hint i, .nx-cta-trust i):not(#_) { color: var(--ssl-on) !important; }
:is(.nx-hero-eyebrow .dot):not(#_) { background: var(--ssl-on) !important; box-shadow: 0 0 0 3px rgba(198,244,239,.25) !important; }
:is(.lei-hero):not(#_) { --accent: var(--ssl-on) !important; }

/* Yeşil zemin üzerindeki ana düğme: beyaz zemin, yeşil yazı */
:is(.nx-checker button, .nx-hero .nx-btn-primary, .nx-cta-box .nx-btn-primary, .nx-cta-actions > a:first-child, .page-hero-modern .btn-modern-primary, .cs3-hero .cs3-btn.pri, .cs3-hero .cs3-btn:first-child, .ab3-cta .ab3-btn:not(.ghost), .bp-cta .bp-btn:not(.ghost), .lei-hero .btn-hero-primary):not(#_) {
  background: #fff !important; background-image: none !important; color: var(--ssl-800) !important;
  border-color: #fff !important; box-shadow: none !important;
}
:is(.nx-checker button:hover, .nx-cta-actions > a:first-child:hover, .page-hero-modern .btn-modern-primary:hover, .ab3-cta .ab3-btn:not(.ghost):hover):not(#_) { background: var(--ssl-100) !important; color: var(--ssl-900) !important; transform: none !important; }

/* Sayfa başlığındaki simge kutusu */
:is(.page-hero-modern .hero-icon-box):not(#_) { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.2) !important; box-shadow: none !important; }
:is(.hero-icon-box i):not(#_) { background: #fff !important; color: var(--ssl-700) !important; -webkit-text-fill-color: var(--ssl-700) !important; }
:is(.lei-hero .hero-icon-box):not(#_) { background: rgba(255,255,255,.12) !important; }

/* Giriş / kayıt: sol panel */
:is(.auth-page .auth-left):not(#_) { background: var(--ssl-700) !important; }
:is(.auth-page .auth-feature, .auth-page .auth-feature:hover):not(#_) { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.18) !important; }
:is(.auth-page .auth-feature i, .auth-page .auth-feature .feature-icon, .auth-page .auth-logo i):not(#_) {
  background: #fff !important; color: var(--ssl-700) !important; -webkit-text-fill-color: var(--ssl-700) !important;
}
:is(.auth-page .auth-logo strong):not(#_) { color: var(--ssl-on) !important; }
:is(.auth-page .auth-hero p, .auth-page .auth-feature p, .auth-page .auth-feature span):not(#_) { color: var(--ssl-on-muted) !important; }
:is(.auth-page .auth-stats, .auth-page .auth-stat span):not(#_) { color: var(--ssl-on-muted) !important; }

/* Tablolardaki koyu başlık satırı */
:is(.pricing-table thead th):not(#_) { background: var(--ssl-800) !important; }

/* SSL yeşili — ayrıntılar: logo, ana sayfa tarayıcı örneği, küçük etiketler, alt bilgi */
:is(.h2-logo-ic, .f3-logo .ic):not(#_) { background: var(--ssl-700) !important; background-image: none !important; }
.h2-logo-txt > span:not(#_) { color: var(--ssl-700) !important; }
.f3-logo .txt span:not(#_) { color: var(--ssl-on) !important; }
:is(.nx-hv):not(#_) { background: var(--ssl-900) !important; background-image: none !important; border-color: rgba(255,255,255,.14) !important; box-shadow: 0 30px 60px -36px rgba(0,40,44,.9) !important; }
:is(.nx-hv-url):not(#_) { background: rgba(0,0,0,.22) !important; color: rgba(255,255,255,.8) !important; }
:is(.nx-hv-row):not(#_) { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.16) !important; }
:is(.nx-hv-ic):not(#_) { background: #fff !important; background-image: none !important; color: var(--ssl-700) !important; }
:is(.nx-hv-tx small, .nx-hv-grid small):not(#_) { color: var(--ssl-on-muted) !important; }
:is(.nx-hv-ok):not(#_) { background: var(--ssl-on) !important; color: var(--ssl-900) !important; }
:is(.nx-hv-chip i):not(#_) { color: var(--ssl-700) !important; }
:is(.nx-hero-eyebrow, .cs3-hero .cs3-eyebrow, .lei-hero .hero-badge, .page-hero-modern .hero-badge):not(#_) { color: var(--ssl-on) !important; }
:is(.h2-topbar .tb-trust, .h2-topbar .tb-trust i):not(#_) { color: var(--ssl-on) !important; }
:is(.f3-btn.pri):not(#_) { background: #fff !important; color: var(--ssl-800) !important; }
:is(.f3-btn.pri:hover):not(#_) { background: var(--ssl-100) !important; color: var(--ssl-900) !important; }
:is(.f3-bottom .cp, .f3-bottom .legal a):not(#_) { color: rgba(255,255,255,.66) !important; }
:is(.f3-bottom, .f3-top, .f3-mid):not(#_) { border-color: rgba(255,255,255,.12) !important; }
:is(.cs3-hero .cs3-chips li, .cs3-hero .cs3-chip):not(#_) { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.2) !important; color: #fff !important; }
:is(.cs3-hero .cs3-btn.ghost, .cs3-hero .cs3-cta a:nth-child(2)):not(#_) { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.28) !important; color: #fff !important; }
:is(.lei-hero .hero-icon-box i):not(#_) { background: transparent !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
/* Yeşil çağrı kutularında başlık ve düğme renkleri */
:is(.pdx-cta-card, .ab3-cta, .bp-cta, .bp2-cta, .cs3-ctaband, .nx-cta-box) :is(h2, h3, h4, strong):not(#_) { color: #fff !important; }
:is(.pdx-cta-card, .ab3-cta, .bp-cta, .bp2-cta, .cs3-ctaband) p:not(#_) { color: var(--ssl-on-muted) !important; }
:is(.pdx-cta-btn.primary, .cs3-ctaband a:first-of-type, .bp2-cta a:first-of-type, .bp-cta a:first-of-type):not(#_) { background: #fff !important; color: var(--ssl-800) !important; border-color: #fff !important; box-shadow: none !important; }

/* ============================================================
   Şablon görüntüsünü kaldırma (2026-10-04)
   Kullanıcı: "sitenin yapay zekâda yapıldığı belli oluyor".
   Kaldırılanlar: her başlığın üstündeki büyük harfli etiket, başlıkta tek
   kelimenin renklendirilmesi, büyük rakamlı istatistik satırı, ok simgeleri,
   üzerine gelince zıplayan özdeş kutular. Başlıklar sola yaslı, başlık yazı
   tipi Archivo (dar kesim). İmza öğesi: gerçek fiyat tablosu.
   ============================================================ */
:is(h1, h2, .nx-pb-h strong, .nx-pb-r .p, .pc2-cur, .nx-step-num):not(#_) {
  font-family: "Archivo", "Inter", -apple-system, "Segoe UI", sans-serif !important;
  font-stretch: 88%;
}
:is(h1, h2):not(#_) { letter-spacing: -.012em !important; }
html[dir="rtl"] :is(h1, h2):not(#_) { letter-spacing: 0 !important; }

/* Bölüm üstü etiketler ve ok simgeleri (üst bölümdeki etiket ve istatistikler kullanıcı isteğiyle geri geldi) */
:is(.nx-eyebrow, .section-badge, .nx .nx-sec .fa-arrow-right, .pc2-btn .fa-arrow-right):not(#_) { display: none !important; }

/* Bölüm başlıkları sola yaslı */
:is(.nx-head):not(#_) { text-align: start !important; margin-inline: 0 !important; max-width: 46rem !important; margin-bottom: 30px !important; }
:is(.nx-head h2):not(#_) { font-weight: 700 !important; font-size: clamp(1.7rem, 3vw, 2.3rem) !important; }
:is(.nx-head p):not(#_) { font-size: 1.02rem !important; }

/* "Neden" bölümü: özdeş simgeli kutular yerine çizgili sade liste */
:is(.nx-feat-grid):not(#_) { gap: 0 44px !important; }
:is(.nx-feat):not(#_) { display: block !important; background: none !important; border: 0 !important; border-top: 1px solid #cfd8d8 !important; border-radius: 0 !important; box-shadow: none !important; padding: 18px 0 26px !important; transform: none !important; }
:is(.nx-feat .nx-feat-ic):not(#_) { display: none !important; }
:is(.nx-feat h3):not(#_) { font-size: 1.05rem !important; margin: 0 0 6px !important; }

/* Adımlar: gerçek bir sıra olduğu için numara kalır; kutu ve çizgi kalkar */
:is(.nx-steps-line):not(#_) { display: none !important; }
:is(.nx-step):not(#_) { text-align: start !important; }
:is(.nx-step-num):not(#_) { width: auto !important; height: auto !important; margin: 0 0 10px !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; display: block !important; font-size: 2.6rem !important; font-weight: 700 !important; line-height: 1 !important; color: var(--ssl-700) !important; transform: none !important; }
:is(.nx-step p):not(#_) { margin: 0 !important; max-width: 30em !important; }

/* Kutular: zıplama ve yumuşak gölge yok, köşeler daha az yuvarlak */
:is(.pc2, .nx-faq-item, .nx-cert):not(#_) { box-shadow: none !important; border-radius: 10px !important; }
:is(.pc2:hover, .nx-cert:hover, .nx-btn:hover):not(#_) { transform: none !important; box-shadow: none !important; }
:is(.nx-btn, .pc2-btn):not(#_) { border-radius: 8px !important; box-shadow: none !important; }
:is(.nx-cta-box):not(#_) { border-radius: 12px !important; text-align: start !important; }
:is(.nx-cta-box h2, .nx-cta-box p):not(#_) { margin-inline: 0 !important; }
:is(.nx-cta-actions, .nx-cta-trust):not(#_) { justify-content: flex-start !important; }

@media (max-width: 900px) {
  .nx-pb-r .p { font-size: 1.25rem; }
  .nx-hero2-media::before { display: none; }
  :is(.nx-feat-grid):not(#_) { grid-template-columns: 1fr !important; }
}

:is(.nx-faq, .nx-faq-list, .nx-faq-wrap):not(#_) { margin-inline: 0 !important; max-width: 52rem !important; }

/* ============================================================
   Derinlik katmanı (2026-10-04): yeşil zeminler düz değil;
   yukarıdan ışık, ince ızgara ve gölgeli kartlarla kurumsal görünüm.
   Tek marka rengi: SSL yeşili (çivit tonları kaynak dosyalarda yeşile çevrildi).
   ============================================================ */
:root { --ui-brand: #04868B; --ui-brand-d: #037278; }

/* Geniş yeşil zeminler: koyudan açığa geçiş + sağ üstten ışık + ince ızgara */
:is(.nx-hero, .page-hero-modern, .cs3-hero, .lei-hero, .hero-section, .about-hero,
    .product-hero-v2, .category-hero, .page-hero-dark, .ssl-hero, .brand-hero, .block-hero-gradient):not(#_):not(#__) {
  background-color: #04868B !important;
  background-image:
    radial-gradient(900px 520px at 88% -12%, rgba(126, 240, 226, .30), transparent 62%),
    radial-gradient(700px 480px at -8% 108%, rgba(3, 104, 109, .55), transparent 60%),
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(135deg, #037D83 0%, #04979D 52%, #14BDB9 100%) !important;
  background-size: auto, auto, 56px 56px, 56px 56px, auto !important;
  background-position: 0 0, 0 0, -1px -1px, -1px -1px, 0 0 !important;
}
/* Çağrı kutuları ve giriş paneli: aynı ışık, ızgarasız */
:is(.nx-cta-box, .nx-band, .cs3-ctaband, .ab3-cta, .bp-cta, .bp2-cta, .pdx-cta-card, .h2-mega-promo, .cta-section):not(#_):not(#__) {
  background-color: #04868B !important;
  background-image: radial-gradient(700px 360px at 90% -20%, rgba(126, 240, 226, .28), transparent 62%), linear-gradient(135deg, #037D83 0%, #04979D 55%, #14BDB9 100%) !important;
}
:is(.h2-topbar):not(#_):not(#__) { background: #03686D !important; }
:is(.f3):not(#_):not(#__) { background-color: #03686D !important; background-image: radial-gradient(900px 420px at 100% 0%, rgba(20, 189, 185, .35), transparent 62%) !important; }

/* Ana sayfa üst bölüm: başlık vurgusu, arama kutusu, tarayıcı örneği */
.nx-hero.nx-hero h1 .grad.grad:not(#_):not(#__), .nx-hero-stat .n .grad:not(#_):not(#__), .nx-band-stat .n:not(#_):not(#__) {
  background: linear-gradient(100deg, #A8F5EA 0%, #E9FFFB 70%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
}
:is(.nx-hero-eyebrow):not(#_):not(#__) { background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.2) !important; color: #D6FBF5 !important; }
:is(.nx-checker form):not(#_):not(#__) { background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 14px !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 24px 50px -28px rgba(2, 70, 74, .8) !important; }
.nx-checker.nx-checker.nx-checker.nx-checker form button:not(#_):not(#__) { background: #fff !important; color: #037278 !important; border-radius: 10px !important; box-shadow: 0 10px 24px -12px rgba(2, 70, 74, .7) !important; }
.nx-checker.nx-checker.nx-checker.nx-checker form button:not(#_):not(#__):hover { background: #E6FBF8 !important; color: #037D83 !important; }
:is(.nx-hv):not(#_):not(#__) {
  background: rgba(3, 104, 109, .62) !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 20px !important;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 50px 90px -40px rgba(2, 70, 74, .9), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}
:is(.nx-hv-row):not(#_):not(#__) { background: rgba(126, 240, 226, .12) !important; border-color: rgba(126, 240, 226, .3) !important; }
:is(.nx-hv-grid > div):not(#_):not(#__) { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.12) !important; }
:is(.nx-hv-chip):not(#_):not(#__) { box-shadow: 0 18px 36px -18px rgba(2, 70, 74, .8) !important; border-radius: 12px !important; }
:is(.nx-authority .lbl):not(#_):not(#__) { text-align: center !important; text-transform: none !important; letter-spacing: 0 !important; font-size: .92rem !important; font-weight: 500 !important; color: rgba(255,255,255,.75) !important; }
:is(.nx-authority-row):not(#_):not(#__) { justify-content: center !important; }
:is(.nx-authority-row .a-tile):not(#_):not(#__) { border-radius: 12px !important; box-shadow: 0 14px 30px -18px rgba(2, 70, 74, .7) !important; }

/* Sayfa başlığındaki simge kutusu: cam */
:is(.page-hero-modern .hero-icon-box):not(#_):not(#__) { background: rgba(255,255,255,.09) !important; border: 1px solid rgba(255,255,255,.2) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 30px 60px -34px rgba(2, 70, 74, .9) !important; }

/* Açık zemindeki ana düğmeler: yeşil, yumuşak gölge */
:is(.nx-btn-primary, .btn-modern-primary, .pdx-btn-primary, a.btn.btn-primary, button.btn.btn-primary, .f3-btn.pri):not(#_):not(#__) { box-shadow: 0 12px 26px -14px rgba(4, 134, 139, .75) !important; }
:is(.nx-cta-box .nx-btn-primary, .nx-hero .nx-btn-primary, .page-hero-modern .btn-modern-primary, .f3-btn.pri):not(#_):not(#__) { box-shadow: 0 12px 26px -14px rgba(2, 70, 74, .8) !important; }

/* Ürün kartları ve içerik kutuları: ince çerçeve + hafif gölge, üzerine gelince belirginleşir */
:is(.pc2, .nx-cert, .nx-faq-item):not(#_):not(#__) { border-radius: 14px !important; box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 28px -22px rgba(15, 23, 42, .28) !important; transition: box-shadow .18s ease, border-color .18s ease !important; }
:is(.pc2:hover, .nx-cert:hover):not(#_):not(#__) { border-color: #9FD9D5 !important; box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 22px 40px -24px rgba(4, 134, 139, .45) !important; transform: none !important; }

/* "Neden" bölümü: kutusuz, küçük yeşil simgeli */
:is(.nx-feat):not(#_):not(#__) { display: grid !important; grid-template-columns: 40px 1fr; column-gap: 14px; border-top: 0 !important; padding: 6px 0 22px !important; }
:is(.nx-feat .nx-feat-ic):not(#_):not(#__) { display: flex !important; grid-row: 1 / span 2; width: 40px !important; height: 40px !important; border-radius: 10px !important; background: #E6F5F4 !important; color: #04868B !important; font-size: 1rem !important; margin: 0 !important; box-shadow: none !important; transform: none !important; }
:is(.nx-feat-grid):not(#_):not(#__) { gap: 14px 40px !important; }

/* Adımlar: yeşil numara rozetleri ve bağlantı çizgisi */
:is(.nx-steps-line):not(#_):not(#__) { display: block !important; top: 22px !important; left: 22px !important; right: 30% !important; height: 1px !important; background: #B5E3E0 !important; }
:is(.nx-step-num):not(#_):not(#__) { width: 44px !important; height: 44px !important; border-radius: 50% !important; background: #04868B !important; color: #fff !important; display: flex !important; align-items: center; justify-content: center; font-size: 1.15rem !important; margin: 0 0 14px !important; box-shadow: 0 0 0 6px #fff !important; }
.nx-sec.soft :is(.nx-step-num):not(#_):not(#__) { box-shadow: 0 0 0 6px var(--nx-soft, #f7f8fb) !important; }

@media (max-width: 900px) {
  :is(.nx-steps-line):not(#_):not(#__) { display: none !important; }
}
@media (prefers-reduced-motion: reduce) { :is(.pc2, .nx-cert):not(#_):not(#__) { transition: none !important; } }

/* Parlak ton (2026-10-04): yeşil, simgedeki kalkanın gerçek rengi. Yazı tarafı (sol) bir ton koyu ki beyaz yazı okunsun. */
:root { --ssl-900: #03686D; --ssl-800: #037278; --ssl-700: #04868B; --ssl-500: #05A8AE; }
:is(.nx-hero, .page-hero-modern, .cs3-hero, .lei-hero, .hero-section, .about-hero,
    .product-hero-v2, .category-hero, .page-hero-dark, .ssl-hero, .brand-hero, .block-hero-gradient):not(#_):not(#__):not(#___) {
  background-color: #04868B !important;
  background-image:
    radial-gradient(820px 520px at 90% -10%, rgba(190, 255, 246, .42), transparent 62%),
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(105deg, #037D83 0%, #04969C 46%, #0DB9B6 100%) !important;
  background-size: auto, 56px 56px, 56px 56px, auto !important;
  background-position: 0 0, -1px -1px, -1px -1px, 0 0 !important;
}
html[dir="rtl"] :is(.nx-hero, .page-hero-modern, .cs3-hero, .lei-hero):not(#_):not(#__):not(#___) {
  background-image:
    radial-gradient(820px 520px at 10% -10%, rgba(190, 255, 246, .42), transparent 62%),
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(255deg, #037D83 0%, #04969C 46%, #0DB9B6 100%) !important;
}
:is(.nx-cta-box, .nx-band, .cs3-ctaband, .ab3-cta, .bp-cta, .bp2-cta, .pdx-cta-card, .h2-mega-promo, .cta-section):not(#_):not(#__):not(#___) {
  background-color: #04868B !important;
  background-image: radial-gradient(700px 360px at 92% -20%, rgba(190, 255, 246, .4), transparent 62%), linear-gradient(105deg, #037D83 0%, #04969C 50%, #0DB9B6 100%) !important;
}
:is(.h2-topbar):not(#_):not(#__):not(#___) { background: #037278 !important; }
:is(.f3):not(#_):not(#__):not(#___) { background-color: #03686D !important; background-image: radial-gradient(900px 420px at 100% 0%, rgba(13, 185, 182, .4), transparent 62%) !important; }
:is(.nx-hv):not(#_):not(#__):not(#___) { background: rgba(2, 86, 91, .5) !important; box-shadow: 0 40px 80px -40px rgba(2, 60, 64, .85), 0 0 0 1px rgba(255,255,255,.06) inset !important; }
:is(.nx-hero p.lead, .nx-checker .hint, .nx-hero-stat .l, .page-hero-modern .page-hero-desc, .cs3-hero p, .lei-hero p):not(#_):not(#__):not(#___) { color: rgba(255,255,255,.94) !important; }

/* ============================================================
   Sipariş sayfası sadeleştirme (2026-10-04)
   Kullanıcı: "bu kısım çok dağınık, müşterinin kafası karışır".
   Kart başlıkları yeşil blok değil; mobilde kırıntı yolu yok, adım göstergesi
   tek satır, ürün kutusu küçük, süre seçenekleri alt alta, alan adı ilk ekranda.
   ============================================================ */
.op3 .order-form-header:not(#_):not(#__):not(#___), .op3 .summary-header:not(#_):not(#__):not(#___) {
  background: #fff !important; background-image: none !important; border-bottom: 1px solid #e6ecec !important;
}
.op3 .order-form-header:not(#_) h2, .op3 .summary-header:not(#_) h3 { color: #0f172a !important; }
.op3 .summary-header:not(#_) h3 i { color: #04868B !important; }
.op3 .ssl-validity-notice:not(#_) { background: #F1F8F8 !important; background-image: none !important; border: 1px solid #CFE6E5 !important; }
.op3 .ssl-validity-notice:not(#_) i { color: #04868B !important; }
.op3 .period-card.selected:not(#_) { border-color: #04868B !important; }

@media (max-width: 768px) {
  .op3.order-page:not(#_) { padding-top: 14px !important; }
  .op3 .breadcrumb-nav:not(#_) { display: none !important; }

  /* Adım göstergesi: tek satır, yalnızca bulunulan adımın adı yazılı */
  .op3 .order-steps:not(#_) { gap: 0 !important; margin: 0 0 14px !important; padding: 0 !important; align-items: center !important; min-height: 0 !important; height: auto !important; }
  .op3 .order-step:not(#_) { flex: 0 0 auto !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; padding: 0 !important; width: auto !important; }
  .op3 .order-step:not(#_):not(:last-child) { flex: 1 1 auto !important; }
  .op3 .order-step:not(#_):not(:last-child)::after { content: "" !important; position: static !important; display: block !important; flex: 1 1 auto; height: 2px !important; width: auto !important; min-width: 12px; background: #dfe7e7 !important; margin: 0 8px !important; transform: none !important; }
  .op3 .order-step.completed:not(#_):not(:last-child)::after { background: #04868B !important; }
  .op3 .order-step:not(#_)::before { display: none !important; }
  .op3 .order-step .step-number:not(#_) { width: 28px !important; height: 28px !important; font-size: .8rem !important; box-shadow: none !important; margin: 0 !important; flex: 0 0 28px; }
  .op3 .order-step .step-label:not(#_) { display: none !important; }
  .op3 .order-step.active .step-label:not(#_) { display: inline !important; font-size: .9rem !important; font-weight: 700 !important; margin: 0 !important; white-space: nowrap; }

  /* Kartlar */
  .op3 .order-form-card:not(#_), .op3 .order-summary-card:not(#_) { border-radius: 14px !important; }
  .op3 .order-form-header:not(#_):not(#__):not(#___) { padding: 14px 16px !important; }
  .op3 .order-form-header:not(#_) h2 { font-size: 1.05rem !important; gap: 10px !important; }
  .op3 .order-form-header:not(#_) h2 i { width: 28px !important; height: 28px !important; font-size: .8rem !important; border-radius: 8px !important; }
  .op3 .order-form-body:not(#_) { padding: 14px 16px 16px !important; }

  /* Ürün: tek satır, küçük logo; rozet gereksiz (ad zaten yazıyor) */
  .op3.op3 .order-form-body .product-mini.product-mini:not(#_) { flex-direction: row !important; align-items: center !important; gap: 12px !important; padding: 10px 12px !important; margin-bottom: 16px !important; border-radius: 10px !important; }
  .op3.op3 .order-form-body .product-mini-icon:not(#_) { width: 72px !important; height: 40px !important; flex: 0 0 72px !important; padding: 6px !important; border-radius: 8px !important; margin: 0 !important; }
  .op3 .product-mini-icon:not(#_) img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; }
  .op3 .product-mini-info:not(#_) { min-width: 0; }
  .op3 .product-mini-info:not(#_) h3 { font-size: .98rem !important; margin: 0 0 2px !important; line-height: 1.25 !important; }
  .op3 .product-mini-info:not(#_) > span { font-size: .8rem !important; }
  .op3 .product-mini-badges:not(#_) { display: none !important; }

  /* Bölüm başlıkları */
  .op3 .form-section:not(#_) { margin-bottom: 16px !important; }
  .op3 .form-section-title:not(#_) { font-size: .95rem !important; margin-bottom: 8px !important; gap: 8px !important; }
  .op3 .form-section-title:not(#_) i { width: 24px !important; height: 24px !important; font-size: .72rem !important; border-radius: 7px !important; }
  .op3 .form-group:not(#_) small { font-size: .78rem !important; margin-top: 6px !important; }

  /* Süre: alt alta, tam genişlikte satırlar */
  .op3 .period-cards:not(#_) { display: flex !important; flex-direction: column !important; gap: 8px !important; grid-template-columns: none !important; }
  .op3 .period-card:not(#_) { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 6px !important; width: 100% !important; min-height: 50px !important; padding: 10px 14px !important; border-radius: 10px !important; text-align: start !important; transform: none !important; box-shadow: none !important; margin: 0 !important; }
  .op3 .period-card .period-duration:not(#_) { font-size: 1.05rem !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 !important; }
  .op3 .period-card .period-label:not(#_) { font-size: .95rem !important; font-weight: 600 !important; margin: 0 !important; }
  .op3 .period-card .period-save:not(#_) { order: 3; font-size: .72rem !important; margin: 0 0 0 6px !important; padding: 2px 8px !important; }
  .op3 .period-card .period-badge:not(#_) { order: 4; position: static !important; transform: none !important; font-size: .68rem !important; padding: 2px 8px !important; margin: 0 0 0 4px !important; align-self: center !important; }
  .op3 .period-card .period-price:not(#_) { order: 9; margin: 0 0 0 auto !important; font-size: 1.05rem !important; font-weight: 700 !important; white-space: nowrap; }

  .op3 .ssl-validity-notice:not(#_) { padding: 10px 12px !important; margin-bottom: 0 !important; font-size: .8rem !important; line-height: 1.45 !important; gap: 8px !important; }
  .op3 .ssl-validity-notice:not(#_) div { font-size: .8rem !important; line-height: 1.45 !important; }

  /* Özet */
  .op3 .summary-header:not(#_):not(#__):not(#___) { padding: 14px 16px !important; }
  .op3 .summary-body:not(#_) { padding: 14px 16px !important; }
  .op3 .summary-product:not(#_) { display: none !important; }   /* ürün adı üstte zaten var */
  .op3 .summary-footer:not(#_) { padding: 0 16px 16px !important; }
  .op3 .op3-help:not(#_) { display: none !important; }           /* sayfanın altında destek şeridi zaten var */
  .op3 .order-layout:not(#_) { gap: 14px !important; }
}

/* ============================================================
   Ana sayfa üst bölüm — yeni kurgu (2026-10-04, .nx-hero3)
   Ortalanmış büyük başlık, belirgin alan adı kutusu, kısa güvence satırı ve
   sahte pencere yerine adres çubuğu: "Güvenli değil" → kilitli https (tek canlandırma).
   ============================================================ */
.nx-hero3.nx-hero3:not(#_) { padding: 72px 0 0 !important; }
.nx-hero3 .nx-hero2-grid:not(#_) { display: block !important; }
.nx-hero3 .nx-hero-inner:not(#_) { max-width: 880px !important; margin: 0 auto !important; text-align: center !important; }
.nx-hero3 .nx-hero-eyebrow:not(#_) { display: inline-flex !important; margin: 0 auto !important; border-radius: 999px !important; padding: 7px 16px !important; font-size: .82rem !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; }
.nx-hero3 h1:not(#_):not(#__) { font-size: clamp(2.5rem, 5.6vw, 4.4rem) !important; line-height: 1.02 !important; font-weight: 800 !important; letter-spacing: -.028em !important; margin: 22px auto 18px !important; max-width: 15em; text-wrap: balance; }
.nx-hero3 p.lead:not(#_):not(#__) { font-size: clamp(1.05rem, 1.5vw, 1.22rem) !important; line-height: 1.55 !important; max-width: 40em !important; margin: 0 auto 30px !important; text-wrap: pretty; }
.nx-hero3 .nx-checker:not(#_) { max-width: 640px !important; margin: 0 auto !important; }
.nx-hero3 .nx-checker form:not(#_):not(#__):not(#___) { background: #fff !important; border: 0 !important; border-radius: 18px !important; padding: 8px !important; backdrop-filter: none !important; box-shadow: 0 30px 60px -28px rgba(2, 60, 64, .75), 0 0 0 6px rgba(255,255,255,.14) !important; }
.nx-hero3 .nx-checker .inp:not(#_) { padding: 0 18px !important; }
.nx-hero3 .nx-checker .inp i:not(#_):not(#__) { color: #04868B !important; font-size: 1.05rem; }
.nx-hero3 .nx-checker input:not(#_) { color: #0f172a !important; font-size: 1.08rem !important; padding: 16px 0 !important; }
.nx-hero3 .nx-checker input:not(#_)::placeholder { color: #8a96a3 !important; }
.nx-hero3.nx-hero3 .nx-checker.nx-checker.nx-checker.nx-checker form button:not(#_):not(#__):not(#___) { background: #04868B !important; color: #fff !important; border-radius: 12px !important; padding: 15px 26px !important; font-size: 1rem !important; box-shadow: 0 12px 24px -12px rgba(4, 134, 139, .9) !important; }
.nx-hero3.nx-hero3 .nx-checker.nx-checker.nx-checker.nx-checker form button:not(#_):not(#__):not(#___):hover { background: #037278 !important; color: #fff !important; }
.nx-hero3 .nx-checker .hint:not(#_) { text-align: center !important; margin-top: 14px !important; }
.nx-h3-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; margin-top: 22px; color: rgba(255,255,255,.95); font-size: .93rem; font-weight: 500; }
.nx-h3-trust span { display: inline-flex; align-items: center; gap: 8px; }
.nx-h3-trust i { color: #BFF7EE; }

/* Adres çubuğu kartı */
.nx-hero3 .nx-hero2-media:not(#_) { max-width: 860px !important; margin: 46px auto 0 !important; }
.nx-ab { background: #fff; border-radius: 20px; padding: 14px; box-shadow: 0 50px 90px -44px rgba(2, 60, 64, .9), 0 0 0 8px rgba(255,255,255,.12); color: #0f172a; }
.nx-ab-bar { display: flex; align-items: center; gap: 14px; }
.nx-ab-dots { display: inline-flex; gap: 6px; padding-inline-start: 6px; }
.nx-ab-dots i { width: 10px; height: 10px; border-radius: 50%; background: #d7dee0; display: block; }
.nx-ab-url { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 12px; height: 46px; padding: 0 14px 0 6px; border-radius: 999px; background: #F1F5F5; border: 1px solid #e2e9e9; overflow: hidden; }
.nx-ab-state { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 13px; border-radius: 999px; font-size: .84rem; font-weight: 700; white-space: nowrap; }
.nx-ab-state.bad { background: #FDECEC; color: #B42318; }
.nx-ab-state.ok { background: #DDF6F2; color: #03686D; }
.nx-ab-addr { font-size: 1.02rem; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: ltr; }
.nx-ab-proto { color: #5b6673; font-weight: 500; }
.nx-ab-proto b { font-weight: 500; }
.nx-ab-ok { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px; border-radius: 999px; background: #04868B; color: #fff; font-size: .84rem; font-weight: 700; white-space: nowrap; }
.nx-ab-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 14px; border-top: 1px solid #e9eeee; }
.nx-ab-grid > div { padding: 16px 16px 8px; border-inline-start: 1px solid #e9eeee; text-align: start; }
.nx-ab-grid > div:first-child { border-inline-start: 0; }
.nx-ab-grid small { display: block; font-size: .78rem; color: #5b6673; margin-bottom: 4px; }
.nx-ab-grid b { font-size: .98rem; font-weight: 700; }
/* Son hâl: güvenli. Canlandırma yalnızca hareket tercihi açık olanlarda, sayfa açılışında bir kez oynar. */
.nx-ab-state.bad, .nx-ab-proto .p-http { display: none; }
.nx-ab-ok { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  .nx-ab-state.bad { display: inline-flex; animation: nxAbBad 2.4s ease forwards; }
  .nx-ab-state.ok { animation: nxAbOk 2.4s ease forwards; }
  .nx-ab-proto .p-http { display: inline; animation: nxAbHttp 2.4s step-end forwards; }
  .nx-ab-proto .p-https { animation: nxAbHttps 2.4s step-end forwards; }
  .nx-ab-ok { animation: nxAbBadge 2.4s ease forwards; }
  @keyframes nxAbBad { 0%, 55% { max-width: 220px; opacity: 1; padding: 0 13px; } 70%, 100% { max-width: 0; opacity: 0; padding: 0; margin-inline-end: -12px; overflow: hidden; } }
  @keyframes nxAbOk { 0%, 62% { max-width: 0; opacity: 0; padding: 0; overflow: hidden; margin-inline-end: -12px; } 80%, 100% { max-width: 260px; opacity: 1; padding: 0 13px; margin-inline-end: 0; } }
  @keyframes nxAbHttp { 0%, 62% { font-size: inherit; } 63%, 100% { font-size: 0; } }
  @keyframes nxAbHttps { 0%, 62% { font-size: 0; } 63%, 100% { font-size: inherit; } }
  @keyframes nxAbBadge { 0%, 78% { opacity: 0; transform: scale(.9); } 100% { opacity: 1; transform: scale(1); } }
}
.nx-hero3 .nx-authority:not(#_) { margin-top: 44px !important; border-top-color: rgba(255,255,255,.2) !important; }

@media (max-width: 760px) {
  .nx-hero3.nx-hero3:not(#_) { padding: 44px 0 0 !important; }
  .nx-hero3 .nx-checker form:not(#_):not(#__):not(#___) { flex-direction: column !important; gap: 8px !important; }
  .nx-hero3 .nx-checker form button:not(#_) { width: 100%; justify-content: center; }
  .nx-ab-dots, .nx-ab-ok { display: none; }
  .nx-ab-grid { grid-template-columns: 1fr 1fr; }
  .nx-ab-grid > div:nth-child(3) { border-inline-start: 0; }
  .nx-ab-grid > div:nth-child(n+3) { border-top: 1px solid #e9eeee; }
  .nx-ab-addr { font-size: .92rem; }
  .nx-hero3 .nx-hero2-media:not(#_) { margin-top: 30px !important; }
}

/* ============================================================
   Ana sayfa üst bölüm — açık zemin (2026-10-04)
   Kullanıcı: "renk çok boğmuş heroda". Bütün alanı kaplayan yeşil kalktı:
   zemin beyaza yakın, yeşil yalnızca vurgu (başlıktaki sözcük, düğme, simgeler).
   ============================================================ */
.nx-hero3.nx-hero3:not(#_):not(#__):not(#___):not(#____) {
  background-color: #F6FBFB !important;
  background-image:
    radial-gradient(820px 460px at 88% -14%, rgba(5, 168, 174, .16), transparent 62%),
    radial-gradient(640px 400px at 4% 4%, rgba(5, 168, 174, .08), transparent 62%),
    linear-gradient(rgba(4, 134, 139, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(4, 134, 139, .05) 1px, transparent 1px),
    linear-gradient(180deg, #F1FAF9 0%, #FFFFFF 100%) !important;
  background-size: auto, auto, 56px 56px, 56px 56px, auto !important;
  background-position: 0 0, 0 0, -1px -1px, -1px -1px, 0 0 !important;
  border-bottom: 1px solid #E6EFEE;
}
.nx-hero3 h1:not(#_):not(#__):not(#___):not(#____) { color: #0B1F24 !important; }
.nx-hero3.nx-hero3 h1 .grad.grad:not(#_):not(#__):not(#___):not(#____) {
  background: linear-gradient(100deg, #04868B 0%, #05A8AE 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
}
.nx-hero3 p.lead:not(#_):not(#__):not(#___):not(#____) { color: #47565C !important; }
.nx-hero3 .nx-hero-eyebrow:not(#_):not(#__):not(#___):not(#____) { background: #E6F5F4 !important; border: 1px solid #BFE5E2 !important; color: #037278 !important; }
.nx-hero3 .nx-hero-eyebrow .dot:not(#_):not(#__):not(#___):not(#____) { background: #05A8AE !important; box-shadow: 0 0 0 3px rgba(5, 168, 174, .2) !important; }
.nx-hero3 .nx-checker form:not(#_):not(#__):not(#___):not(#____) { background: #fff !important; border: 1px solid #CFE6E5 !important; box-shadow: 0 24px 50px -30px rgba(4, 134, 139, .55), 0 0 0 6px rgba(5, 168, 174, .07) !important; }
.nx-hero3 .nx-checker .hint:not(#_):not(#__):not(#___):not(#____) { color: #5B6B72 !important; }
.nx-hero3 .nx-checker .hint i:not(#_):not(#__):not(#___):not(#____) { color: #04868B !important; }
.nx-hero3 .nx-h3-trust { color: #2B3B41; }
.nx-hero3 .nx-h3-trust i { color: #04868B; }
.nx-hero3 .nx-ab { border: 1px solid #DCEBEA; box-shadow: 0 40px 70px -46px rgba(4, 134, 139, .6), 0 1px 2px rgba(15, 23, 42, .04); }
.nx-hero3 .nx-authority:not(#_):not(#__):not(#___):not(#____) { border-top: 1px solid #E2EDEC !important; }
.nx-hero3 .nx-authority .lbl:not(#_):not(#__):not(#___):not(#____) { color: #5B6B72 !important; }
.nx-hero3 .nx-authority-row .a-tile:not(#_):not(#__):not(#___):not(#____) { border: 1px solid #E2EAEA !important; box-shadow: none !important; }

/* ============================================================
   Ürün detay sayfası — yenileme (2026-10-04, .pdx)
   Açık ve ferah üst bölüm, kutusuz bilgi satırı, "sipariş sonrası ne olur" adımları,
   kutu ızgarası yerine temiz liste ve tablo. Yeşil yalnızca vurgu.
   ============================================================ */
.pdx .pdx-hero:not(#_):not(#__) {
  background-color: #F6FBFB !important;
  background-image:
    radial-gradient(760px 420px at 92% -12%, rgba(5, 168, 174, .13), transparent 62%),
    linear-gradient(180deg, #F1FAF9 0%, #FFFFFF 520px) !important;
  padding: 36px 0 64px !important;
}
.pdx .pdx-crumb:not(#_) { background: #F1FAF9 !important; border-bottom: 0 !important; padding: 14px 0 0 !important; }
.pdx .pdx-hero-grid:not(#_) { gap: 0 48px !important; }

/* Rozetler */
.pdx .pdx-badges:not(#_) { gap: 8px !important; margin-bottom: 18px !important; }
.pdx .pdx-badge:not(#_) { border-radius: 8px !important; box-shadow: none !important; border: 1px solid #DCEBEA !important; background: #fff !important; font-size: .82rem !important; font-weight: 600 !important; padding: 6px 12px !important; color: #2B3B41 !important; }
.pdx .pdx-badge-val:not(#_):not(#__) { background: #E6F5F4 !important; border-color: #BFE5E2 !important; color: #037278 !important; }
.pdx .pdx-badge-val:not(#_) i { color: #04868B !important; }

/* Başlık ve açıklama */
.pdx .pdx-h1:not(#_):not(#__) { font-size: clamp(2rem, 3.6vw, 3rem) !important; line-height: 1.06 !important; font-weight: 800 !important; letter-spacing: -.024em !important; color: #0B1F24 !important; margin: 0 0 16px !important; text-wrap: balance; }
.pdx .pdx-lead:not(#_) { font-size: 1.1rem !important; line-height: 1.6 !important; color: #47565C !important; max-width: 38em; margin: 0 0 26px !important; text-wrap: pretty; }

/* Bilgi satırı: kutu ve simge yok, ince çizgilerle ayrılmış üç değer */
.pdx .pdx-stats:not(#_) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 1px solid #DCE7E6; border-bottom: 1px solid #DCE7E6; margin: 0 !important; }
.pdx .pdx-stat:not(#_) { display: block !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 16px 20px 16px 0 !important; margin: 0 !important; transform: none !important; }
.pdx .pdx-stat:not(#_) + .pdx-stat { border-inline-start: 1px solid #DCE7E6 !important; padding-inline-start: 20px !important; }
.pdx .pdx-stat:not(#_) i { display: none !important; }
.pdx .pdx-stat:not(#_) .k { display: block !important; font-size: .82rem !important; font-weight: 500 !important; color: #5B6B72 !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 4px !important; }
.pdx .pdx-stat:not(#_) .v { display: block !important; font-family: "Archivo", "Inter", sans-serif !important; font-stretch: 88%; font-size: 1.25rem !important; font-weight: 700 !important; color: #0B1F24 !important; }

/* Satın alma kartı */
.pdx .pdx-card:not(#_):not(#__) { border: 1px solid #DCEBEA !important; border-radius: 18px !important; padding: 26px !important; background: #fff !important; box-shadow: 0 40px 70px -48px rgba(4, 134, 139, .6), 0 1px 2px rgba(15, 23, 42, .04) !important; }
.pdx .pdx-price:not(#_) { font-family: "Archivo", "Inter", sans-serif !important; font-stretch: 88%; font-size: 2.9rem !important; font-weight: 800 !important; letter-spacing: -.02em !important; color: #0B1F24 !important; line-height: 1 !important; }
.pdx .pdx-price-per:not(#_), .pdx .pdx-price-tax:not(#_) { color: #5B6B72 !important; }
.pdx .pdx-divider:not(#_) { background: #E6EFEE !important; margin: 18px 0 !important; }
.pdx .pdx-plabel:not(#_) { font-size: .85rem !important; font-weight: 600 !important; color: #2B3B41 !important; text-transform: none !important; letter-spacing: 0 !important; }
.pdx .pdx-select:not(#_) { border-radius: 10px !important; border: 1px solid #CFDDDC !important; box-shadow: none !important; font-weight: 600 !important; }
.pdx .pdx-select:not(#_):focus { border-color: #04868B !important; box-shadow: 0 0 0 3px rgba(4, 134, 139, .16) !important; outline: 0 !important; }
.pdx .pdx-selected:not(#_), .pdx .pdx-single:not(#_) { background: #F1F8F8 !important; border: 1px solid #DCEBEA !important; border-radius: 10px !important; }
.pdx .pdx-notice:not(#_) { background: #F7FAFA !important; border: 1px solid #E2EDEC !important; border-radius: 10px !important; color: #47565C !important; font-size: .84rem !important; line-height: 1.5 !important; }
.pdx .pdx-notice:not(#_) i { color: #04868B !important; }
.pdx .pdx-btn:not(#_) { border-radius: 12px !important; min-height: 52px; font-size: 1rem !important; font-weight: 700 !important; transform: none !important; }
.pdx .pdx-btn-primary:not(#_):not(#__):not(#___) { background: #04868B !important; background-image: none !important; color: #fff !important; border: 0 !important; box-shadow: 0 14px 26px -14px rgba(4, 134, 139, .9) !important; }
.pdx .pdx-btn-primary:not(#_):not(#__):not(#___):hover { background: #037278 !important; }
.pdx .pdx-btn-alt:not(#_) { background: #fff !important; border: 1px solid #CFDDDC !important; color: #0B1F24 !important; box-shadow: none !important; }
.pdx .pdx-btn-alt:not(#_):hover { border-color: #04868B !important; color: #037278 !important; }
.pdx .pdx-trust:not(#_) { border-top: 1px solid #E6EFEE !important; margin-top: 18px !important; padding-top: 16px !important; }
.pdx .pdx-trust:not(#_) .t { font-size: .8rem !important; color: #47565C !important; }
.pdx .pdx-trust:not(#_) .t i { color: #04868B !important; }
.pdx .pdx-pay:not(#_) { color: #9AA8AC !important; }

/* Sipariş sonrası adımlar */
.pdx-flow { margin: 34px 0 6px; padding: 24px 26px 6px; background: #fff; border: 1px solid #DCEBEA; border-radius: 16px; }
.pdx-flow h2 { font-size: 1.2rem !important; font-weight: 700 !important; margin: 0 0 16px !important; color: #0B1F24; letter-spacing: -.01em !important; }
.pdx-flow ol { list-style: none; margin: 0; padding: 0; counter-reset: pdxflow; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 26px; }
.pdx-flow li { counter-increment: pdxflow; position: relative; padding: 0 0 18px; }
.pdx-flow li::before { content: counter(pdxflow); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #04868B; color: #fff; font-family: "Archivo", "Inter", sans-serif; font-weight: 700; font-size: .95rem; margin-bottom: 12px; position: relative; z-index: 1; }
.pdx-flow li:not(:last-child)::after { content: ""; position: absolute; top: 15px; inset-inline-start: 38px; inset-inline-end: -18px; height: 1px; background: #BFE5E2; }
.pdx-flow li b { display: block; font-size: .98rem; font-weight: 700; color: #0B1F24; margin-bottom: 4px; }
.pdx-flow li span { display: block; font-size: .9rem; line-height: 1.5; color: #47565C; }

/* Bölüm gezinme: alt çizgili sekmeler */
.pdx .pdx-tabs:not(#_) { background: #fff !important; border: 0 !important; border-bottom: 1px solid #E2EDEC !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 28px 0 0 !important; }
.pdx .pdx-tabs:not(#_) .pdx-container { padding: 0 !important; display: flex !important; gap: 4px 26px !important; flex-wrap: wrap; }
.pdx .pdx-tabs:not(#_) a { background: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; padding: 14px 0 12px !important; font-size: .95rem !important; font-weight: 600 !important; color: #47565C !important; box-shadow: none !important; }
.pdx .pdx-tabs:not(#_) a i { display: none !important; }
.pdx .pdx-tabs:not(#_) a:hover, .pdx .pdx-tabs:not(#_) a.active { color: #037278 !important; border-bottom-color: #04868B !important; }

/* Bölümler */
.pdx .pdx-rest .pdx-section:not(#_) { padding: 40px 0 8px !important; background: none !important; }
.pdx .pdx-sec-head:not(#_) { text-align: start !important; margin: 0 0 22px !important; max-width: 44rem !important; }
.pdx .pdx-sec-head:not(#_) h2 { font-size: 1.6rem !important; font-weight: 700 !important; margin: 0 0 6px !important; color: #0B1F24 !important; }
.pdx .pdx-sec-head:not(#_) p { font-size: .98rem !important; color: #5B6B72 !important; }
.pdx .pdx-sec-badge:not(#_) { display: none !important; }

/* Özellikler: iki sütunlu onay listesi; teknik bilgiler: ince çizgili tablo */
.pdx .pdx-two:not(#_) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 28px 40px !important; }
.pdx .pdx-panel:not(#_) { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; }
.pdx .pdx-panel:not(#_) h3 { font-size: 1.02rem !important; font-weight: 700 !important; color: #0B1F24 !important; margin: 0 0 12px !important; padding: 0 0 10px !important; border-bottom: 2px solid #0B1F24 !important; }
.pdx .pdx-panel:not(#_) h3 i { display: none !important; }
.pdx .pdx-checks:not(#_) { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.pdx .pdx-checks:not(#_) li { display: flex !important; gap: 10px !important; align-items: flex-start !important; padding: 9px 0 !important; border-bottom: 1px solid #E6EFEE !important; font-size: .95rem !important; color: #2B3B41 !important; background: none !important; }
.pdx .pdx-checks:not(#_) li i { color: #04868B !important; background: none !important; width: auto !important; height: auto !important; font-size: .85rem !important; margin-top: 4px !important; }
.pdx .pdx-specs:not(#_) { margin: 0 !important; }
.pdx .pdx-specs:not(#_) > div { display: flex !important; justify-content: space-between !important; gap: 16px !important; padding: 9px 0 !important; border-bottom: 1px solid #E6EFEE !important; background: none !important; }
.pdx .pdx-specs:not(#_) dt { font-size: .93rem !important; font-weight: 500 !important; color: #5B6B72 !important; }
.pdx .pdx-specs:not(#_) dt i { display: none !important; }
.pdx .pdx-specs:not(#_) dd { font-size: .93rem !important; font-weight: 700 !important; color: #0B1F24 !important; margin: 0 !important; text-align: end; }

/* Ürün hakkında: okunaklı satır uzunluğu */
.pdx .pdx-about:not(#_) { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; max-width: 68ch; font-size: 1rem !important; line-height: 1.7 !important; color: #2B3B41 !important; }
.pdx .pdx-about:not(#_) h3 { font-size: 1.2rem !important; font-weight: 700 !important; margin: 0 0 12px !important; color: #0B1F24 !important; }
.pdx .pdx-about:not(#_) h4 { font-size: 1.02rem !important; font-weight: 700 !important; margin: 22px 0 8px !important; color: #0B1F24 !important; }
.pdx .pdx-about:not(#_) ul { padding-inline-start: 20px !important; }
.pdx .pdx-about:not(#_) li { margin-bottom: 6px !important; }
.pdx .pdx-about:not(#_) li::marker { color: #04868B; }

/* SSS */
.pdx .pdx-faq:not(#_) { max-width: 46rem !important; margin: 0 !important; }
.pdx .pdx-faq-item:not(#_) { background: none !important; border: 0 !important; border-bottom: 1px solid #DCE7E6 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; }
.pdx .pdx-faq-q:not(#_) { padding: 16px 0 !important; font-size: 1rem !important; font-weight: 600 !important; color: #0B1F24 !important; background: none !important; }
.pdx .pdx-faq-q:not(#_) > i:first-child, .pdx .pdx-faq-q:not(#_) .pdx-faq-ic { display: none !important; }
.pdx .pdx-faq-a:not(#_) p { padding: 0 0 16px !important; color: #47565C !important; line-height: 1.65 !important; }

/* Benzer sertifikalar ve alt çağrı kutusu */
.pdx > .pdx-section.pdx-section-alt:not(#_) { background: #F6FBFB !important; padding: 56px 0 !important; }
.pdx .pdx-cta:not(#_) { padding: 0 0 64px !important; background: #F6FBFB !important; }
.pdx .pdx-cta-card:not(#_):not(#__):not(#___):not(#____) { background: #fff !important; background-image: none !important; border: 1px solid #DCEBEA !important; border-radius: 16px !important; box-shadow: none !important; }
.pdx .pdx-cta-card:not(#_):not(#__):not(#___):not(#____) :is(h2, h3, h4, strong) { color: #0B1F24 !important; }
.pdx .pdx-cta-card:not(#_):not(#__):not(#___):not(#____) p { color: #47565C !important; }
.pdx .pdx-cta-ic:not(#_) { background: #E6F5F4 !important; color: #04868B !important; }
.pdx .pdx-cta-btn.primary:not(#_):not(#__):not(#___):not(#____) { background: #04868B !important; color: #fff !important; border-color: #04868B !important; }
.pdx .pdx-cta-btn.secondary:not(#_):not(#__) { background: #fff !important; color: #0B1F24 !important; border: 1px solid #CFDDDC !important; }

@media (max-width: 900px) {
  .pdx .pdx-two:not(#_) { grid-template-columns: 1fr !important; }
  .pdx-flow ol { grid-template-columns: 1fr; }
  .pdx-flow li { padding-inline-start: 44px; padding-bottom: 16px; }
  .pdx-flow li::before { position: absolute; inset-inline-start: 0; top: 0; margin: 0; }
  .pdx-flow li:not(:last-child)::after { top: 34px; bottom: 2px; inset-inline-start: 15px; inset-inline-end: auto; width: 1px; height: auto; }
  .pdx .pdx-stat:not(#_) { padding: 12px 10px 12px 0 !important; }
  .pdx .pdx-stat:not(#_) + .pdx-stat { padding-inline-start: 12px !important; }
  .pdx .pdx-stat:not(#_) .v { font-size: 1.02rem !important; }
  .pdx .pdx-hero:not(#_):not(#__) { padding: 22px 0 40px !important; }
}


/* Ürün sayfası: süre satırları (açılır liste yerine görünür 1/2/3 yıl seçenekleri) — 2026-10-05 */
.pdx-select-off[hidden]:not(#_), .pdx-selected[hidden]:not(#_) { display: none !important; }
.pdx-terms { display: grid; gap: 8px; margin: 8px 0 4px; }
.pdx-term {
  display: flex; align-items: center; gap: 10px; width: 100%; text-align: start; cursor: pointer;
  background: #fff; border: 1px solid #CFDDDC; border-radius: 10px; padding: 12px 14px; font: inherit; color: #0B1F24;
}
.pdx-term:hover { border-color: #04868B; }
.pdx-term.is-on { border-color: #04868B; background: #F3FAFA; box-shadow: inset 0 0 0 1px #04868B; }
.pdx-term:focus-visible { outline: 2px solid #04868B; outline-offset: 2px; }
.pdx-term-dot { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #9DB3B2; flex: none; background: #fff; }
.pdx-term.is-on .pdx-term-dot { border-color: #04868B; box-shadow: inset 0 0 0 3.5px #fff; background: #04868B; }
.pdx-term-name { font-weight: 600; font-size: .95rem; }
.pdx-term-save { font-size: .78rem; color: #037278; background: #E6F4F3; border-radius: 6px; padding: 2px 7px; white-space: nowrap; }
.pdx-term-save b { font-weight: 700; }
.pdx-term-price { margin-inline-start: auto; font-family: "Archivo", "Inter", sans-serif; font-weight: 700; font-size: 1.02rem; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Dil / para birimi paneli: üst şeridin beyaz bağlantı rengi beyaz panelin içine sızmasın (2026-10-05) */
.h2-topbar .h2-loc-panel a:not(#_):not(#__) { color: #2B3B41; }
.h2-topbar .h2-loc-panel a:not(#_):not(#__):hover { color: #037278; }
.h2-topbar .h2-loc-panel .h2-loc-list a.on:not(#_):not(#__) { color: #03686D; font-weight: 600; }
.h2-topbar .h2-loc-panel .h2-loc-h:not(#_) { color: #5B6B72; }

/* Okunabilirlik: beyaz zeminde soluk gri (#94A3B8, 2.5:1) küçük yazılar ve yeşil zeminde yarı saydam beyaz (2026-10-05) */
:is(.h2-mega-col .h2-mega-h, .h2-bm-h, .h2-dm-head, .h2-mob-lbl, .h2-mega-foot .lbl, .h2-bm-txt span, .cart-item-price-period, .ct3-box p, .section-subtitle):not(#_):not(#__) { color: #5B6B72 !important; }
:is(.pc2-old):not(#_):not(#__) { color: #6B7B81 !important; }
:is(.h2-mega-promo p, .nx-cta-box p, .nx-cta-trust span):not(#_):not(#__) { color: rgba(255,255,255,.96) !important; }
:is(.h2-badge-new):not(#_):not(#__) { background: #04868B !important; color: #fff !important; }
:is(.login-buttons .btn-register):not(#_):not(#__) { background: #04868B !important; border-color: #04868B !important; color: #fff !important; }
:is(.optional, .kb-featured-cat, .kb-popular-rank, .kb-featured-card > div > span, .info .date, .auth-divider span, .pwd-rule:not(.pass), .cs3-plan small, .cs3-card small):not(#_):not(#__) { color: #5B6B72 !important; }
:is(.kb-category-count, .kb-read-more):not(#_):not(#__) { color: #037278 !important; }
:is(a.category-badge, .tag-cloud a.tag.active):not(#_):not(#__) { background: #04868B !important; border-color: #04868B !important; color: #fff !important; }
:is(.f3-help p, .f3-notes span):not(#_):not(#__) { color: rgba(255,255,255,.88) !important; }
:is(.order-step-checkout.completed > span):not(#_):not(#__) { color: #037278 !important; }
:is(.order-step-checkout.active > span):not(#_):not(#__) { color: #0B1F24 !important; }
.kb-help-cta h2:not(#_) { color: #0B1F24 !important; }
:is([class*="bp2"] th, .kb-featured-card span, .cs3-price small, .cs3-card small):not(#_):not(#__) { color: #5B6B72; }
:is(.order-step .step-label, .form-group > small, .summary-total-period, .summary-tax, .bp2-facts > h3, .bp2-note, .bp2-pick .sc, td.pr > small, span.pr > small):not(#_):not(#__) { color: #5B6B72 !important; }
/* Yeşil yüzeylerde yarı saydam beyaz ve açık nane yazılar: tam okunur beyaza yakın */
:is(.auth-hero p, .auth-hero li span, .auth-feature span, .auth-stat-label, .hero-stat-label, .cs3-from, .cs3-from span, .cs3-demo-note, .bp2-hero-chips span, .page-hero .breadcrumb-link span, .cs3-hero li a, .cs3-hero li span):not(#_):not(#__) { color: rgba(255,255,255,.96) !important; }
:is(.auth-stat-num, .cs3-hero .cs3-eyebrow, .hero-badge span, .hero-stat-value span):not(#_):not(#__) { color: #fff !important; }

/* Eski gök mavisi birincil renk değişkeni (blog yazısı vb.) → marka yeşili; AA kontrastı */
:root { --primary-color: #04868B; --primary-dark: #037278; --primary-light: #E6F5F4; }
.cs3-win:not(#_):not(#__), .cs3-win :is(p, b, .cs3-win-q):not(#_):not(#__) { color: #0f172a !important; }
:is(.bp2-cta p, .cta-section .container > p, .cs3-ctaband p, [class*="page-hero"] .breadcrumb-link span):not(#_):not(#__) { color: rgba(255,255,255,.96) !important; }
:is(.cs3-cmp-foot small, .kb-popular-item div > span, figure.bp-featured figcaption, .bp-ssl-mini-brand, .bp-ssl-mini-price small, .bp-comments-empty p, .bp-related-card span, .list-inline-item):not(#_):not(#__) { color: #5B6B72 !important; }
ul.list-inline > li.list-inline-item > a:not(#_):not(#__) { color: #037278 !important; }
.cs3-hero .cs3-win p.cs3-win-q:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f), .cs3-hero .cs3-win b:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) { color: #0f172a !important; }

/* Hero adres çubuğu: http→https geçişi yazı boyutuyla değil genişlikle (tarayıcının en küçük yazı boyutu ayarında ikisi birden görünüyordu) — 2026-10-05 */
.nx-ab-proto b { display: inline-block; vertical-align: bottom; white-space: nowrap; overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
  .nx-ab-proto .p-http:not(#_) { display: inline-block; animation: nxAbHttp2 2.4s step-end forwards; }
  .nx-ab-proto .p-https:not(#_) { animation: nxAbHttps2 2.4s step-end forwards; }
  @keyframes nxAbHttp2 { 0%, 62% { max-width: 6em; } 63%, 100% { max-width: 0; } }
  @keyframes nxAbHttps2 { 0%, 62% { max-width: 0; } 63%, 100% { max-width: 6em; } }
}
/* Sipariş sayfası breadcrumb: çerçeveli beyaz kutu kalksın */
.order-page .breadcrumb-modern:not(#_):not(#__) { border: 0 !important; background: none !important; padding: 0 !important; box-shadow: none !important; }
.order-page .breadcrumb-item.active:not(#_):not(#__), .order-page .breadcrumb-current:not(#_):not(#__) { color: #0B1F24 !important; font-weight: 600; }
/* Alt bilgi marka metni: kısa tek cümle, adresle hizalı */
.f3-brand > p:not(#_) { max-width: 30em; }
.h2-mega-col .h2-mega-h, div.h2-bm-h { line-height: 1.2; }

/* Ürün sayfası: "Ürün Hakkında" bölümünde ürün görseli (2026-10-07) */
.pdx-about-wrap.has-fig { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 36px; align-items: start; }
.pdx-about-fig { margin: 0; }
.pdx-about-fig img { display: block; width: 100%; height: auto; border-radius: 12px; }
@media (max-width: 860px) { .pdx-about-wrap.has-fig { grid-template-columns: 1fr; gap: 20px; } .pdx-about-fig { max-width: 320px; } }