/* Netten listeleme - yeni tasarim (onizleme). Sadece html.nxp varken calisir.
   Mevcut DOM, yazilar, filtre/siralama ve "Daha fazla goster" akisi aynen kalir; yalnizca gorunum degisir. */
html.nxp{--nx-pink:#cf1f66;--nx-pink-s:#fdf0f5;--nx-green:#1c9c58;--nx-ink:#1d1d1f;--nx-mut:#6b7075;--nx-line:#e8e8ec;--nx-soft:#f6f4f3}

/* ---------- kategori basligi ---------- */
html.nxp .LayoutHome .Category{border:0!important;padding:8px 0 4px!important;margin-bottom:8px!important;background:none!important}
html.nxp .LayoutHome .Category>.Info{display:flex!important;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px!important}
html.nxp .LayoutHome .Category .Title{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
html.nxp .LayoutHome .Category .Title h1{font-size:36px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.02em;color:var(--nx-ink)!important;margin:0!important}
html.nxp .LayoutHome .Category .Title>span,html.nxp .LayoutHome .Category .Title>span span{font-size:14px!important;color:var(--nx-mut)!important}
html.nxp .LayoutHome .Category h2.Text{border:0!important;padding:0!important;margin:0!important;max-width:900px;font-size:14.5px!important;line-height:1.65!important;font-weight:400!important;color:var(--nx-mut)!important;background:none!important}
html.nxp .LayoutHome .Category h2.Text.nxpClamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.nxp .nxpMore{display:inline-block;margin-top:4px;padding:0;border:0;background:none;color:var(--nx-ink);font:inherit;font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* siralama: masaustunde filtre satirinin sagina tasinir (JS); mobildeki alt panel eskisi gibi */
@media(min-width:791px){
html.nxp .nxpSortSlot{margin-left:auto;flex:none;align-self:flex-start}
html.nxp .nxpSortSlot .SortArea{display:block!important;width:auto!important;position:relative}
html.nxp .nxpSortSlot .SortOverFlow{display:none!important}
html.nxp .nxpSortSlot .Sort{position:relative;z-index:45}
html.nxp .nxpSortSlot .Sort .Selected{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 38px;border:1.5px solid var(--nx-line);border-radius:999px;background:#fff;font-size:13.5px;font-weight:600;color:var(--nx-ink);cursor:pointer;white-space:nowrap;transition:border-color .15s;background:#fff no-repeat 14px center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M3 8l4-4 4 4M17 20V4M13 16l4 4 4-4'/%3E%3C/svg%3E")}
html.nxp .nxpSortSlot .Sort:hover .Selected{border-color:#c9c9d1}
html.nxp .nxpSortSlot .Sort .Selected::before{content:"Sırala:";font-weight:400;color:var(--nx-mut)}
html.nxp .nxpSortSlot .Sort .Selected::after{content:"";width:8px;height:8px;margin:-4px 0 0 4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
html.nxp .nxpSortSlot .Sort .Wind{display:none;position:absolute;right:0;top:100%;min-width:250px;margin:0;padding:14px 8px 8px;background:#fff;border:0;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.14);background-clip:padding-box;border-top:6px solid transparent}
html.nxp .nxpSortSlot .Sort:hover .Wind,html.nxp .nxpSortSlot .Sort:focus-within .Wind{display:block}
html.nxp .nxpSortSlot .Sort .Wind>div{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;font-size:14px;line-height:1.3;color:var(--nx-ink);cursor:pointer}
html.nxp .nxpSortSlot .Sort .Wind>div:hover{background:var(--nx-soft)}
html.nxp .nxpSortSlot .Sort .Wind>div.Active{background:var(--nx-pink-s);color:var(--nx-pink);font-weight:700}
html.nxp .nxpSortSlot .Sort .Wind>div.Active::after{content:"";width:5px;height:10px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
html.nxp .NettenProductFilters.nxpHasSort{display:flex!important;align-items:flex-start;gap:10px}
html.nxp .NettenProductFilters.nxpHasSort>.Filter{flex:1 1 auto;min-width:0}
}

/* ---------- semt secimi + guven satiri (Functions.js [T=LocationSelected] modeli) ---------- */
html.nxp .nxpLocRow{display:flex;align-items:stretch;gap:16px;margin:18px 0 6px}
html.nxp .nxpLoc{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;border:1.5px solid var(--nx-line);border-radius:16px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
html.nxp .nxpLoc:hover{border-color:#c9c9d1}
html.nxp .nxpLoc:focus-visible{outline:0;border-color:var(--nx-pink);box-shadow:0 0 0 4px rgba(207,31,102,.10)}
html.nxp .nxpLoc svg{flex:none;width:20px;height:20px;color:var(--nx-pink)}
html.nxp .nxpLoc>span{flex:none;font-size:15px;font-weight:600;color:var(--nx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html.nxp .nxpLoc small{flex:1 1 auto;min-width:0;font-size:14px;color:#9a9ea3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.nxp .nxpLoc i{flex:none;width:8px;height:8px;margin:-4px 2px 0 auto;border-right:2px solid #8a8f94;border-bottom:2px solid #8a8f94;transform:rotate(45deg)}
html.nxp .nxpLoc.Active{border-color:var(--nx-green);background:#f3fbf6}
html.nxp .nxpLoc.Active>span{flex:1 1 auto;min-width:0;color:#14713f}
html.nxp .nxpLoc.Active small{display:none}
html.nxp .nxpTrust{flex:none;display:flex;align-items:center;gap:22px;margin:0;padding:0 20px;list-style:none;border:1px solid var(--nx-line);border-radius:16px;background:var(--nx-soft)}
html.nxp .nxpTrust li{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:600;line-height:1.25;color:var(--nx-ink)}
html.nxp .nxpTrust b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--nx-green);color:#fff}
html.nxp .nxpTrust b svg{width:18px;height:18px}
@media(max-width:1100px) and (min-width:791px){html.nxp .nxpTrust{gap:14px;padding:0 14px}html.nxp .nxpTrust li{font-size:12px}}
@media(max-width:790px){
  html.nxp .nxpLocRow{flex-direction:column;gap:10px;margin:12px 0 0}
  html.nxp .nxpLoc{min-height:52px;padding:0 14px;border-radius:14px}
  html.nxp .nxpLoc>span{font-size:14.5px}
  html.nxp .nxpLoc small{font-size:13px}
  html.nxp .nxpTrust{justify-content:space-between;gap:6px;padding:10px 12px;border-radius:14px}
  html.nxp .nxpTrust li{flex-direction:column;gap:5px;font-size:11px;text-align:center;flex:1 1 0}
  html.nxp .nxpTrust b{width:28px;height:28px}
  html.nxp .nxpTrust b svg{width:15px;height:15px}
}

/* ---------- filtreler (masaustu) ---------- */
@media(min-width:791px){
  /* izgara (.ListView) sitede 0 -14px tasiyor; filtre satiri da ayni genislikte olsun */
  html.nxp .NettenProductFilters{position:sticky;top:0;z-index:40;background:#fff!important;padding:12px 0!important;margin:0 -14px 20px!important;width:auto!important;max-width:none!important;box-sizing:border-box;border-bottom:1px solid var(--nx-line);transition:box-shadow .2s}
  /* yapisinca: beyaz zemin ve alt cizgi ekran boyu, altinda hafif golge (urunler yanlardan gorunmesin) */
  html.nxp .NettenProductFilters.nxpStuck{border-bottom-color:transparent;box-shadow:0 0 0 100vmax #fff,0 1px 0 100vmax var(--nx-line),0 8px 18px -8px rgba(0,0,0,.12)!important;clip-path:inset(0 -100vmax -26px)}
  html.nxp .NettenProductFilters .Filter{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:6px!important}
  html.nxp .NettenProductFilters .FilterBox{margin:0!important;float:none!important}
  html.nxp .NettenProductFilters .FilterBox .Selected{display:flex!important;align-items:center;gap:6px;height:40px!important;line-height:40px!important;padding:0 9px 0 12px!important;border:1.5px solid var(--nx-line)!important;border-radius:999px!important;background:#fff!important;font-size:13px!important;font-weight:500;color:var(--nx-ink)!important;transition:border-color .15s,background .15s}
  html.nxp .NettenProductFilters .FilterBox .Selected:hover{border-color:#c9c9d1!important}
  html.nxp .NettenProductFilters .FilterBox[s="1"] .Selected{border-color:var(--nx-ink)!important}
  html.nxp .NettenProductFilters .FilterBox .Wind{border:0!important;border-radius:16px!important;box-shadow:0 18px 40px rgba(0,0,0,.14)!important;padding:10px!important;margin-top:6px!important}
  html.nxp .NettenProductFilters .FilterBox .Wind .FilterItemLabel{border-radius:10px}
}

/* ---------- urun izgarasi ---------- */
html.nxp .ProductList[T="ProductList"]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;margin:0!important}
html.nxp .ProductList[T="ProductList"]>.ProductItem{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;float:none!important}
html.nxp .ProductList[T="ProductList"]>.ProductItem::before,html.nxp .ProductList[T="ProductList"]>.ProductItem::after{box-shadow:none!important;border:0!important}
html.nxp .ProductList[T="ProductList"]>.ProductItem{position:relative}
html.nxp .ProductItem .Gallery{position:relative;box-shadow:none!important;border:0!important;height:auto!important;aspect-ratio:7/8;border-radius:18px!important;overflow:hidden;background:var(--nx-soft)!important}
html.nxp .ProductItem .Gallery a{display:block;width:100%;height:100%}
html.nxp .ProductItem .Gallery img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .5s ease,opacity .3s}
html.nxp .ProductItem:hover .Gallery img{transform:scale(1.035)}
html.nxp .ProductItem .Gallery .Discount{position:absolute!important;top:12px!important;left:12px!important;z-index:3;padding:5px 10px!important;border-radius:999px!important;background:var(--nx-pink)!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;height:auto!important;width:auto!important}
/* favori: beyaz yuvarlak (acik renkli fotograflarda da secilsin diye ince halka + golge), cizgi kalp; secili dolu pembe */
html.nxp .ProductItem .Gallery .BtnFavorite{top:12px!important;right:12px!important;left:auto!important;width:36px!important;height:36px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%!important;background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.10)!important;z-index:3;cursor:pointer;transition:transform .15s ease,background-color .15s,box-shadow .15s}
html.nxp .ProductItem .Gallery .BtnFavorite::before{content:""!important;display:block!important;width:19px!important;height:19px!important;font:0/0 a!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.2-9.4C1.6 7.6 3.9 4.5 7.2 4.5c2 0 3.5 1.1 4.8 2.8 1.3-1.7 2.8-2.8 4.8-2.8 3.3 0 5.6 3.1 4.4 6.6-1.7 4.8-9.2 9.4-9.2 9.4z' fill='none' stroke='%231d1d1f' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;transition:transform .2s ease!important}
html.nxp .ProductItem .Gallery .BtnFavorite:hover{background:#fff!important;box-shadow:0 0 0 1px rgba(207,31,102,.18),0 4px 12px rgba(0,0,0,.12)!important;transform:scale(1.06)}
html.nxp .ProductItem .Gallery .BtnFavorite:hover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.2-9.4C1.6 7.6 3.9 4.5 7.2 4.5c2 0 3.5 1.1 4.8 2.8 1.3-1.7 2.8-2.8 4.8-2.8 3.3 0 5.6 3.1 4.4 6.6-1.7 4.8-9.2 9.4-9.2 9.4z' fill='none' stroke='%23cf1f66' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
html.nxp .ProductItem .Gallery .BtnFavorite:active{transform:scale(.92)}
html.nxp .ProductItem .Gallery .BtnFavorite.Active::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.2-9.4C1.6 7.6 3.9 4.5 7.2 4.5c2 0 3.5 1.1 4.8 2.8 1.3-1.7 2.8-2.8 4.8-2.8 3.3 0 5.6 3.1 4.4 6.6-1.7 4.8-9.2 9.4-9.2 9.4z' fill='%23cf1f66' stroke='%23cf1f66' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E")!important;animation:nxpHeart .3s ease!important}
@keyframes nxpHeart{50%{transform:scale(1.25)}}
@media (hover:none){html.nxp .ProductItem .Gallery .BtnFavorite:hover{transform:none;background:rgba(255,255,255,.92)!important}html.nxp .ProductItem .Gallery .BtnFavorite:not(.Active):hover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.2-9.4C1.6 7.6 3.9 4.5 7.2 4.5c2 0 3.5 1.1 4.8 2.8 1.3-1.7 2.8-2.8 4.8-2.8 3.3 0 5.6 3.1 4.4 6.6-1.7 4.8-9.2 9.4-9.2 9.4z' fill='none' stroke='%231d1d1f' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E")!important}}
html.nxp .ProductItem>.Info{box-shadow:none!important;display:flex!important;flex-direction:column;gap:6px;padding:14px 2px 0!important;background:none!important;border:0!important}
html.nxp .ProductItem .Info .Name{margin:0!important;font-size:15px!important;line-height:1.4!important;font-weight:500!important;color:var(--nx-ink)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;height:auto!important}
html.nxp .ProductItem .Info .OtherInfo{margin:0!important;min-height:16px}
html.nxp .ProductItem .Info .Rate .Total{font-size:12px!important;color:var(--nx-mut)!important}
html.nxp .ProductItem .Info .Price{display:flex!important;justify-content:flex-start!important;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin:0!important}
html.nxp .ProductItem .Info .Price .Sale{order:1;font-size:18px!important;font-weight:700!important;color:var(--nx-pink)!important;white-space:nowrap}
html.nxp .ProductItem .Info .Price .Old{order:2;font-size:13.5px!important;color:#9a9ea3!important;white-space:nowrap;margin:0!important}
html.nxp .ProductItem .Info .Slogan{display:inline-flex!important;align-items:center;align-self:flex-start;gap:6px;width:auto!important;margin:2px 0 0!important;padding:0!important;background:none!important;color:var(--nx-green)!important;font-size:12.5px!important;font-weight:600;justify-content:flex-start!important}
html.nxp .ProductItem .Info .Slogan::before{margin:0!important}

/* yukleniyor: urun gelene kadar iskelet kartlar, "Daha fazla goster" gizli */
html.nxp .nxpSkel{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
html.nxp .ListView:not(:has(.ProductItem,.FilterMessage)) .nxpSkel{display:grid}
html.nxp .ListView:not(:has(.ProductItem)) .ProductListMore{display:none!important}
html.nxp .nxpSkel>div{display:flex;flex-direction:column;gap:10px}
html.nxp .nxpSkel i{display:block;border-radius:8px;background:linear-gradient(90deg,#efedec 0%,#f7f6f5 40%,#efedec 80%) 0 0/300% 100%;animation:nxpShine 1.4s ease-in-out infinite}
html.nxp .nxpSkel i:nth-child(1){aspect-ratio:7/8;border-radius:18px;margin-bottom:4px}
html.nxp .nxpSkel i:nth-child(2){height:14px;width:88%}
html.nxp .nxpSkel i:nth-child(3){height:14px;width:60%}
html.nxp .nxpSkel i:nth-child(4){height:18px;width:38%;margin-top:6px}
html.nxp .nxpSkel i:nth-child(5){height:12px;width:46%}
@keyframes nxpShine{0%{background-position:100% 0}100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){html.nxp .nxpSkel i{animation:none}}

/* daha fazla */
html.nxp .ProductListMore{padding:36px 0 12px!important}
html.nxp .ProductListMore .Btn{height:48px!important;line-height:48px!important;padding:0 28px!important;border-radius:999px!important;border:1.5px solid var(--nx-ink)!important;background:#fff!important;color:var(--nx-ink)!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important;transition:background .15s,color .15s}
html.nxp .ProductListMore .Btn:hover{background:var(--nx-ink)!important;color:#fff!important}

@media(max-width:1100px) and (min-width:791px){
  html.nxp .ProductList[T="ProductList"],html.nxp .nxpSkel{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(min-width:791px){html.nxp .LayoutHome .FilterAreaMobile.nxpFam{display:none!important}}

/* ---------- mobil ---------- */
@media(max-width:790px){
  html.nxp .LayoutHome .Category{padding-top:4px!important}
  html.nxp .LayoutHome .Category>.Info{margin-bottom:8px!important}
  html.nxp .LayoutHome .Category .Title h1{font-size:26px!important}
  html.nxp .LayoutHome .Category .Title>span{font-size:13px!important}
  html.nxp .LayoutHome .Category h2.Text{font-size:13.5px!important}
  html.nxp .LayoutHome .FilterAreaMobile{position:sticky;top:0;z-index:40;display:flex!important;gap:10px;margin:4px calc(50% - 50vw) 12px!important;padding:10px 16px!important;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0!important;border-bottom:1px solid var(--nx-line)!important}
  html.nxp .LayoutHome .FilterAreaMobile:has(>.Btn[s="1"]){position:static!important;z-index:auto!important}
  html.nxp .LayoutHome .FilterAreaMobile .Btn{flex:1 1 0;display:flex!important;align-items:center;justify-content:center;gap:8px;height:44px!important;margin:0!important;border:1.5px solid var(--nx-line)!important;border-radius:999px!important;background:#fff!important;color:var(--nx-ink)!important;font-size:14.5px!important;font-weight:600}
  html.nxp .LayoutHome .FilterAreaMobile .Btn i{font-size:13px;color:var(--nx-pink)}
  html.nxp .ProductList[T="ProductList"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  html.nxp .nxpSkel{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  html.nxp .nxpSkel>div:nth-child(n+5){display:none}
  html.nxp .nxpSkel i:nth-child(1){border-radius:14px}
  html.nxp .ProductItem .Gallery{border-radius:14px!important}
  html.nxp .ProductItem .Gallery .Discount{top:8px!important;left:8px!important;padding:4px 8px!important;font-size:11px!important}
  html.nxp .ProductItem .Info .NettenMobileBadgeRow{position:absolute!important;top:8px;left:8px;z-index:3;display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;margin:0!important;padding:0!important;max-width:calc(100% - 52px)}
  html.nxp .ProductItem .Info .NettenMobileBadgeRow>*{margin:0!important;padding:4px 8px!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;height:auto!important}
  html.nxp .ProductItem .Info .NettenMobileBadgeRow .Discount{background:var(--nx-pink)!important;color:#fff!important}
  html.nxp .ProductItem .Gallery .BtnFavorite{top:8px!important;right:8px!important;width:32px!important;height:32px!important}
  html.nxp .ProductItem .Gallery .BtnFavorite::before{width:17px!important;height:17px!important}
  html.nxp .ProductItem>.Info{gap:4px;padding-top:10px!important}
  html.nxp .ProductItem .Info .Name{font-size:13.5px!important}
  html.nxp .ProductItem .Info .Price{gap:0 8px}
  html.nxp .ProductItem .Info .Price .Sale{font-size:16px!important}
  html.nxp .ProductItem .Info .Price .Old{font-size:12px!important}
  html.nxp .ProductItem .Info .Slogan{font-size:11.5px!important}
}

/* onizleme rozeti (urun sayfasindakiyle ayni) */

/* Semt penceresi (Functions.js [T='LocationSelected'] -> loginTrigger). Yalniz gorunum; arama, secim ve temizleme kodu ayni. */
html.nxp .PopupDesign:has(.FormLocationArea){align-items:center!important;justify-content:center!important;padding:16px!important;box-sizing:border-box!important}
html.nxp .PopupDesign:has(.FormLocationArea)>.PopupOver{background:rgba(20,20,24,.48)!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}
html.nxp .PopupDesign:has(.FormLocationArea)>.Modal{width:520px!important;max-width:100%!important;margin:0!important;position:relative!important;bottom:auto!important}
html.nxp .PopupDesign:has(.FormLocationArea) .Htm,html.nxp .PopupDesign:has(.FormLocationArea) .Document{border-radius:22px!important;background:#fff!important;height:auto!important;min-height:0!important}
html.nxp .PopupDesign:has(.FormLocationArea) .Document{position:relative!important;box-shadow:0 24px 64px rgba(0,0,0,.20)!important;animation:nxpPopIn .18s ease-out!important}
@keyframes nxpPopIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
html.nxp .PopupDesign:has(.FormLocationArea) .Title .Close{top:22px!important;right:22px!important;width:36px!important;height:36px!important;font-size:0!important;background:#f3f3f5!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:2!important;transition:background .15s!important}
html.nxp .PopupDesign:has(.FormLocationArea) .Title .Close:hover{background:#e8e8ec!important}
html.nxp .PopupDesign:has(.FormLocationArea) .Title .Close::before{content:""!important;width:14px!important;height:14px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat!important}
html.nxp .PopupDesign:has(.FormLocationArea) .Center{padding:28px 28px 30px!important}
html.nxp .PopupDesign .LoginTitle:has(+.FormLocationArea){text-align:left!important}
html.nxp .PopupDesign .LoginTitle:has(+.FormLocationArea) h4{margin:2px 48px 18px 0!important;font-size:22px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.01em!important;color:var(--nx-ink)!important}
html.nxp .PopupDesign .LoginTitle:has(+.FormLocationArea) img{display:none!important}
html.nxp .PopupDesign .LoginTitle:has(+.FormLocationArea) .Text{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 18px!important;padding:12px 14px!important;border-radius:12px!important;background:var(--nx-pink-s)!important;font-size:14px!important;line-height:1.45!important;color:#5c2a40!important}
html.nxp .PopupDesign .LoginTitle:has(+.FormLocationArea) .Text::before{content:"i"!important;flex:none!important;width:18px!important;height:18px!important;margin-top:1px!important;border-radius:50%!important;background:var(--nx-pink)!important;color:#fff!important;font:700 12px/18px Georgia,serif!important;text-align:center!important}
html.nxp .PopupDesign .FormLocationArea{position:relative!important}
html.nxp .PopupDesign .FormLocationArea .FormGroup{position:relative!important;margin:0!important}
html.nxp .PopupDesign .FormLocationArea .FormGroup::before{content:""!important;position:absolute!important;left:8px!important;top:50%!important;width:38px!important;height:38px!important;margin-top:-19px!important;border-radius:50%!important;background:var(--nx-pink-s) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cf1f66' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/18px no-repeat!important;pointer-events:none!important;z-index:1!important}
html.nxp .PopupDesign .FormLocationArea [name=LOCATION]{width:100%!important;height:56px!important;box-sizing:border-box!important;padding:0 48px 0 56px!important;border:1.5px solid #dcdce2!important;border-radius:999px!important;background:#fff!important;font-size:16px!important;color:var(--nx-ink)!important;outline:0!important;transition:border-color .15s,box-shadow .15s!important;-webkit-appearance:none!important}
html.nxp .PopupDesign .FormLocationArea [name=LOCATION]::placeholder{color:#9a9ea3!important}
html.nxp .PopupDesign .FormLocationArea [name=LOCATION]:focus{border-color:var(--nx-pink)!important;box-shadow:0 0 0 4px rgba(207,31,102,.10)!important}
/* aranirken sagda donen halka */
html.nxp .PopupDesign .FormLocationArea.Loading .FormGroup::after{content:""!important;position:absolute!important;right:18px!important;top:50%!important;width:18px!important;height:18px!important;margin-top:-11px!important;border:2px solid #f3c6d8!important;border-top-color:var(--nx-pink)!important;border-radius:50%!important;animation:nxpSpin .7s linear infinite!important}
@keyframes nxpSpin{to{transform:rotate(360deg)}}
/* secili semt: yesil, sagda temizleme dugmesi */
html.nxp .PopupDesign .FormLocationArea .FormGroup.Active::before{background-color:#e3f5ea!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c9c58' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")!important}
html.nxp .PopupDesign .FormLocationArea [name=LOCATION]:disabled,html.nxp .PopupDesign .FormLocationArea [name=LOCATION].Active{border-color:var(--nx-green)!important;background:#f3fbf6!important;color:#14713f!important;font-weight:600!important;opacity:1!important;-webkit-text-fill-color:#14713f!important}
html.nxp .PopupDesign .FormLocationArea .ClosedIcon{display:none!important;position:absolute!important;right:10px!important;top:10px!important;width:36px!important;height:36px!important;border-radius:50%!important;font-size:0!important;cursor:pointer!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7075' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/14px no-repeat!important;box-shadow:0 0 0 1px #d6eedf!important;z-index:2!important}
html.nxp .PopupDesign .FormLocationArea .ClosedIcon::before{content:none!important}
html.nxp .PopupDesign .FormLocationArea:has(.FormGroup.Active) .ClosedIcon{display:block!important}
html.nxp .PopupDesign .FormLocationArea .ClosedIcon:hover{background-color:#f3f3f5!important}
/* sonuclar */
html.nxp .PopupDesign .FormLocationArea [T=Result]{margin:10px 0 0!important;padding:6px!important;max-height:300px!important;overflow:auto!important;border:1px solid var(--nx-line)!important;border-radius:16px!important;background:#fff!important;list-style:none!important;box-shadow:0 10px 28px rgba(0,0,0,.06)!important}
html.nxp .PopupDesign .FormLocationArea [T=Result]:not(:has(li)){display:none!important}
html.nxp .PopupDesign .FormLocationArea [T=Result] li{box-shadow:none!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;font-size:15px!important;line-height:1.35!important;color:var(--nx-ink)!important;cursor:pointer!important}
html.nxp .PopupDesign .FormLocationArea [T=Result] li::before{content:""!important;flex:none!important;position:static!important;margin:0!important;font:inherit!important;width:18px!important;height:18px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9ea3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat!important}
html.nxp .PopupDesign .FormLocationArea [T=Result] li::after{content:none!important;display:none!important}
html.nxp .PopupDesign .FormLocationArea [T=Result] li+li{border-top:0!important;box-shadow:none!important}
html.nxp .PopupDesign .FormLocationArea [T=Result] li:hover{background:var(--nx-pink-s)!important;color:var(--nx-pink)!important}
/* bos durumlar: yazmadan once / sonuc yok / secili */
html.nxp .PopupDesign .FormLocationArea::after{display:block!important;margin-top:22px!important;padding:84px 8px 4px!important;text-align:center!important;white-space:pre-line!important;font-size:14px!important;line-height:1.5!important;color:var(--nx-mut)!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23f6f4f3'/%3E%3Cg fill='none' stroke='%236b7075' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='32' cy='32' r='9'/%3E%3Ccircle cx='32' cy='32' r='3' fill='%236b7075'/%3E%3Cpath d='M32 17v6M32 41v6M17 32h6M41 32h6'/%3E%3C/g%3E%3C/svg%3E") top center/68px no-repeat!important}
html.nxp .PopupDesign .FormLocationArea:not(.Loading):has([name=LOCATION]:placeholder-shown)::after{content:"Gönderim adresinin semtini veya mahallesini yaz.\A Örnek: Kadıköy Moda"!important}
html.nxp .PopupDesign .FormLocationArea:not(.Loading):has([name=LOCATION]:not(:placeholder-shown):not(:disabled)):not(:has(li))::after{content:"Sonuç bulunamadı.\A Farklı bir yazımla tekrar dene."!important}
html.nxp .PopupDesign .FormLocationArea:has(.FormGroup.Active)::after{content:"Seçili gönderim yeri.\A Değiştirmek için sağdaki çarpıya bas."!important;padding-top:0!important;margin-top:14px!important;background:none!important;text-align:left!important;font-size:13px!important}
@media (max-width:780px){
  html.nxp .PopupDesign:has(.FormLocationArea){align-items:flex-start!important;padding:max(12px,6vh) 12px 12px!important}
  html.nxp .PopupDesign:has(.FormLocationArea)>.Modal{position:relative!important;bottom:auto!important;width:100%!important}
  html.nxp .PopupDesign:has(.FormLocationArea) .Center{padding:22px 18px 22px!important}
  html.nxp .PopupDesign:has(.FormLocationArea) .Title .Close{top:16px!important;right:16px!important}
  html.nxp .PopupDesign .LoginTitle:has(+.FormLocationArea) h4{font-size:19px!important;margin-bottom:14px!important}
  html.nxp .PopupDesign .FormLocationArea [T=Result]{max-height:min(300px,40vh)!important}
}
html.nxp .nxpStickSen{height:1px;margin-bottom:-1px;pointer-events:none}