/* NAY 4. gorunum (?tema=ux, kullanici 2026-11-12): "onceki" turuncu gorunum UX ilkeleriyle sadelesti.
   Tek vurgu rengi koyu turuncu (#C2410C, beyaz zeminde 4.5:1+), ince cerceve, golgesiz, 44px dokunma alani, sabit kart hiyerarsisi. */
html.p2-tema-ux body,html.p2-tema-ux .p2,html.p2-tema-ux .p2-kok{background:#F6F6F4!important}
html.p2-tema-ux .p2-ustbar{background:#fff!important;border-bottom:1px solid #ECECEA;box-shadow:none!important}
html.p2-tema-ux .p2-logo-isim b{color:#16A34A!important}
html.p2-tema-ux .p2-ustbar .p2-ustara{background:#F3F4F6!important;border:0!important;border-radius:14px!important;height:48px}
html.p2-tema-ux .p2-ustmenu{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important}
html.p2-tema-ux .p2-ustmenu a{text-align:center;padding:12px 0!important;color:#374151!important;font-weight:600!important}
html.p2-tema-ux .p2-ustmenu a.aktif{color:#C2410C!important;border-bottom-color:#C2410C!important;font-weight:700!important}
html.p2-tema-ux .p2-alttus a.aktif{color:#C2410C!important}
/* tazelik + hizli secim */
.ux-taze{display:flex;align-items:center;gap:8px;padding:10px 16px 0;font:400 12.5px Inter,system-ui,sans-serif;color:#4B5563}
.ux-taze b{color:#111827}
.ux-nokta{width:8px;height:8px;border-radius:50%;background:#16A34A;flex:none}
.ux-cip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 16px 4px}
.ux-cip::-webkit-scrollbar{display:none}
.ux-cip a{flex:none;height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #E5E7EB;color:#111827!important;text-decoration:none;font:600 14px Inter,system-ui,sans-serif;display:flex;align-items:center}
.ux-cip a:first-child{background:#111827;color:#fff!important;border-color:#111827}
/* ilgi gorenler: sade kucuk kartlar, sira numarasi */
html.p2-tema-ux .p2-ilgi{background:transparent!important;border:0!important}
html.p2-tema-ux .p2-ilgi .p2-bb h2{font:800 18px Inter,system-ui,sans-serif!important}
html.p2-tema-ux .p2-ilgi .p2-serit{counter-reset:ux;gap:10px!important}
html.p2-tema-ux .p2-ilgi .p2-kart{counter-increment:ux;flex:0 0 140px!important;width:140px!important;border:1.5px solid #FDBA74!important;border-radius:16px!important;box-shadow:none!important;background:#fff!important;padding:0 0 10px!important;overflow:hidden}
html.p2-tema-ux .p2-ilgi .p2-kart .p2-r{position:relative;background:#F3F4F6;height:120px!important}
html.p2-tema-ux .p2-ilgi .p2-kart .p2-r::before{content:counter(ux);position:absolute;left:8px;top:8px;z-index:2;background:#111827;color:#fff;font:800 12px Inter,system-ui,sans-serif;border-radius:8px;padding:2px 7px}
html.p2-tema-ux .p2-ilgi .p2-rz{left:auto!important;right:8px!important;top:8px!important;bottom:auto!important;background:#FFF7ED!important;color:#C2410C!important;border-radius:8px!important;font-weight:800!important}
html.p2-tema-ux .p2-ilgi .p2-kad,html.p2-tema-ux .p2-ilgi .p2-kf{padding:0 10px!important}
html.p2-tema-ux .p2-kaydir{background:#111827!important}
/* urun kartlari: resim -> fiyat + % -> ad -> tek neden etiketi */
html.p2-tema-ux .p2-izg{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
@media (min-width:760px){html.p2-tema-ux .p2-izg{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
html.p2-tema-ux .p2-izg .p2-kart{display:flex!important;flex-direction:column;border:1px solid #ECECEA!important;border-radius:16px!important;box-shadow:none!important;background:#fff!important;padding:0 0 12px!important;overflow:hidden;position:relative}
html.p2-tema-ux .p2-izg .p2-r{order:0;aspect-ratio:1/1;height:auto!important;background:#F3F4F6!important;border-radius:0!important}
html.p2-tema-ux .p2-izg .p2-rz.p2-sp,html.p2-tema-ux .p2-izg .p2-rz{background:#C2410C!important;color:#fff!important;border-radius:8px!important}
html.p2-tema-ux .p2-izg .p2-kf{order:1;padding:10px 10px 0!important;font:800 18px Inter,system-ui,sans-serif!important;color:#111827!important}
html.p2-tema-ux .p2-izg .p2-kf s{font-size:12.5px;color:#6B7280!important;font-weight:500}
html.p2-tema-ux .p2-izg .n-k-ust{order:2;padding:2px 10px 0!important}
html.p2-tema-ux .p2-izg .n-k-ust b{background:none!important;color:#C2410C!important;padding:0!important;font:800 12.5px Inter,system-ui,sans-serif!important}
html.p2-tema-ux .p2-izg .p2-kad{order:3;padding:4px 10px 0!important;font:500 13.5px/1.3 Inter,system-ui,sans-serif!important;color:#111827!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.p2-tema-ux .p2-izg .n-veri,html.p2-tema-ux .p2-izg .ux-et{order:4;align-self:flex-start;margin:6px 10px 0!important;font:600 11.5px Inter,system-ui,sans-serif!important;border-radius:6px;padding:2px 6px!important;background:#DCFCE7;color:#166534!important}
html.p2-tema-ux .p2-izg .n-veri+.ux-et,html.p2-tema-ux .p2-izg .ux-et+.ux-et{display:none}
.ux-et.kupon{background:#FFEDD5!important;color:#9A3412!important}.ux-et.kod{background:#DBEAFE!important;color:#1E3A8A!important}
.ux-kalp{position:absolute;right:6px;top:6px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;padding:0!important;float:none!important;min-width:0!important;cursor:pointer}
.ux-kalp svg{width:18px;height:18px;fill:none;stroke:#111827;stroke-width:2;transition:transform .15s}
.ux-kalp[aria-pressed="true"] svg{fill:#C2410C;stroke:#C2410C;transform:scale(1.12)}
/* siralama: dugmeli secim */
.ux-sira{display:flex;background:#EDEDEB;border-radius:12px;padding:4px;gap:4px;margin:0 14px 10px}
.ux-sira button{flex:1;height:38px;border:0;border-radius:9px;background:transparent;font:600 13.5px Inter,system-ui,sans-serif;color:#4B5563;float:none!important;padding:0!important}
.ux-sira button[aria-pressed="true"]{background:#fff;color:#111827;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.08)}
html.p2-tema-ux .p2-say select{position:absolute;left:-9999px}
/* Telegram satiri */
html.p2-tema-ux .p2-katil{grid-column:1/-1;background:#fff!important;border:1px solid #ECECEA!important;border-radius:16px!important;margin:0!important}
@media (prefers-reduced-motion:reduce){.ux-kalp svg{transition:none}}
/* markalar kutusu yok (Markalar menude), ilgi kartlarinda ic bosluk */
html.p2-tema-ux .p2-mkb{display:none!important}
html.p2-tema-ux .p2-ilgi .n-k-ust,html.p2-tema-ux .p2-ilgi .n-veri{padding:0 10px!important}
html.p2-tema-ux .p2-ilgi .n-k-ust b{background:none!important;color:#C2410C!important;padding:0!important;font:800 12.5px Inter,system-ui,sans-serif!important}
html.p2-tema-ux .p2-ilgi .p2-kart{padding-top:0!important}
/* ana sayfa bolum seritleri (Videolu / Gunun / Ozel / Ogren-Bil) */
.ux-bolumler{padding:4px 0 6px}
.ux-bol{padding:10px 0 6px}
.ux-bol-bas{display:flex;justify-content:space-between;align-items:baseline;padding:0 16px 8px}
.ux-bol-bas h2{margin:0;font:800 17px Inter,system-ui,sans-serif;color:#111827}.ux-bol-bas h2 small{font-weight:600;color:#6B7280;font-size:13px}
.ux-bol-bas a{font:700 14px Inter,system-ui,sans-serif;color:#C2410C!important;text-decoration:none;padding:8px 0}
.ux-bol-ser{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 16px 4px}
.ux-bol-ser::-webkit-scrollbar{display:none}
.ux-bk{flex:none;width:150px;background:#fff;border:1px solid #ECECEA;border-radius:14px;overflow:hidden;text-decoration:none;color:#111827!important;display:flex;flex-direction:column}
.ux-bk.vid{width:120px}
.ux-bk .r{position:relative;display:block;height:100px;background:#F3F4F6}.ux-bk.vid .r{height:150px}
.ux-bk .r img{width:100%;height:100%;object-fit:cover;display:block}
.ux-bk .r i{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.95);color:#C2410C;font-style:normal;font-size:12px;display:grid;place-items:center}
.ux-bk .a{padding:8px 10px 10px;font:600 13px/1.3 Inter,system-ui,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 12 Kas: menu 3 baslik (Amazon Fırsatları · Diğer Fırsatlar · Marka Fırsatları), Ana sayfa basligi yok */
html.p2-tema-ux .p2-ustmenu{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html.p2-tema-ux .p2-ustmenu a{font-size:14px!important;white-space:nowrap}
html.p2-tema-ux .p2-alttus a span{font-size:11px;white-space:nowrap}
/* 12 Kas: alttaki sabit menu kaldirildi (kullanici) */
html.p2-tema-ux .p2-alttus{display:none!important}
html.p2-tema-ux .p2-kok{padding-bottom:0!important}
html.p2-tema-ux .p2-yapiskan{bottom:14px!important}
/* 12 Kas: cipler ac/kapa; secili olan koyu */
.ux-cip a:first-child{background:#fff;color:#111827!important;border-color:#E5E7EB}
.ux-cip a[aria-pressed="true"]{background:#111827;color:#fff!important;border-color:#111827}
#gp-filtre + .ux-cip{padding:4px 0 10px}
/* 12 Kas: filtre gizledigi kart gorunmesin (ux kart stili [hidden]'i eziyordu) */
html.p2-tema-ux .p2-kart[hidden]{display:none!important}
/* 12 Kas: kartta bilinen marka adi; urun sayfasinda marka satiri tek link */
html.p2-tema-ux .p2-kmk{font-weight:800;color:#111827}
html.p2-tema-ux a.p2-mrk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-decoration:none}
html.p2-tema-ux a.p2-mrk span{color:#0B6B4F;font-weight:600;font-size:14px;text-decoration:underline}
/* 12 Kas: NDC gibi: sagda filtre tusu yok; "N kampanya" + siralama; NAY'a ozel hizli cipler altta kalir */
html.p2-tema-ux .gp-ft-tus{display:none!important}
html.p2-tema-ux .gp-ft-sirala{margin-left:auto}
/* 13 Kas: "Su an ilgi gorenler" basligi sikisik gorunuyordu: harf/kelime araligi normal, kalinlik 700 */
html.p2-tema-ux .p2-ilgi .p2-bb h2{font:700 19px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:0!important;word-spacing:.05em}
html.p2-tema-ux .p2-ilgi .p2-bb{padding-top:6px;padding-bottom:10px;gap:12px}
.ux-cip a{outline:none!important;-webkit-tap-highlight-color:transparent}.ux-cip a:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #0E7C66}
/* kullanici 2026-11-13: masaustunde icerik ortada sinirli genislik (NDC gibi), urunler kucuk ve satirda 6; "Son 1 saatte" satiri hizali */
@media (min-width:1000px){
  html.p2-tema-ux .p2-kok > :not(.p2-ustbar):not(script):not(style):not(.p2-panel):not(.p2-yapiskan):not(.y-ft-panel){max-width:1240px;margin-left:auto;margin-right:auto}
  html.p2-tema-ux .ux-taze{padding-left:24px;padding-right:24px}
  html.p2-tema-ux .p2-izg,html.p2-tema-ux .p2-tum.p2-izg{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media (min-width:1250px){
  html.p2-tema-ux .p2-izg,html.p2-tema-ux .p2-tum.p2-izg{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
/* kullanici 2026-11-13: kare olmayan urun resimlerinin ust/altinda gri serit gorunuyordu -> resim zemini beyaz */
html.p2-tema-ux .p2-izg .p2-r{background:#fff!important}
/* kullanici 2026-11-13: "Tüm indirimler / N kampanya" yerine "Tümü N" secenegi; cipler siralama ile ayni satirda */
html.p2-tema-ux .p2-tumB-yok{display:none}
html.p2-tema-ux .gp-ft.ux-cipli{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
html.p2-tema-ux .gp-ft.ux-cipli .gp-ft-say{display:none}
html.p2-tema-ux .gp-ft.ux-cipli .ux-cip{flex:1 1 auto;min-width:0;padding:0;margin:0}
html.p2-tema-ux .gp-ft.ux-cipli .gp-ft-sirala{margin-left:auto}
html.p2-tema-ux .ux-cip a[data-f="tum"] b{font-weight:600;opacity:.75;margin-left:2px}
/* kullanici 2026-11-13: telefonda siralama secenekler satirinin sonunda kucuk simge (alt satira dusup duzeni bozmasin) */
@media (max-width:759px){
  html.p2-tema-ux .gp-ft.ux-cipli{flex-wrap:nowrap}
  html.p2-tema-ux .gp-ft.ux-cipli .gp-ft-sirala{flex:none;width:40px;height:40px;padding:0;border-radius:999px;color:transparent;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M7 4v16M3 16l4 4 4-4M17 20V4M13 8l4-4 4 4'/%3E%3C/svg%3E") center/18px no-repeat;border:1px solid #E5E7EB}
  html.p2-tema-ux .gp-ft.ux-cipli .gp-ft-sirala option{color:#111827}
}
/* kullanici 2026-11-13: marka sayfasi masaustu bosluklari */
@media (min-width:760px){
  html.p2-tema-ux .p2-mkh h1{margin:4px 0 2px!important}
  html.p2-tema-ux .p2-mkh>p{margin:0 0 4px!important}
  html.p2-tema-ux .p2-mkh .p2-mkh-bb{margin:-26px 0 6px!important;padding-top:0!important}
}
.p2-detay{margin-top:6px;font-size:12.5px;color:#6B7280}.p2-detay summary{cursor:pointer;font-weight:600;color:#374151}.p2-detay p{margin:6px 0 0;line-height:1.5}

/* inceleme #263: ana sayfa (/) h1 - kullanici 2026-11-13: sayfada gorunmesin, sadece arama motoru/ekran okuyucu */
.p2-ana-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}