/* Profil display QA düzeltmeleri (2026-10-18) — yalnız EKLEME; her ajan kendi bölümünü [QA:ad] ... işaretiyle ekler. */


/* honeycomb — kapak slider'ı petek hücrelerinin altında kalıyordu / alt menü (dock) hücreleri örtüyordu (390x844: dock örtüşmesi 111 px).
   Petek kökü slider'ın altında kalan alanı doldurur ve kırpılır (JS ölçüsü artık kökten: assets/js/profile_display.js box()); görünüm alt iç boşluğu dock için ayrılır. */
.links-container.link-theme-honeycomb {
    padding-bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px));
}
.link-theme-honeycomb .cover-slider ~ .links-honeycomb {
    flex: 1 1 0;
    min-height: 0;
    height: auto;
    overflow: hidden;
}

/* app_banners + glass_list — uzun bağlantı açıklaması satırdan taşıp ok ikonunun altında kesiliyordu (nowrap min-content genişliği).
   Açıklama/başlık, metin kutusunun genişliğiyle sınırlanır → üç nokta (…) devreye girer. */
.link-theme-app_banners .link-text > .link-title,
.link-theme-app_banners .link-text > .link-description,
.link-theme-glass_list .link-text > .link-title,
.link-theme-glass_list .link-text > .link-description {
    max-width: 100%;
    min-width: 0;
}
/* honeycomb — alt boşluk dock yüksekliğine (≈64 px + 12 px pay) indirildi: kısa ekranda petek alanı daha geniş kalır. (yukarıdaki 6.5rem değerini geçersiz kılar) */
.links-container.link-theme-honeycomb {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
}
/* honeycomb — kapak slider'ı kısa ekranlarda petek alanını eziyordu (1366x768'de slider 150 px, petek 120 px → hücreler/satırlar görünmüyordu). Slider yatık ve ekran yüksekliğine oranlı küçültüldü. */
.link-theme-honeycomb .cover-slider {
    aspect-ratio: 3 / 1;
    height: auto;
    padding-top: 0;
    max-height: 120px;
    max-height: clamp(84px, 15vh, 120px);
    max-height: clamp(84px, 15dvh, 120px);
    margin-bottom: 8px;
}
/* honeycomb — slider max-height, tema CSS'indeki !important'lı medya kurallarını (150/132/108 px) geçmek için !important ile yinelendi. */
.link-theme-honeycomb .cover-slider {
    max-height: 120px !important;
}
@supports (height: 1dvh) {
    .link-theme-honeycomb .cover-slider { max-height: clamp(84px, 15dvh, 120px) !important; }
}
/* sheet_* — ürün kartı fiyatı: "3.999,90 / ₺ KDV dahil" ortadan bölünüyordu (s/strong/small satır içi akışla binen kutular, text-overlap). Esnek sarmalama + tutar bölünmez */
html.link-theme-sheet .wzps-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 0.4em;
    row-gap: 1px;
    line-height: 1.25;
}
html.link-theme-sheet .wzps-card__price s,
html.link-theme-sheet .wzps-card__price strong,
html.link-theme-sheet .wzps-card__price small {
    white-space: nowrap;
}

/* sheet_* — 320 px'te 5 öğeli alt menüde "WhatsApp" kırpılıyordu (öğe 58px, metin 58px; öğe iç boşluğu + yazı küçültme) */
@media (max-width: 340px) {
    html.link-theme-sheet nav.fixed-bottom-nav[data-dock-count="5"] { padding-left: 6px !important; padding-right: 6px !important; }
    html.link-theme-sheet nav.fixed-bottom-nav[data-dock-count="5"] .bottom-nav-item { padding-left: 0 !important; padding-right: 0 !important; }
    html.link-theme-sheet nav.fixed-bottom-nav[data-dock-count="5"] .bottom-nav-item .bottom-nav-text { font-size: 0.62rem !important; letter-spacing: -0.02em; }
}

/* sheet_glass — kapak noktaları portre halkasının arkasında kalıyordu; kapağın üstüne alındı */
html.link-theme-sheet_glass .sx-has-cover .sx-hero__media .cover-slider__dots {
    bottom: auto !important;
    top: 12px;
}
/* sheet_corp — kapak noktaları sol kenardaki kare portrenin arkasında kalıyordu (ilk noktalar görünmüyordu); kapağın üstüne alındı */
html.link-theme-sheet_corp .sx-hero__media .cover-slider__dots {
    bottom: auto !important;
    top: 12px;
}
/* tag_cloud — 320-350px: 3'lu etiketlerde ikon + kelime sigmiyor, "WhatsApp/LinkedIn/Telegram" kelime ortasindan bolunuyordu; ikon gizlenir, yazi tam kalir */
@media (max-width: 350px) {
  .link-theme-tag_cloud .link-item:nth-child(5n+3) .link-icon-wrapper,
  .link-theme-tag_cloud .link-item:nth-child(5n+4) .link-icon-wrapper,
  .link-theme-tag_cloud .link-item:nth-child(5n) .link-icon-wrapper { display: none !important; }
  .link-theme-tag_cloud .link-item:nth-child(5n+3),
  .link-theme-tag_cloud .link-item:nth-child(5n+4),
  .link-theme-tag_cloud .link-item:nth-child(5n) { padding-left: 6px !important; padding-right: 6px !important; }
}

/* large_icons — <=430px: profile_display.css'teki eski !important kural (margin-left:56px, align-self:flex-start) sonraki duzeltmeyi eziyor; baslik kartin ustune/saga yapisiyor, kart bos ve uzun kaliyor. Baslik ikonun yaninda dikey ortalanir */
@media (max-width: 430px) {
  .link-theme-large_icons .link-item { align-items: center !important; }
  .link-theme-large_icons .link-text {
    margin-left: 0 !important; margin-top: 0 !important;
    align-self: center !important; flex: 1 1 auto !important;
    width: auto !important; max-width: none !important; min-width: 0 !important;
  }
}
.link-theme-large_icons .link-title { overflow-wrap: anywhere; }

/* folder_structure — ilk satirin dikey baglanti cizgisi ust karta (slider) tasiyor; ilk satir icin cizgi satir ortasindan baslar. Rehbere Ekle (special-btn/vcf) satirinin yatay dali gizlenmisti, geri acilir */
.link-theme-folder_structure .link-item:first-child::after { top: 50% !important; height: 50% !important; }
.link-theme-folder_structure .link-item:first-child:last-child::after { display: none !important; }
.link-theme-folder_structure .link-item.special-btn::before,
.link-theme-folder_structure .link-item.vcf-link::before { display: block !important; }

