/* Netten sepet + odeme adimlari - yeni tasarim (onizleme). Sadece html.nxp varken calisir.
   Dil: Floksia sepet/odeme ekranlari (sade kart, ince cizgi, ustte adimlar, ozetin basinda Devam Et). Netten'in 5 adimi korunur.
   Yalniz gorunum: adet, silme, ek urun, kupon, toplam, adres/fatura/odeme formlari ve butonlarin kodu aynen kalir. */
html.nxp{--nx-pink:#cf1f66;--nx-pink-d:#b3164f;--nx-pink-s:#fdf0f5;--nx-green:#1c9c58;--nx-green-s:#eef5f0;--nx-ink:#1f2a24;--nx-mut:#6f7a73;--nx-line:#e1e6e2;--nx-bg:#fafbfa;--nx-soft:#f2f5f3;--nx-r:12px}
html.nxp body:has(.BagView){background:var(--nx-bg)!important}
html.nxp .LayoutHome:has(.BagView),html.nxp .Container:has(>.BagView){background:transparent!important}

/* ---------- yerlesim: ortada 1120px, ustte adimlar, solda icerik, sagda ozet ---------- */
html.nxp .BagView{display:grid!important;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"ust ust" "liste ozet";column-gap:24px;align-items:start;max-width:1120px;margin:0 auto!important;padding:0 0 56px!important}
html.nxp .BagView>.Title{grid-area:ust}
html.nxp .BagView>.List{grid-area:liste;min-width:0;width:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;float:none!important}
html.nxp .BagView>.Addition{grid-area:ozet;width:auto!important;margin:0!important;float:none!important;position:sticky!important;top:20px}

/* ---------- ust: adimlar ortada, altinda sayfa basligi ---------- */
html.nxp .BagView>.Title{display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"n n" "t s";align-items:baseline;column-gap:12px;row-gap:0;height:auto!important;margin:28px 0 18px!important;padding:0!important;position:relative;background:none!important;border:0!important}
html.nxp .BagView>.Title::before,html.nxp .BagView>.Title::after{display:none!important}
html.nxp .BagView>.Title>.Text{grid-area:t;width:auto!important;margin:0!important;font-size:24px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.01em;color:var(--nx-ink)!important}
html.nxp .BagView>.Title>.SubText{grid-area:s;width:auto!important;margin:0!important;font-size:13.5px!important;color:var(--nx-mut)!important}
html.nxp .BagView>.Title>.Navi{grid-area:n;justify-self:center;position:static!important;display:flex!important;align-items:flex-start;width:min(720px,100%)!important;margin:0 0 30px!important;padding:0!important;counter-reset:nxpStep;float:none!important;background:none!important;border:0!important}
html.nxp .BagView .Navi>.Line,html.nxp .BagView .Navi::before,html.nxp .BagView .Navi::after{display:none!important}
html.nxp .BagView .Navi .Point{position:relative!important;flex:1 1 0;width:auto!important;min-width:0;display:flex!important;flex-direction:column;align-items:center;gap:8px;padding:0!important;margin:0!important;background:none!important;border:0!important;counter-increment:nxpStep}
html.nxp .BagView .Navi .Point::before{content:counter(nxpStep)!important;position:relative!important;z-index:1;display:flex!important;align-items:center;justify-content:center;width:30px!important;height:30px!important;border-radius:50%!important;background:#e6ece8!important;border:0!important;color:#6f7a73!important;font-family:inherit!important;font-size:13px!important;line-height:1!important;font-weight:600!important;left:auto!important;top:auto!important;transform:none!important;margin:0!important}
html.nxp .BagView .Navi .Point::after{content:""!important;position:absolute!important;z-index:0;top:15px!important;left:calc(-50% + 22px)!important;right:calc(50% + 22px)!important;width:auto!important;height:2px!important;margin:0!important;background:#e3e8e4!important;border:0!important;transform:none!important}
html.nxp .BagView .Navi .Line+.Point::after,html.nxp .BagView .Navi .Point:first-child::after{display:none!important}
html.nxp .BagView .Navi .Point>span{position:static!important;display:block!important;width:auto!important;font-size:12.5px!important;line-height:1.3!important;font-weight:400!important;color:var(--nx-mut)!important;text-align:center;white-space:nowrap;transform:none!important}
html.nxp .BagView .Navi .Point.Active::before{background:var(--nx-pink)!important;color:#fff!important}
html.nxp .BagView .Navi .Point.Active::after{background:var(--nx-pink)!important}
html.nxp .BagView .Navi .Point.Active>span{color:var(--nx-ink)!important}
html.nxp .BagView .Navi .Point.Active:has(+.Point.Active)::before{content:""!important;background:var(--nx-pink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/15px no-repeat!important}
html.nxp .BagView .Navi .Point.Active:not(:has(+.Point.Active))>span{font-weight:600!important}

/* ---------- ortak kart ---------- */
html.nxp .BagView [T=BagPageProductItem],html.nxp .BagView .List .AddressItem,html.nxp .BagView .List .Invoice,html.nxp .BagView .List .Pay,html.nxp .BagView>.Addition{background:#fff!important;border:1px solid var(--nx-line)!important;border-radius:var(--nx-r)!important;box-shadow:none!important}

/* ---------- urun satiri: foto | ad + teslimat | fiyat + Kaldir ---------- */
html.nxp .BagView [T=BagPageProductItem]{position:relative!important;display:grid!important;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"foto ad fiyat" "foto tarih sil" "ek ek ek" "liste liste liste" "not not not";column-gap:16px;row-gap:0;align-items:start;margin:0 0 12px!important;padding:16px!important;height:auto!important}
html.nxp .BagView [T=BagPageProductItem]>.Product,html.nxp .BagView [T=BagPageProductItem] .ProductArea,html.nxp .BagView [T=BagPageProductItem] .Info,html.nxp .BagView [T=BagPageProductItem] .InfoArea{display:contents!important}
html.nxp .BagView [T=BagPageProductItem] .Photo{grid-area:foto;width:72px!important;height:82px!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;overflow:hidden;background:var(--nx-soft)!important}
html.nxp .BagView [T=BagPageProductItem] .Photo img{width:100%!important;height:100%!important;object-fit:cover}
html.nxp .BagView [T=BagPageProductItem]>.Name{grid-area:ad;display:block!important;margin:2px 0 0!important;padding:0!important;font-size:15px!important;line-height:1.4!important;font-weight:600!important;color:var(--nx-ink)!important;text-decoration:none!important}
html.nxp .BagView [T=BagPageProductItem]>.Name:hover{color:var(--nx-pink)!important}
html.nxp .BagView [T=BagPageProductItem] .InfoArea>.Item:not(.Price){grid-area:tarih;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px;width:auto!important;height:auto!important;margin:8px 0 0!important;padding:0 0 0 22px!important;border:0!important;background: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 9h4l3 3v4h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17.5' cy='17.5' r='1.8'/%3E%3C/svg%3E") left center/16px no-repeat!important}
html.nxp .BagView [T=BagPageProductItem] .InfoArea>.Item:not(.Price)::before,html.nxp .BagView [T=BagPageProductItem] .InfoArea>.Item:not(.Price)::after{display:none!important}
html.nxp .BagView [T=BagPageProductItem] .InfoArea>.Item:not(.Price)>span{display:block!important;flex:none!important;margin:0!important;padding:0!important;text-align:left!important;width:auto!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important;color:var(--nx-pink)!important}
html.nxp .BagView [T=BagPageProductItem] .InfoArea>.Item:not(.Price)>span:has(.Delivery){display:none!important}
html.nxp .BagView [T=BagPageProductItem] .InfoArea>.Item.Price{grid-area:fiyat;justify-self:end;display:flex!important;flex-direction:column;align-items:flex-end;gap:0;width:auto!important;height:auto!important;margin:2px 0 0!important;padding:0!important;border:0!important;text-align:right}
html.nxp .BagView .InfoArea .SalePrice{order:2;font-size:15px!important;line-height:1.35!important;font-weight:700!important;color:var(--nx-ink)!important;white-space:nowrap}
html.nxp .BagView .InfoArea .SalePrice kr{font-size:.8em;font-weight:600}
html.nxp .BagView .InfoArea>.Item.Price>*:not(.SalePrice){order:1;font-size:12.5px!important;font-weight:400!important;color:#9aa39d!important;text-decoration:line-through;white-space:nowrap}
html.nxp .BagView .InfoArea>.Item.Price>*:not(.SalePrice) *{font-size:inherit!important;color:inherit!important}
html.nxp .BagView .InfoArea>.Item.Price:has(>*:not(.SalePrice)) .SalePrice{color:var(--nx-pink)!important}
/* sil -> "Kaldir" yazili kucuk dugme */
html.nxp .BagView [T=BagPageProductItem] .ProductDelete{grid-area:sil;justify-self:end;align-self:start;font-family:inherit!important;position:static!important;display:flex!important;align-items:center;gap:4px;width:auto!important;height:26px!important;margin:6px -4px 0 0!important;padding:0 4px!important;border:0!important;border-radius:6px!important;background:none!important;font-size:0!important;color:var(--nx-mut)!important;cursor:pointer}
html.nxp .BagView [T=BagPageProductItem] .ProductDelete::before{content:""!important;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f7a73' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;font-size:0!important}
html.nxp .BagView [T=BagPageProductItem] .ProductDelete::after{content:"Kaldır"!important;display:inline!important;width:auto!important;font-size:12.5px!important;line-height:1!important;font-weight:400!important;color:var(--nx-mut)!important;position:static!important}
html.nxp .BagView [T=BagPageProductItem] .ProductDelete:hover::after{color:var(--nx-pink);text-decoration:underline}
/* ek urun satiri */
html.nxp .BagView [T=BagPageProductItem] .Other{grid-area:ek;width:auto!important;height:auto!important;margin:12px -16px -16px!important;padding:0!important;border:0!important;display:block!important}
html.nxp .BagView [T=BagPageProductItem] .Other:not(:has(.ExtraProduct)){display:none!important}
html.nxp .BagView [T=BagPageProductItem]:has(.ExtraProductList.Active) .Other{margin-bottom:0!important}
html.nxp .BagView .ExtraProduct{width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-top:1px solid var(--nx-line)!important;background:none!important;display:block!important}
html.nxp .BagView .AddProduct{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px;position:relative!important;width:auto!important;height:46px!important;margin:0!important;padding:0 16px!important;border:0!important;background:none!important;font-size:13.5px!important;color:var(--nx-ink)!important;text-align:left!important;cursor:pointer}
html.nxp .BagView .AddProduct:hover{background:#fcfdfc!important}
html.nxp .BagView .AddProduct>span{padding:0!important;position:static!important;transform:none!important;top:auto!important;left:auto!important;text-align:left!important;margin:0!important}
html.nxp .BagView .AddProduct>span:first-child{display:flex!important;align-items:center;justify-content:center;width:26px!important;height:26px!important;border-radius:50%;background:var(--nx-pink-s)!important;flex:none}
html.nxp .BagView .AddProduct img{display:block!important;width:15px!important;height:15px!important;max-width:none!important;margin:0!important;position:static!important;opacity:1!important}
html.nxp .BagView .AddProduct>span:last-child{flex:1;display:block!important}
html.nxp .BagView .AddProduct strong{color:var(--nx-pink)!important;font-weight:600!important}
html.nxp .BagView .AddProduct::after{content:"";flex:none;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f7a73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
/* ek urun listesi: izgara kartlar, dolu "Ekle" */
html.nxp .BagView [T=BagPageProductItem] .ExtraProductList{grid-area:liste;width:auto!important;max-width:none!important;height:auto!important;margin:0 -16px -16px!important;padding:16px!important;border-top:1px solid var(--nx-line)!important;background:var(--nx-bg)!important;border-radius:0 0 var(--nx-r) var(--nx-r)}
html.nxp .BagView .ExtraProductList:not(.Active){display:none!important}
html.nxp .BagView .ExtraProductList>.Title{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:2px 10px;height:auto!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important;position:relative}
html.nxp .BagView .ExtraProductList>.Title>span:first-child{font-size:16px!important;font-weight:600!important;color:var(--nx-ink)!important}
html.nxp .BagView .ExtraProductList>.Title>span+span{font-size:13px!important;color:var(--nx-mut)!important}
html.nxp .BagView .ExtraProductList>.Title .BtnClosed{margin-left:auto!important;position:static!important;font-size:13px!important;font-weight:500!important;color:var(--nx-mut)!important;cursor:pointer;background:none!important;border:0!important;padding:0!important;text-decoration:underline}
html.nxp .BagView .ExtraProductList>.List{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px!important;padding:0!important;margin:0!important;height:auto!important;max-height:none!important;overflow:visible!important;background:none!important;border:0!important}
html.nxp .BagView .ExtraProductList .SubProduct{width:auto!important;height:auto!important;display:flex!important;flex-direction:column;align-items:center;gap:4px;margin:0!important;padding:10px 8px!important;background:#fff!important;border:1px solid var(--nx-line)!important;border-radius:10px!important;float:none!important;text-align:center}
html.nxp .BagView .ExtraProductList .SubProduct img{width:100%!important;height:84px!important;object-fit:contain;margin:0 0 4px!important}
html.nxp .BagView .ExtraProductList .SubProduct .Name{width:auto!important;height:auto!important;min-height:32px;margin:0!important;padding:0!important;font-size:12.5px!important;line-height:1.3!important;font-weight:600!important;color:var(--nx-ink)!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center!important}
html.nxp .BagView .ExtraProductList .SubProduct .Price{margin:0!important;padding:0!important;height:auto!important;font-size:13px!important;font-weight:600!important;color:var(--nx-ink)!important;text-align:center!important}
html.nxp .BagView .ExtraProductList .SubProduct .AddExtra{width:auto!important;min-width:64px;height:32px!important;display:flex!important;align-items:center;justify-content:center;margin:4px 0 0!important;padding:0 18px!important;border-radius:8px!important;background:var(--nx-pink)!important;border:0!important;color:#fff!important;font-size:13px!important;font-weight:600!important;cursor:pointer}
html.nxp .BagView .ExtraProductList .SubProduct .AddExtra:hover{background:var(--nx-pink-d)!important}
html.nxp .BagView .ExtraProductList .SubProduct .AddExtra.Active{background:var(--nx-green)!important}

/* ---------- sag: siparis ozeti (Devam Et en ustte) ---------- */
html.nxp .BagView>.Addition{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:20px!important}
html.nxp .BagView .Addition>.BagResume{order:-1;display:flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;height:54px!important;margin:0 0 20px!important;padding:0 20px!important;border:0!important;border-radius:10px!important;background:var(--nx-pink)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;box-shadow:none!important;transition:background .15s}
html.nxp .BagView .Addition>.BagResume::after{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
html.nxp .BagView .Addition>.BagResume:hover{background:var(--nx-pink-d)!important}
html.nxp .BagView .Addition>.BagResume.Active,html.nxp .BagView .Addition>.BagResume[aria-disabled=true]{opacity:.7}
html.nxp .BagView .Addition>.Title{order:0;height:auto!important;width:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html.nxp .BagView .Addition>.Title>.Text{height:auto!important;margin:0 0 10px!important;padding:0!important;background:none!important;border:0!important;font-size:17px!important;line-height:1.3!important;font-weight:600!important;color:var(--nx-ink)!important;text-align:left!important}
html.nxp .BagView .Addition>.Title>.Item{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;width:auto!important;height:auto!important;margin:0!important;padding:6px 0!important;border:0!important;background:none!important}
html.nxp .BagView .Addition>.Title>.Item>span{width:auto!important;font-size:14px!important;line-height:1.4!important;color:var(--nx-mut)!important;white-space:nowrap}
html.nxp .BagView .Addition>.Title>.Item>span:last-child{color:var(--nx-ink)!important;text-align:right}
html.nxp .BagView .Addition>.Title>a{display:inline-block!important;width:auto!important;height:auto!important;margin:0 0 2px!important;padding:0!important;font-size:12.5px!important;color:var(--nx-mut)!important;text-decoration:underline!important;border:0!important;background:none!important}
html.nxp .BagView .Addition>.Title>a:hover{color:var(--nx-pink)!important}
html.nxp .BagView .Addition>.Title>.Item.Total{flex-direction:row-reverse!important;align-items:baseline;margin:10px 0 0!important;padding:14px 0 0!important;border-top:1px solid var(--nx-line)!important}
html.nxp .BagView .Addition>.Title>.Item.Total>span:first-child{font-size:19px!important;font-weight:700!important;color:var(--nx-ink)!important}
html.nxp .BagView .Addition>.Title>.Item.Total>span:last-child{font-size:16px!important;font-weight:700!important;color:var(--nx-ink)!important;text-align:left}
html.nxp .BagView .Addition>.Title kr{font-size:.8em}
/* indirim kodu: kapaliyken cizgili dugme, tiklayinca acilir (nxpOpen) */
html.nxp .BagView .GiftArea{order:1;margin:18px 0 0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:auto!important;height:auto!important}
html.nxp .BagView .GiftArea>span:first-child{display:flex!important;align-items:center;justify-content:center;height:46px;margin:0!important;border:1px solid var(--nx-ink)!important;border-radius:8px!important;font-size:13.5px!important;font-weight:500!important;color:var(--nx-ink)!important;cursor:pointer;background:#fff!important;transition:background .15s}
html.nxp .BagView .GiftArea>span:first-child:hover{background:var(--nx-soft)!important}
html.nxp .BagView .GiftArea.nxpOpen>span:first-child{height:auto;justify-content:flex-start;margin:0 0 8px!important;border:0!important;background:none!important;font-weight:600!important;cursor:default}
html.nxp .BagView .GiftArea:not(.nxpOpen)>div,html.nxp .BagView .GiftArea:not(.nxpOpen)>.BtnText{display:none!important}
html.nxp .BagView .GiftArea>div{display:flex!important;gap:8px;width:auto!important;height:auto!important;position:relative}
html.nxp .BagView .GiftArea input{flex:1 1 auto;min-width:0;width:auto!important;height:44px!important;margin:0!important;padding:0 14px!important;border:1px solid var(--nx-line)!important;border-radius:8px!important;background:#fff!important;font-size:15px!important;outline:0;box-sizing:border-box}
html.nxp .BagView .GiftArea input:focus{border-color:var(--nx-pink)!important;box-shadow:0 0 0 3px rgba(207,31,102,.10)}
html.nxp .BagView .GiftArea .COUPON_CODE_SEND{flex:none;position:static!important;width:auto!important;height:44px!important;display:flex!important;align-items:center;margin:0!important;padding:0 16px!important;border-radius:8px!important;background:var(--nx-soft)!important;color:var(--nx-ink)!important;font-size:14px!important;font-weight:600!important;border:1px solid var(--nx-ink)!important;cursor:pointer}
html.nxp .BagView .GiftArea .BtnText{display:inline-block!important;margin:10px 0 0!important;font-size:12.5px!important;color:var(--nx-mut)!important;text-decoration:underline!important;cursor:pointer}
html.nxp .BagView .GiftArea .Statu{border-radius:8px!important;font-size:13px!important}
html.nxp .BagView .Addition .BagTotalMobile{display:none!important}
/* indirim kodu yalniz sepet adiminda: Kart, Alici, Gonderici, Odeme adimlarinda gizli (adim cubugunda 2. adim gecilmisse) */
html.nxp .BagView:has(.Navi .Point.Active+.Point.Active) .GiftArea{display:none!important}

/* ---------- formlar: simgesiz, kutu icinde kayan etiket ---------- */
html.nxp .BagView input,html.nxp .BagView select,html.nxp .BagView textarea{font-family:inherit!important}
html.nxp .BagView .List .AddressItem,html.nxp .BagView .List .Invoice,html.nxp .BagView .List .Pay{margin:0 0 12px!important;padding:20px!important;height:auto!important}
html.nxp .BagView .AddressItem>.Title,html.nxp .BagView .Invoice>.Title{display:flex!important;align-items:center;justify-content:space-between;gap:12px;height:auto!important;margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}
html.nxp .BagView .AddressItem>.Title .Location,html.nxp .BagView .Invoice>.Title .Location{display:flex!important;flex-direction:column;gap:4px;width:auto!important;height:auto!important;padding:0!important;background:none!important;border:0!important}
html.nxp .BagView .AddressItem>.Title .Location span:first-child,html.nxp .BagView .Invoice>.Title .Location span:first-child{font-size:15px!important;line-height:1.3!important;font-weight:600!important;color:var(--nx-ink)!important}
html.nxp .BagView .Invoice>.Title .Location span+span{font-size:13px!important;line-height:1.45!important;color:var(--nx-mut)!important}
html.nxp .BagView .AddressItem .Productlist span{border-radius:8px!important;overflow:hidden}
html.nxp .BagView .OtherSelect{display:flex!important;flex-wrap:wrap;gap:8px;height:auto!important;margin:0 0 14px!important;padding:0!important;border:0!important}
html.nxp .BagView .OtherSelect .Address{display:inline-flex!important;align-items:center;gap:6px;height:34px!important;width:auto!important;margin:0!important;padding:0 14px!important;border:1px solid var(--nx-line)!important;border-radius:8px!important;background:#fff!important;font-size:13px!important;font-weight:500!important;color:var(--nx-ink)!important;cursor:pointer}
html.nxp .BagView .OtherSelect .Address.Active{border-color:var(--nx-ink)!important;background:var(--nx-soft)!important}
html.nxp .BagView .Form{height:auto!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
html.nxp .BagView .AddressItem .Form{display:block!important}
html.nxp .BagView .AddressItem .Form>.Left,html.nxp .BagView .AddressItem .Form>.Right{width:auto!important;float:none!important;padding:0!important;margin:0!important}
html.nxp .BagView .FormGroup{position:relative!important;width:auto!important;margin:0 0 12px!important;padding:0!important}
html.nxp .BagView .FormGroup>i{display:none!important}
html.nxp .BagView .FormGroup>.Text{position:absolute!important;left:16px!important;right:16px!important;top:28px!important;transform:translateY(-50%);z-index:3!important;display:block!important;width:auto!important;height:auto!important;font-size:15px!important;line-height:1.2!important;color:var(--nx-mut)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:top .15s,font-size .15s;background:none!important;padding:0!important;margin:0!important}
html.nxp .BagView .FormGroup.Focus>.Text{top:13px!important;font-size:12px!important}
html.nxp .BagView .FormGroup .InputArea{width:auto!important;height:auto!important;margin:0!important;padding:0!important}
html.nxp .BagView .FormGroup .InputArea input,html.nxp .BagView .FormGroup .InputArea textarea{width:100%!important;height:56px!important;box-sizing:border-box!important;margin:0!important;padding:22px 16px 6px!important;border:1px solid var(--nx-line)!important;border-radius:8px!important;background:#fff!important;font-size:16px!important;line-height:1.3!important;color:var(--nx-ink)!important;outline:0!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
html.nxp .BagView .FormGroup .InputArea textarea{height:100px!important;padding-top:28px!important;resize:vertical}
html.nxp .BagView .FormGroup .InputArea input:focus,html.nxp .BagView .FormGroup .InputArea textarea:focus{border-color:var(--nx-ink)!important;box-shadow:0 0 0 3px rgba(31,42,36,.06)!important}
html.nxp .BagView .FormGroup.Error .InputArea input,html.nxp .BagView .FormGroup.Error .InputArea textarea{border-color:#d93a3a!important}
html.nxp .BagView .FormGroup .ErrorText{font-size:12px!important;color:#d93a3a!important;margin:6px 2px 0!important;position:static!important}
html.nxp .BagView .FormGroup .ErrorText:empty{display:none!important}
html.nxp .BagView .Invoice .BtnLogin{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;height:36px!important;margin:0 0 16px!important;padding:0 14px!important;border:1px solid var(--nx-ink)!important;border-radius:8px!important;background:#fff!important;color:var(--nx-ink)!important;font-size:13.5px!important;font-weight:500!important;cursor:pointer}
html.nxp .BagView .Invoice .BtnLogin:hover{background:var(--nx-soft)!important}
html.nxp .BagView .Invoice .Form a,html.nxp .BagView .Invoice .Form>span{color:var(--nx-mut)!important;font-size:13px!important}
/* kart mesaji: kesik cizgili kutu */
html.nxp .BagView [T=BagPageProductItem] .CommentArea{grid-area:not;margin:14px 0 0!important;padding:16px!important;border:1px dashed #cdd6cf!important;border-radius:10px!important;background:var(--nx-bg)!important;height:auto!important}
html.nxp .BagView .CommentArea .FormGroup{margin:0 0 10px!important}
html.nxp .BagView .CommentArea .FormGroup:last-child{margin:0!important}
html.nxp .BagView .CommentArea select,html.nxp .BagView .CommentArea textarea,html.nxp .BagView .CommentArea input{width:100%!important;box-sizing:border-box!important;margin:0!important;border:1px solid var(--nx-line)!important;border-radius:8px!important;background:#fff!important;font-size:16px!important;color:var(--nx-ink)!important;outline:0!important;box-shadow:none!important}
html.nxp .BagView .CommentArea select{height:48px!important;padding:0 40px 0 14px!important;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2a24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center/15px no-repeat!important;cursor:pointer}
html.nxp .BagView .CommentArea textarea{height:120px!important;padding:12px 14px!important;line-height:1.5!important;resize:vertical}
html.nxp .BagView .CommentArea input{height:48px!important;padding:0 14px!important}
html.nxp .BagView .CommentArea select:focus,html.nxp .BagView .CommentArea textarea:focus,html.nxp .BagView .CommentArea input:focus{border-color:var(--nx-ink)!important}

/* ---------- odeme ---------- */
html.nxp .BagView .Pay .Form,html.nxp .BagView .Pay .PayView{border:0!important;box-shadow:none!important;background:none!important;padding:0!important;height:auto!important}
html.nxp .BagView .PayList{display:flex!important;gap:4px;height:auto!important;margin:0 0 18px!important;padding:4px!important;border:0!important;border-radius:10px!important;background:var(--nx-soft)!important}
html.nxp .BagView .PayList::before,html.nxp .BagView .PayList::after{display:none!important}
html.nxp .BagView .PayList .PayItem{flex:1 1 0;display:flex!important;align-items:center;justify-content:center;gap:8px;height:46px!important;width:auto!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--nx-mut)!important;font-size:14.5px!important;font-weight:500!important;white-space:nowrap;cursor:pointer;box-shadow:none!important}
html.nxp .BagView .PayList .PayItem::before{content:"";flex:none;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f7a73' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E") center/contain no-repeat}
html.nxp .BagView .PayList .PayItem+.PayItem::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f7a73' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6.5' width='18' height='11' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E")}
html.nxp .BagView .PayList .PayItem.Active{background:#fff!important;color:var(--nx-ink)!important;font-weight:600!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}
html.nxp .BagView .Pay .FormArea{height:auto!important}
html.nxp .BagView .Pay .FormArea .FormGroup{display:flex!important;flex-direction:column;align-items:stretch;gap:6px;margin:0 0 12px!important;height:auto!important}
html.nxp .BagView .Pay .FormArea .FormGroup:has(>.Text:empty){margin:0!important}
html.nxp .BagView .Pay .FormArea .FormGroup>.Text:empty{display:none!important}
html.nxp .BagView .Pay .FormArea .FormGroup>.Text{position:static!important;transform:none!important;width:auto!important;font-size:13px!important;font-weight:500!important;color:var(--nx-ink)!important;white-space:normal}
html.nxp .BagView .Pay .FormArea .FormGroup input,html.nxp .BagView .Pay .FormArea .FormGroup select{width:100%!important;max-width:none!important;height:50px!important;box-sizing:border-box!important;margin:0!important;padding:0 14px!important;border:1px solid var(--nx-line)!important;border-radius:8px!important;background:#fff!important;font-size:16px!important;outline:0!important;box-shadow:none!important}
html.nxp .BagView .Pay .FormArea .FormGroup select{-webkit-appearance:none;appearance:none;padding-right:38px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2a24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/15px no-repeat!important}
html.nxp .BagView .Pay .FormArea .FormGroup input:focus,html.nxp .BagView .Pay .FormArea .FormGroup select:focus{border-color:var(--nx-ink)!important}
html.nxp .BagView .Pay .FormArea .FormGroup.Small{flex-direction:row!important;flex-wrap:wrap}
html.nxp .BagView .Pay .FormArea .FormGroup.Small>.Text{flex:1 0 100%}
html.nxp .BagView .Pay .FormArea .FormGroup.Small>select{flex:1 1 0;min-width:0}
html.nxp .BagView .Pay .FormArea .FormGroup.Small>input{max-width:160px!important}
html.nxp .BagView .Pay .BtnList{display:flex!important;flex-direction:column;align-items:stretch;gap:14px;height:auto!important;margin:6px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--nx-line)!important}
html.nxp .BagView .Pay .Contract{font-size:13px!important;line-height:1.55!important;color:var(--nx-mut)!important;height:auto!important}
html.nxp .BagView .Pay .Contract strong{color:var(--nx-ink)!important;font-weight:600!important;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
html.nxp .BagView .Pay .PayBtn{display:flex!important;align-items:center;justify-content:center;width:auto!important;height:54px!important;margin:0!important;padding:0 28px!important;border:0!important;border-radius:10px!important;background:var(--nx-pink)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;box-shadow:none!important;cursor:pointer}
html.nxp .BagView .Pay .PayBtn:hover{background:var(--nx-pink-d)!important}

/* ---------- bos sepet ---------- */
html.nxp .BagView:has(>.nonBag){display:block!important}
html.nxp .BagView .nonBag{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:auto!important;margin:32px 0 56px!important;padding:56px 24px!important;background:var(--nx-green-s)!important;border:1px solid var(--nx-line)!important;border-radius:var(--nx-r)!important;text-align:center}
html.nxp .BagView .nonBag::before{content:"";width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2a24' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.2a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8z'/%3E%3Cpath d='M9 10V6.5a3 3 0 0 1 6 0V10'/%3E%3C/svg%3E") center/contain no-repeat}
html.nxp .BagView .nonBag>img,html.nxp .BagView .nonBag>i,html.nxp .BagView .nonBag>svg{display:none!important}
html.nxp .BagView .nonBag>span{display:block!important;width:auto!important;height:auto!important;margin:0!important;font-size:15px!important;line-height:1.4!important;font-weight:400!important;color:var(--nx-ink)!important;background:none!important;padding:0!important}
html.nxp .BagView .nonBag>span::before,html.nxp .BagView .nonBag>span::after{display:none!important}
html.nxp .BagView .nonBag>a.Btn{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:44px!important;margin:6px 0 0!important;padding:0 24px!important;border:0!important;border-radius:8px!important;background:var(--nx-pink)!important;color:#fff!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;box-shadow:none!important}
html.nxp .BagView .nonBag>a.Btn:hover{background:var(--nx-pink-d)!important}

/* ---------- tablet ---------- */
/* sepet ve sonraki adimlarda ust arama kutusu yok (owner) */
html.nxp body:has(.BagView) .HeadArea .Search,html.nxp body:has(.BagView) .Head .MobilSearch{display:none!important}
/* adres kutusu (textarea): etiket hep ustte, yazi altinda; etiket yaziya binmesin */
html.nxp .BagView .FormGroup:has(textarea)>.Text{top:10px!important;transform:none!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
html.nxp .BagView .FormGroup .InputArea textarea{padding-top:30px!important}
/* havale: banka secilmeden Siparisi Tamamla -> site kutuya .Error ekliyor; gorunur yap */
html.nxp .BagView .Pay .FormArea .FormGroup.Error select{border-color:#d93a3a!important;background-color:#fff6f6!important;box-shadow:0 0 0 3px rgba(217,58,58,.12)!important}
html.nxp .BagView .Pay .FormArea .FormGroup.Error:has(>select)::after{content:"Lütfen havale yapacağınız bankayı seçin.";display:block;margin:8px 0 0;padding-left:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93a3a' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E") left center/16px no-repeat;font-size:13.5px;font-weight:600;line-height:20px;color:#d93a3a}
@media (max-width:1100px) and (min-width:791px){
  html.nxp .BagView>.Addition>.Title{display:block!important}
  html.nxp .BagView{grid-template-columns:minmax(0,1fr) 300px;column-gap:18px}
  html.nxp .BagView .ExtraProductList>.List{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- mobil ---------- */
@media (max-width:790px){
  html.nxp .BagView{display:block!important;padding-bottom:24px!important}
  html.nxp .BagView>.Title{grid-template-columns:auto 1fr;margin:20px 0 14px!important}
  html.nxp .BagView>.Title>.Navi{margin:0 0 20px!important}
  html.nxp .BagView>.Title>.Text{font-size:21px!important}
  html.nxp .BagView>.Title>.SubText{font-size:12.5px!important}
  html.nxp .BagView .Navi .Point::before{width:28px!important;height:28px!important;font-size:12px!important}
  html.nxp .BagView .Navi .Point::after{top:14px!important;left:calc(-50% + 18px)!important;right:calc(50% + 18px)!important}
  html.nxp .BagView .Navi .Point>span{font-size:10.5px!important;line-height:1.25!important;letter-spacing:-.01em;max-width:68px;margin:0 auto!important;text-align:center!important;white-space:normal!important}
  html.nxp .BagView [T=BagPageProductItem]{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"foto ad ad" "foto tarih tarih" "foto fiyat sil" "ek ek ek" "liste liste liste" "not not not";column-gap:12px;padding:14px!important}
  html.nxp .BagView [T=BagPageProductItem] .Photo{width:64px!important;height:74px!important}
  html.nxp .BagView [T=BagPageProductItem] .InfoArea>.Item.Price{justify-self:start;flex-direction:row;align-items:baseline;gap:6px;margin:2px 0 0!important}
  html.nxp .BagView [T=BagPageProductItem] .ProductDelete{align-self:center}
  html.nxp .BagView [T=BagPageProductItem] .Other{margin:12px -14px -14px!important}
  html.nxp .BagView .AddProduct{padding:0 14px!important}
  html.nxp .BagView [T=BagPageProductItem] .ExtraProductList{margin:0 -14px -14px!important;padding:14px!important}
  html.nxp .BagView .ExtraProductList>.List{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.nxp .BagView .ExtraProductList .SubProduct img{height:96px!important}
  html.nxp .BagView .List .AddressItem,html.nxp .BagView .List .Invoice,html.nxp .BagView .List .Pay{padding:16px 14px!important}
  /* kupon: site mobilde urunlerin altina tasiyor */
  html.nxp .BagView .List>.GiftArea{margin:0 0 12px!important;padding:14px!important;background:#fff!important;border:1px solid var(--nx-line)!important;border-radius:var(--nx-r)!important}
  html.nxp .BagView .List>.GiftArea:not(.nxpOpen){padding:0!important;border:0!important;background:none!important}
  /* alt cubuk: site sabitliyor; solda toplam, sagda Devam Et */
  html.nxp body:has(.BagView){padding-bottom:84px!important}
  html.nxp .BagView>.Addition{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:60!important;width:auto!important;margin:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;background:#fff!important;border:0!important;border-top:1px solid var(--nx-line)!important;border-radius:0!important;box-shadow:0 -6px 20px -12px rgba(0,0,0,.18)!important}
  html.nxp .BagView>.Addition>.Title{display:none!important}
  html.nxp .BagView .Addition .BagTotalMobile{order:1;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;flex:0 0 auto}
  html.nxp .BagView .Addition .BagTotalMobile>span:first-child{font-size:12px!important;line-height:1.2!important;color:var(--nx-mut)!important;font-weight:400!important}
  html.nxp .BagView .Addition .BagTotalMobile>span:last-child{font-size:18px!important;line-height:1.25!important;font-weight:700!important;color:var(--nx-ink)!important;white-space:nowrap}
  html.nxp .BagView .Addition .BagTotalMobile kr{font-size:.75em}
  html.nxp .BagView .Addition .BagTotalMobile::before,html.nxp .BagView .Addition .BagTotalMobile::after{display:none!important}
  html.nxp .BagView .Addition>.BagResume{order:2;flex:1 1 auto;height:50px!important;margin:0!important}
  html.nxp .BagView .PayList .PayItem{font-size:13.5px!important;gap:6px;padding:0 8px!important}
  html.nxp .BagView .nonBag{margin:20px 0 32px!important;padding:44px 20px!important}
  /* ek urunler: site mobilde tam ekran pencere aciyor ve sayfa kaydirmasini kilitliyor (body.ExtraPro). Pencere ekran boyunda kalir, kendi icinde kayar. */
  html.nxp .BagView [T=BagPageProductItem] .ExtraProductList.Active{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;max-height:none!important;margin:0!important;padding:0 14px calc(24px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:#fff!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:1000!important;opacity:1!important}
  html.nxp .BagView .ExtraProductList.Active>.Title{position:sticky!important;top:0!important;left:auto!important;z-index:2!important;width:auto!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:2px 10px;margin:0 -14px 12px!important;padding:16px 14px 12px!important;background:#fff!important;box-shadow:0 1px 0 var(--nx-line)!important}
  html.nxp .BagView .ExtraProductList.Active>.Title>span:first-child{width:auto!important;font-size:17px!important}
  html.nxp .BagView .ExtraProductList.Active>.Title>span+span{order:3;flex:1 0 100%;width:100%!important;font-size:12.5px!important}
  html.nxp .BagView .ExtraProductList.Active>.Title .BtnClosed{position:static!important;order:2;margin-left:auto!important;padding:7px 14px!important;border:1px solid var(--nx-line)!important;border-radius:8px!important;background:#fff!important;color:var(--nx-ink)!important;font-size:13px!important;text-decoration:none!important}
  html.nxp .BagView .ExtraProductList.Active>.List{padding:0!important}
  html.nxp body.ExtraPro .BagView>.Addition{display:none!important}
}


/* odeme: "isleniyor" (completeOrderSuccess) ve banka hata (BankMessage, Tekrar Dene) pencereleri. Yalniz odeme adiminda. */
html.nxp body:has(.BagView .Pay) .PopupDesign.B1>.PopupOver{background:rgba(24,20,22,.5)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document{width:100%!important;font-family:"DM Sans",sans-serif!important;border-radius:20px!important;box-shadow:0 24px 60px rgba(0,0,0,.25)!important;overflow:hidden}
/* isleniyor penceresi: kilitli halka, baslik, aciklama, ilerleme cizgisi, guvenlik satiri. Kaynak DOM: .Title>.Big (bos), .Center (gizli), .Loading>svg */
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document:has(>.Loading){display:flex!important;flex-direction:column;align-items:center;height:auto!important;min-height:0!important;max-height:none!important;padding:40px 32px 30px!important;background:#fff!important;text-align:center}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document>.Loading{order:1;position:relative!important;display:flex!important;justify-content:center;align-items:center;width:96px!important;height:96px!important;margin:0 0 22px!important;background:none!important}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document>.Loading::before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--nx-pink-s);box-shadow:inset 0 0 0 1px rgba(207,31,102,.08)}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document>.Loading::after{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;background: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8.5 10.5V7.8a3.5 3.5 0 0 1 7 0v2.7'/%3E%3Cpath d='M12 14.6v2.2'/%3E%3C/svg%3E") center/contain no-repeat}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document>.Loading svg{position:absolute!important;inset:0;margin:0!important;width:96px!important;height:96px!important}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document>.Loading svg path{stroke:var(--nx-pink)!important;stroke-width:2.6px!important;stroke-linecap:round}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document:has(>.Loading)>.Title{order:2;display:block!important;width:100%;margin:0!important;padding:0!important;background:none!important;border:0!important;height:auto!important}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document:has(>.Loading)>.Title .Big{display:block!important;font-size:0!important;margin:0!important;padding:0!important;background:none!important;height:auto!important}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document:has(>.Loading)>.Title .Big::before{content:"Siparişiniz tamamlanıyor";display:block;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--nx-ink)}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document:has(>.Loading)>.Title .Big::after{content:"Ödeme ve sipariş bilgileriniz güvenle işleniyor. Bu işlem birkaç saniye sürebilir, lütfen sayfayı kapatmayın.";display:block;max-width:340px;margin:10px auto 0;font-size:14.5px;line-height:1.55;font-weight:400;color:var(--nx-mut)}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document:has(>.Loading)>.Title::after{content:"";display:block;height:5px;margin:24px 0 0;border-radius:999px;background:linear-gradient(90deg,rgba(207,31,102,0) 0%,var(--nx-pink) 50%,rgba(207,31,102,0) 100%) no-repeat -40% 0/40% 100%,#f3e6ec;animation:nxpPay 1.4s ease-in-out infinite}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document:has(>.Loading)::after{content:"256-bit SSL ile korunan güvenli ödeme";order:3;display:inline-flex;align-items:center;margin:18px 0 0;padding:0 0 0 22px;font-size:12.5px;line-height:18px;font-weight:600;color:#178f50;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231fae62' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8l7.4 2.8v5.8c0 4.6-3.1 8.3-7.4 9.8-4.3-1.5-7.4-5.2-7.4-9.8V5.6z'/%3E%3Cpath d='M8.6 12l2.4 2.4 4.4-4.6'/%3E%3C/svg%3E") left center/16px no-repeat}
@keyframes nxpPay{0%{background-position:-40% 0,0 0}100%{background-position:140% 0,0 0}}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document>.Center{padding:32px 28px 28px!important}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .BankMessage{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px;text-align:center}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .BankMessage::before{content:"";width:60px;height:60px;margin:0 0 4px;border-radius:50%;background:#fdecef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93a3a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M14.5 14.5l3 3M17.5 14.5l-3 3'/%3E%3C/svg%3E") center/28px no-repeat}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .BankMessage .Title{margin:0!important;padding:0!important;font-size:19px!important;line-height:1.3!important;font-weight:700!important;color:var(--nx-ink)!important;background:none!important;border:0!important;height:auto!important}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .BankMessage .Text{margin:0!important;padding:0!important;font-size:15px!important;line-height:1.5!important;color:var(--nx-mut)!important}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .BankMessage .Btn.Reply{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:52px!important;margin:12px 0 0!important;padding:0 20px!important;border:0!important;border-radius:12px!important;background:var(--nx-pink)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;cursor:pointer;box-shadow:none!important}
html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .BankMessage .Btn.Reply:hover{background:var(--nx-pink-d)!important}
@media (min-width:791px){
  html.nxp body:has(.BagView .Pay) .PopupDesign.B1{align-items:center!important;justify-content:center!important}
  html.nxp body:has(.BagView .Pay) .PopupDesign.B1>.Modal{width:440px!important;max-width:calc(100% - 32px)!important;margin:0 auto!important}
  html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document:has(>.Loading){border-radius:24px!important;padding:44px 36px 32px!important}
}
@media (max-width:790px){
  html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document{border-radius:22px 22px 0 0!important;padding-bottom:env(safe-area-inset-bottom)}
  html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document>.Center{padding:28px 20px 24px!important}
  html.nxp body:has(.BagView .Pay) .PopupDesign.B1 .Document:has(>.Loading){min-height:min(440px,62vh)!important;justify-content:center;padding:44px 24px calc(32px + env(safe-area-inset-bottom))!important;border-radius:26px 26px 0 0!important}
}
/* mesaj karti hatirlatma penceresi (Kart adiminda mesajsiz Devam Et). Kaynak: Message/Default.asp loginTrigger + .BagComplete. Metinler owner gorselindeki gibi (CSS). */
html.nxp body:has(.BagView) .PopupDesign.B1:has(>.Modal.BagComplete)>.PopupOver{background:rgba(24,20,22,.5)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document{position:relative;width:100%!important;padding:0!important;border-radius:24px!important;background:#fff!important;font-family:"DM Sans",sans-serif!important;box-shadow:0 24px 60px rgba(0,0,0,.25)!important;overflow:hidden}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Title{position:absolute!important;top:14px;right:14px;z-index:2;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Title .Big{display:none!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Title .Close{position:static!important;display:block!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#f3f3f5 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.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/15px no-repeat!important;font-size:0!important;color:transparent!important;cursor:pointer;line-height:0!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Title .Close:hover{background-color:#e9e9ed!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center{display:flex!important;flex-direction:column;align-items:center;padding:40px 28px 28px!important;margin:0!important;text-align:center;float:none!important;width:auto!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center::before{content:"";width:76px;height:76px;margin:0 0 18px;border-radius:50%;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='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.8' y='5.5' width='18.4' height='13.5' rx='2.4'/%3E%3Cpath d='M3.4 7l8.6 6.4L20.6 7'/%3E%3Cpath d='M12 11.2c-.9-1.3-3-1.1-3 .6 0 1.3 1.7 2.4 3 3.3 1.3-.9 3-2 3-3.3 0-1.7-2.1-1.9-3-.6z' fill='%23cf1f66' stroke='none'/%3E%3C/svg%3E") center/36px no-repeat;box-shadow:0 0 0 8px rgba(207,31,102,.05)}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .Title{float:none!important;font-family:"DM Sans",sans-serif!important;width:auto!important;margin:0!important;font-size:0!important;color:var(--nx-ink)!important;background:none!important;border:0!important;padding:0!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .Title::before{content:"Mesaj Kartı";display:block;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .Title::after{content:"Küçük Bir Not, Büyük Bir Mutluluk";display:block;margin:6px 0 0;font-size:17px;line-height:1.35;font-weight:600;color:var(--nx-pink)}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .Product{display:block!important;width:100%!important;margin:18px 0 0!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .Product .Name{display:block!important;font-size:0!important;font-weight:400!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .Product .Name>span{display:none!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .Product .Name::before{content:"Sepetinizdeki ürünlere mesaj kartı eklemediğinizi hatırlatmak isteriz.";display:block;padding:14px 16px 14px 48px;border-radius:14px;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' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 11v5.5M12 7.6h.01'/%3E%3C/svg%3E") 16px center/20px no-repeat;text-align:left;font-size:14.5px;line-height:1.5;font-weight:500;color:var(--nx-ink)}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .BtnList{float:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px;width:100%!important;margin:26px 0 0!important;padding:0!important;border:0!important;overflow:visible!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .BtnList .Btn{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;height:54px!important;margin:0!important;padding:0 20px!important;border-radius:14px!important;font-size:16px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;box-sizing:border-box;cursor:pointer;transition:background .15s,border-color .15s}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .BtnList .Btn.cancel-btn{order:1;border:0!important;background:var(--nx-pink)!important;color:#fff!important;box-shadow:0 10px 22px -10px rgba(207,31,102,.7)!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .BtnList .Btn.cancel-btn::before{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h8.5'/%3E%3Cpath d='M16.4 3.6a2.1 2.1 0 0 1 3 3L7.5 18.5 3.5 19.5l1-4z'/%3E%3C/svg%3E") center/contain no-repeat}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .BtnList .Btn.cancel-btn:hover{background:var(--nx-pink-d)!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .BtnList .Btn.Complete{order:2;height:50px!important;border:1.5px solid var(--nx-line)!important;background:#fff!important;color:var(--nx-ink)!important;font-size:0!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .BtnList .Btn.Complete::before{content:"Devam Et";font-size:15.5px;font-weight:700}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .BtnList .Btn.Complete::after{content:"";width:16px;height:16px;background: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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center .BtnList .Btn.Complete:hover{border-color:#cfcfd6!important;background:var(--nx-soft)!important}
html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Bottom{display:none!important}
@media (min-width:791px){
  html.nxp body:has(.BagView) .PopupDesign.B1:has(>.Modal.BagComplete){align-items:center!important;justify-content:center!important}
  html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete{width:440px!important;max-width:calc(100% - 32px)!important;margin:0 auto!important}
}
@media (max-width:790px){
  html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document{border-radius:26px 26px 0 0!important}
  html.nxp body:has(.BagView) .PopupDesign.B1>.Modal.BagComplete>.Htm>.Document>.Center{padding:44px 22px calc(24px + env(safe-area-inset-bottom))!important}
}
/* sepetten silme onayi (Kaldir): Functions.js deleteProductItem. Mesaj karti penceresiyle ayni dil; foto sepet.js ile ekleniyor (.nxpDelImg). */
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.PopupOver{background:rgba(24,20,22,.5)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document{position:relative;display:flex!important;flex-direction:column;width:100%!important;height:auto!important;padding:0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 60px rgba(0,0,0,.25)!important;overflow:hidden;font-family:"DM Sans",sans-serif!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Title{position:absolute!important;top:14px;right:14px;z-index:2;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Title .Big{display:none!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Title .Close{position:static!important;display:block!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#f3f3f5 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.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/15px no-repeat!important;font-size:0!important;color:transparent!important;cursor:pointer;line-height:0!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center{display:flex!important;flex-direction:column;align-items:center;width:auto!important;margin:0!important;padding:40px 28px 0!important;text-align:center;float:none!important;background:none!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center::before{content:"";width:76px;height:76px;margin:0 0 18px;border-radius:50%;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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5h16M9.5 6.5V4.8c0-.7.5-1.2 1.2-1.2h2.6c.7 0 1.2.5 1.2 1.2v1.7M6.2 6.5l.9 12.6c.1 1 .9 1.8 1.9 1.8h6c1 0 1.8-.8 1.9-1.8l.9-12.6M10 10.5v6.5M14 10.5v6.5'/%3E%3C/svg%3E") center/34px no-repeat;box-shadow:0 0 0 8px rgba(207,31,102,.05)}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .popTitle{width:auto!important;margin:0!important;padding:0!important;font-size:0!important;background:none!important;border:0!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .popTitle>span{display:none!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .popTitle::before{content:"Sepetten Çıkarılsın mı?";display:block;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--nx-ink)}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .popTitle::after{content:"Bu ürünü sepetinizden kaldırmak istediğinize emin misiniz?";display:block;max-width:330px;margin:8px auto 0;font-size:15px;line-height:1.55;font-weight:400;color:var(--nx-mut)}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .DeleteItem{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;width:100%!important;box-sizing:border-box;margin:20px 0 0!important;padding:12px 16px 12px 12px!important;border:0!important;border-radius:16px!important;background:var(--nx-pink-s)!important;text-align:left}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .DeleteItem .nxpDelImg{grid-row:1/3;width:56px;height:64px;object-fit:cover;border-radius:10px;background:#fff}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .DeleteItem:not(:has(.nxpDelImg)){grid-template-columns:1fr}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .DeleteItem>span{display:block!important;margin:0!important;padding:0!important;width:auto!important;background:none!important;border:0!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .DeleteItem>span:first-of-type{font-size:12.5px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:.02em;text-transform:none!important;color:var(--nx-pink)!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center .DeleteItem>span:last-of-type{margin-top:2px!important;font-size:15px!important;line-height:1.35!important;font-weight:700!important;color:var(--nx-ink)!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom{display:flex!important;flex-direction:column;gap:10px;width:auto!important;height:auto!important;margin:0!important;padding:24px 28px 28px!important;border:0!important;background:none!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom .Btn{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:54px!important;margin:0!important;padding:0 20px!important;border-radius:14px!important;font-size:0!important;line-height:1!important;box-sizing:border-box;cursor:pointer;float:none!important;transition:background .15s,border-color .15s}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom .Btn.Resume{order:1;border:0!important;background:var(--nx-pink)!important;color:#fff!important;box-shadow:0 10px 22px -10px rgba(207,31,102,.7)!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom .Btn.Resume::before{content:"Evet, sepetimden çıkar";font-size:16px;font-weight:700}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom .Btn.Resume:hover{background:var(--nx-pink-d)!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom .Btn.Resume.Active{opacity:.7;pointer-events:none}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom .Btn.Cancel{order:2;height:50px!important;border:1.5px solid var(--nx-line)!important;background:#fff!important;color:var(--nx-ink)!important}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom .Btn.Cancel::before{content:"Vazgeç";font-size:15.5px;font-weight:700}
html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom .Btn.Cancel:hover{border-color:#cfcfd6!important;background:var(--nx-soft)!important}
@media (min-width:791px){
  html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem){align-items:center!important;justify-content:center!important}
  html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal{width:440px!important;max-width:calc(100% - 32px)!important;margin:0 auto!important}
}
@media (max-width:790px){
  html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document{border-radius:26px 26px 0 0!important}
  html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Center{padding:44px 22px 0!important}
  html.nxp body:has(.BagView) .PopupDesign.B1:has(.DeleteItem)>.Modal>.Htm>.Document>.Bottom{padding:22px 22px calc(24px + env(safe-area-inset-bottom))!important}
}

/* 2026-11-06: footer ustundeki pembe "Sorunuz mu var" bandi sepet ve odeme adimlarinda gosterilmez */
.nxF-band{display:none!important}