.uy { --uy-grad: var(--home-ig); --uy-a: 193, 53, 132; }
.uy-x { --uy-grad: var(--home-x); --uy-a: 20, 23, 26; }
.uy-sc { --uy-grad: var(--home-sc); --uy-a: 14, 139, 180; }
.dark-mode .uy-x { --uy-a: 209, 213, 219; }
.dark-mode .uy-x .uy-son { background: linear-gradient(120deg, #14171a, #3b4450); }
.uy-yan-genis { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; align-items: start; }
.uy-yan-genis .uy-kutu { margin-bottom: 0 !important; }

.uy-ust {
  position: relative;
  padding-top: calc(65px + 2.25rem);
  padding-bottom: 2.5rem;
  background:
    radial-gradient(55% 50% at 90% 10%, rgba(var(--uy-a), 0.10), transparent 70%),
    radial-gradient(45% 45% at 5% 95%, rgba(14, 139, 180, 0.08), transparent 70%);
}
.dark-mode .uy-ust {
  background:
    radial-gradient(55% 50% at 90% 10%, rgba(var(--uy-a), 0.18), transparent 70%),
    radial-gradient(45% 45% at 5% 95%, rgba(14, 139, 180, 0.14), transparent 70%);
}

.uy-pencere {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(18, 21, 25, 0.08);
  background: #fff;
  box-shadow: 0 24px 60px -24px rgba(17, 24, 39, 0.35), 0 4px 14px rgba(17, 24, 39, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.uy-pencere, .uy-pencere:hover { text-decoration: none; color: inherit; }
.uy-pencere:hover { transform: translateY(-3px); box-shadow: 0 30px 70px -26px rgba(17, 24, 39, 0.42), 0 4px 14px rgba(17, 24, 39, 0.06); }
.uy-pencere img { display: block; width: 100%; height: auto; }
.uy-ozellik .uy-pencere { background: var(--ar-secondary); }
.uy-ozellik .uy-pencere img { max-height: 620px; object-fit: contain; }
.dark-mode .uy-pencere { border-color: rgba(255, 255, 255, 0.08); background: #1b1f26; }
.uy-cubuk { display: flex; align-items: center; gap: 8px; height: 32px; padding-left: 12px; background: #fff; border-bottom: 1px solid rgba(18, 21, 25, 0.06); color: #374151; }
.uy-cubuk > i { font-size: 0.85rem; color: rgb(var(--uy-a)); }
.uy-cubuk b { font-size: 0.75rem; font-weight: 500; }
.uy-kontrol { display: flex; height: 100%; margin-left: auto; }
.uy-kontrol svg { width: 46px; height: 100%; padding: 11px 18px; fill: none; stroke: currentColor; stroke-width: 1; opacity: 0.75; }
.dark-mode .uy-cubuk { background: #20242c; border-bottom-color: rgba(255, 255, 255, 0.06); color: #d1d5db; }

.uy-kucukler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; margin-top: 1rem; }
.uy-kucukler a { display: block; text-decoration: none; color: var(--ar-body-color); }
.uy-kucukler img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; border-radius: 0.6rem; border: 1px solid var(--ar-border-color); transition: border-color 0.2s, transform 0.2s; }
.uy-kucukler a:hover img { border-color: rgb(var(--uy-a)); transform: translateY(-2px); }
.uy-kucukler span { display: block; margin-top: 0.35rem; font-size: 0.75rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.uy-satin { position: relative; padding: 1.75rem; border-radius: 1.25rem; border: 1px solid var(--ar-border-color); background: var(--ar-body-bg); box-shadow: 0 18px 48px -28px rgba(17, 24, 39, 0.35); }
@media (min-width: 992px) { .uy-satin { position: sticky; top: 90px; } }
.uy-ad { font-family: 'Sora', 'Inter', sans-serif; font-size: clamp(2rem, 3.2vw, 2.6rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 0.6rem; }
.uy-slogan { font-size: 1.05rem; color: var(--ar-heading-color); margin-bottom: 1.25rem; }
.uy-satin .mode-switch .form-check-label { cursor: pointer; }

.uy-faydalar { list-style: none; padding: 0; margin: 0 0 1.4rem; display: grid; gap: 0.8rem; }
.uy-faydalar li { display: flex; gap: 0.8rem; align-items: flex-start; }
.uy-faydalar li > i { flex: 0 0 2.25rem; height: 2.25rem; border-radius: 0.65rem; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; color: rgb(var(--uy-a)); background: rgba(var(--uy-a), 0.10); }
.uy-faydalar b { display: block; font-size: 0.9rem; color: var(--ar-heading-color); }
.uy-faydalar span { display: block; font-size: 0.8125rem; color: var(--ar-gray-600); line-height: 1.4; }

.uy-fiyat { padding-top: 1.1rem; border-top: 1px dashed var(--ar-border-color); margin-bottom: 0.9rem; }
.uy-fiyat .h2 { font-weight: 800; letter-spacing: -0.02em; }
.uy-fiyat .fiyatTasarruf:empty { display: none; }

.uy-sure { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.6rem; margin-bottom: 1rem; }
.uy-sure label { position: relative; display: flex; flex-direction: column; gap: 0.1rem; padding: 0.65rem 0.8rem; border: 2px solid var(--ar-border-color); border-radius: 0.85rem; cursor: pointer; transition: border-color 0.15s, background-color 0.15s; }
.uy-sure label:hover { border-color: rgba(var(--ar-primary-rgb), 0.5); }
.uy-sure .ad { font-size: 0.85rem; font-weight: 600; color: var(--ar-heading-color); }
.uy-sure .fiyatYaz, .uy-sure .fiyatYazTL { font-size: 0.8rem; color: var(--ar-gray-600); }
.uy-sure .btn-check:checked + label { border-color: var(--ar-primary); background: rgba(var(--ar-primary-rgb), 0.06); }
.uy-sure .btn-check:focus-visible + label { box-shadow: 0 0 0 0.2rem rgba(var(--ar-primary-rgb), 0.25); }
.uy-sure .etiket { position: absolute; top: -0.6rem; right: 0.6rem; padding: 0.1rem 0.5rem; border-radius: 1rem; font-size: 0.65rem; font-style: normal; font-weight: 700; color: #fff; }
.uy-sure .etiket.populer { background: #ef4444; }
.uy-sure .etiket.tasarruf { background: #16a34a; }

.uy-limit { display: flex; flex-wrap: wrap; gap: 0.4rem 1.25rem; font-size: 0.85rem; margin-bottom: 1.1rem; }
.uy-limit span { display: inline-flex; align-items: center; gap: 0.35rem; }
.uy-limit i { color: var(--ar-gray-600); }

.uy-al { display: flex; gap: 0.75rem; align-items: stretch; }
.uy-al .count-input { flex: 0 0 auto; }
.uy-guven { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem 1.1rem; margin-top: 0.9rem; font-size: 0.78rem; color: var(--ar-gray-600); }
.uy-guven span { display: inline-flex; align-items: center; gap: 0.3rem; }
.uy-guven i { color: var(--ar-success); font-size: 0.95rem; }

.uy-olgular { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin-top: 2.25rem; }
.uy-olgular span { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border-radius: 999px; border: 1px solid var(--ar-border-color); background: var(--ar-body-bg); font-size: 0.875rem; font-weight: 500; }
.uy-olgular i { color: var(--ar-success); }

.uy-bolum-bas { max-width: 1000px; }
.uy-bolum-bas h2 { font-size: clamp(1.5rem, 3vw, 2.5rem); white-space: nowrap; }
@media (max-width: 575.98px) { .uy-bolum-bas h2 { white-space: normal; text-wrap: balance; } }
.uy-ozellik + .uy-ozellik { margin-top: 2.5rem; }
@media (min-width: 992px) {
  .uy-ozellik + .uy-ozellik { margin-top: 4.5rem; }
  .uy-ozellik.ters .col-lg-7 { order: 2; }
}
.uy-rozet { display: inline-block; margin-bottom: 0.75rem; padding: 0.3rem 0.8rem; border-radius: 999px; font-size: 0.78rem; font-weight: 700; color: rgb(var(--uy-a)); background: rgba(var(--uy-a), 0.10); }
.uy-maddeler { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.55rem; }
.uy-maddeler li { display: flex; gap: 0.55rem; align-items: flex-start; color: var(--ar-heading-color); }
.uy-maddeler li > i { flex: 0 0 auto; margin-top: 0.2rem; color: var(--ar-success); }
.uy-maddeler.kucuk li { font-size: 0.875rem; color: var(--ar-body-color); }

.uy-yeni { height: 100%; display: flex; gap: 0.9rem; padding: 1.1rem 1.2rem; border-radius: 1rem; border: 1px solid var(--ar-border-color); background: var(--ar-body-bg); }
.uy-yeni .no { flex: 0 0 auto; font-family: 'Sora', 'Inter', sans-serif; font-size: 1.15rem; font-weight: 800; background-image: var(--uy-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.uy-yeni b { display: block; color: var(--ar-heading-color); margin-bottom: 0.2rem; }
.uy-yeni p { margin: 0; font-size: 0.85rem; color: var(--ar-gray-600); }
.uy-gizli { display: none; }

.uy-galeri { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.uy-galeri a { display: block; text-decoration: none; color: var(--ar-body-color); border-radius: 0.85rem; border: 1px solid var(--ar-border-color); overflow: hidden; background: var(--ar-body-bg); transition: transform 0.2s, box-shadow 0.2s; }
.uy-galeri a:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -18px rgba(17, 24, 39, 0.4); }
.uy-galeri img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; }
.uy-galeri span { display: block; padding: 0.55rem 0.75rem; font-size: 0.8rem; font-weight: 500; border-top: 1px solid var(--ar-border-color); }

.uy-tum { position: relative; max-height: 460px; overflow: hidden; padding: 1.5rem 1.75rem; border-radius: 1.25rem; border: 1px solid var(--ar-border-color); background: var(--ar-body-bg); }
.uy-tum.acik { max-height: none; }
.uy-tum-perde { position: absolute; left: 0; right: 0; bottom: 0; height: 160px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--ar-body-bg)); pointer-events: none; }
.uy-tum.acik .uy-tum-perde { display: none; }
.uy-tum-ic { font-size: 0.9rem; }
.uy-tum-ic h2 { font-size: 1.35rem; }
.uy-tum-ic h3 { font-size: 1.2rem; margin-top: 1.5rem; }
.uy-tum-ic strong { color: var(--ar-heading-color); }
.uy-tum-ic img { max-width: 100%; height: auto; }

.uy-kutu { padding: 1.5rem; border-radius: 1.25rem; border: 1px solid var(--ar-border-color); background: var(--ar-body-bg); }
.uy-adimlar { list-style: none; counter-reset: uy; padding: 0; display: grid; gap: 1rem; }
.uy-adimlar li { counter-increment: uy; position: relative; padding-left: 2.6rem; }
.uy-adimlar li::before { content: counter(uy); position: absolute; left: 0; top: 0; width: 1.9rem; height: 1.9rem; border-radius: 0.55rem; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.85rem; color: #fff; background: var(--home-brand); }
.uy-adimlar b { display: block; color: var(--ar-heading-color); font-size: 0.9rem; }
.uy-adimlar span { display: block; font-size: 0.8125rem; color: var(--ar-gray-600); }

.uy-not { display: flex; gap: 0.5rem; margin: 1rem 0 0; font-size: 0.78rem; color: var(--ar-gray-600); }
.uy-not i { flex: 0 0 auto; margin-top: 0.15rem; }

.uy-son { padding: 2.25rem 2.5rem; border-radius: 1.5rem; color: #fff; background: var(--uy-grad); box-shadow: 0 24px 60px -30px rgba(var(--uy-a), 0.7); }
.uy-son .home-stat .val, .uy-son .home-stat .lbl { color: #fff; }
.uy-son .home-stat .lbl { opacity: 0.85; }
.uy-son .home-stat .val { font-size: clamp(1.4rem, 2.4vw, 2.1rem); white-space: nowrap; }
.uy-son-fiyat { margin-bottom: 0.9rem; font-size: 0.95rem; }
.uy-son-fiyat .fiyatYaz, .uy-son-fiyat .fiyatYazTL { font-weight: 800; font-size: 1.3rem; }
.uy-son .btn-light { color: rgb(var(--uy-a)); font-weight: 700; }

@media (max-width: 991.98px) {
  .uy-galeri { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767.98px) {
  .uy-ust { padding-top: calc(65px + 1.25rem); }
  .uy-satin { padding: 1.25rem; }
  .uy-galeri { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
  .uy-kucukler { gap: 0.5rem; }
  .uy-kucukler span { display: none; }
  .uy-son { padding: 1.75rem 1.25rem; }
  .uy-son .home-stat .val { font-size: 1.1rem; }
  .uy-son .home-stat .lbl { font-size: 0.72rem; }
  .uy-tum { padding: 1.1rem 1.15rem; }
}
@media (prefers-reduced-motion: reduce) {
  .uy-pencere, .uy-kucukler img, .uy-galeri a { transition: none; }
}
html:not(.para-tl) .uy-son-fiyat .fiyatYaz, html.para-tl .uy-son-fiyat .fiyatYazTL { display: inline !important; }
html:not(.para-tl) .uy-son-fiyat .fiyatYazTL, html.para-tl .uy-son-fiyat .fiyatYaz { display: none !important; }
.uy-galeri.kisalt:not(.acik) a:nth-child(n+9) { display: none; }
@media (max-width: 991.98px) {
  .uy-galeri.kisalt:not(.acik) a:nth-child(n+7) { display: none; }
}
@media (max-width: 767.98px) {
  .uy-galeri.kisalt:not(.acik) a:nth-child(n+5) { display: none; }
}
.uy-mini-bas { margin: 3.5rem 0 1.25rem; text-align: center; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ar-gray-600); }
.uy-mini { display: flex; flex-direction: column; height: 100%; border-radius: 1rem; border: 1px solid var(--ar-border-color); background: var(--ar-body-bg); overflow: hidden; text-decoration: none; color: var(--ar-body-color); transition: transform 0.2s, box-shadow 0.2s; }
.uy-mini:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -18px rgba(17, 24, 39, 0.4); color: var(--ar-body-color); }
.uy-mini img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: top left; border-bottom: 1px solid var(--ar-border-color); }
.uy-mini-ic { display: flex; flex-direction: column; gap: 0.35rem; padding: 1rem 1.15rem 1.15rem; }
.uy-mini-ic .uy-rozet { align-self: flex-start; margin-bottom: 0.15rem; font-size: 0.7rem; padding: 0.2rem 0.65rem; }
.uy-mini-ic b { font-size: 1.05rem; color: var(--ar-heading-color); }
.uy-mini-ic > span:last-child { font-size: 0.85rem; color: var(--ar-gray-600); line-height: 1.45; }
@media (min-width: 992px) {
  .uy-mini-bas { margin-top: 4.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .uy-mini { transition: none; }
}