/* tree_structure — durak noktasi sabit --bg-primary (beyaz) idi: acik zeminli satirlarda gorunmuyordu; nokta satir yazi rengini alir. Rehbere Ekle satirinin duragi gizlenmisti, geri acilir */
.link-theme-tree_structure .link-item::before { background: var(--link-text, #fff); }
.link-theme-tree_structure .link-item.special-btn::before,
.link-theme-tree_structure .link-item.vcf-link::before { display: block !important; }
/* horizontal_scroll — kısa kapsayıcıda (390x844, 1024x768, 1366x768…) kapak + deste + ipucu + sayfa noktaları sığmayıp alt menünün (dock) altında kalıyordu
   (390x844: noktalar 25 px örtülü; 1366x768: deste/“Katalog & Belge” 141 px örtülü). .links-container zaten size-kapsayıcı: kapak yüksekliği kalan alana göre küçülür (≥56 px), çok kısa alanda gizlenir; deste ve boşluklar daralır. */
@supports (container-type: size) {
    @container (max-height: 430px) {
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll > .cover-slider {
            aspect-ratio: auto !important;
            height: clamp(56px, calc(100cqh - 256px), 120px) !important;
            max-height: none !important;
        }
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll .wzoop-card-deck,
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll .links-horizontal-scroll,
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll:has(> .cover-slider) .wzoop-card-deck,
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll:has(> .cover-slider) .links-horizontal-scroll {
            --deck-height: 190px;
            margin-top: 14px !important;
        }
    }
    @container (max-height: 312px) {
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll > .cover-slider {
            display: none !important;
        }
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll .wzoop-card-deck,
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll .links-horizontal-scroll,
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll:has(> .cover-slider) .wzoop-card-deck,
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll:has(> .cover-slider) .links-horizontal-scroll {
            --deck-height: clamp(130px, calc(100cqh - 64px), 190px);
        }
    }
}

/* vertical_scroll — kısa kapsayıcıda (1024x768, 1366x768) kapak + çark destesi sığmayıp etkin kart alt menünün altında yarım kalıyordu (133 px örtülü).
   Kapsayıcı içeriği ≤330 px ise kapak gizlenir, çark yüksekliği kapsayıcıya göre (≥180 px) ölçeklenir. */
@supports (container-type: size) {
    @container (max-height: 330px) {
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll > .cover-slider {
            display: none !important;
        }
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll .wzoop-card-deck,
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll .links-vertical-scroll,
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll .wzoop-vwheel,
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll:has(> .cover-slider) .wzoop-card-deck,
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll:has(> .cover-slider) .links-vertical-scroll,
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll:has(> .cover-slider) .wzoop-vwheel {
            --deck-height: clamp(180px, calc(100cqh - 40px), 640px);
        }
    }
}
/* horizontal_scroll — sayfa noktaları: 40+ bağlantıda Swiper "dynamicBullets" genişliği 9 px'e kilitleniyor ve tema CSS'inin width:auto!important + flex kuralı noktaları 1–2 px'lik çizgilere eziyordu (390x844: sol kenarda kesik çizgi).
   Yalnız etkin nokta ve komşuları (Swiper'ın active/prev/next sınıfları) gösterilir; noktalar normal akışta ortalanır. */
.links-container.link-theme-horizontal_scroll .swiper-pagination.wzoop-deck-dots {
    justify-content: center;
    overflow: visible;
}
.links-container.link-theme-horizontal_scroll .swiper-pagination.wzoop-deck-dots .swiper-pagination-bullet {
    position: static !important;
    left: auto !important;
    flex: 0 0 auto;
    transform: none !important;
}
.links-container.link-theme-horizontal_scroll .swiper-pagination.wzoop-deck-dots .swiper-pagination-bullet:not([class*="bullet-active"]) {
    display: none !important;
}
.links-container.link-theme-horizontal_scroll .swiper-pagination.wzoop-deck-dots .swiper-pagination-bullet-active-prev-prev,
.links-container.link-theme-horizontal_scroll .swiper-pagination.wzoop-deck-dots .swiper-pagination-bullet-active-next-next {
    width: 4px !important;
    height: 4px !important;
}

/* horizontal_scroll — etkin kartın başlığı tek satırda “Kişi Kartını K…” diye kesiliyordu: başlık kartın dışına taşabilen en çok 2 satıra açıldı */
.links-container.link-theme-horizontal_scroll .swiper-slide-active .link-text {
    width: max-content;
    max-width: 236px !important;
    max-width: min(236px, calc(100cqw - 24px)) !important;
    text-align: center;
}
.links-container.link-theme-horizontal_scroll .swiper-slide-active .link-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: none !important;
    line-height: 1.2;
    overflow-wrap: anywhere;
}
/* structural_grid — (1) 481 px ve üstü genişlikte (768–1920) 2 sütun "1fr" min-content'e göre açılıyordu: uzun tek kelime başlık sütunları 318 px yapıp ızgarayı 673 px'e taşırıyor (sağ sütun kırpılıyor, son satırdaki "Katalog & Belge/Fatura" karoları üst üste biniyordu).
   Sütunlar minmax(0,1fr), karo min-width:0, başlık/açıklama sarılır. */
html body .links-container.link-theme-structural_grid .links-structural-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
html body .links-container.link-theme-structural_grid .link-item {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}
html body .links-container.link-theme-structural_grid .link-item .link-text {
    min-width: 0;
    max-width: 100%;
}
html body .links-container.link-theme-structural_grid .link-item .link-title,
html body .links-container.link-theme-structural_grid .link-item .link-description {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* structural_grid — marka renkli karolarda (WhatsApp #25D366, Hızlı Ara, Trendyol…) beyaz yazı 1,98–4,4:1 idi (WCAG AA 4,5). Kullanıcı rengi seçmediyse (data-own-color yok, gradyan değil)
   yazı/simge rengi karo rengine göre koyu ya da beyaz seçilir (göreli renk sözdizimi; desteklemeyen tarayıcıda eski beyaz kalır). !important: sunucu satır içi style="color:#fff" yazıyor. */
@supports (color: color(from red xyz-d65 x y z)) {
    html body .links-container.link-theme-structural_grid .link-item:not([data-own-color="1"]):not([style*="gradient"]) {
        --wz-ink: color(from var(--link-bg) xyz-d65 calc(clamp(0, (0.179 - y) * 1000, 1) * 0.9505) clamp(0, (0.179 - y) * 1000, 1) calc(clamp(0, (0.179 - y) * 1000, 1) * 1.089));
        color: var(--wz-ink) !important;
        -webkit-text-fill-color: var(--wz-ink) !important;
    }
    html body .links-container.link-theme-structural_grid .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-icon-wrapper,
    html body .links-container.link-theme-structural_grid .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-icon,
    html body .links-container.link-theme-structural_grid .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-title,
    html body .links-container.link-theme-structural_grid .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-description {
        color: var(--wz-ink) !important;
        -webkit-text-fill-color: var(--wz-ink) !important;
    }
}
/* sheet_* — kullanıcı rengi (sx-own) bağlantılarda açıklama %82 şeffaf yazıyla 3.5–4.45:1 kalıyordu (AA 4.5); tam --lk-fg rengi (başlıkla aynı kontrast), hiyerarşi boyut/ağırlıktan */
html.link-theme-sheet .sx-links a.sx-link.sx-link--pill.sx-own .link-description.sx-desc {
    color: var(--lk-fg);
}
/* structural_grid — yazı rengi eşiği keskinleştirildi (ara tonda gri yazı çıkmasın): göreli parlaklık y ≤ 0,179 → beyaz, üstü → siyah (WCAG’de iki yazı renginin eşit kontrast verdiği nokta) */
@supports (color: color(from red xyz-d65 x y z)) {
    html body .links-container.link-theme-structural_grid .link-item:not([data-own-color="1"]):not([style*="gradient"]) {
        --wz-ink: color(from var(--link-bg) xyz-d65 calc(clamp(0, (0.179 - y) * 100000, 1) * 0.9505) clamp(0, (0.179 - y) * 100000, 1) calc(clamp(0, (0.179 - y) * 100000, 1) * 1.089));
    }
}
/* vertical_scroll + horizontal_scroll (deste kartları) — kart zemini marka rengi (--link-bg) üstünde beyaz yazı/simge: Hızlı Ara 2,5, WhatsApp 1,98, Kişi Kartı 3,3:1. Kullanıcı rengi seçmediyse (data-own-color yok, gradyan değil) kart içi yazı/simge
   karo rengine göre siyah ya da beyaz olur (structural_grid ile aynı eşik; desteklemeyen tarayıcıda eski beyaz). Yatay destede başlık kartın altında sayfa zemininde durduğundan yalnız kart + simge değişir. */
@supports (color: color(from red xyz-d65 x y z)) {
    html body .links-container.link-theme-vertical_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]),
    html body .links-container.link-theme-horizontal_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) {
        --wz-ink: color(from var(--link-bg) xyz-d65 calc(clamp(0, (0.179 - y) * 100000, 1) * 0.9505) clamp(0, (0.179 - y) * 100000, 1) calc(clamp(0, (0.179 - y) * 100000, 1) * 1.089));
    }
    html body .links-container.link-theme-vertical_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-icon-wrapper,
    html body .links-container.link-theme-vertical_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-icon,
    html body .links-container.link-theme-vertical_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-text,
    html body .links-container.link-theme-vertical_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-title,
    html body .links-container.link-theme-vertical_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-description,
    html body .links-container.link-theme-horizontal_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-icon-wrapper,
    html body .links-container.link-theme-horizontal_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-icon {
        color: var(--wz-ink) !important;
        -webkit-text-fill-color: var(--wz-ink) !important;
    }
}
/* deste kartları — açık/koyu karo üstünde sistem metin gölgesi bulanık leke bırakıyordu (yazı rengi artık karo rengine göre seçiliyor) */
html body .links-container.link-theme-vertical_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-text,
html body .links-container.link-theme-vertical_scroll .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-title {
    text-shadow: none !important;
}
/* tag_cloud — az baglantida (<6: zoom 1.5, <10: zoom 1.28) etiketler buyuyunce "Faceb ook" gibi kelime ortasindan bolunuyor / basliklar kesiliyordu; zoom yumusatilir. Ayrica liste sonundaki 108 px bos ::after (konteynerde zaten dock icin alt bosluk var) galeri/urun bolumunden once ~120-160 px bosluk birakiyordu */
.links-container.link-theme-tag_cloud:not(:has(.link-item:nth-child(10))) > [class^="links-"] { zoom: 1.08; }
.links-container.link-theme-tag_cloud:not(:has(.link-item:nth-child(6))) > [class^="links-"] { zoom: 1.15; }
.link-theme-tag_cloud .links-tag-cloud::after { height: 4px !important; }

/* compact_rows — liste altinda 88 px ic bosluk (dock icin) vardi ama konteyner zaten 108 px alt bosluk tasiyor; ardindaki galeri/urun bolumunden once bosluk birakiyordu */
.link-theme-compact_rows .links-compact-rows { padding-bottom: 8px !important; }
/* cards — marka renkli karoda beyaz simge (WhatsApp 1,96, Hızlı Ara 2,5, Trendyol 2,7:1; WCAG metin dışı 3:1): kullanıcı rengi seçmediyse simge karo rengine göre siyah/beyaz (structural_grid ile aynı eşik) */
@supports (color: color(from red xyz-d65 x y z)) {
    html body .links-container.link-theme-cards .link-item:not([data-own-color="1"]):not([style*="gradient"]) {
        --wz-ink: color(from var(--link-bg) xyz-d65 calc(clamp(0, (0.179 - y) * 100000, 1) * 0.9505) clamp(0, (0.179 - y) * 100000, 1) calc(clamp(0, (0.179 - y) * 100000, 1) * 1.089));
    }
    html body .links-container.link-theme-cards .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-icon-wrapper,
    html body .links-container.link-theme-cards .link-item:not([data-own-color="1"]):not([style*="gradient"]) .link-icon {
        color: var(--wz-ink) !important;
        -webkit-text-fill-color: var(--wz-ink) !important;
    }
}

/* compact / mosaic / timeline / float — KOYU paletlerde (yazı rengi açık: 156 palet) koyu markalı simgeler (X, TikTok #111, LinkedIn, YouTube) koyu/yarı saydam kapta 1,1–2:1 idi (--link-ink siyah markada boş kalıyor).
   Simge rengi marka tonu + palet metin rengi karışımı olur (palet metni zemine göre zaten AA). Açık paletler değişmez. */
html:is(.color-theme-dark, .color-theme-navy, .color-theme-corporate-blue, .color-theme-blue, .color-theme-denim, .color-theme-forest, .color-theme-teal, .color-theme-olive, .color-theme-jade, .color-theme-crimson, .color-theme-red, .color-theme-ruby, .color-theme-burgundy, .color-theme-royal-purple, .color-theme-indigo, .color-theme-violet, .color-theme-purple, .color-theme-fuchsia, .color-theme-lilac, .color-theme-gold, .color-theme-copper, .color-theme-brass, .color-theme-charcoal, .color-theme-slate, .color-theme-stone, .color-theme-zinc, .color-theme-graphite, .color-theme-midnight, .color-theme-aurora, .color-theme-ocean, .color-theme-carbon, .color-theme-galaxy, .color-theme-lavender, .color-theme-pink, .color-theme-gray, .color-theme-neutral, .color-theme-ink, .color-theme-obsidian, .color-theme-steel, .color-theme-espresso, .color-theme-cobalt, .color-theme-moss, .color-theme-wine, .color-theme-terracotta, .color-theme-plum, .color-theme-magenta, .color-theme-midnight-blue, .color-theme-iron, .color-theme-lead, .color-theme-cocoa, .color-theme-umber, .color-theme-chestnut, .color-theme-cherry, .color-theme-grape, .color-theme-amethyst, .color-theme-pacific, .color-theme-kelp, .color-theme-rust, .color-theme-bronze, .color-theme-raspberry, .color-theme-cranberry, .color-theme-maroon-deep, .color-theme-spruce, .color-theme-pine, .color-theme-iris, .color-theme-mulberry, .color-theme-eggplant, .color-theme-titanium, .color-theme-cerulean, .color-theme-cerise, .color-theme-vermillion, .color-theme-onyx, .color-theme-void, .color-theme-ash, .color-theme-smoke, .color-theme-azure, .color-theme-sapphire, .color-theme-ultramarine, .color-theme-skyline, .color-theme-teal-deep, .color-theme-fern, .color-theme-basil, .color-theme-tomato, .color-theme-chili, .color-theme-candy-apple, .color-theme-violet-deep, .color-theme-indigo-night, .color-theme-persimmon, .color-theme-toffee, .color-theme-mocha, .color-theme-walnut, .color-theme-berry, .color-theme-navy-ink, .color-theme-petrol, .color-theme-olive-drab, .color-theme-brick, .color-theme-slate-blue, .color-theme-ink-blue, .color-theme-forest-night, .color-theme-wine-deep, .color-theme-aegean, .color-theme-mediterranean, .color-theme-atlantic, .color-theme-deep-sea, .color-theme-canyon, .color-theme-dusk, .color-theme-twilight, .color-theme-ember, .color-theme-velvet, .color-theme-hibiscus, .color-theme-cedar, .color-theme-mahogany, .color-theme-paprika, .color-theme-storm, .color-theme-thunder, .color-theme-nebula, .color-theme-cosmic, .color-theme-inkwell, .color-theme-emerald-deep, .color-theme-ruby-glow, .color-theme-copper-patina, .color-theme-mint-chocolate, .color-theme-berry-crush, .color-theme-olive-grove, .color-theme-midnight-plum, .color-theme-ink-black, .color-theme-coal, .color-theme-noir, .color-theme-eclipse, .color-theme-royal-navy, .color-theme-crimson-flare, .color-theme-wine-rose, .color-theme-indigo-ink, .color-theme-mocha-latte, .color-theme-hazelnut, .color-theme-cinnamon, .color-theme-driftwood, .color-theme-steel-blue, .color-theme-azure-deep, .color-theme-plasma, .color-theme-oxblood, .color-theme-garnet, .color-theme-currant, .color-theme-indigo-dusk, .color-theme-violet-ink, .color-theme-orchid-deep, .color-theme-peacock, .color-theme-marine, .color-theme-night-teal, .color-theme-night-indigo, .color-theme-ember-glow, .color-theme-copper-glow, .color-theme-jade-deep, .color-theme-cobalt-night, .color-theme-rosewood, .color-theme-walnut-shell) body .links-container:is(.link-theme-compact, .link-theme-mosaic, .link-theme-timeline, .link-theme-float) .link-item:not([data-own-color="1"]) i.link-icon,
html:is(.color-theme-dark, .color-theme-navy, .color-theme-corporate-blue, .color-theme-blue, .color-theme-denim, .color-theme-forest, .color-theme-teal, .color-theme-olive, .color-theme-jade, .color-theme-crimson, .color-theme-red, .color-theme-ruby, .color-theme-burgundy, .color-theme-royal-purple, .color-theme-indigo, .color-theme-violet, .color-theme-purple, .color-theme-fuchsia, .color-theme-lilac, .color-theme-gold, .color-theme-copper, .color-theme-brass, .color-theme-charcoal, .color-theme-slate, .color-theme-stone, .color-theme-zinc, .color-theme-graphite, .color-theme-midnight, .color-theme-aurora, .color-theme-ocean, .color-theme-carbon, .color-theme-galaxy, .color-theme-lavender, .color-theme-pink, .color-theme-gray, .color-theme-neutral, .color-theme-ink, .color-theme-obsidian, .color-theme-steel, .color-theme-espresso, .color-theme-cobalt, .color-theme-moss, .color-theme-wine, .color-theme-terracotta, .color-theme-plum, .color-theme-magenta, .color-theme-midnight-blue, .color-theme-iron, .color-theme-lead, .color-theme-cocoa, .color-theme-umber, .color-theme-chestnut, .color-theme-cherry, .color-theme-grape, .color-theme-amethyst, .color-theme-pacific, .color-theme-kelp, .color-theme-rust, .color-theme-bronze, .color-theme-raspberry, .color-theme-cranberry, .color-theme-maroon-deep, .color-theme-spruce, .color-theme-pine, .color-theme-iris, .color-theme-mulberry, .color-theme-eggplant, .color-theme-titanium, .color-theme-cerulean, .color-theme-cerise, .color-theme-vermillion, .color-theme-onyx, .color-theme-void, .color-theme-ash, .color-theme-smoke, .color-theme-azure, .color-theme-sapphire, .color-theme-ultramarine, .color-theme-skyline, .color-theme-teal-deep, .color-theme-fern, .color-theme-basil, .color-theme-tomato, .color-theme-chili, .color-theme-candy-apple, .color-theme-violet-deep, .color-theme-indigo-night, .color-theme-persimmon, .color-theme-toffee, .color-theme-mocha, .color-theme-walnut, .color-theme-berry, .color-theme-navy-ink, .color-theme-petrol, .color-theme-olive-drab, .color-theme-brick, .color-theme-slate-blue, .color-theme-ink-blue, .color-theme-forest-night, .color-theme-wine-deep, .color-theme-aegean, .color-theme-mediterranean, .color-theme-atlantic, .color-theme-deep-sea, .color-theme-canyon, .color-theme-dusk, .color-theme-twilight, .color-theme-ember, .color-theme-velvet, .color-theme-hibiscus, .color-theme-cedar, .color-theme-mahogany, .color-theme-paprika, .color-theme-storm, .color-theme-thunder, .color-theme-nebula, .color-theme-cosmic, .color-theme-inkwell, .color-theme-emerald-deep, .color-theme-ruby-glow, .color-theme-copper-patina, .color-theme-mint-chocolate, .color-theme-berry-crush, .color-theme-olive-grove, .color-theme-midnight-plum, .color-theme-ink-black, .color-theme-coal, .color-theme-noir, .color-theme-eclipse, .color-theme-royal-navy, .color-theme-crimson-flare, .color-theme-wine-rose, .color-theme-indigo-ink, .color-theme-mocha-latte, .color-theme-hazelnut, .color-theme-cinnamon, .color-theme-driftwood, .color-theme-steel-blue, .color-theme-azure-deep, .color-theme-plasma, .color-theme-oxblood, .color-theme-garnet, .color-theme-currant, .color-theme-indigo-dusk, .color-theme-violet-ink, .color-theme-orchid-deep, .color-theme-peacock, .color-theme-marine, .color-theme-night-teal, .color-theme-night-indigo, .color-theme-ember-glow, .color-theme-copper-glow, .color-theme-jade-deep, .color-theme-cobalt-night, .color-theme-rosewood, .color-theme-walnut-shell) body .links-container:is(.link-theme-compact, .link-theme-mosaic, .link-theme-timeline, .link-theme-float) .link-item:not([data-own-color="1"]) .link-icon {
    color: color-mix(in srgb, var(--link-ink, var(--link-bg)) 30%, var(--text-primary)) !important;
}

/* float — koyu paletlerde (ruby, midnight, forest… yalnız dark/ink/obsidian koyu cam alıyordu) cam hap açık kalıyor, beyaz başlık 4,0–4,2:1 ve simge diski beyaza yakın (simge 1,2:1) kalıyordu.
   Koyu palet listesine dark/ink/obsidian'ın koyu cam görünümü uygulanır; üst parlama şeridi (::before) sönükleştirilir. */
html:is(.color-theme-dark, .color-theme-navy, .color-theme-corporate-blue, .color-theme-blue, .color-theme-denim, .color-theme-forest, .color-theme-teal, .color-theme-olive, .color-theme-jade, .color-theme-crimson, .color-theme-red, .color-theme-ruby, .color-theme-burgundy, .color-theme-royal-purple, .color-theme-indigo, .color-theme-violet, .color-theme-purple, .color-theme-fuchsia, .color-theme-lilac, .color-theme-gold, .color-theme-copper, .color-theme-brass, .color-theme-charcoal, .color-theme-slate, .color-theme-stone, .color-theme-zinc, .color-theme-graphite, .color-theme-midnight, .color-theme-aurora, .color-theme-ocean, .color-theme-carbon, .color-theme-galaxy, .color-theme-lavender, .color-theme-pink, .color-theme-gray, .color-theme-neutral, .color-theme-ink, .color-theme-obsidian, .color-theme-steel, .color-theme-espresso, .color-theme-cobalt, .color-theme-moss, .color-theme-wine, .color-theme-terracotta, .color-theme-plum, .color-theme-magenta, .color-theme-midnight-blue, .color-theme-iron, .color-theme-lead, .color-theme-cocoa, .color-theme-umber, .color-theme-chestnut, .color-theme-cherry, .color-theme-grape, .color-theme-amethyst, .color-theme-pacific, .color-theme-kelp, .color-theme-rust, .color-theme-bronze, .color-theme-raspberry, .color-theme-cranberry, .color-theme-maroon-deep, .color-theme-spruce, .color-theme-pine, .color-theme-iris, .color-theme-mulberry, .color-theme-eggplant, .color-theme-titanium, .color-theme-cerulean, .color-theme-cerise, .color-theme-vermillion, .color-theme-onyx, .color-theme-void, .color-theme-ash, .color-theme-smoke, .color-theme-azure, .color-theme-sapphire, .color-theme-ultramarine, .color-theme-skyline, .color-theme-teal-deep, .color-theme-fern, .color-theme-basil, .color-theme-tomato, .color-theme-chili, .color-theme-candy-apple, .color-theme-violet-deep, .color-theme-indigo-night, .color-theme-persimmon, .color-theme-toffee, .color-theme-mocha, .color-theme-walnut, .color-theme-berry, .color-theme-navy-ink, .color-theme-petrol, .color-theme-olive-drab, .color-theme-brick, .color-theme-slate-blue, .color-theme-ink-blue, .color-theme-forest-night, .color-theme-wine-deep, .color-theme-aegean, .color-theme-mediterranean, .color-theme-atlantic, .color-theme-deep-sea, .color-theme-canyon, .color-theme-dusk, .color-theme-twilight, .color-theme-ember, .color-theme-velvet, .color-theme-hibiscus, .color-theme-cedar, .color-theme-mahogany, .color-theme-paprika, .color-theme-storm, .color-theme-thunder, .color-theme-nebula, .color-theme-cosmic, .color-theme-inkwell, .color-theme-emerald-deep, .color-theme-ruby-glow, .color-theme-copper-patina, .color-theme-mint-chocolate, .color-theme-berry-crush, .color-theme-olive-grove, .color-theme-midnight-plum, .color-theme-ink-black, .color-theme-coal, .color-theme-noir, .color-theme-eclipse, .color-theme-royal-navy, .color-theme-crimson-flare, .color-theme-wine-rose, .color-theme-indigo-ink, .color-theme-mocha-latte, .color-theme-hazelnut, .color-theme-cinnamon, .color-theme-driftwood, .color-theme-steel-blue, .color-theme-azure-deep, .color-theme-plasma, .color-theme-oxblood, .color-theme-garnet, .color-theme-currant, .color-theme-indigo-dusk, .color-theme-violet-ink, .color-theme-orchid-deep, .color-theme-peacock, .color-theme-marine, .color-theme-night-teal, .color-theme-night-indigo, .color-theme-ember-glow, .color-theme-copper-glow, .color-theme-jade-deep, .color-theme-cobalt-night, .color-theme-rosewood, .color-theme-walnut-shell) body .links-container.link-theme-float .link-item:not([data-own-color="1"]) {
    background:
        linear-gradient(165deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.03) 42%, transparent 70%),
        color-mix(in srgb, var(--link-bg) 16%, rgba(255, 255, 255, 0.05)) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 8px 22px rgba(0, 0, 0, 0.28) !important;
}
html:is(.color-theme-dark, .color-theme-navy, .color-theme-corporate-blue, .color-theme-blue, .color-theme-denim, .color-theme-forest, .color-theme-teal, .color-theme-olive, .color-theme-jade, .color-theme-crimson, .color-theme-red, .color-theme-ruby, .color-theme-burgundy, .color-theme-royal-purple, .color-theme-indigo, .color-theme-violet, .color-theme-purple, .color-theme-fuchsia, .color-theme-lilac, .color-theme-gold, .color-theme-copper, .color-theme-brass, .color-theme-charcoal, .color-theme-slate, .color-theme-stone, .color-theme-zinc, .color-theme-graphite, .color-theme-midnight, .color-theme-aurora, .color-theme-ocean, .color-theme-carbon, .color-theme-galaxy, .color-theme-lavender, .color-theme-pink, .color-theme-gray, .color-theme-neutral, .color-theme-ink, .color-theme-obsidian, .color-theme-steel, .color-theme-espresso, .color-theme-cobalt, .color-theme-moss, .color-theme-wine, .color-theme-terracotta, .color-theme-plum, .color-theme-magenta, .color-theme-midnight-blue, .color-theme-iron, .color-theme-lead, .color-theme-cocoa, .color-theme-umber, .color-theme-chestnut, .color-theme-cherry, .color-theme-grape, .color-theme-amethyst, .color-theme-pacific, .color-theme-kelp, .color-theme-rust, .color-theme-bronze, .color-theme-raspberry, .color-theme-cranberry, .color-theme-maroon-deep, .color-theme-spruce, .color-theme-pine, .color-theme-iris, .color-theme-mulberry, .color-theme-eggplant, .color-theme-titanium, .color-theme-cerulean, .color-theme-cerise, .color-theme-vermillion, .color-theme-onyx, .color-theme-void, .color-theme-ash, .color-theme-smoke, .color-theme-azure, .color-theme-sapphire, .color-theme-ultramarine, .color-theme-skyline, .color-theme-teal-deep, .color-theme-fern, .color-theme-basil, .color-theme-tomato, .color-theme-chili, .color-theme-candy-apple, .color-theme-violet-deep, .color-theme-indigo-night, .color-theme-persimmon, .color-theme-toffee, .color-theme-mocha, .color-theme-walnut, .color-theme-berry, .color-theme-navy-ink, .color-theme-petrol, .color-theme-olive-drab, .color-theme-brick, .color-theme-slate-blue, .color-theme-ink-blue, .color-theme-forest-night, .color-theme-wine-deep, .color-theme-aegean, .color-theme-mediterranean, .color-theme-atlantic, .color-theme-deep-sea, .color-theme-canyon, .color-theme-dusk, .color-theme-twilight, .color-theme-ember, .color-theme-velvet, .color-theme-hibiscus, .color-theme-cedar, .color-theme-mahogany, .color-theme-paprika, .color-theme-storm, .color-theme-thunder, .color-theme-nebula, .color-theme-cosmic, .color-theme-inkwell, .color-theme-emerald-deep, .color-theme-ruby-glow, .color-theme-copper-patina, .color-theme-mint-chocolate, .color-theme-berry-crush, .color-theme-olive-grove, .color-theme-midnight-plum, .color-theme-ink-black, .color-theme-coal, .color-theme-noir, .color-theme-eclipse, .color-theme-royal-navy, .color-theme-crimson-flare, .color-theme-wine-rose, .color-theme-indigo-ink, .color-theme-mocha-latte, .color-theme-hazelnut, .color-theme-cinnamon, .color-theme-driftwood, .color-theme-steel-blue, .color-theme-azure-deep, .color-theme-plasma, .color-theme-oxblood, .color-theme-garnet, .color-theme-currant, .color-theme-indigo-dusk, .color-theme-violet-ink, .color-theme-orchid-deep, .color-theme-peacock, .color-theme-marine, .color-theme-night-teal, .color-theme-night-indigo, .color-theme-ember-glow, .color-theme-copper-glow, .color-theme-jade-deep, .color-theme-cobalt-night, .color-theme-rosewood, .color-theme-walnut-shell) body .links-container.link-theme-float .link-item:not([data-own-color="1"])::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent);
}
html:is(.color-theme-dark, .color-theme-navy, .color-theme-corporate-blue, .color-theme-blue, .color-theme-denim, .color-theme-forest, .color-theme-teal, .color-theme-olive, .color-theme-jade, .color-theme-crimson, .color-theme-red, .color-theme-ruby, .color-theme-burgundy, .color-theme-royal-purple, .color-theme-indigo, .color-theme-violet, .color-theme-purple, .color-theme-fuchsia, .color-theme-lilac, .color-theme-gold, .color-theme-copper, .color-theme-brass, .color-theme-charcoal, .color-theme-slate, .color-theme-stone, .color-theme-zinc, .color-theme-graphite, .color-theme-midnight, .color-theme-aurora, .color-theme-ocean, .color-theme-carbon, .color-theme-galaxy, .color-theme-lavender, .color-theme-pink, .color-theme-gray, .color-theme-neutral, .color-theme-ink, .color-theme-obsidian, .color-theme-steel, .color-theme-espresso, .color-theme-cobalt, .color-theme-moss, .color-theme-wine, .color-theme-terracotta, .color-theme-plum, .color-theme-magenta, .color-theme-midnight-blue, .color-theme-iron, .color-theme-lead, .color-theme-cocoa, .color-theme-umber, .color-theme-chestnut, .color-theme-cherry, .color-theme-grape, .color-theme-amethyst, .color-theme-pacific, .color-theme-kelp, .color-theme-rust, .color-theme-bronze, .color-theme-raspberry, .color-theme-cranberry, .color-theme-maroon-deep, .color-theme-spruce, .color-theme-pine, .color-theme-iris, .color-theme-mulberry, .color-theme-eggplant, .color-theme-titanium, .color-theme-cerulean, .color-theme-cerise, .color-theme-vermillion, .color-theme-onyx, .color-theme-void, .color-theme-ash, .color-theme-smoke, .color-theme-azure, .color-theme-sapphire, .color-theme-ultramarine, .color-theme-skyline, .color-theme-teal-deep, .color-theme-fern, .color-theme-basil, .color-theme-tomato, .color-theme-chili, .color-theme-candy-apple, .color-theme-violet-deep, .color-theme-indigo-night, .color-theme-persimmon, .color-theme-toffee, .color-theme-mocha, .color-theme-walnut, .color-theme-berry, .color-theme-navy-ink, .color-theme-petrol, .color-theme-olive-drab, .color-theme-brick, .color-theme-slate-blue, .color-theme-ink-blue, .color-theme-forest-night, .color-theme-wine-deep, .color-theme-aegean, .color-theme-mediterranean, .color-theme-atlantic, .color-theme-deep-sea, .color-theme-canyon, .color-theme-dusk, .color-theme-twilight, .color-theme-ember, .color-theme-velvet, .color-theme-hibiscus, .color-theme-cedar, .color-theme-mahogany, .color-theme-paprika, .color-theme-storm, .color-theme-thunder, .color-theme-nebula, .color-theme-cosmic, .color-theme-inkwell, .color-theme-emerald-deep, .color-theme-ruby-glow, .color-theme-copper-patina, .color-theme-mint-chocolate, .color-theme-berry-crush, .color-theme-olive-grove, .color-theme-midnight-plum, .color-theme-ink-black, .color-theme-coal, .color-theme-noir, .color-theme-eclipse, .color-theme-royal-navy, .color-theme-crimson-flare, .color-theme-wine-rose, .color-theme-indigo-ink, .color-theme-mocha-latte, .color-theme-hazelnut, .color-theme-cinnamon, .color-theme-driftwood, .color-theme-steel-blue, .color-theme-azure-deep, .color-theme-plasma, .color-theme-oxblood, .color-theme-garnet, .color-theme-currant, .color-theme-indigo-dusk, .color-theme-violet-ink, .color-theme-orchid-deep, .color-theme-peacock, .color-theme-marine, .color-theme-night-teal, .color-theme-night-indigo, .color-theme-ember-glow, .color-theme-copper-glow, .color-theme-jade-deep, .color-theme-cobalt-night, .color-theme-rosewood, .color-theme-walnut-shell) body .links-container.link-theme-float .link-item:not([data-own-color="1"]) .link-icon-wrapper {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.22);
}
/* grid, list, slide-down, fixed-list, minimal, bubble, neon, magazine — kısa geniş ekran (tablet yatay / dizüstü 1024-1366x768) profil başlığı sıkılaştırma */
@media (min-width: 700px) and (max-height: 860px) {
    .profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .profile-header {
        display: grid !important;
        grid-template-columns: 88px minmax(0, 1fr);
        grid-auto-rows: auto;
        align-content: center;
        align-items: center;
        column-gap: 16px;
        row-gap: 2px;
        text-align: start !important;
        padding: 12px 18px 12px !important;
    }
    .profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .profile-header > .profile-avatar-container {
        grid-column: 1;
        grid-row: 1 / span 4;
        align-self: start;
        margin: 0 !important;
    }
    .profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .profile-header .profile-avatar {
        width: 88px !important;
        height: 88px !important;
    }
    .profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .profile-header > :is(.profile-name, .profile-username, .profile-bio, .profile-bio-more) {
        grid-column: 2;
        text-align: start !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
    }
    .profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .profile-header > .profile-name {
        font-size: 1.25rem !important;
        line-height: 1.2;
        margin-top: 0 !important;
    }
    .profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .profile-header > .profile-bio-more {
        justify-self: start;
    }
    .profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .cover-slider {
        max-height: 110px !important;
    }
    .profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .profile-header > .profile-bio-more {
        margin: 2px 0 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* grid — 1–2 bağlantıda 3 sütunlu ızgaranın karoları sol kenarda kalıp sağı boş bırakıyordu (390x844, az bağlantı senaryosu). Sütun sayısı öğe sayısına indirilir ve ortalanır (:has() yoksa eski görünüm). */
.link-theme-grid .links-grid:not(:has(> .link-item:nth-child(3))) {
    grid-template-columns: repeat(2, minmax(0, 8.5rem));
    justify-content: center;
}
.link-theme-grid .links-grid:not(:has(> .link-item:nth-child(2))) {
    grid-template-columns: minmax(0, 8.5rem);
    justify-content: center;
}

/* tüm düzenlerde ortak alt menü (dock) — 320 px genişlik + %130 yazı boyutunda "WhatsApp" etiketi 2 px kırpılıyordu (text-clipped). Dar ekranda öğe yan iç boşluğu sıfırlanır. */
@media (max-width: 340px) {
    nav.fixed-bottom-nav .bottom-nav-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ana içeriğe atla bağlantısı — odaklanınca 42 px yüksekti; dokunma/odak hedefi 44 px'e çıkarılır (yalnız :focus'ta görünür). */
.skip-to-main:focus,
.skip-to-main:focus-visible {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

/* dock düzeltmesi — yukarıdaki dock kuralı, tema CSS'indeki `nav.fixed-bottom-nav[data-dock-count] .bottom-nav-item` (!important, daha özgül) tarafından eziliyordu; seçici eşitlendi. */
@media (max-width: 340px) {
    nav.fixed-bottom-nav[data-dock-count] .bottom-nav-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* bubble — 1–2 bağlantıda daireler 3 sütunlu ızgaranın sol kenarında kalıyordu (390x844, az bağlantı). Sütun sayısı öğe sayısına indirilir ve ortalanır. */
.link-theme-bubble .links-bubble:not(:has(> .link-item:nth-child(3))) {
    grid-template-columns: repeat(2, 106px);
    justify-content: center;
}
.link-theme-bubble .links-bubble:not(:has(> .link-item:nth-child(2))) {
    grid-template-columns: 106px;
    justify-content: center;
}

/* bubble — yukarıdaki sütun kuralı tema CSS'indeki !important'lı `grid-template-columns` tarafından eziliyordu; !important eklendi. */
.link-theme-bubble .links-bubble:not(:has(> .link-item:nth-child(3))) {
    grid-template-columns: repeat(2, 106px) !important;
    justify-content: center !important;
}
.link-theme-bubble .links-bubble:not(:has(> .link-item:nth-child(2))) {
    grid-template-columns: 106px !important;
    justify-content: center !important;
}
/* compact / mosaic / timeline / float / cards / structural_grid — kullanıcının seçtiği açık uçlu gradyan zeminde (ör. amber→kırmızı) beyaz yazı 2,15:1 kalıyor (renk kullanıcı kararı, otomatik değiştirilmez);
   okunurluğu artırmak için hafif koyu gölge eklenir (sistemin "text-shadow:none" kuralını geçmek için özgüllük artırıldı) */
html body .links-container:is(.link-theme-compact, .link-theme-mosaic, .link-theme-timeline, .link-theme-float, .link-theme-structural_grid) .link-item[data-own-color="1"][style*="linear-gradient"]:not(#wz-own):not(#wz-own2) .link-title,
html body .links-container:is(.link-theme-compact, .link-theme-mosaic, .link-theme-timeline, .link-theme-float, .link-theme-structural_grid) .link-item[data-own-color="1"][style*="linear-gradient"]:not(#wz-own):not(#wz-own2) .link-description {
    text-shadow: 0 1px 2px rgba(15, 23, 42, 0.55) !important;
}
/* atla bağlantısı — 44 px asgari yükseklik (ekran dışında durduğu için görünümü etkilemez; küçük hedef uyarısını kapatır). */
.skip-to-main { min-height: 44px; }

/* timeline — 320–360 px ekranda yarım genişlikteki kartın metin sütunu 55 px'e düşüp "Facebook" gibi kelimeyi ortadan bölüyordu (Facebo/ok). Küçük ekranda simge kabı ve iç boşluklar daraltılır → metin sütunu ≥70 px. */
@media (max-width: 360px) {
    html body .links-container.link-theme-timeline .link-item:not(#wz-own) {
        padding: 8px 7px !important;
        gap: 4px !important;
    }
    html body .links-container.link-theme-timeline .link-item:not(#wz-own) .link-icon-wrapper {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
    }
    html body .links-container.link-theme-timeline .link-item:not(#wz-own) .link-icon-wrapper i.link-icon {
        font-size: 0.85rem !important;
    }
}

/* kısa geniş ekran 2 sütunlu başlık — Wzoop reklam rozeti (sağ üst, ~58 px) sol hizalı ad/kullanıcı adı/biyografinin üstüne binebiliyordu (tema-vitrin 1366x768: text-overlap). Rozet varsa başlığın sağ iç boşluğu ayrılır; kullanıcı adı metin genişliğine daralır. */
@media (min-width: 700px) and (max-height: 860px) {
    .profile-container:has(.wzoop-floating-wrapper):has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .profile-header {
        padding-right: 72px !important;
    }
    .profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .profile-header > .profile-username {
        justify-self: start;
    }
}
/* structural_grid — kart sayısı tekse (1, 3, 5…) son karo sol sütunda yalnız kalıyordu; ortalanır (boyutu 1 sütun genişliği kalır) */
html body .links-container.link-theme-structural_grid .links-structural-grid > .link-item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 7px);
}
/* deste kısa-kapsayıcı kuralları — :has() desteklemeyen tarayıcılarda (Firefox <121, Safari <15.4) yukarıdaki virgüllü seçici listesi tümden geçersiz sayılıyordu; :has içermeyen yedek kurallar */
@supports (container-type: size) {
    @container (max-height: 430px) {
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll .wzoop-card-deck,
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll .links-horizontal-scroll {
            --deck-height: 190px;
            margin-top: 14px !important;
        }
    }
    @container (max-height: 312px) {
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll .wzoop-card-deck,
        html:not(.is-tema-studio) body .links-container.link-theme-horizontal_scroll .links-horizontal-scroll {
            --deck-height: clamp(130px, calc(100cqh - 64px), 190px);
        }
    }
    @container (max-height: 330px) {
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll .wzoop-card-deck,
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll .links-vertical-scroll,
        html:not(.is-tema-studio) body .links-container.link-theme-vertical_scroll .wzoop-vwheel {
            --deck-height: clamp(180px, calc(100cqh - 40px), 640px);
        }
    }
}

/* magazine/sherbet — ürün kartı metni 4.49:1 (AA 4.5 altı): kart yüzeyindeki %12 gri örtü, paletin metin rengini sınırın altına çekiyordu (örtü hem açık hem koyu paletlerde kontrastı düşürür). Örtü %7'ye indirildi (kart sınırı/gölgesi aynı kalır). */
.profile-container:has(.links-container:is(.link-theme-grid, .link-theme-list, .link-theme-slide-down, .link-theme-fixed-list, .link-theme-minimal, .link-theme-bubble, .link-theme-neon, .link-theme-magazine)) .wzps-card__open {
    background-color: rgba(127, 127, 127, 0.07) !important;
}

/* neon — tarayıcı uyumluluğu: neon düzeni kart zemini/kenarlık/ikon yüzeyini yalnız color-mix() ile veriyor (57 bildirim, yedeksiz). color-mix desteklemeyen eski tarayıcıda (Safari <16.2, Chrome <111, Firefox <113) geçersiz sayılıp kartlar düz/ışıksız kalıyordu. Yedek: koyu sabit zemin + --neon kenarlık/parlama (Chrome'da yedek kuralı zorlayarak görsel doğrulandı). */
@supports not (color: color-mix(in srgb, red 50%, blue)) {
    .link-theme-neon .link-item {
        background: #141824 !important;
        border: 1.5px solid var(--neon, #38bdf8) !important;
        box-shadow: 0 0 1px #fff, 0 0 8px var(--neon, #38bdf8), 0 0 14px var(--neon, #38bdf8) !important;
        color: #fff;
    }
    .link-theme-neon .link-icon-wrapper {
        background: #05060c !important;
        border: 1px solid var(--neon, #38bdf8) !important;
    }
}
/* CLS — uzun biyografide "Tümünü göster" düğmesi (.profile-bio-more: 44 px − 9 px üst + 6 px alt = 41 px) JS ile yükleme sonrası ekleniyor ve profil kartının altındaki her şeyi (özellikle destelerde CLS 0,16–0,27) aşağı itiyordu.
   Sunucu uzun biyografiyi [data-bio-long] ile işaretler; düğme gelene kadar 41 px yer ayrılır, düğme eklenince (sonraki kardeş) ayrılan yer kalkar → net kayma 0. :has() yoksa eski davranış. */
.profile-bio[data-bio-long]:not(.is-expanded):not(:has(+ .profile-bio-more)) {
    margin-bottom: 56px;
}