﻿/* ===== Default.aspx inline style 1 ===== */
/* NP: Anasayfa - Kütüphanemde rozeti (sadece indirilen/satın alınan ürünlerde) */
figure.product-media{position:relative;}
.np-kutuphanemde-badge{
    position:absolute;
    top:10px;
    left:10px;
    z-index:5;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    line-height:1;
    font-weight:700;
    /* Kullanıcı isteği: rozet yeşil arka plan */
    background:#2ecc71;
    color:#fff;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
    pointer-events:none;
}


/* Accessibility contrast fix: "Ayın çok satanları" etiketi */
.product-countdown-container.bg-primary,
.product-countdown-container.bg-primary label{
    background:#c62828 !important;
    color:#ffffff !important;
}
.product-countdown-container.bg-primary{
    border:1px solid #a61e1e !important;
}

/* Kütüphanemde hover butonu (Siparişlerim) */
.np-lib-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}

/* === Ana Slider: A stil tebesir yazi + ortalama + buton altta (sadece tasarim) === */

/* Banner content'i tam ortaya al */
.intro-slide.intro-slide1 { position: relative; background-position: center bottom !important; }
.intro-slide.intro-slide1 .banner-content{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    width:min(860px, calc(100% - 48px)) !important;
    text-align:center !important;
    margin:0 !important;
    z-index:3;
}

/* Baslik (A gibi: düz, güçlü, okunur) */
.intro-slide.intro-slide1 .banner-content h1,
.intro-slide.intro-slide1 .banner-content h2,
.intro-slide.intro-slide1 .banner-content .banner-title,
.intro-slide.intro-slide1 .banner-content .title{
    font-family: 'Luckiest Guy', 'Trebuchet MS', Arial, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1.1px !important;
    line-height: 1.05 !important;
    margin: 0 0 18px 0 !important;
    font-size: clamp(26px, 3.6vw, 56px) !important;
    color: rgba(248,248,248,.96) !important;
    text-shadow:
        0 1px 0 rgba(255,255,255,.08),
        0 0 1px rgba(255,255,255,.55),
        0 0 7px rgba(255,255,255,.14);
}

/* Buton: yazinin altinda ortali */
.intro-slide.intro-slide1 .banner-content a,
.intro-slide.intro-slide1 .banner-content .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    float:none !important;
    margin: 8px auto 0 auto !important;
}

/* Mobil nefes payi */
@media (max-width:575px){
  .intro-slide.intro-slide1 .banner-content{ width: calc(100% - 32px) !important; }
}


/* === Sağ Alt Banner (Açıköğretim) === */
.intro-banner-bottom { position: relative; }
.intro-banner-bottom .banner-content{
    text-align:center !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:100% !important;
    padding:0 10px !important;
}
.intro-banner-bottom .np-bottom-banner-title{
    font-family:'DJBChalk', Arial, sans-serif !important;
    color:#ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 1.05 !important;
    margin:0 0 12px 0 !important;
    font-size: clamp(16px, 1.35vw, 22px) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.35) !important;
}
.intro-banner-bottom .banner-subtitle{
    text-align:center !important;
}
.intro-banner-bottom a.btn,
.intro-banner-bottom a.btn-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    color:#ffffff !important;
    border-color: rgba(255,255,255,.85) !important;
}
.intro-banner-bottom a.btn i,
.intro-banner-bottom a.btn-link i{
    color:#ffffff !important;
}

/* Mobilde biraz daha küçült */
@media (max-width:575px){
  .intro-banner-bottom .np-bottom-banner-title{ font-size: 18px !important; }
}
 

/* NP DESKTOP FIX: Anasayfa ürün alanı sekmeli kart başlığı (kart tasarımına dokunmaz) */
@media (min-width:768px){
  .np-desktop-tabbed-home-products{
    display:block!important;
    max-width:1420px!important;
    width:calc(100% - 32px)!important;
    margin:0 auto 34px!important;
    padding:24px 24px 20px!important;
    border:1px solid rgba(226,232,240,.95)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
    box-shadow:0 18px 46px rgba(15,23,42,.055)!important;
    overflow:hidden!important;
  }
  .np-desktop-products-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    margin:0 0 22px!important;
  }
  .np-desktop-products-head .title{
    display:none!important;
  }
  .np-desktop-products-subtitle{
    margin:0!important;
    max-width:760px!important;
    font-size:17px!important;
    line-height:1.55!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    color:#344054!important;
  }
  .np-desktop-home-tabs{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px!important;
    border:1px solid #eef0f4!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(15,23,42,.06)!important;
    flex:0 0 auto!important;
  }
  .np-desktop-home-tabs button{
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    color:#344054!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;
  }
  .np-desktop-home-tabs button.active{
    background:#ff5b20!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(255,91,32,.22)!important;
  }
  .np-desktop-tab-count{
    min-width:20px!important;
    height:20px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#f2f4f7!important;
    color:#667085!important;
    font-size:11px!important;
    font-weight:900!important;
  }
  .np-desktop-home-tabs button.active .np-desktop-tab-count{
    background:rgba(255,255,255,.22)!important;
    color:#fff!important;
  }
  .np-desktop-tab-panel{display:none!important;}
  .np-desktop-tab-panel.active{display:block!important;}
  .np-home-vitrin-empty.desktop{min-height:230px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1px dashed #e4e7ec!important;border-radius:16px!important;background:#fbfcfe!important;color:#667085!important;font-size:14px!important;font-weight:800!important;}
  .np-desktop-tabbed-home-products .product-wrapper{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:0!important;
  }
  .np-desktop-tabbed-home-products .swiper-container{
    border-radius:16px!important;
  }
  .np-desktop-package-panel{
    border-radius:18px!important;
    background:#f6f7fb!important;
    border:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .np-desktop-package-strip{
    display:flex!important;
    gap:20px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:0!important;
    margin:0!important;
  }
  .np-desktop-package-strip::-webkit-scrollbar{display:none!important;}
  .np-desktop-package-strip .np-home-package-card{
    position:relative!important;
    flex:0 0 calc((100% - 80px) / 5)!important;
    width:calc((100% - 80px) / 5)!important;
    min-width:220px!important;
    min-height:458px!important;
    border-radius:16px!important;
    background:#fff!important;
    border:1px solid #eef0f4!important;
    box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    text-align:center!important;
    scroll-snap-align:start!important;
    color:#172033!important;
    text-decoration:none!important;
  }
  .np-desktop-package-strip .np-home-package-card.is-real{border-left:0!important;}
  .np-desktop-package-strip .np-home-package-card.is-soon{
    pointer-events:none!important;
    opacity:.98!important;
    background:linear-gradient(180deg,#fffaf6 0%,#ffffff 100%)!important;
  }
  .np-desktop-package-strip .np-home-package-fav{
    position:absolute!important;
    right:16px!important;
    top:16px!important;
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    background:#fff!important;
    border:1px solid #edf0f5!important;
    box-shadow:0 8px 18px rgba(18,24,40,.08)!important;
    z-index:5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#667085!important;
    text-decoration:none!important;
  }
  .np-desktop-package-strip .np-home-package-badge{
    position:absolute!important;
    left:16px!important;
    top:16px!important;
    height:26px!important;
    padding:0 11px!important;
    border-radius:999px!important;
    background:#ff6b3a!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:950!important;
    display:flex!important;
    align-items:center!important;
    z-index:4!important;
    box-shadow:0 8px 18px rgba(255,91,32,.18)!important;
  }
  .np-desktop-package-strip .np-home-package-media{
    width:100%!important;
    height:252px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(135deg,#fff7ed 0%,#f6f0ff 100%)!important;
    border-bottom:4px solid #9aa8ff!important;
    overflow:hidden!important;
  }
  .np-desktop-package-strip .np-home-package-img-link{
    width:150px!important;
    height:170px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
  }
  .np-desktop-package-strip .np-home-package-img{
    display:block!important;
    width:145px!important;
    height:165px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:14px!important;
    box-shadow:0 14px 26px rgba(15,23,42,.16)!important;
    background:#fff!important;
  }
  .np-desktop-package-strip .np-home-package-soon-cover span{
    width:98px!important;
    height:98px!important;
    border-radius:28px!important;
    background:#fff!important;
    box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:42px!important;
    line-height:1!important;
  }
  .np-desktop-package-strip .np-home-package-body{
    flex:1!important;
    width:100%!important;
    padding:20px 18px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .np-desktop-package-strip .np-home-package-title{
    min-height:50px!important;
    margin:0 0 8px!important;
    color:#182033!important;
    font-size:17px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .np-desktop-package-strip .np-home-package-title a{color:inherit!important;text-decoration:none!important;}
  .np-desktop-package-strip .np-home-package-rating{height:22px!important;margin:0 0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .np-desktop-package-strip .np-home-package-rating .ratings-container{margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;}
  .np-desktop-package-strip .np-home-package-rating .rating-reviews{font-size:12px!important;font-weight:700!important;color:#667085!important;}
  .np-desktop-package-strip .np-home-package-price{
    margin:0 0 10px!important;
    height:38px!important;
    border-radius:0!important;
    background:#f4f6ff!important;
    color:#ff5b20!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  .np-desktop-package-strip .np-home-package-price.is-soon-text{font-size:20px!important;color:#ff5b20!important;}
  .np-desktop-package-strip .np-home-package-meta{height:58px!important;margin:0 0 12px!important;padding:0!important;list-style:none!important;display:flex!important;flex-direction:column!important;gap:4px!important;overflow:hidden!important;text-align:left!important;}
  .np-desktop-package-strip .np-home-package-meta li{margin:0!important;padding:0!important;font-size:11px!important;line-height:1.15!important;color:#344054!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .np-desktop-package-strip .np-home-package-meta .np-meta-box{display:flex!important;gap:5px!important;min-width:0!important;}
  .np-desktop-package-strip .np-home-package-meta .np-meta-label{display:none!important;}
  .np-desktop-package-strip .np-home-package-meta .np-meta-value{font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .np-desktop-package-strip .np-home-package-actions{margin-top:auto!important;height:40px!important;display:grid!important;grid-template-columns:1fr 44px!important;gap:8px!important;align-items:center!important;}
  .np-desktop-package-strip .np-home-package-detail,
  .np-desktop-package-strip .np-home-package-cart{
    height:40px!important;
    border-radius:12px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .np-desktop-package-strip .np-home-package-detail{gap:5px!important;border:1px solid rgba(255,107,53,.28)!important;background:#fff!important;color:#ff5b20!important;padding:0 10px!important;}
  .np-desktop-package-strip .np-home-package-cart{width:44px!important;min-width:44px!important;padding:0!important;border:1px solid #ff6b35!important;background:#ff7547!important;color:#fff!important;box-shadow:0 8px 16px rgba(255,107,53,.18)!important;}
  .np-desktop-package-strip .np-home-package-soon-note{margin-top:auto!important;height:40px!important;border-radius:12px!important;background:#f3f4f6!important;color:#98a2b3!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:900!important;}
  /* NP DESKTOP FIX: Paket sekmesi ürün kartları diğer sekmelerle aynı iskeleti kullansın */
  .np-desktop-package-panel{background:#f6f7fb!important;border-radius:18px!important;padding:0!important;overflow:hidden!important;}
  .np-desktop-package-strip{display:flex!important;gap:20px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:0!important;margin:0!important;}
  .np-desktop-package-strip::-webkit-scrollbar{display:none!important;}
  .np-desktop-package-strip .np-desktop-package-item{flex:0 0 calc((100% - 80px) / 5)!important;width:calc((100% - 80px) / 5)!important;min-width:220px!important;height:auto!important;}
  .np-desktop-package-strip .np-home-top-product{height:100%!important;}
  .np-desktop-package-product-card figure.product-media{position:relative!important;}
  .np-desktop-package-product-card .product-action-horizontal{display:flex!important;}
  .np-soon-product-card{pointer-events:none!important;}
  .np-soon-product-card .product-media{height:auto!important;}
  .np-soon-cover{width:100%!important;height:290px!important;border-radius:14px 14px 0 0!important;background:linear-gradient(135deg,#fff7ed 0%,#f7f1ff 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .np-soon-cover span{width:92px!important;height:92px!important;border-radius:26px!important;background:#fff!important;box-shadow:0 18px 42px rgba(15,23,42,.10)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:38px!important;line-height:1!important;font-weight:900!important;color:#202938!important;}
  .np-desktop-soon-badge{position:absolute!important;left:18px!important;top:18px!important;height:26px!important;padding:0 12px!important;border-radius:999px!important;background:#ff5b20!important;color:#fff!important;font-size:11px!important;font-weight:900!important;display:flex!important;align-items:center!important;box-shadow:0 8px 18px rgba(255,91,32,.18)!important;z-index:3!important;}
  .np-soon-rating-spacer{color:#98a2b3!important;font-weight:800!important;font-size:12px!important;}
  .np-desktop-package-product-card .product-details.np-home-card--paket:before{background:#9aa8ff!important;}
  /* NP FIX: Desktop paket kart fiyat/aksiyon alanı diğer desktop ürün kartlarıyla birebir aynı dursun */
  .np-desktop-package-product-card .product-details.np-home-card--paket .product-price{
    margin-top:10px!important;
    padding:0!important;
    background:rgba(141,99,255,.07)!important;
    border-radius:0!important;
    height:auto!important;
  }
  .np-desktop-package-product-card .product-details.np-home-card--paket .product-price .new-price{
    background:rgba(255,255,255,.72)!important;
    display:inline-block!important;
    padding:4px 10px!important;
    border-radius:999px!important;
    box-shadow:0 8px 20px rgba(243,91,47,.10)!important;
    font-size:28px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    color:#f35b2f!important;
    text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
  }

}

@media (max-width:767.98px){
  .np-home-tabbed-products{
    overflow:hidden!important;
    padding:13px 9px 13px!important;
  }

  /* Sekmeler: ortalı, şık, adet badge'li */
  .np-home-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    gap:6px!important;
    border-bottom:1px solid #eef0f4!important;
    margin:0 0 13px!important;
    padding:0 0 9px!important;
    overflow:visible!important;
  }
  .np-home-tabs button{
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    min-width:0!important;
    width:100%!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    text-align:center!important;
    padding:0 2px!important;
    font-size:9.4px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
    color:#172033!important;
    white-space:nowrap!important;
    border-radius:12px!important;
    position:relative!important;
  }
  .np-home-tabs button .np-tab-count{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#f2f4f7!important;
    color:#667085!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  .np-home-tabs button.active{
    color:#ff5b20!important;
    background:#fff7f1!important;
  }
  .np-home-tabs button.active .np-tab-count{
    background:#ff5b20!important;
    color:#fff!important;
  }
  .np-home-tabs button.active:after{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:-10px!important;
    height:2px!important;
    border-radius:3px!important;
    background:#ff5b20!important;
  }

  .np-home-tabbed-products .np-tab-panel{display:none!important;}
  .np-home-tabbed-products .np-tab-panel.active{display:block!important;}
  .np-home-vitrin-empty{width:100%!important;min-height:116px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:18px!important;border:1px dashed #eadfd8!important;border-radius:15px!important;background:#fffaf7!important;color:#667085!important;font-size:12px!important;font-weight:850!important;}

  /* Ürünler.aspx mobil kartının ana sayfa yatay versiyonu */
  .np-home-horizontal-products{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    margin:0 -2px!important;
    padding:0 2px 6px!important;
  }
  .np-home-horizontal-products::-webkit-scrollbar{display:none!important;}

  .np-home-horizontal-products .np-premium-card{
    --np-cat:#7c3aed;
    --np-cat-soft:rgba(124,58,237,.09);
    --np-cat-line:rgba(124,58,237,.72);
    position:relative!important;
    flex:0 0 154px!important;
    width:154px!important;
    min-width:154px!important;
    min-height:336px!important;
    scroll-snap-align:start!important;
    display:flex!important;
    flex-direction:column!important;
    padding:10px 9px 9px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:linear-gradient(180deg,#fff 0%,#fbfbff 100%)!important;
    border:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.075)!important;
    transform:none!important;
    margin:0!important;
  }
  .np-home-horizontal-products .np-premium-card:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    border-radius:inherit!important;
    background:radial-gradient(circle at 0 18%,var(--np-cat-soft) 0,transparent 42%),#fff!important;
    opacity:1!important;
    z-index:-2!important;
    pointer-events:none!important;
  }
  .np-home-horizontal-products .np-premium-card:after{
    content:""!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:3px!important;
    border-radius:18px 0 0 18px!important;
    background:var(--np-cat-line)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }
  .np-home-horizontal-products .np-premium-card--universite{--np-cat:#7c3aed;--np-cat-soft:rgba(124,58,237,.09);--np-cat-line:rgba(124,58,237,.72);}
  .np-home-horizontal-products .np-premium-card--kurum{--np-cat:#16a34a;--np-cat-soft:rgba(22,163,74,.09);--np-cat-line:rgba(22,163,74,.72);}
  .np-home-horizontal-products .np-premium-card--dil{--np-cat:#f97316;--np-cat-soft:rgba(249,115,22,.09);--np-cat-line:rgba(249,115,22,.72);}
  .np-home-horizontal-products .np-premium-card--ekitap{--np-cat:#2563eb;--np-cat-soft:rgba(37,99,235,.09);--np-cat-line:rgba(37,99,235,.72);}

  .np-home-horizontal-products .np-premium-media{
    position:static!important;
    width:100%!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
  }
  .np-home-horizontal-products .np-kategori-badge{
    align-self:flex-start!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    max-width:calc(100% - 43px)!important;
    height:23px!important;
    min-height:23px!important;
    padding:0 8px!important;
    margin:0 0 8px 5px!important;
    border-radius:999px!important;
    background:var(--np-cat-soft)!important;
    border:1px solid rgba(15,23,42,.05)!important;
    color:var(--np-cat)!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    z-index:3!important;
  }
  .np-home-horizontal-products .np-premium-media>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:112px!important;
    height:120px!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:14px!important;
    overflow:visible!important;
  }
  .np-home-horizontal-products .np-premium-cover{
    display:block!important;
    width:104px!important;
    height:114px!important;
    max-width:100%!important;
    object-fit:cover!important;
    border-radius:12px!important;
    box-shadow:0 10px 18px rgba(15,23,42,.15)!important;
    background:#fff!important;
  }
  .np-home-horizontal-products .np-premium-details{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    padding:8px 0 0!important;
    margin:0!important;
  }
  .np-home-horizontal-products .np-premium-name{
    width:100%!important;
    max-width:100%!important;
    height:39px!important;
    min-height:39px!important;
    margin:0 0 5px!important;
    padding:0!important;
    font-size:12.6px!important;
    line-height:1.24!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
    color:#111827!important;
    overflow:hidden!important;
  }
  .np-home-horizontal-products .np-premium-name a{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:inherit!important;
    text-decoration:none!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .np-home-horizontal-products .np-premium-rating{
    display:flex!important;
    align-items:center!important;
    height:17px!important;
    min-height:17px!important;
    margin:0 0 4px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .np-home-horizontal-products .np-stars{font-size:10px!important;color:#f5a400!important;letter-spacing:-1px!important;line-height:1!important;}
  .np-home-horizontal-products .rating-reviews{margin-left:3px!important;font-size:9.8px!important;line-height:1!important;font-weight:800!important;color:#8a8f9b!important;white-space:nowrap!important;text-decoration:none!important;}
  .np-home-horizontal-products .np-premium-price{min-height:23px!important;margin:0 0 8px!important;color:var(--np-cat)!important;font-size:20px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.05em!important;}
  .np-home-horizontal-products .np-product-meta{display:block!important;height:33px!important;min-height:33px!important;margin:0 0 5px!important;padding:0!important;overflow:hidden!important;list-style:none!important;}
  .np-home-horizontal-products .np-product-meta li{display:block!important;margin:0 0 2px!important;padding:0!important;min-width:0!important;}
  .np-home-horizontal-products .np-product-meta li:nth-child(n+3){display:none!important;}
  .np-home-horizontal-products .np-meta-box{display:block!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#4b5563!important;font-size:10.2px!important;line-height:1.18!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .np-home-horizontal-products .np-meta-box:before{content:"•"!important;display:inline-block!important;margin-right:4px!important;color:var(--np-cat)!important;font-size:10px!important;line-height:1!important;}
  .np-home-horizontal-products .np-meta-label{display:none!important;}
  .np-home-horizontal-products .np-meta-value{display:inline!important;max-width:100%!important;color:#4b5563!important;font-size:10.2px!important;line-height:1.18!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:baseline!important;}
  .np-home-horizontal-products .btn-product-icon.np-fav-toggle{position:absolute!important;top:8px!important;right:8px!important;z-index:10!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:999px!important;border:1px solid rgba(15,23,42,.08)!important;background:rgba(255,255,255,.94)!important;color:#111827!important;font-size:16px!important;line-height:1!important;box-shadow:0 8px 16px rgba(15,23,42,.10)!important;text-decoration:none!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
  .np-home-horizontal-products .btn-product-icon.np-fav-toggle:before{margin:0!important;line-height:1!important;}

  .np-products .np-package-strip{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:0 -2px!important;padding:0 2px 6px!important;}
  .np-products .np-package-strip::-webkit-scrollbar{display:none!important;}
  .np-products .np-package-card{flex:0 0 154px!important;width:154px!important;min-width:154px!important;min-height:255px!important;scroll-snap-align:start!important;}
  .np-products .np-product-grid{display:none!important;}
}



/* NP HOME MEMBERSHIP - COMPACT INFO BANNER */
.np-membership-compact-banner{
  position:relative;display:flex;align-items:center;gap:16px;width:100%;
  margin:22px 0;padding:18px 22px;border:1px solid rgba(255,111,71,.22);
  border-radius:18px;background:linear-gradient(105deg,#fff8f3 0%,#fff 48%,#f7f0ff 100%);
  box-shadow:0 10px 28px rgba(31,41,55,.07);color:#172033;text-decoration:none!important;
  overflow:hidden;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease;
}
.np-membership-compact-banner:before{content:"";position:absolute;right:-60px;top:-90px;width:210px;height:210px;border-radius:50%;background:rgba(130,75,235,.08);z-index:-1;}
.np-membership-compact-banner:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(31,41,55,.11);}
.np-membership-compact-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#ff7658,#8d43ea);color:#fff;font-size:25px;box-shadow:0 8px 18px rgba(141,67,234,.22);}
.np-membership-compact-copy{display:flex;flex-direction:column;min-width:0;gap:3px;line-height:1.25;}
.np-membership-compact-copy strong{font-size:18px;font-weight:900;letter-spacing:-.02em;color:#172033;}
.np-membership-compact-copy small{font-size:13px;font-weight:650;color:#697386;}
.np-membership-compact-plans{display:flex;gap:6px;margin-left:auto;white-space:nowrap;}
.np-membership-compact-plans b{padding:6px 9px;border:1px solid rgba(141,67,234,.16);border-radius:999px;background:rgba(255,255,255,.78);font-size:10px;font-weight:850;color:#7440ca;}
.np-membership-compact-action{display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-width:104px;padding:11px 15px;border-radius:12px;background:#ff684d;color:#fff;font-size:13px;font-weight:900;box-shadow:0 7px 16px rgba(255,104,77,.2);}
.np-membership-compact-action i{font-style:normal;font-size:16px;}
@media (max-width:767px){
  .np-membership-compact-banner{gap:10px;margin:12px 0;padding:13px 14px;border-radius:15px;}
  .np-membership-compact-icon{flex-basis:40px;width:40px;height:40px;border-radius:12px;font-size:20px;}
  .np-membership-compact-copy{padding-right:2px;}
  .np-membership-compact-copy strong{font-size:13.5px;line-height:1.18;}
  .np-membership-compact-copy small{font-size:10.5px;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .np-membership-compact-plans{display:none;}
  .np-membership-compact-action{min-width:auto;padding:9px 10px;border-radius:10px;font-size:11px;}
  .np-membership-compact-action i{display:none;}
}

/* Kompakt üyelik bannerları animasyon ve sonradan çalışan görünürlük kodlarından bağımsızdır. */
.np-membership-compact-banner{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
/* Mobil ve desktop banner zaten kendi kapsayıcısında bulunuyor.
   Bu nedenle viewport değişimine göre ayrıca gizlenmez. */
.np-membership-desktop-banner,
.np-membership-mobile-banner{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}

/* =========================================================
   NP HOME MEMBERSHIP PACKAGES BANNER / CAROUSEL
   Mevcut anasayfa banner diline uygun, desktop + mobil
   ========================================================= */
.np-membership-home-section{
  position:relative;
  margin:24px 0 32px;
  padding:24px 24px 26px;
  border-radius:18px;
  background:
    radial-gradient(circle at 10% 10%, rgba(255,116,55,.13), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(124,58,237,.12), transparent 36%),
    linear-gradient(135deg,#fff 0%,#fff8f4 47%,#f7f1ff 100%);
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 16px 42px rgba(15,23,42,.075);
  overflow:hidden;
}
.np-membership-home-section:before{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-85px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(124,58,237,.08);
  pointer-events:none;
}
.np-membership-home-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin:0 0 18px;
}
.np-membership-home-title{
  margin:0;
  display:block;
  color:#111827;
  font-size:25px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.04em;
}
.np-membership-home-title .np-membership-crown{
  display:none!important;
}
.np-membership-home-subtitle{
  margin:10px 0 0;
  max-width:680px;
  color:#4B5563;
  font-size:13.5px;
  line-height:1.55;
  font-weight:500;
}
.np-membership-home-subtitle strong{
  color:inherit;
  font-weight:500;
}
.np-membership-home-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  color:#6d35e8!important;
  background:#fff;
  border:1px solid rgba(124,58,237,.14);
  box-shadow:0 8px 24px rgba(15,23,42,.06);
  font-size:13px;
  line-height:1;
  font-weight:900;
  text-decoration:none!important;
}
.np-membership-carousel-wrap{position:relative;z-index:2;}
.np-membership-carousel{
  display:flex;
  align-items:stretch;
  gap:18px;
  overflow-x:auto;
  overflow-y:visible;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:16px 6px 14px;
  scroll-behavior:smooth;
}
.np-membership-carousel::-webkit-scrollbar{display:none;}
.np-membership-plan-card{
  --np-plan:#94a3b8;
  --np-plan-soft:rgba(148,163,184,.12);
  --np-plan-bg:linear-gradient(180deg,#fff,#f8fafc);
  position:relative;
  flex:0 0 calc((100% - 36px)/3);
  min-width:0;
  min-height:500px;
  scroll-snap-align:center;
  display:flex;
  flex-direction:column;
  padding:118px 24px 22px;
  border-radius:20px;
  background:var(--np-plan-bg);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 12px 28px rgba(15,23,42,.065);
  overflow:visible;
  transform:scale(.93);
  opacity:.74;
  transition:transform .28s ease, opacity .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.np-membership-plan-card.is-active{
  transform:scale(1.02);
  opacity:1;
  border-color:color-mix(in srgb, var(--np-plan) 54%, transparent);
  box-shadow:0 22px 52px color-mix(in srgb, var(--np-plan) 22%, transparent), 0 10px 24px rgba(15,23,42,.08);
  z-index:3;
}

@media (min-width:768px){
  .np-membership-carousel{
    overflow:hidden;
  }
  .np-membership-plan-card{
    scroll-snap-align:none;
  }
  .np-membership-plan-card[data-np-pos="left"]{order:1; transform:scale(.92); opacity:.72;}
  .np-membership-plan-card[data-np-pos="center"]{order:2; transform:scale(1.04); opacity:1; z-index:4;}
  .np-membership-plan-card[data-np-pos="right"]{order:3; transform:scale(.92); opacity:.72;}
}
.np-membership-plan-card.is-free{
  --np-plan:#64748b;
  --np-plan-soft:rgba(100,116,139,.12);
  --np-plan-bg:linear-gradient(160deg,#fff 0%,#f8fafc 58%,#f1f5f9 100%);
}
.np-membership-plan-card.is-plus{
  --np-plan:#7c3aed;
  --np-plan-soft:rgba(124,58,237,.13);
  --np-plan-bg:linear-gradient(160deg,#fff 0%,#fbf7ff 48%,#f1e7ff 100%);
}
.np-membership-plan-card.is-pro{
  --np-plan:#d99a00;
  --np-plan-soft:rgba(217,154,0,.15);
  --np-plan-bg:linear-gradient(160deg,#fff 0%,#fff8df 52%,#ffedb4 100%);
}
.np-membership-badge-img{
  position:absolute;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:102px;
  max-width:38%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 14px 22px rgba(15,23,42,.20));
  pointer-events:none;
  user-select:none;
}
.np-membership-plan-card .np-plan-name{
  margin:0 0 6px;
  text-align:center;
  color:#172033;
  font-size:25px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.04em;
}
.np-membership-plan-card.is-plus .np-plan-name{color:#6d35e8;}
.np-membership-plan-card.is-pro .np-plan-name{color:#b57900;}
.np-membership-plan-desc{
  min-height:42px;
  margin:0 0 12px;
  color:#667085;
  text-align:center;
  font-size:13px;
  line-height:1.35;
  font-weight:650;
}
.np-membership-price-pill{
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  height:31px;
  padding:0 15px;
  margin:0 0 17px;
  border-radius:999px;
  color:var(--np-plan);
  background:color-mix(in srgb, var(--np-plan) 12%, #fff);
  border:1px solid color-mix(in srgb, var(--np-plan) 20%, transparent);
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.np-membership-feature-list{
  list-style:none;
  margin:0 0 20px;
  padding:16px 0 0;
  border-top:1px solid rgba(15,23,42,.08);
}
.np-membership-feature-list li{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:0 0 10px;
  color:#1f2937;
  font-size:13.3px;
  line-height:1.25;
  font-weight:850;
}
.np-membership-feature-list li:before{
  content:"✓";
  flex:0 0 19px;
  width:19px;
  height:19px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fff;
  background:var(--np-plan);
  box-shadow:0 5px 12px color-mix(in srgb, var(--np-plan) 20%, transparent);
  font-size:11px;
  font-weight:950;
}
.np-membership-actions{
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  justify-items:center;
}
.np-membership-actions .np-soon-btn{
  min-height:40px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:13px;
  line-height:1;
  font-weight:950;
  text-decoration:none!important;
}
.np-membership-actions .np-soon-btn{
  color:#fff!important;
  background:linear-gradient(135deg,var(--np-plan),color-mix(in srgb, var(--np-plan) 74%, #ff7a2b));
  border:0;
  pointer-events:none;
  opacity:.92;
}
.np-membership-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:#172033;
  box-shadow:0 10px 24px rgba(15,23,42,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.np-membership-nav.prev{left:-8px;}
.np-membership-nav.next{right:-8px;}
.np-membership-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:2px 0 0;
}
.np-membership-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#d0d5dd;
  cursor:pointer;
  transition:width .2s ease, background .2s ease;
}
.np-membership-dots button.active{
  width:22px;
  border-radius:999px;
  background:#ff6b2a;
}
@media (min-width:768px){
  .np-mobile-home .np-membership-home-section{display:none!important;}
}
@media (max-width:767.98px){
  .np-membership-home-section{
    margin:12px 0 14px!important;
    padding:14px 10px 15px!important;
    border-radius:22px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
  }
  .np-membership-home-head{
    margin:0 0 20px!important;
    align-items:flex-start!important;
  }
  .np-membership-home-title{
    display:block!important;
    font-size:20px!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
  }
  .np-membership-home-title .np-membership-crown{
    display:none!important;
  }
  .np-membership-home-subtitle{
    margin:10px 0 0!important;
    max-width:100%!important;
    font-size:12px!important;
    line-height:1.5!important;
    color:#4B5563!important;
    font-weight:500!important;
  }
  .np-membership-home-subtitle strong{
    display:inline!important;
    margin-top:0!important;
    color:inherit!important;
    font-weight:500!important;
  }
  .np-membership-home-link{
    display:none!important;
  }
  .np-membership-carousel{
    --np-mobile-card-w:clamp(248px,72vw,274px);
    gap:14px!important;
    padding:24px calc((100% - var(--np-mobile-card-w))/2) 12px!important;
    margin:0 -10px!important;
    scroll-padding-left:calc((100% - var(--np-mobile-card-w))/2)!important;
    scroll-snap-type:x mandatory!important;
  }
  .np-membership-plan-card{
    flex:0 0 var(--np-mobile-card-w)!important;
    width:var(--np-mobile-card-w)!important;
    min-width:var(--np-mobile-card-w)!important;
    min-height:462px!important;
    padding:124px 17px 17px!important;
    border-radius:20px!important;
    transform:scale(.88)!important;
    opacity:.62!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
  }
  .np-membership-plan-card.is-active{
    transform:scale(1)!important;
    opacity:1!important;
  }
  .np-membership-badge-img{
    top:12px!important;
    width:86px!important;
    max-width:none!important;
  }
  .np-membership-plan-card .np-plan-name{
    margin-top:0!important;
    margin-bottom:7px!important;
    font-size:22px!important;
    position:relative!important;
    z-index:2!important;
  }
  .np-membership-plan-desc{
    min-height:37px!important;
    font-size:11.7px!important;
    margin-bottom:10px!important;
  }
  .np-membership-price-pill{
    height:28px!important;
    min-width:82px!important;
    font-size:10.8px!important;
    margin-bottom:13px!important;
  }
  .np-membership-feature-list{
    padding-top:12px!important;
    margin-bottom:14px!important;
  }
  .np-membership-feature-list li{
    margin-bottom:8px!important;
    font-size:11.6px!important;
    line-height:1.2!important;
    gap:7px!important;
  }
  .np-membership-feature-list li:before{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
    font-size:9.5px!important;
  }
  .np-membership-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    justify-items:center!important;
    align-items:center!important;
  }
  .np-membership-actions .np-soon-btn{
    min-height:36px!important;
    border-radius:11px!important;
    font-size:11.4px!important;
    width:100%!important;
    text-align:center!important;
  }
  .np-membership-nav{
    width:34px!important;
    height:34px!important;
    font-size:20px!important;
  }
  .np-membership-nav.prev{left:2px!important;}
  .np-membership-nav.next{right:2px!important;}
}

.np-membership-home-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.np-membership-count{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap}

/* =========================================================
   DESKTOP MEMBERSHIP POLISH - mobil yapıya dokunmadan
   ========================================================= */
@media (min-width:768px){
  .np-membership-home-section{
    margin:36px 0 38px!important;
    padding:30px 34px 34px!important;
    border-radius:20px!important;
  }
  .np-membership-home-head{
    display:block!important;
    margin:0 0 22px!important;
  }
  .np-membership-home-head > div:first-child{
    width:100%!important;
  }
  .np-membership-home-title-row{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    margin:0 0 10px!important;
  }
  .np-membership-home-title{
    font-size:27px!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.045em!important;
  }
  .np-membership-count{
    flex:0 0 auto!important;
    padding:6px 13px!important;
    font-size:12px!important;
    font-weight:800!important;
    color:#64748b!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(100,116,139,.10)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
  }
  .np-membership-home-subtitle{
    max-width:760px!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.55!important;
    color:#344054!important;
    font-weight:500!important;
  }
  .np-membership-home-link{
    display:none!important;
  }
  .np-membership-carousel-wrap{
    margin-top:10px!important;
  }
  .np-membership-carousel{
    gap:30px!important;
    padding:18px 30px 20px!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  .np-membership-plan-card{
    flex:0 0 calc((100% - 60px)/3)!important;
    min-height:500px!important;
    padding:148px 28px 24px!important;
    border-radius:20px!important;
    transform:scale(.97)!important;
    opacity:.90!important;
  }
  .np-membership-plan-card.is-active,
  .np-membership-plan-card[data-np-pos="center"]{
    transform:scale(1.01)!important;
    opacity:1!important;
    z-index:4!important;
  }
  .np-membership-plan-card[data-np-pos="left"],
  .np-membership-plan-card[data-np-pos="right"]{
    transform:scale(.97)!important;
    opacity:.90!important;
  }
  .np-membership-badge-img{
    top:28px!important;
    width:92px!important;
    max-width:none!important;
  }
  .np-membership-plan-card .np-plan-name{
    margin:0 0 10px!important;
    font-size:25px!important;
    line-height:1.08!important;
    position:relative!important;
    z-index:2!important;
  }
  .np-membership-plan-desc{
    min-height:40px!important;
    margin:0 0 14px!important;
    font-size:13.2px!important;
    line-height:1.4!important;
    color:#667085!important;
    font-weight:650!important;
  }
  .np-membership-price-pill{
    min-width:96px!important;
    height:31px!important;
    margin:0 auto 18px!important;
    font-size:11.5px!important;
  }
  .np-membership-feature-list{
    padding-top:17px!important;
    margin-bottom:22px!important;
  }
  .np-membership-feature-list li{
    font-size:13.2px!important;
    line-height:1.28!important;
    margin-bottom:10px!important;
  }
  .np-membership-actions .np-soon-btn{
    width:160px!important;
    min-height:42px!important;
    padding:0 24px!important;
    border-radius:13px!important;
    font-size:13px!important;
    box-shadow:0 10px 20px color-mix(in srgb, var(--np-plan) 18%, transparent)!important;
  }
  .np-membership-nav{
    width:36px!important;
    height:36px!important;
    font-size:22px!important;
  }
  .np-membership-nav.prev{left:0!important;}
  .np-membership-nav.next{right:0!important;}
}

/* ===== Default.aspx inline style 2 ===== */
/* LCP dostu ana banner görseli */
.intro-slide.intro-slide1{ overflow:hidden; background-image:none !important; }
.intro-slide.intro-slide1 .np-hero-media{ position:absolute; inset:0; margin:0; z-index:1; }
.intro-slide.intro-slide1 .np-hero-media img{ width:100%; height:100%; object-fit:cover; object-position:center bottom; display:block; }
.intro-slide.intro-slide1 .banner-content{ z-index:3; }

/* --- Banner tahta butunlugu (sadece tasarim) --- */
/* Buyuk banner: tahtanin alt rafini gostermek icin */
.intro-slide.intro-slide1{
    background-position: center bottom !important;
    background-size: cover !important;
}
/* Sag ust + sag alt kucuk bannerlar: ayni hizalama */
.home-banner-right-top,
.home-banner-right-bottom,
.banner-right-top,
.banner-right-bottom,
.small-banner,
.small-banner-1,
.small-banner-2{
    background-position: center bottom !important;
    background-size: cover !important;
}

/* ===== Default.aspx inline style 3 ===== */
        #cok-satanlar .swiper-wrapper,
        .banner-product-wrapper .product-wrapper .swiper-wrapper{
            flex-wrap: nowrap !important;
        }
        #cok-satanlar .swiper-slide{
            width: 240px !important;
            min-width: 240px !important;
            max-width: 240px !important;
            flex: 0 0 240px !important;
        }
        #cok-satanlar .product,
        #cok-satanlar .product-wrap{
            width: 240px !important;
        }
        #cok-satanlar img{
            width: 100% !important;
            height: 200px !important;
            object-fit: cover !important;
            display: block;
        }
        #cok-satanlar .row.cols-xl-4,
        #cok-satanlar .row.cols-lg-3{
            display: flex !important;
        }

        #cok-satanlar .np-home-top-product .product-price .new-price,
        .banner-product-wrapper .np-home-unified .product-price .new-price{
            background:rgba(255,255,255,.72);
            display:inline-block;
            padding:4px 10px;
            border-radius:999px;
            box-shadow:0 8px 20px rgba(243,91,47,.10);
        }
        #cok-satanlar .np-home-card--universite .product-name,
        #cok-satanlar .np-home-card--universite .product-price,
        .banner-product-wrapper .np-home-card--universite .product-name,
        .banner-product-wrapper .np-home-card--universite .product-price{background:rgba(98,123,255,.07);}
        #cok-satanlar .np-home-card--kurum .product-name,
        #cok-satanlar .np-home-card--kurum .product-price,
        .banner-product-wrapper .np-home-card--kurum .product-name,
        .banner-product-wrapper .np-home-card--kurum .product-price{background:rgba(141,99,255,.07);}
        #cok-satanlar .np-home-card--dil .product-name,
        #cok-satanlar .np-home-card--dil .product-price,
        .banner-product-wrapper .np-home-card--dil .product-name,
        .banner-product-wrapper .np-home-card--dil .product-price{background:rgba(46,184,117,.07);}
        #cok-satanlar .np-home-card--ekitap .product-name,
        #cok-satanlar .np-home-card--ekitap .product-price,
        .banner-product-wrapper .np-home-card--ekitap .product-name,
        .banner-product-wrapper .np-home-card--ekitap .product-price{background:rgba(255,153,80,.08);}

        @media (max-width: 767px){
            #cok-satanlar .swiper-container,
            .banner-product-wrapper .product-wrapper .swiper-container{
                overflow-x:auto !important;
                overflow-y:hidden !important;
                -webkit-overflow-scrolling:touch !important;
                scroll-behavior:smooth;
                touch-action:pan-x pan-y;
                overscroll-behavior-x:contain;
                overscroll-behavior-y:auto;
                scrollbar-width:none;
                -ms-overflow-style:none;
                scroll-snap-type:x proximity;
                padding:0 2px 4px 0;
            }
            #cok-satanlar .swiper-container::-webkit-scrollbar,
            .banner-product-wrapper .product-wrapper .swiper-container::-webkit-scrollbar{
                display:none;
                width:0 !important;
                height:0 !important;
            }
            #cok-satanlar .swiper-wrapper,
            .banner-product-wrapper .product-wrapper .swiper-wrapper{
                display:flex !important;
                flex-wrap:nowrap !important;
                gap:14px !important;
                width:max-content !important;
                transform:none !important;
                transition:none !important;
                padding-right:14px;
                will-change:auto;
            }
            #cok-satanlar .swiper-slide,
            .banner-product-wrapper .product-wrapper .swiper-slide{
                width:215px !important;
                min-width:215px !important;
                max-width:215px !important;
                flex:0 0 215px !important;
                margin-right:0 !important;
                scroll-snap-align:start;
            }
            #cok-satanlar .product,
            #cok-satanlar .product-wrap,
            .banner-product-wrapper .product-wrapper .product,
            .banner-product-wrapper .product-wrapper .product-wrap{
                width:215px !important;
            }
            #cok-satanlar img{
                height:190px !important;
            }
            #cok-satanlar .product-action-horizontal,
            .banner-product-wrapper .product-action-horizontal{
                touch-action:manipulation;
                -webkit-tap-highlight-color:transparent;
            }
            #cok-satanlar .product-action-horizontal .btn-product,
            #cok-satanlar .product-action-horizontal .btn-product-icon,
            .banner-product-wrapper .product-action-horizontal .btn-product,
            .banner-product-wrapper .product-action-horizontal .btn-product-icon{
                touch-action:manipulation;
            }
            #cok-satanlar .np-native-scroll-ready.is-dragging a,
            #cok-satanlar .np-native-scroll-ready.is-dragging button,
            .banner-product-wrapper .product-wrapper .np-native-scroll-ready.is-dragging a,
            .banner-product-wrapper .product-wrapper .np-native-scroll-ready.is-dragging button{
                pointer-events:none !important;
            }
        }
    

/* ===== Default.aspx inline style 4 ===== */
    /* === Ürün kartı başlıklarını düzgün göster (anasayfa) === */
    .product .product-details{
        display:flex;
        flex-direction:column;
        height:100%;
    }
    .product .product-details .product-name,
    .product .product-details .product-name a{
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
        word-break:break-word;
        overflow-wrap:anywhere;
        line-height:1.25;
    }
    .product .product-details .product-name{
        margin:6px 8px 8px;
        min-height:3.75em; /* ~3 satır */
    }
    .product .product-details .product-name a{display:block;}

    /* === Anasayfa ürün kartları ortak görünüm === */
    #cok-satanlar .swiper-slide,
    .banner-product-wrapper .swiper-slide{height:auto !important;}
    #cok-satanlar .product-wrap,
    .banner-product-wrapper .product-wrap{height:100%;}
    #cok-satanlar .np-home-top-product,
    .banner-product-wrapper .np-home-unified{
        display:flex;
        flex-direction:column;
        height:100%;
        border-radius:20px;
        overflow:hidden;
        background:#fff;
        border:1px solid #eceff5;
        box-shadow:0 12px 30px rgba(31,41,55,.07);
        transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    #cok-satanlar .np-home-top-product:hover,
    .banner-product-wrapper .np-home-unified:hover{
        transform:translateY(-4px);
        box-shadow:0 18px 36px rgba(31,41,55,.11);
    }
    #cok-satanlar .np-home-top-product figure.product-media,
    .banner-product-wrapper .np-home-unified figure.product-media{
        margin:0;
        background:linear-gradient(180deg,#fff7f3 0%,#ffffff 100%);
        padding:10px 10px 0;
    }
    #cok-satanlar .np-home-top-product img,
    .banner-product-wrapper .np-home-unified img{
        width:100% !important;
        height:290px !important;
        object-fit:contain !important;
        object-position:center center !important;
        display:block;
        border-radius:14px 14px 0 0;
    }
    #cok-satanlar .np-home-top-product .product-details,
    .banner-product-wrapper .np-home-unified .product-details{
        flex:1;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        padding:16px 14px 18px;
        min-height:214px;
        border-top:1px solid rgba(15,23,42,.05);
        position:relative;
        background:#fff;
    }
    #cok-satanlar .np-home-top-product .product-details:before,
    .banner-product-wrapper .np-home-unified .product-details:before{
        content:"";
        position:absolute;
        top:0;
        left:14px;
        right:14px;
        height:4px;
        border-radius:0 0 999px 999px;
        opacity:.95;
    }
    #cok-satanlar .np-home-top-product .product-details .product-name,
    .banner-product-wrapper .np-home-unified .product-details .product-name{
        margin:8px 0 12px !important;
        min-height:5.25em;
        padding:0;
        border-radius:0;
        background:transparent !important;
    }
    #cok-satanlar .np-home-top-product .product-details .product-name a,
    .banner-product-wrapper .np-home-unified .product-details .product-name a{
        font-size:16px;
        font-weight:700;
        color:#202938;
        line-height:1.35;
    }
    #cok-satanlar .np-home-top-product .ratings-container,
    .banner-product-wrapper .np-home-unified .ratings-container{
        margin-top:auto;
        min-height:28px;
        padding:0;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        flex-wrap:wrap;
    }
    #cok-satanlar .np-home-top-product .product-price,
    .banner-product-wrapper .np-home-unified .product-price{
        margin-top:10px;
        padding:0;
    }
    #cok-satanlar .np-home-top-product .product-price .new-price,
    .banner-product-wrapper .np-home-unified .product-price .new-price{
        font-size:28px;
        font-weight:900;
        letter-spacing:-.02em;
        color:#f35b2f !important;
        text-shadow:0 1px 0 rgba(255,255,255,.55);
    }
    #cok-satanlar .np-home-top-product .rating-reviews,
    .banner-product-wrapper .np-home-unified .rating-reviews{
        color:#7b8494;
        font-weight:600;
        font-size:13px;
        line-height:1.2;
    }
    #cok-satanlar .np-home-top-product .ratings-full,
    .banner-product-wrapper .np-home-unified .ratings-full{
        position:relative;
        display:inline-block;
        line-height:1;
        vertical-align:middle;
        margin-right:6px;
    }
    #cok-satanlar .np-home-top-product .ratings-full:before,
    .banner-product-wrapper .np-home-unified .ratings-full:before{
        content:"★★★★★";
        color:#d1d7e2;
        font-size:16px;
        letter-spacing:2px;
    }
    #cok-satanlar .np-home-top-product .ratings-full .ratings,
    .banner-product-wrapper .np-home-unified .ratings-full .ratings{
        position:absolute;
        left:0;
        top:0;
        overflow:hidden;
        white-space:nowrap;
        display:block;
        height:100%;
    }
    #cok-satanlar .np-home-top-product .ratings-full .ratings:before,
    .banner-product-wrapper .np-home-unified .ratings-full .ratings:before{
        content:"★★★★★";
        color:#ffb423;
        font-size:16px;
        letter-spacing:2px;
    }
    #cok-satanlar .np-home-card--universite,
    .banner-product-wrapper .np-home-card--universite{
        background:linear-gradient(180deg,rgba(98,123,255,.055) 0%,rgba(98,123,255,.028) 44%,#ffffff 100%);
    }
    #cok-satanlar .np-home-card--universite:before,
    .banner-product-wrapper .np-home-card--universite:before{background:linear-gradient(90deg,#627bff,#b6c3ff);}
    #cok-satanlar .np-home-card--kurum,
    .banner-product-wrapper .np-home-card--kurum{
        background:linear-gradient(180deg,rgba(141,99,255,.055) 0%,rgba(141,99,255,.03) 44%,#ffffff 100%);
    }
    #cok-satanlar .np-home-card--kurum:before,
    .banner-product-wrapper .np-home-card--kurum:before{background:linear-gradient(90deg,#8d63ff,#d2c1ff);}
    #cok-satanlar .np-home-card--dil,
    .banner-product-wrapper .np-home-card--dil{
        background:linear-gradient(180deg,rgba(46,184,117,.055) 0%,rgba(46,184,117,.03) 44%,#ffffff 100%);
    }
    #cok-satanlar .np-home-card--dil:before,
    .banner-product-wrapper .np-home-card--dil:before{background:linear-gradient(90deg,#2eb875,#b7ead0);}
    #cok-satanlar .np-home-card--ekitap,
    .banner-product-wrapper .np-home-card--ekitap{
        background:linear-gradient(180deg,rgba(255,153,80,.06) 0%,rgba(255,153,80,.032) 44%,#ffffff 100%);
    }
    #cok-satanlar .np-home-card--ekitap:before,
    .banner-product-wrapper .np-home-card--ekitap:before{background:linear-gradient(90deg,#ff9950,#ffd3b5);}

    @media (max-width: 767px){
        #cok-satanlar .np-home-top-product img,
        .banner-product-wrapper .np-home-unified img{height:250px !important;}
        #cok-satanlar .np-home-top-product .product-details,
        .banner-product-wrapper .np-home-unified .product-details{min-height:205px;padding:14px 12px 16px;}
        #cok-satanlar .np-home-top-product .product-details .product-name,
        .banner-product-wrapper .np-home-unified .product-details .product-name{min-height:5.05em;}
        #cok-satanlar .np-home-top-product .product-details .product-name a,
        .banner-product-wrapper .np-home-unified .product-details .product-name a{font-size:15px;line-height:1.32;}
        #cok-satanlar .np-home-top-product .product-price .new-price,
        .banner-product-wrapper .np-home-unified .product-price .new-price{font-size:24px;}
        .banner-product-wrapper .product-wrapper .swiper-container{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;}
        .banner-product-wrapper .product-wrapper .swiper-wrapper{display:flex !important;flex-wrap:nowrap !important;gap:14px !important;width:max-content !important;transform:none !important;transition:none !important;padding-right:14px !important;}
        .banner-product-wrapper .product-wrapper .swiper-slide{width:215px !important;min-width:215px !important;max-width:215px !important;flex:0 0 215px !important;margin-right:0 !important;}
        .banner-product-wrapper .product-wrapper .product,
        .banner-product-wrapper .product-wrapper .product-wrap{width:215px !important;}
        .banner-product-wrapper .np-home-unified .ratings-container{min-height:34px;gap:5px;}
        .banner-product-wrapper .np-home-unified .rating-reviews{font-size:12px;}
        .banner-product-wrapper .np-home-unified .ratings-full:before,
        .banner-product-wrapper .np-home-unified .ratings-full .ratings:before{font-size:15px;}
    }
    

/* ===== Default.aspx inline style 5 ===== */
@font-face{
    font-family:'DJBChalk';
    src:local('DJB Chalk It Up'),
        local('DJBChalkItUp'),
        url('/Dosyalar/Fonts/DJBChalkItUp.woff2') format('woff2'),
        url('/Dosyalar/Fonts/DJBChalkItUp.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
/* SADECE ANA SLIDER (soldaki büyük görsel) */
.intro-slide-wrapper .intro-slide1 .banner-content > span,
.intro-slide-wrapper .intro-slide1 .banner-content .font-weight-bolder{
    font-family:'DJBChalk', Arial, sans-serif !important;
    font-size:56px !important;
    line-height:1.05 !important;
    letter-spacing:2px !important;
    text-transform:uppercase !important;
    display:inline-block !important;
    max-width:90% !important;
    margin:0 auto 18px !important;
    text-align:center !important;
    white-space:normal !important;
}
@media (max-width: 991px){
  .intro-slide-wrapper .intro-slide1 .banner-content > span,
  .intro-slide-wrapper .intro-slide1 .banner-content .font-weight-bolder{
      font-size:38px !important;
  }
}
@media (max-width: 575px){
  .intro-slide-wrapper .intro-slide1 .banner-content > span,
  .intro-slide-wrapper .intro-slide1 .banner-content .font-weight-bolder{
      font-size:30px !important;
      letter-spacing:1px !important;
  }
}

/* ===== Default.aspx inline style 6 ===== */
/* === FIX: Buton yazinin altina gelsin + her ekranda ortali olsun (sadece ANA SLIDER) === */
.intro-slide.intro-slide1 .banner-content{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}
.intro-slide.intro-slide1 .banner-content > span{
    display:block !important;
    width:100% !important;
    text-align:center !important;
}
.intro-slide.intro-slide1 .banner-content > a{
    float:none !important;
    margin:18px auto 0 auto !important;
}

/* === Sağ Üst Banner (Üniversite/Bölümler) === */
.intro-banner-top .banner-content{
    text-align:center !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:100% !important;
    padding:0 10px !important;
}
.intro-banner-top .np-top-banner-title{
    font-family:'DJBChalk', Arial, sans-serif !important;
    color:#ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 1.05 !important;
    margin:0 0 14px 0 !important;
    font-size: clamp(16px, 1.35vw, 22px) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.35) !important;
}
.intro-banner-top .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    color:#ffffff !important;
}
.intro-banner-top .btn i{
    color:#ffffff !important;
}
@media (max-width: 575.98px){
    .intro-banner-top .banner-content{
        top:50% !important;
        padding:0 14px !important;
    }
    .intro-banner-top .np-top-banner-title{
        font-size: 16px !important;
        line-height: 1.1 !important;
    }
}

/* ===== Default.aspx inline style 7 ===== */
        .np-fav-toggle{position:relative;transition:transform .18s ease, opacity .18s ease;}
        .np-fav-toggle.np-fav-busy{pointer-events:none;opacity:.85;}
        .np-fav-toggle.np-fav-pop{animation:npFavPop .34s ease;}
        @keyframes npFavPop{
            0%{transform:scale(1);} 
            45%{transform:scale(1.22);} 
            100%{transform:scale(1);} 
        }
    

/* ===== Default.aspx inline style 8 ===== */
@media (max-width:767.98px){
  /* NP: Anasayfa ürün kartları, /urunler mobil kartı ile aynı ölçü ve iç dizayn */
  .np-home-horizontal-products{gap:10px!important; padding:0 2px 6px!important;}
  .np-home-horizontal-products .np-premium-card{flex:0 0 calc(50% - 5px)!important;width:calc(50% - 5px)!important;min-width:calc(50% - 5px)!important;min-height:352px!important;padding:10px 9px 9px!important;border-radius:18px!important;}
  .np-home-horizontal-products .np-premium-media>a{width:112px!important;height:120px!important;}
  .np-home-horizontal-products .np-premium-cover{width:104px!important;height:114px!important;}
  .np-home-horizontal-products .product-action{display:grid!important;grid-template-columns:1fr 38px!important;gap:7px!important;margin-top:auto!important;align-items:center!important;}
  .np-home-horizontal-products .product-action .btn-product{height:36px!important;min-height:36px!important;border-radius:12px!important;margin:0!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:10.5px!important;font-weight:950!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;}
  .np-home-horizontal-products .np-mobile-inspect{border:1px solid rgba(255,107,53,.28)!important;background:#fff!important;color:#ff5b20!important;}
  .np-home-horizontal-products .np-btn-accent{width:38px!important;min-width:38px!important;padding:0!important;border:1px solid #ff6b35!important;background:#ff7547!important;color:#fff!important;box-shadow:0 8px 16px rgba(255,107,53,.18)!important;}
  .np-home-horizontal-products .np-btn-accent i{margin:0!important;font-size:16px!important;line-height:1!important;}
  .np-home-horizontal-products .np-in-cart{background:#111827!important;border-color:#111827!important;color:#fff!important;}
  .np-home-horizontal-products .np-is-purchased .np-mobile-inspect{display:none!important;}
  .np-home-horizontal-products .np-is-purchased .product-action{grid-template-columns:1fr!important;}
  /* Yeni Çıkanlar sekmesi zaten sekme başlığında belirtiliyor; mobilde ikinci mor rozet kart aksiyonuna taşmasın. */
  .np-mobile-home .np-home-launch-badge{display:none!important;}
  .np-home-horizontal-products .np-btn-library{grid-column:1 / -1!important;background:#111827!important;color:#fff!important;border-color:#111827!important;}
  .np-home-horizontal-products .np-btn-library:before{content:'✓';margin-right:6px;}
}

/* ===== Default.aspx inline style 9 ===== */
@media (max-width:767.98px){
  html body .np-mobile-home .np-mobile-footer-v2{
    display:block!important;
    margin:26px -14px -96px!important;
    padding:32px 18px calc(118px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,#1c2029 0%,#151922 100%)!important;
    color:#fff!important;
    border-radius:28px 28px 0 0!important;
    box-shadow:0 -18px 40px rgba(15,23,42,.18)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    overflow:hidden!important;
  }
  html body .np-mobile-home .np-mobile-footer-brand{text-align:center!important;margin:0 auto 18px!important;}
  html body .np-mobile-home .np-mobile-footer-logo{
    display:block!important;
    width:156px!important;
    max-width:156px!important;
    height:auto!important;
    margin:0 auto 13px!important;
    filter:none!important;
  }
  html body .np-mobile-home .np-mobile-footer-desc{
    max-width:320px!important;
    margin:0 auto!important;
    color:#d5dbe6!important;
    font-size:12.5px!important;
    line-height:1.55!important;
    font-weight:600!important;
    text-align:center!important;
  }
  html body .np-mobile-home .np-mobile-footer-social{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:9px!important;
    margin:18px 0 20px!important;
    flex-wrap:nowrap!important;
  }
  html body .np-mobile-home .np-mobile-footer-social a{
    width:37px!important;
    height:37px!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
    transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
  }
  html body .np-mobile-home .np-mobile-footer-social a:hover,
  html body .np-mobile-home .np-mobile-footer-social a:focus{
    transform:translateY(-2px)!important;
    background:rgba(255,107,53,.18)!important;
    border-color:rgba(255,107,53,.55)!important;
    color:#fff!important;
  }
  html body .np-mobile-home .np-mobile-footer-social svg{
    width:17px!important;
    height:17px!important;
    display:block!important;
    fill:currentColor!important;
  }
  html body .np-mobile-home .np-mobile-footer-social a[aria-label="Gmail"] svg{width:18px!important;height:18px!important;}
  html body .np-mobile-home .np-mobile-footer-accordion{
    border-top:1px solid rgba(255,255,255,.09)!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }
  html body .np-mobile-home .np-footer-acc-item{border-bottom:1px solid rgba(255,255,255,.075)!important;}
  html body .np-mobile-home .np-footer-acc-item:last-child{border-bottom:0!important;}
  html body .np-mobile-home .np-footer-acc-head{
    width:100%!important;
    height:50px!important;
    padding:0 2px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    font-size:13px!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
    cursor:pointer!important;
  }
  html body .np-mobile-home .np-footer-acc-head span{
    width:28px!important;
    height:28px!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.055)!important;
    position:relative!important;
    flex:0 0 28px!important;
  }
  html body .np-mobile-home .np-footer-acc-head span:before{
    content:''!important;
    width:8px!important;
    height:8px!important;
    border-right:2px solid rgba(255,255,255,.82)!important;
    border-bottom:2px solid rgba(255,255,255,.82)!important;
    transform:rotate(45deg) translate(-1px,-1px)!important;
    transition:transform .18s ease!important;
  }
  html body .np-mobile-home .np-footer-acc-item.is-open .np-footer-acc-head span:before{transform:rotate(-135deg) translate(-1px,-1px)!important;}
  html body .np-mobile-home .np-footer-acc-panel{
    max-height:0!important;
    overflow:hidden!important;
    transition:max-height .24s ease!important;
    padding:0!important;
  }
  html body .np-mobile-home .np-footer-acc-item.is-open .np-footer-acc-panel{max-height:420px!important;padding:0 0 12px!important;}
  html body .np-mobile-home .np-footer-acc-panel a{
    display:block!important;
    padding:8px 2px!important;
    color:#c5ccd8!important;
    text-decoration:none!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:650!important;
  }
  html body .np-mobile-home .np-mobile-footer-secure{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin:20px 0 12px!important;
  }
  html body .np-mobile-home .np-mobile-footer-secure div{
    min-height:42px!important;
    border-radius:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
  }
  html body .np-mobile-home .np-mobile-footer-payments{
    text-align:center!important;
    color:#b8c0cf!important;
    font-size:10.5px!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    margin:0 0 14px!important;
  }
  html body .np-mobile-home .np-mobile-footer-payments span{color:#ff8a5b!important;margin:0 5px!important;}
  html body .np-mobile-home .np-mobile-footer-copy{
    margin:0!important;
    padding-top:15px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    text-align:center!important;
    color:#8f99aa!important;
    font-size:10.5px!important;
    line-height:1.4!important;
    font-weight:650!important;
  }
  html body .np-mobile-home .np-mobile-footer-copy span{
    display:block!important;
  }
  html body .np-mobile-home .np-mobile-footer-copy span + span{
    margin-top:4px!important;
  }
  html body .np-mobile-home .np-mobile-footer-grid{display:none!important;}
}
@media (min-width:768px){
  html body .np-mobile-footer-v2{display:none!important;}
}


/* NP FIX 04.07.2026 - Anasayfa Ürün Talepleri başlık/tab sıkışma düzeltmesi */
@media (max-width:767.98px){
  html body .np-mobile-home .np-requests .np-section-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin-bottom:12px!important;
  }
  html body .np-mobile-home .np-requests .np-section-head h2{
    width:100%!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    overflow:visible!important;
    white-space:normal!important;
    padding:0!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs button{
    width:100%!important;
    min-width:0!important;
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #f0e9df!important;
    background:#fff!important;
    border-radius:11px!important;
    padding:0 6px!important;
    color:#667085!important;
    font-size:9.2px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.15px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs button.active{
    color:#ff5b20!important;
    background:#fff6ef!important;
    border-color:#ffd8c7!important;
    box-shadow:inset 0 -2px 0 #ff5b20!important;
  }
}
@media (max-width:360px){
  html body .np-mobile-home .np-requests .np-req-tabs button{
    font-size:8.7px!important;
    padding:0 4px!important;
    letter-spacing:-.25px!important;
  }
}


/* NP FINE FIX 04.07.2026 - Ürün Talepleri tab premium ince ayar */
@media (max-width:767.98px){
  html body .np-mobile-home .np-requests .np-section-head{
    gap:14px!important;
    margin-bottom:16px!important;
  }
  html body .np-mobile-home .np-requests .np-section-head h2{
    font-size:15.5px!important;
    line-height:1.2!important;
    padding-left:1px!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs{
    gap:8px!important;
    align-items:center!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs button{
    height:36px!important;
    min-height:36px!important;
    border-radius:13px!important;
    padding:0 8px!important;
    border-color:#f1e4d8!important;
    background:#fff!important;
    font-size:9.4px!important;
    letter-spacing:-.12px!important;
    box-shadow:0 5px 14px rgba(15,23,42,.035)!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs button.active{
    color:#ff4f18!important;
    background:linear-gradient(180deg,#fff8f3 0%,#fff1e8 100%)!important;
    border-color:#ffb99b!important;
    box-shadow:0 7px 18px rgba(255,91,32,.10), inset 0 -2px 0 #ff5b20!important;
  }
}
@media (max-width:360px){
  html body .np-mobile-home .np-requests .np-section-head{gap:12px!important;margin-bottom:14px!important;}
  html body .np-mobile-home .np-requests .np-req-tabs{gap:6px!important;}
  html body .np-mobile-home .np-requests .np-req-tabs button{
    height:34px!important;
    min-height:34px!important;
    font-size:8.8px!important;
    padding:0 5px!important;
    letter-spacing:-.22px!important;
  }
}

/* NP FINAL 04.07.2026 - Ürün Talepleri başlık alanı paket detay premium düzen */
@media (max-width:767.98px){
  html body .np-mobile-home .np-requests{
    padding:16px 12px 15px!important;
  }
  html body .np-mobile-home .np-requests .np-section-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:13px!important;
    margin:0 0 15px!important;
    padding:0 0 12px!important;
    border-bottom:1px solid #f2eee8!important;
  }
  html body .np-mobile-home .np-requests .np-section-head h2{
    position:relative!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0!important;
    padding:0 0 0 11px!important;
    color:#182035!important;
    font-size:17px!important;
    line-height:1.15!important;
    font-weight:950!important;
    letter-spacing:-.45px!important;
    white-space:nowrap!important;
  }
  html body .np-mobile-home .np-requests .np-section-head h2:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:50%!important;
    width:4px!important;
    height:22px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ff7a2f 0%,#ff4f18 100%)!important;
    transform:translateY(-50%)!important;
    box-shadow:0 6px 12px rgba(255,91,32,.20)!important;
  }
  html body .np-mobile-home .np-requests .np-section-head h2 span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body .np-mobile-home .np-requests .np-req-head-badge{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:28px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fff7f2 0%,#ffece1 100%)!important;
    color:#ff5b20!important;
    border:1px solid #ffd8c7!important;
    font-style:normal!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.2px!important;
    box-shadow:0 8px 18px rgba(255,91,32,.09)!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs button{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:39px!important;
    min-height:39px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 7px!important;
    border-radius:14px!important;
    border:1px solid #f0e6dc!important;
    background:#fff!important;
    color:#667085!important;
    font-size:9.6px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.18px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs button.active{
    color:#ff4f18!important;
    background:linear-gradient(180deg,#fff8f3 0%,#fff0e7 100%)!important;
    border-color:#ffb393!important;
    box-shadow:0 9px 20px rgba(255,91,32,.11)!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs button.active:after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:-1px!important;
    width:34px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#ff5b20!important;
    transform:translateX(-50%)!important;
  }
}
@media (max-width:360px){
  html body .np-mobile-home .np-requests .np-section-head h2{
    font-size:15.5px!important;
    letter-spacing:-.55px!important;
  }
  html body .np-mobile-home .np-requests .np-req-head-badge{
    min-height:25px!important;
    padding:0 8px!important;
    font-size:9.4px!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs{
    gap:6px!important;
  }
  html body .np-mobile-home .np-requests .np-req-tabs button{
    height:36px!important;
    min-height:36px!important;
    font-size:8.7px!important;
    padding:0 4px!important;
    letter-spacing:-.28px!important;
  }
}


/* NP HOME MEMBERSHIP DETAIL BUTTON + FEATURE SHEET */
.np-membership-actions .np-detail-btn{
  min-height:38px;
  width:100%;
  max-width:220px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--np-plan)!important;
  background:#fff;
  border:1px solid color-mix(in srgb, var(--np-plan) 28%, transparent);
  box-shadow:0 8px 20px rgba(15,23,42,.045);
  font-size:12.5px;
  line-height:1;
  font-weight:950;
  text-decoration:none!important;
}
.np-membership-actions .np-detail-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px color-mix(in srgb, var(--np-plan) 16%, transparent);
}
.np-membership-feature-list li{
  cursor:pointer;
  padding-right:28px;
}
.np-membership-feature-list li .np-feature-text{
  flex:1 1 auto;
}
.np-membership-feature-list li .np-home-info-btn{
  position:absolute;
  right:0;
  top:-1px;
  width:21px;
  height:21px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:var(--np-plan);
  box-shadow:0 5px 12px rgba(15,23,42,.08);
  font-size:11px;
  font-weight:950;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.np-home-feature-sheet{display:none;position:fixed;inset:0;z-index:99999;}
.np-home-feature-sheet.is-open{display:block;}
.np-home-feature-overlay{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(4px);}
.np-home-feature-card{position:absolute;left:0;right:0;bottom:0;margin:auto;width:100%;max-width:520px;max-height:82vh;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -20px 50px rgba(15,23,42,.22);padding:14px;display:flex;flex-direction:column;}
.np-home-feature-handle{width:44px;height:5px;border-radius:999px;background:#e5e7eb;margin:0 auto 13px;}
.np-home-feature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 2px 12px;border-bottom:1px solid #f0f1f3;}
.np-home-feature-title{display:flex;gap:10px;align-items:flex-start;}
.np-home-feature-title i{width:42px;height:42px;border-radius:15px;background:#fff1e8;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px;flex:0 0 auto;}
.np-home-feature-title h3{margin:0 0 3px;font-size:18px;font-weight:950;color:#172033;}
.np-home-feature-title p{margin:0;color:#667085;font-size:12px;line-height:1.45;font-weight:700;}
.np-home-feature-close{width:36px;height:36px;border:0;border-radius:13px;background:#f6f7f9;color:#172033;font-size:22px;line-height:1;cursor:pointer;}
.np-home-feature-body{overflow:auto;padding:14px 2px 4px;}
.np-home-feature-body p{margin:0 0 12px;color:#344054;font-size:13px;line-height:1.55;font-weight:700;}
.np-home-feature-body ul{margin:0;padding:0 0 0 18px;color:#172033;}
.np-home-feature-body li{margin-bottom:8px;font-size:13px;line-height:1.45;font-weight:800;}
.np-home-feature-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.np-home-feature-plan{border:1px solid #eef0f4;border-radius:16px;padding:12px;background:#fbfbfc;}
.np-home-feature-plan.plus{background:#f5f2ff;border-color:#ded7ff;}
.np-home-feature-plan.pro{background:#fff7e5;border-color:#ffe1ad;}
.np-home-feature-plan b{display:block;font-size:12px;margin-bottom:6px;color:#172033;}
.np-home-feature-plan span{display:block;font-size:12px;color:#526071;line-height:1.45;font-weight:800;}
body.np-home-membership-sheet-open{overflow:hidden;}
@media (min-width:768px){
  .np-home-feature-sheet.is-open{display:flex;align-items:center;justify-content:center;padding:24px;}
  .np-home-feature-card{position:relative;left:auto;right:auto;bottom:auto;max-width:560px;border-radius:24px;padding:18px;box-shadow:0 24px 70px rgba(15,23,42,.22);}
  .np-home-feature-handle{display:none;}
}
@media (max-width:767.98px){
  html body .np-mobile-home .np-membership-actions .np-detail-btn{min-height:32px!important;width:100%!important;border-radius:11px!important;font-size:11px!important;}
  html body .np-mobile-home .np-membership-feature-list li{padding-right:24px!important;}
  html body .np-mobile-home .np-membership-feature-list li .np-home-info-btn{width:19px!important;height:19px!important;font-size:10px!important;}
}

/* ===== Default.aspx inline style 10 ===== */
.np-mobile-home{display:none;}
@media (max-width: 767.98px){
  html,body{background:#fff !important;}
  body.home.bg-grey{background:#fff !important;}
  .header-top,.header-bottom{display:none !important;}
  .header{background:#fff !important;box-shadow:none !important;border:0 !important;}
  .header-middle{background:#fff !important;border-bottom:1px solid #f0eee9 !important;padding:8px 0 !important;position:sticky;top:0;z-index:1000;}
  .main > .container.pb-2{display:none !important;}
  .np-mobile-home{display:block !important;background:#fff;color:#121827;font-family:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Arial,sans-serif;padding:14px 14px 92px;overflow:hidden;}
  .np-mobile-home *{box-sizing:border-box;}
  .np-mh-card{border:1px solid #f0e9df;background:#fff;border-radius:18px;box-shadow:0 12px 32px rgba(20,24,40,.06);}
  .np-hero{position:relative;min-height:255px;padding:26px 18px;margin-bottom:16px;background:linear-gradient(135deg,#fffaf5 0%,#fff 56%,#fff3e9 100%);overflow:hidden;}
  .np-hero:before{content:'';position:absolute;right:-42px;top:35px;width:215px;height:215px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,56,.17),rgba(255,255,255,0) 68%);}
  .np-hero-kicker{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#25304a;margin-bottom:18px;letter-spacing:.3px;}
  .np-hero-kicker span:first-child{font-size:16px;color:#6e778b;}
  .np-hero h1{position:relative;margin:0 0 14px;font-size:29px;line-height:1.08;font-weight:900;letter-spacing:-1.4px;color:#111827;max-width:260px;}
  .np-hero h1 em{font-style:normal;color:#f17855;}
  .np-hero p{position:relative;margin:0 0 22px;max-width:260px;font-size:14px;line-height:1.65;color:#344054;font-weight:500;}
  .np-hero-btn{position:relative;display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 18px;border-radius:12px;background:#fff;color:#1f2937;font-weight:800;font-size:13px;box-shadow:0 9px 22px rgba(184,97,39,.14);border:1px solid #f4e5d9;text-decoration:none;}
  .np-tree{position:absolute;right:8px;bottom:12px;width:152px;height:152px;opacity:.95;}
  .np-tree-base{position:absolute;left:40px;bottom:0;width:70px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fff,#ffe0cd);box-shadow:0 15px 22px rgba(239,103,50,.17);}
  .np-tree-trunk{position:absolute;left:73px;bottom:20px;width:7px;height:82px;background:#edb18d;border-radius:10px;}
  .np-tree-branch{position:absolute;background:#edb18d;height:4px;transform-origin:left center;border-radius:10px;}
  .np-tree-branch.b1{left:77px;bottom:78px;width:36px;transform:rotate(-35deg)} .np-tree-branch.b2{left:76px;bottom:74px;width:38px;transform:rotate(32deg)} .np-tree-branch.b3{left:77px;bottom:52px;width:32px;transform:rotate(-25deg)} .np-tree-branch.b4{left:76px;bottom:48px;width:35px;transform:rotate(25deg)}
  .np-tree-ico{position:absolute;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.78);box-shadow:0 8px 20px rgba(239,117,62,.16);border:1px solid rgba(255,163,102,.26);font-size:18px;}
  .np-tree-ico.i1{right:20px;top:4px}.np-tree-ico.i2{right:62px;top:28px}.np-tree-ico.i3{right:4px;top:58px}.np-tree-ico.i4{right:70px;top:82px}.np-tree-ico.i5{right:32px;top:105px}
  .np-dots{display:flex;align-items:center;justify-content:center;gap:7px;margin:-4px 0 18px;}.np-dots i{display:block;width:12px;height:5px;border-radius:99px;background:#d8d8d8}.np-dots i:first-child{width:18px;background:#ff6b35}
  .np-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:12px;margin-bottom:16px;align-items:stretch;}
  .np-trust-item{position:relative;display:flex;align-items:center;gap:9px;min-width:0;width:100%;min-height:64px;padding:11px 9px;border:1px solid rgba(238,231,222,.86);border-radius:18px;background:linear-gradient(180deg,#fff,#fffdfb);box-shadow:0 12px 26px rgba(25,31,45,.065);overflow:hidden;}
  .np-trust-item:before{content:"";position:absolute;inset:1px;border-radius:17px;background:radial-gradient(circle at 12% 12%,rgba(255,134,73,.12),transparent 42%);pointer-events:none;}
  .np-trust-item p{position:relative;margin:0;min-width:0;z-index:1;}
  .np-trust-ico{position:relative;z-index:1;width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5ed,#ffe4d1);color:#ff6b35;flex:0 0 42px;font-style:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 20px rgba(255,107,53,.16);border:1px solid rgba(255,122,53,.18);}
  .np-trust-ico svg{width:22px;height:22px;display:block;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;}
  .np-trust-ico svg .np-fill{fill:currentColor;stroke:none;opacity:.16;}
  .np-trust-item:nth-child(2) .np-trust-ico{background:linear-gradient(135deg,#eefdf3,#dff8e9);color:#16a05a;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 20px rgba(22,160,90,.14);border-color:rgba(22,160,90,.16);}
  .np-trust-item:nth-child(3) .np-trust-ico{background:linear-gradient(135deg,#fff6ef,#ffe2d3);color:#f0652f;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 20px rgba(240,101,47,.14);border-color:rgba(240,101,47,.16);}
  .np-trust-item:nth-child(4) .np-trust-ico{background:linear-gradient(135deg,#eef6ff,#dfeeff);color:#2f73d9;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 20px rgba(47,115,217,.14);border-color:rgba(47,115,217,.16);}
  .np-trust b{display:block;font-size:10.5px;line-height:1.15;color:#192235;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.15px}.np-trust span{display:block;font-size:8.9px;line-height:1.25;color:#667085;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .np-tabs{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 2px 10px;border-bottom:1px solid #f1eee9;margin-bottom:14px;}.np-tabs a{font-size:12px;font-weight:800;color:#1f2a44;text-decoration:none;white-space:nowrap;padding:10px 0;}.np-tabs a.active{color:#ff5b20;border-bottom:2px solid #ff5b20;}
  .np-products{padding:16px 10px 12px;margin-bottom:16px;}.np-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.np-prod{min-width:0;}.np-prod-img{position:relative;display:block;aspect-ratio:1/1.22;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 12px 24px rgba(15,23,42,.12);}.np-prod-img img{width:100%;height:100%;object-fit:cover;display:block;}.np-prod-cart,.np-prod-fav{position:absolute;width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#111;box-shadow:0 8px 18px rgba(0,0,0,.16);}.np-prod-cart{right:7px;bottom:7px}.np-prod-fav{right:7px;top:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);color:#fff}.np-prod-name{display:block;margin:10px 2px 3px;font-size:12px;line-height:1.22;font-weight:900;color:#172033;text-decoration:none;min-height:30px;}.np-prod-uni{display:block;margin:0 2px 8px;font-size:10px;color:#727b91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.np-prod-meta{display:flex;align-items:center;justify-content:space-between;margin:0 2px;font-size:11px;font-weight:800}.np-rate{color:#f6a300}.np-price{color:#ff5b20;}
  .np-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 16px;margin:0 0 16px;background:linear-gradient(135deg,#fff7f0,#fff);overflow:hidden;}.np-cta strong{font-size:19px;line-height:1.15;font-weight:500;color:#182035;}.np-cta strong b{font-weight:900;border:2px solid #173b36;border-radius:50%;padding:0 4px;}.np-cta strong em{font-style:normal;font-weight:900;border-bottom:2px solid #8fd0b2;}.np-cta a{height:42px;padding:0 15px;border-radius:11px;background:#fff;border:1px solid #f2e1d4;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#20283d;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(148,74,29,.11);white-space:nowrap;}
  .np-requests{padding:16px 12px;margin-bottom:16px;}.np-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}.np-section-head h2{margin:0;font-size:15px;font-weight:900;color:#182035}.np-req-tabs{display:flex;gap:6px}.np-req-tabs span{font-size:10px;font-weight:800;padding:8px 9px;border-radius:10px;color:#667085}.np-req-tabs span.active{color:#ff5b20;background:#fff6ef;border-bottom:2px solid #ff5b20}.np-req{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f0;}.np-req:last-of-type{border-bottom:0}.np-req-ico{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff0e8;color:#ff6730;font-size:19px}.np-req:nth-child(3) .np-req-ico{background:#eef3ff;color:#4b74ff}.np-req:nth-child(4) .np-req-ico{background:#eefaf2;color:#34aa68}.np-req h3{margin:0 0 5px;font-size:12px;line-height:1.25;font-weight:900;color:#172033}.np-req p{margin:0;font-size:9.5px;color:#697386}.np-pill{display:inline-block;background:#f1ecff;color:#6e4cf6;border-radius:7px;padding:3px 5px;margin-right:4px;font-weight:800}.np-status{font-size:10px;font-weight:900;color:#7d58ff;background:#f3edff;border-radius:9px;padding:6px 8px;white-space:nowrap}.np-more{display:flex;align-items:center;justify-content:center;height:42px;border-radius:11px;background:#f8f8f8;text-decoration:none;color:#344054;font-size:12px;font-weight:900;margin-top:8px;}
  .np-req-tabs button{border:0;background:transparent;font-size:10px;font-weight:800;padding:8px 9px;border-radius:10px;color:#667085;white-space:nowrap;}
  .np-req-tabs button.active{color:#ff5b20;background:#fff6ef;border-bottom:2px solid #ff5b20;}
  .np-req-panel{display:none;}
  .np-req-panel.active{display:block;}
  .np-req-main{border:0;background:transparent;text-align:left;padding:0;min-width:0;}
  .np-req-main h3{margin:0 0 5px;font-size:12px;line-height:1.25;font-weight:900;color:#172033;}
  .np-req-main p{margin:0;font-size:9.5px;color:#697386;}
  .np-req-detail{border:0;cursor:pointer;}
  .np-status-done{color:#12a05c;background:#eaf8f0;}
  .np-req-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:92px;border-radius:14px;background:#fafafa;border:1px dashed #ececec;color:#667085;padding:14px;margin:6px 0 10px;}
  .np-req-empty b{font-size:12px;color:#172033;margin-bottom:5px;}.np-req-empty span{font-size:10px;line-height:1.45;}
  .np-home-talep-sheet{display:none;position:fixed;inset:0;z-index:9999;}.np-home-talep-overlay{position:absolute;inset:0;background:rgba(17,17,17,.26);backdrop-filter:blur(2px);}
  .np-home-talep-card{position:absolute;left:0;right:0;bottom:0;margin:auto;width:100%;max-width:430px;max-height:82vh;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -18px 40px rgba(15,23,42,.18);padding:14px 14px 16px;display:flex;flex-direction:column;}
  .np-home-talep-card:before{content:"";width:44px;height:5px;border-radius:999px;background:#e7e7e7;margin:0 auto 12px;display:block;}
  .np-home-talep-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}.np-home-talep-head h3{margin:0;font-size:16px;font-weight:900;color:#182035;}.np-home-talep-head button{width:32px;height:32px;border-radius:50%;border:0;background:#f4f4f4;font-size:20px;line-height:1;color:#444;}
  .np-home-talep-body{overflow:auto;padding-right:2px;}.np-home-talep-body table{width:100%;border-collapse:separate;border-spacing:0 8px;}.np-home-talep-body tr{display:grid;grid-template-columns:38% 1fr;gap:8px;background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;padding:10px 11px;}.np-home-talep-body td{padding:0;}.np-home-talep-body .k{font-size:10px;color:#667085;font-weight:900;}.np-home-talep-body .v{font-size:11px;color:#182035;font-weight:800;word-break:break-word;}
  .np-home-talep-foot{display:flex;gap:8px;padding-top:12px;}.np-home-talep-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:42px;border-radius:12px;font-weight:900;font-size:12px;text-decoration:none;}.np-home-talep-btn-ghost{background:#fff;border:1px solid #e6e6e6;color:#182035;}.np-home-talep-btn-dark{background:#111827;border:1px solid #111827;color:#fff;}

  .np-bottom-banner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:134px;padding:20px 18px;margin-bottom:14px;background:linear-gradient(135deg,#fff8f2,#fff);overflow:hidden}.np-bottom-banner h2{margin:0 0 8px;font-size:21px;line-height:1.18;font-weight:900;color:#172033}.np-bottom-banner h2 em{font-style:normal;color:#e77856}.np-bottom-banner p{margin:0 0 12px;font-size:12px;color:#667085}.np-bottom-banner a{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 14px;border-radius:11px;background:#fff;border:1px solid #f1dfd0;text-decoration:none;color:#1f2937;font-weight:900;font-size:12px}.np-badge-art{font-size:58px;filter:drop-shadow(0 12px 20px rgba(239,102,48,.18));}
  .np-desktop-footer-clone{display:none!important;}
}
@media (min-width:768px){.np-mobile-home{display:none!important;}}

/* ===== Default.aspx inline style 11 ===== */
@media (max-width:767.98px){
  body.home.bg-grey{background:#fff!important;}
  .page-wrapper{background:#fff!important;}
  .header-top,.header-bottom{display:none!important;}
  .header{display:block!important;background:#fff!important;border:0!important;box-shadow:none!important;}
  .header-middle{display:block!important;position:sticky!important;top:0!important;z-index:1200!important;background:#fff!important;border-bottom:1px solid #f3eee8!important;padding:10px 0 8px!important;box-shadow:0 8px 20px rgba(17,24,39,.02)!important;}
  .header-middle>.container{width:100%!important;max-width:100%!important;padding:0 18px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;}
  .header-middle .header-left,.header-middle .header-right{display:flex!important;align-items:center!important;flex:1 1 0!important;min-width:0!important;margin:0!important;}
  .header-middle .header-left{justify-content:flex-start!important;}
  .header-middle .header-right{justify-content:flex-end!important;}
  .header-middle .mobile-search-toggle{display:inline-flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;color:#071024!important;text-decoration:none!important;font-size:0!important;margin:0!important;}
  .header-middle .mobile-search-toggle i{font-size:24px!important;line-height:1!important;color:#071024!important;}
  .header-middle .logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-width:none!important;width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;z-index:2!important;}
  .header-middle .logo img{width:145px!important;height:auto!important;max-width:145px!important;max-height:42px!important;object-fit:contain!important;display:block!important;}
  .header-middle .nomobile,.header-middle .wishlist,.header-middle .compare,.header-middle .account,.header-middle .divider{display:none!important;}
  .header-middle .cart-dropdown{display:block!important;margin:0!important;position:static!important;}
  .header-middle .cart-toggle{display:inline-flex!important;position:relative!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;color:#071024!important;text-decoration:none!important;padding:0!important;}
  .header-middle .cart-toggle i{font-size:22px!important;color:#071024!important;}
  .header-middle .cart-label{display:none!important;}
  .header-middle .cart-toggle:after{content:'3';position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#f26b45;color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:900;border:2px solid #fff;}
  .main{background:#fff!important;}
  .main>.container.pb-2{display:none!important;}
  .np-mobile-home{display:block!important;width:100%!important;max-width:430px!important;margin:0 auto!important;padding:14px 14px 96px!important;background:#fff!important;color:#111827!important;overflow:visible!important;}
  .np-mh-card{border:1px solid #eee7de!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(25,31,45,.055)!important;}
  .np-hero{min-height:250px!important;margin-top:4px!important;margin-bottom:12px!important;padding:25px 18px!important;background:linear-gradient(135deg,#fffaf5 0%,#fff 54%,#fff0e7 100%)!important;}
  .np-hero-kicker{font-size:10px!important;margin-bottom:16px!important;color:#1f2937!important;}
  .np-hero h1{font-size:29px!important;line-height:1.02!important;letter-spacing:-1.25px!important;max-width:250px!important;margin-bottom:14px!important;color:#151b28!important;}
  .np-hero h1 em{color:#ef7655!important;}
  .np-hero p{font-size:13.5px!important;line-height:1.55!important;max-width:255px!important;color:#344054!important;margin-bottom:20px!important;}
  .np-hero-btn{height:43px!important;border-radius:12px!important;padding:0 18px!important;color:#182033!important;}
  .np-tree{right:3px!important;bottom:12px!important;width:150px!important;height:150px!important;transform:scale(.94);transform-origin:right bottom;}
  .np-dots{margin:0 0 16px!important;}
  .np-trust{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;padding:12px!important;margin-bottom:16px!important;align-items:stretch!important;}
  .np-trust-item{width:100%!important;min-height:64px!important;padding:11px 9px!important;border:1px solid rgba(238,231,222,.86)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fffdfb)!important;box-shadow:0 12px 26px rgba(25,31,45,.065)!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;overflow:hidden!important;}
  .np-trust-item p{margin:0!important;min-width:0!important;}
  .np-trust-ico{width:42px!important;height:42px!important;border-radius:16px!important;font-style:normal!important;flex:0 0 42px!important;}
  .np-trust-ico svg{width:22px!important;height:22px!important;}
  .np-trust b{font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .np-trust span{font-size:8.9px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .np-products{padding:15px 10px 13px!important;margin-bottom:16px!important;}
  .np-tabs{display:flex!important;gap:10px!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important;margin:0 -2px 14px!important;padding:0 2px 9px!important;}
  .np-tabs::-webkit-scrollbar{display:none!important;}
  .np-tabs a{font-size:11.2px!important;flex:0 0 auto!important;color:#172033!important;padding:8px 0!important;}
  .np-tabs a.active{color:#ff5b20!important;}
  .np-product-grid{grid-template-columns:1fr 1fr!important;gap:14px 12px!important;}
  .np-prod-img{aspect-ratio:1/1.19!important;border-radius:10px!important;box-shadow:0 10px 20px rgba(15,23,42,.12)!important;}
  .np-prod-name{font-size:12px!important;line-height:1.2!important;min-height:43px!important;margin:9px 2px 3px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .np-prod-uni{font-size:9.7px!important;margin-bottom:8px!important;}
  .np-prod-meta{font-size:10.5px!important;}
  .np-cta{min-height:90px!important;padding:17px 14px!important;align-items:center!important;}
  .np-cta strong{font-size:18px!important;line-height:1.12!important;}
  .np-cta a{height:40px!important;font-size:11.5px!important;padding:0 13px!important;}
  .np-requests{padding:15px 12px!important;}
  .np-section-head{gap:8px!important;margin-bottom:10px!important;}
  .np-section-head h2{font-size:15px!important;white-space:nowrap!important;}
  .np-req-tabs{overflow:auto!important;white-space:nowrap!important;scrollbar-width:none!important;}
  .np-req-tabs::-webkit-scrollbar{display:none!important;}
  .np-req-tabs span{font-size:9px!important;padding:7px 7px!important;}
  .np-req{grid-template-columns:38px 1fr auto!important;gap:10px!important;padding:13px 0!important;}
  .np-req-ico{width:36px!important;height:36px!important;font-style:normal!important;}
  .np-req h3{font-size:11.5px!important;line-height:1.25!important;}
  .np-req p{font-size:8.8px!important;line-height:1.45!important;}
  .np-status{font-size:9px!important;padding:6px 7px!important;}
  .np-bottom-banner{min-height:130px!important;padding:19px 16px!important;margin-bottom:16px!important;}
  .np-bottom-banner h2{font-size:20px!important;}
  .np-badge-art{font-size:54px!important;}
  .np-mobile-footer{display:block!important;background:#1c1f22!important;color:#fff;border-radius:0;margin:80px -14px -96px!important;padding:30px 18px 115px!important;}
  .np-mobile-footer-logo{display:block;width:150px;height:auto;margin:0 0 14px;filter:none;}
  .np-mobile-footer p{margin:0 0 18px;color:#c8ced8;font-size:12px;line-height:1.55;}
  .np-mobile-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;}
  .np-mobile-footer h4{margin:0 0 8px;color:#fff;font-size:12px;font-weight:900;}
  .np-mobile-footer a{display:block;color:#c8ced8;text-decoration:none;font-size:10px;line-height:1.9;}
  .np-mobile-footer-copy{margin-top:18px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important;text-align:center!important;font-size:10px!important;color:#a8b0bd!important;}
}

/* ===== Default.aspx inline style 12 ===== */
@media (max-width:767.98px){
  .np-package-panel{padding:16px 10px 14px;margin:0 0 16px;background:#fff;}
  .np-package-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 14px;}
  .np-package-title h2{margin:0;font-size:15px;font-weight:900;color:#182035;}
  .np-package-title a{font-size:11px;font-weight:900;color:#ff5b20;text-decoration:none;}
  .np-package-strip{display:grid!important;grid-template-columns:repeat(4, minmax(134px,1fr))!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:2px 2px 6px!important;-webkit-overflow-scrolling:touch!important;}
  .np-package-strip::-webkit-scrollbar{display:none!important;}
  .np-package-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:134px!important;min-height:285px!important;padding:8px!important;border-radius:15px!important;background:#fff!important;border:1px solid #f0e5dc!important;box-shadow:0 10px 24px rgba(18,24,40,.075)!important;scroll-snap-align:start!important;text-decoration:none!important;color:#172033!important;overflow:hidden!important;}
  .np-package-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff6b3a;border-radius:15px 0 0 15px;}
  .np-package-card.is-soon{cursor:default!important;pointer-events:none!important;background:linear-gradient(180deg,#fffaf6,#fff)!important;}
  .np-package-card.is-soon:before{background:#ffb08f;}
  .np-package-badge{position:absolute!important;left:10px!important;top:10px!important;z-index:4;height:21px!important;padding:0 8px!important;border-radius:999px!important;background:#ff6b3a!important;color:#fff!important;font-size:8px!important;font-weight:900!important;display:flex!important;align-items:center!important;box-shadow:0 6px 14px rgba(255,91,32,.18)!important;}
  .np-package-badge.is-real{background:#fff1eb!important;color:#ff5b20!important;border:1px solid #ffe0d2!important;}
  .np-package-cover{height:112px!important;border-radius:12px!important;margin:20px 0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:48px!important;background:#fff7f1!important;border:1px solid #f3e5da!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;overflow:hidden!important;}
  .np-package-card.is-real .np-package-cover{background:#111827!important;border-color:#111827!important;color:#ffd166!important;}
  .np-package-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
  .np-package-card h3{margin:0 0 8px!important;text-align:left!important;font-size:12px!important;line-height:1.22!important;font-weight:900!important;color:#172033!important;min-height:44px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .np-package-card ul{list-style:none!important;margin:0 0 12px!important;padding:0!important;flex:1 1 auto!important;}
  .np-package-card li{position:relative!important;margin:0 0 5px!important;padding-left:8px!important;font-size:9px!important;line-height:1.25!important;color:#4b5563!important;white-space:normal!important;}
  .np-package-card li:before{content:'•'!important;position:absolute!important;left:0!important;color:#ff6b3a!important;}
  .np-package-bottom{margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
  .np-package-price,.np-package-soon{font-size:13px!important;font-weight:900!important;color:#ff5b20!important;line-height:1!important;}
  .np-package-cart{width:34px!important;height:34px!important;border-radius:12px!important;background:#ff6b3a!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(255,91,32,.22)!important;font-size:0!important;}
  .np-package-cart:before{content:'\e905';font-family:'wolmart';font-size:16px;line-height:1;}
  .np-package-card.is-soon .np-package-cart{background:#f3f4f6!important;color:#98a2b3!important;box-shadow:none!important;}
  .np-package-card.is-soon .np-package-cart:before{content:'\e92b';font-family:'wolmart';font-size:14px;}
  .np-mini-banners{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px;}
  .np-mini-banner{position:relative;min-height:126px;padding:17px 14px;border-radius:18px;border:1px solid #f0e9df;background:linear-gradient(135deg,#fff7f0,#fff);box-shadow:0 12px 32px rgba(20,24,40,.06);overflow:hidden;}
  .np-mini-banner h3{margin:0 0 8px;font-size:15px;line-height:1.2;font-weight:900;color:#172033;}
  .np-mini-banner h3 em{font-style:normal;color:#e77856;}
  .np-mini-banner p{margin:0 0 12px;font-size:10px;line-height:1.35;color:#667085;max-width:100px;}
  .np-mini-banner a{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:9px;background:#fff;border:1px solid #f1dfd0;text-decoration:none;color:#1f2937;font-weight:900;font-size:10px;}
  .np-mini-art{position:absolute;right:8px;bottom:12px;font-size:44px;filter:drop-shadow(0 10px 16px rgba(239,102,48,.16));}
  .np-bottom-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px;margin:0 0 16px;}
  .np-bottom-trust div{display:flex;align-items:center;gap:8px;min-width:0;}
  .np-bottom-trust i{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f3f6fb;font-style:normal;font-size:16px;flex:0 0 auto;}
  .np-bottom-trust b{display:block;font-size:10px;line-height:1.15;color:#20283d;}
  .np-bottom-trust span{display:block;font-size:8.5px;line-height:1.25;color:#697386;margin-top:2px;}
  .np-mobile-footer{margin-top:0!important;padding-top:26px!important;}
  .np-mobile-footer:before{display:none!important;}
}
@media (max-width:390px){
  .np-package-strip{grid-template-columns:repeat(4,118px);}
  .np-mini-banners{grid-template-columns:1fr;}
  .np-bottom-trust{grid-template-columns:1fr;}
}

/* ===== Default.aspx inline style 13 ===== */
/* Masaüstünde anasayfaya özel canlı sepet rozeti gösterilmez; diğer sayfalarla aynı görünür. */
@media (min-width:768px){
  .header-middle .cart-toggle .np-products-cart-badge{display:none!important;}
}
@media (max-width:767.98px){
  .header-middle{display:block!important;position:sticky!important;top:0!important;z-index:1200!important;background:#fff!important;border-bottom:1px solid #f3eee8!important;padding:10px 0 8px!important;box-shadow:0 8px 20px rgba(17,24,39,.02)!important;}
  .header-middle>.container{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:0 18px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;}
  .header-middle .mobile-search-toggle{display:inline-flex!important;width:40px!important;height:40px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:transparent!important;color:#111827!important;text-decoration:none!important;font-size:0!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important;}
  .header-middle .mobile-search-toggle i{font-size:23px!important;line-height:1!important;color:#111827!important;}
  .header-middle .logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-width:none!important;width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;z-index:2!important;}
  .header-middle .logo img{width:118px!important;height:auto!important;max-width:118px!important;max-height:38px!important;object-fit:contain!important;display:block!important;}
  .header-middle .cart-dropdown{display:block!important;margin:0!important;position:static!important;}
  .header-middle .cart-toggle{display:inline-flex!important;position:relative!important;width:40px!important;height:40px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:transparent!important;color:#111827!important;text-decoration:none!important;padding:0!important;box-shadow:none!important;border:0!important;overflow:visible!important;}
  .header-middle .cart-toggle i{font-size:24px!important;line-height:1!important;color:#111827!important;}
  .header-middle .cart-label{display:none!important;}
  .header-middle .cart-toggle:after{display:none!important;content:none!important;}
  .header-middle .np-products-cart-badge{position:absolute!important;right:-3px!important;top:-5px!important;min-width:18px!important;height:18px!important;line-height:16px!important;padding:0 5px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;font-weight:900!important;text-align:center!important;border:2px solid #fff!important;white-space:nowrap!important;pointer-events:none!important;}
}

/* ===== Default.aspx inline style 14 ===== */
@media (max-width:767.98px){
  html body .header-middle .logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:172px!important;
    max-width:calc(100vw - 136px)!important;
    min-width:150px!important;
    height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:2!important;
  }
  html body .header-middle .logo img,
  html body .header-middle .logo picture,
  html body .header-middle .logo source{
    overflow:visible!important;
  }
  html body .header-middle .logo img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:172px!important;
    max-height:42px!important;
    min-width:150px!important;
    object-fit:contain!important;
    object-position:center center!important;
    clip-path:none!important;
    border:0!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
  }
  html body .header-middle .header-left,
  html body .header-middle .header-right{
    position:relative!important;
    z-index:4!important;
  }
}
@media (max-width:360px){
  html body .header-middle .logo{width:158px!important;min-width:142px!important;max-width:calc(100vw - 126px)!important;}
  html body .header-middle .logo img{max-width:158px!important;min-width:142px!important;max-height:40px!important;}
}

/* ===== Default.aspx inline style 15 ===== */
@media (max-width:767.98px){
  html body .np-mobile-home .np-hero-slider{
    position:relative!important;
    min-height:250px!important;
    margin-top:4px!important;
    margin-bottom:12px!important;
    padding:0!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#fffaf5 0%,#fff 54%,#fff0e7 100%)!important;
  }
  html body .np-mobile-home .np-hero-slider:before{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:30px!important;
    transform:translateX(-50%)!important;
    width:210px!important;
    height:210px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(255,122,56,.14),rgba(255,255,255,0) 70%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  html body .np-mobile-home .np-hero-track{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    width:100%!important;
    min-height:250px!important;
    transition:transform .42s ease!important;
    will-change:transform!important;
  }
  html body .np-mobile-home .np-hero-slide{
    flex:0 0 100%!important;
    min-width:100%!important;
    min-height:250px!important;
    padding:25px 18px 54px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  html body .np-mobile-home .np-hero-slide .np-hero-kicker{
    display:block!important;
    margin:0 auto 16px!important;
    text-align:center!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.35px!important;
    color:#1f2937!important;
  }
  html body .np-mobile-home .np-hero-slide .np-hero-kicker span{display:none!important;}
  html body .np-mobile-home .np-hero-slide h1{
    position:relative!important;
    margin:0 auto 14px!important;
    max-width:280px!important;
    text-align:center!important;
    font-size:29px!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-1.25px!important;
    color:#151b28!important;
  }
  html body .np-mobile-home .np-hero-slide h1 em{font-style:normal!important;color:#ef7655!important;}
  html body .np-mobile-home .np-hero-slide p{
    position:relative!important;
    margin:0 auto 20px!important;
    max-width:275px!important;
    text-align:center!important;
    font-size:13.5px!important;
    line-height:1.55!important;
    color:#344054!important;
    font-weight:600!important;
  }
  html body .np-mobile-home .np-hero-slide .np-hero-btn{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    height:43px!important;
    padding:0 18px!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#182033!important;
    font-weight:900!important;
    font-size:13px!important;
    box-shadow:0 9px 22px rgba(184,97,39,.14)!important;
    border:1px solid #f4e5d9!important;
    text-decoration:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body .np-mobile-home .np-hero-slide-membership{
    background:linear-gradient(135deg,rgba(255,250,247,.98) 0%,rgba(255,255,255,.99) 48%,rgba(246,240,255,.98) 100%)!important;
  }
  html body .np-mobile-home .np-hero-slide-membership h1{margin-bottom:10px!important;}
  html body .np-mobile-home .np-hero-slide-membership p{margin-bottom:12px!important;max-width:285px!important;}
  html body .np-mobile-home .np-hero-membership-plans{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0 auto 13px!important;
  }
  html body .np-mobile-home .np-hero-membership-plans b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:24px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    border:1px solid rgba(120,82,210,.15)!important;
    background:rgba(255,255,255,.88)!important;
    color:#6f4bc3!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:950!important;
    box-shadow:0 5px 14px rgba(93,63,160,.07)!important;
  }
  html body .np-mobile-home .np-hero-slide-membership .np-hero-btn{
    border-color:rgba(120,82,210,.18)!important;
    box-shadow:0 9px 22px rgba(105,73,171,.12)!important;
  }
  html body .np-mobile-home .np-hero-slide-membership button.np-hero-btn{
    appearance:none!important;
    -webkit-appearance:none!important;
    cursor:pointer!important;
    font-family:inherit!important;
  }
  html body .np-mobile-home .np-hero-dots{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:18px!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    height:12px!important;
    margin:0!important;
  }
  html body .np-mobile-home .np-hero-dots button{
    appearance:none!important;
    border:0!important;
    padding:0!important;
    width:12px!important;
    height:5px!important;
    border-radius:999px!important;
    background:#d8d8d8!important;
    transition:width .22s ease,background .22s ease!important;
  }
  html body .np-mobile-home .np-hero-dots button.active{width:18px!important;background:#ff6b35!important;}
  html body .np-mobile-home .np-tree,
  html body .np-mobile-home .np-tree-base,
  html body .np-mobile-home .np-tree-trunk,
  html body .np-mobile-home .np-tree-branch,
  html body .np-mobile-home .np-tree-ico,
  html body .np-mobile-home > .np-dots{display:none!important;}
}


/* NP FIX 27.06.2026: Mobil alt tanıtım alanı - sade ikonsuz slider */
@media (max-width:767.98px){
  html body .np-mobile-home .np-bottom-banner,
  html body .np-mobile-home .np-mini-banners{display:none!important;}
  html body .np-mobile-home .np-action-slider{
    position:relative!important;
    display:block!important;
    min-height:190px!important;
    margin:0 0 16px!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
    border:1px solid #f1e4d8!important;
    background:linear-gradient(135deg,#fff8f2 0%,#fff 58%,#fff1e8 100%)!important;
    box-shadow:0 14px 34px rgba(20,24,40,.065)!important;
  }
  html body .np-mobile-home .np-action-slider:before{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    top:22px!important;
    transform:translateX(-50%)!important;
    width:190px!important;
    height:190px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(255,116,55,.13),rgba(255,255,255,0) 70%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  html body .np-mobile-home .np-action-track{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    width:100%!important;
    min-height:190px!important;
    transition:transform .42s ease!important;
    will-change:transform!important;
  }
  html body .np-mobile-home .np-action-slide{
    flex:0 0 100%!important;
    min-width:100%!important;
    min-height:190px!important;
    padding:26px 20px 48px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  html body .np-mobile-home .np-action-slide h2{
    margin:0 auto 12px!important;
    max-width:286px!important;
    text-align:center!important;
    color:#172033!important;
    font-size:25px!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.85px!important;
  }
  html body .np-mobile-home .np-action-slide h2 em{font-style:normal!important;color:#ef7655!important;}
  html body .np-mobile-home .np-action-slide p{
    margin:0 auto 18px!important;
    max-width:285px!important;
    text-align:center!important;
    color:#667085!important;
    font-size:13px!important;
    line-height:1.48!important;
    font-weight:650!important;
  }
  html body .np-mobile-home .np-action-slide a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    height:42px!important;
    min-width:116px!important;
    margin:0 auto!important;
    padding:0 18px!important;
    border-radius:13px!important;
    border:1px solid #f1dfd0!important;
    background:#fff!important;
    box-shadow:0 9px 22px rgba(184,97,39,.12)!important;
    color:#1f2937!important;
    text-decoration:none!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  html body .np-mobile-home .np-action-dots{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:18px!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    height:12px!important;
    margin:0!important;
  }
  html body .np-mobile-home .np-action-dots button{
    appearance:none!important;
    border:0!important;
    padding:0!important;
    width:12px!important;
    height:5px!important;
    border-radius:999px!important;
    background:#d8d8d8!important;
    transition:width .22s ease,background .22s ease!important;
  }
  html body .np-mobile-home .np-action-dots button.active{width:18px!important;background:#ff6b35!important;}
}

/* ===== Default.aspx inline style 16 ===== */
@media (max-width:767.98px){
  /* Anasayfada logo JS ile sonradan değişmesin; ilk pikselden itibaren ortada ve sabit dursun. */
  html body .header-middle,
  html body .header-middle > .container{
    overflow:visible!important;
  }
  html body .header-middle > .container{
    position:relative!important;
    min-height:54px!important;
  }
  html body .header-middle .header-left,
  html body .header-middle .header-right{
    position:static!important;
    z-index:auto!important;
  }
  html body .header-middle .mobile-search-toggle,
  html body .header-middle .cart-dropdown,
  html body .header-middle .cart-toggle{
    position:relative!important;
    z-index:5!important;
  }
  html body .header-middle .logo{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate3d(-50%,-50%,0)!important;
    width:154px!important;
    min-width:154px!important;
    max-width:calc(100vw - 132px)!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
    background:url('/Dosyalar/Logolar/logo-notpazari-truncu.png') center center / contain no-repeat!important;
    z-index:2!important;
    opacity:1!important;
    visibility:visible!important;
    will-change:auto!important;
    transition:none!important;
    animation:none!important;
  }
  html body .header-middle .logo img{
    display:block!important;
    width:154px!important;
    min-width:154px!important;
    max-width:154px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
}
@media (max-width:360px){
  html body .header-middle .logo{width:140px!important;min-width:140px!important;max-width:calc(100vw - 120px)!important;height:42px!important;min-height:42px!important;max-height:42px!important;}
  html body .header-middle .logo img{width:140px!important;min-width:140px!important;max-width:140px!important;height:42px!important;min-height:42px!important;max-height:42px!important;}
}
@media (min-width:390px) and (max-width:767.98px){
  html body .header-middle .logo{width:164px!important;min-width:164px!important;height:48px!important;min-height:48px!important;max-height:48px!important;}
  html body .header-middle .logo img{width:164px!important;min-width:164px!important;max-width:164px!important;height:48px!important;min-height:48px!important;max-height:48px!important;}
}

/* ===== Default.aspx inline style 17 ===== */
/* NP FIX 2026-07-07: Anasayfa üyelik carousel - sadece mobil düzen */
@media (max-width:767.98px){
  html body .np-mobile-home .np-membership-carousel{
    --np-mobile-card-w: min(74vw, 272px) !important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:14px!important;
    padding:18px calc((100% - var(--np-mobile-card-w))/2) 12px!important;
    scroll-padding-left:calc((100% - var(--np-mobile-card-w))/2)!important;
    scroll-padding-right:calc((100% - var(--np-mobile-card-w))/2)!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
  }
  html body .np-mobile-home .np-membership-plan-card{
    flex:0 0 var(--np-mobile-card-w)!important;
    width:var(--np-mobile-card-w)!important;
    min-width:var(--np-mobile-card-w)!important;
    min-height:0!important;
    height:auto!important;
    padding:16px 16px 15px!important;
    justify-content:flex-start!important;
    transform:scale(.90)!important;
    transform-origin:center center!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
  }
  html body .np-mobile-home .np-membership-plan-card.is-active{
    transform:scale(1)!important;
  }
  html body .np-mobile-home .np-membership-badge-img{
    position:static!important;
    display:block!important;
    transform:none!important;
    width:76px!important;
    max-width:76px!important;
    height:auto!important;
    margin:0 auto 13px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 10px 16px rgba(15,23,42,.18))!important;
  }
  html body .np-mobile-home .np-membership-plan-card .np-plan-name{
    display:block!important;
    margin:0 0 7px!important;
    padding:0!important;
    text-align:center!important;
    font-size:21px!important;
    line-height:1.05!important;
    position:relative!important;
    z-index:2!important;
    clear:both!important;
  }
  html body .np-mobile-home .np-membership-plan-desc{
    min-height:0!important;
    max-width:210px!important;
    margin:0 auto 10px!important;
    text-align:center!important;
    font-size:11.4px!important;
    line-height:1.28!important;
  }
  html body .np-mobile-home .np-membership-price-pill{
    margin:0 auto 12px!important;
    height:27px!important;
    min-width:82px!important;
  }
  html body .np-mobile-home .np-membership-feature-list{
    width:100%!important;
    max-width:214px!important;
    padding:11px 0 0!important;
    margin:0 auto 11px!important;
    border-top:1px solid rgba(15,23,42,.08)!important;
  }
  html body .np-mobile-home .np-membership-feature-list li{
    margin:0 0 7px!important;
    font-size:11.35px!important;
    line-height:1.18!important;
    gap:7px!important;
    text-align:left!important;
  }
  html body .np-mobile-home .np-membership-feature-list li:before{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    font-size:9px!important;
  }
  html body .np-mobile-home .np-membership-actions{
    width:100%!important;
    max-width:214px!important;
    margin:7px auto 0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    justify-items:center!important;
  }
  html body .np-mobile-home .np-membership-actions .np-soon-btn{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-height:34px!important;
    width:100%!important;
    border-radius:11px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body .np-mobile-home .np-membership-actions .np-soon-btn{
    opacity:.92!important;
    pointer-events:none!important;
  }
}

/* ===== Default.aspx inline style 18 ===== */
/* NP 17.08.2026 - üyelik bannerı bağımsız alandan slider içine taşındı */
@media (max-width:767.98px){
  html body .np-mobile-home .np-action-slide-membership{
    position:relative!important;
    background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(247,241,255,.82))!important;
  }
  html body .np-mobile-home .np-action-slide-membership:before{
    content:'';position:absolute;right:-42px;top:-48px;width:145px;height:145px;border-radius:50%;
    background:radial-gradient(circle,rgba(123,77,235,.16),rgba(123,77,235,0) 72%);pointer-events:none;
  }
  html body .np-mobile-home .np-action-membership-kicker{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    margin:0 auto 7px!important;padding:5px 9px!important;border-radius:999px!important;
    background:#f4efff!important;color:#7147d9!important;font-size:9px!important;font-weight:950!important;letter-spacing:.55px!important;
  }
  html body .np-mobile-home .np-action-slide-membership h2{margin-bottom:8px!important;}
  html body .np-mobile-home .np-action-slide-membership p{margin-bottom:10px!important;max-width:300px!important;}
  html body .np-mobile-home .np-action-membership-plans{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:0 auto 11px!important;
  }
  html body .np-mobile-home .np-action-membership-plans b{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;height:24px!important;padding:0 9px!important;
    border:1px solid #e7dcff!important;border-radius:999px!important;background:#fff!important;color:#5f3fc4!important;
    font-size:9.5px!important;font-weight:900!important;box-shadow:0 5px 13px rgba(76,51,132,.08)!important;
  }
  html body .np-mobile-home .np-action-slide-membership > a{
    border-color:#ded0ff!important;color:#5f3fc4!important;box-shadow:0 9px 22px rgba(91,61,163,.12)!important;
  }
}

/* ===== Default.aspx inline style 19 ===== */
                .np-home-launch-badge{position:absolute;left:8px;bottom:8px;z-index:4;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:rgba(90,53,220,.94);color:#fff;font-size:9px;font-weight:900;letter-spacing:.02em;box-shadow:0 3px 10px rgba(70,40,170,.2)}
            

/* ===== Default.aspx inline style 20 ===== */
@media (max-width:767.98px){
  .np-home-package-strip{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:0 -2px!important;padding:0 2px 8px!important;}
  .np-home-package-strip::-webkit-scrollbar{display:none!important;}

  .np-mobile-home .np-home-package-card{
    position:relative!important;flex:0 0 calc(50% - 5px)!important;width:calc(50% - 5px)!important;min-width:calc(50% - 5px)!important;
    height:336px!important;min-height:336px!important;max-height:336px!important;padding:9px 9px 8px!important;
    border-radius:18px!important;background:#fff!important;border:1px solid #f0e5dc!important;box-shadow:0 12px 26px rgba(18,24,40,.075)!important;
    scroll-snap-align:start!important;text-decoration:none!important;color:#172033!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
  }
  .np-mobile-home .np-home-package-card.is-real{border-left:3px solid #ff7547!important;}
  .np-mobile-home .np-home-package-card.is-soon{pointer-events:none!important;opacity:.96!important;background:linear-gradient(180deg,#fffaf6,#fff)!important;border-color:#f3e2d6!important;}

  .np-mobile-home .np-home-package-fav{position:absolute!important;right:8px!important;top:8px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff!important;border:1px solid #edf0f5!important;box-shadow:0 6px 15px rgba(18,24,40,.08)!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#667085!important;text-decoration:none!important;}
  .np-mobile-home .np-home-package-badge{position:absolute!important;left:10px!important;top:10px!important;height:21px!important;padding:0 8px!important;border-radius:999px!important;background:#ff6b3a!important;color:#fff!important;font-size:8px!important;font-weight:950!important;display:flex!important;align-items:center!important;z-index:4!important;box-shadow:0 6px 14px rgba(255,91,32,.18)!important;}

  .np-mobile-home .np-home-package-media{width:106px!important;height:112px!important;min-height:112px!important;max-height:112px!important;margin:22px auto 6px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;}
  .np-mobile-home .np-home-package-img-link{width:106px!important;height:112px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;}
  .np-mobile-home .np-home-package-img{display:block!important;width:100px!important;height:108px!important;object-fit:cover!important;object-position:center!important;border-radius:12px!important;box-shadow:0 10px 18px rgba(15,23,42,.15)!important;background:#fff!important;}
  .np-mobile-home .np-home-package-soon-cover{overflow:hidden!important;background:#fff7f1!important;border:1px solid #f4e5da!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;}
  .np-mobile-home .np-home-package-soon-cover span{font-size:48px!important;line-height:1!important;filter:drop-shadow(0 8px 12px rgba(15,23,42,.10));}

  .np-mobile-home .np-home-package-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;}
  .np-mobile-home .np-home-package-title{height:34px!important;min-height:34px!important;max-height:34px!important;margin:0 0 3px!important;font-size:12.6px!important;line-height:1.24!important;font-weight:950!important;color:#172033!important;letter-spacing:-.04em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;word-break:normal!important;overflow-wrap:anywhere!important;}
  .np-mobile-home .np-home-package-title a{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:inherit!important;text-decoration:none!important;}
  .np-mobile-home .np-home-package-price{height:22px!important;min-height:22px!important;max-height:22px!important;margin:0 0 4px!important;font-size:18px!important;line-height:23px!important;font-weight:950!important;letter-spacing:-.05em!important;color:#ff2f1f!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .np-mobile-home .np-home-package-price.is-soon-text{color:#ff5b20!important;font-size:15px!important;letter-spacing:0!important;}
  .np-mobile-home .np-home-package-rating{height:17px!important;min-height:17px!important;margin:0 0 2px!important;display:flex!important;align-items:center!important;}
  .np-mobile-home .np-home-package-rating .ratings-container{margin:0!important;height:18px!important;display:flex!important;align-items:center!important;gap:4px!important;}
  .np-mobile-home .np-home-package-rating .rating-reviews{font-size:9px!important;font-weight:800!important;color:#667085!important;line-height:1!important;white-space:nowrap!important;}
  .np-mobile-home .np-home-package-meta{height:31px!important;min-height:31px!important;margin:0 0 4px!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;list-style:none!important;overflow:hidden!important;}
  .np-mobile-home .np-home-package-meta li{margin:0!important;padding:0!important;font-size:9.3px!important;line-height:1.14!important;color:#344054!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .np-mobile-home .np-home-package-meta .np-meta-box{display:flex!important;gap:3px!important;min-width:0!important;}
  .np-mobile-home .np-home-package-meta .np-meta-label{display:none!important;}
  .np-mobile-home .np-home-package-meta .np-meta-value{font-size:9.5px!important;font-weight:850!important;color:#344054!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

  .np-mobile-home .np-home-package-actions{margin-top:auto!important;height:35px!important;min-height:35px!important;display:grid!important;grid-template-columns:1fr 38px!important;gap:7px!important;align-items:center!important;}
  .np-mobile-home .np-home-package-detail,.np-mobile-home .np-home-package-cart{height:35px!important;min-height:35px!important;max-height:35px!important;border-radius:12px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-size:10.5px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;}
  .np-mobile-home .np-home-package-detail{gap:4px!important;border:1px solid rgba(255,107,53,.28)!important;background:#fff!important;color:#ff5b20!important;padding:0 8px!important;}
  .np-mobile-home .np-home-package-cart{width:38px!important;min-width:38px!important;padding:0!important;border:1px solid #ff6b35!important;background:#ff7547!important;color:#fff!important;box-shadow:0 8px 16px rgba(255,107,53,.18)!important;}
  .np-mobile-home .np-home-package-cart i{margin:0!important;font-size:16px!important;line-height:1!important;}
  .np-mobile-home .np-home-package-cart.np-in-cart{background:#111827!important;border-color:#111827!important;color:#fff!important;}
  .np-mobile-home .np-home-package-card.np-is-purchased .np-home-package-actions{grid-template-columns:1fr!important;}
  .np-mobile-home .np-home-package-card.np-is-purchased .np-home-package-detail{display:none!important;}
  .np-mobile-home .np-home-package-library{width:100%!important;min-width:0!important;padding:0 10px!important;border:1px solid #111827!important;background:#111827!important;color:#fff!important;box-shadow:0 8px 16px rgba(17,24,39,.18)!important;}
  .np-mobile-home .np-home-package-soon-note{margin-top:auto!important;height:35px!important;min-height:35px!important;max-height:35px!important;border-radius:12px!important;background:#f3f4f6!important;color:#98a2b3!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:900!important;}

  /* NP FIX 330: Paket sekmesi kartları ürün kartlarıyla aynı dengede kalsın */
  .np-mobile-home .np-home-package-card{height:336px!important;min-height:336px!important;max-height:336px!important;}
  .np-mobile-home .np-home-package-card.is-soon .np-home-package-body{justify-content:flex-start!important;}
}
.np-home-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,12px);z-index:2147483000;max-width:calc(100vw - 40px);padding:11px 14px;border-radius:14px;background:#111827;color:#fff;font-size:12px;font-weight:850;box-shadow:0 14px 30px rgba(15,23,42,.22);opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none;}
.np-home-toast.show{opacity:1;transform:translate(-50%,0);}

/* ===== Default.aspx inline style 21 ===== */
@media (max-width:767.98px){
  /* Logo .header-left içinde olduğu için önceki position:relative logoyu sol bloğun ortasına bağlıyordu. */
  html body .header-middle > .container{
    position:relative!important;
  }
  html body .header-middle .header-left,
  html body .header-middle .header-right{
    position:static!important;
  }
  html body .header-middle .mobile-search-toggle,
  html body .header-middle .cart-dropdown,
  html body .header-middle .cart-toggle{
    position:relative!important;
    z-index:5!important;
  }
  html body .header-middle .logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    z-index:2!important;
  }
}

/* ===== Default.aspx inline style 22 ===== */
@media (max-width:767.98px){
  html body.np-home-preview-open{overflow:hidden!important;touch-action:none!important;}
  html body .np-home-preview-backdrop{position:fixed!important;inset:0!important;z-index:9997!important;background:rgba(15,23,42,.48)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important;}
  html body .np-home-preview-backdrop.is-open{opacity:1!important;pointer-events:auto!important;}
  html body .np-home-preview-sheet{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:9998!important;width:100%!important;max-width:430px!important;margin:0 auto!important;height:min(84vh,calc(100dvh - 76px))!important;max-height:84vh!important;background:#fff!important;border-radius:24px 24px 0 0!important;box-shadow:0 -18px 48px rgba(15,23,42,.22)!important;transform:translate3d(0,105%,0)!important;transition:transform .24s ease!important;padding:16px 14px calc(86px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow:hidden!important;pointer-events:none!important;}
  html body .np-home-preview-sheet.is-open{transform:translate3d(0,0,0)!important;pointer-events:auto!important;}
  .np-home-preview-title{margin:0 46px 12px!important;text-align:center!important;font-size:16px!important;font-weight:950!important;line-height:1.25!important;color:#0f172a!important;}
  .np-home-preview-close{position:absolute!important;right:14px!important;top:13px!important;width:34px!important;height:34px!important;border-radius:999px!important;border:0!important;background:#f3f4f6!important;color:#111827!important;font-size:23px!important;line-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:5!important;}
  .np-home-preview-body{height:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:0 0 10px!important;}
  .np-home-preview-body::-webkit-scrollbar{display:none!important;}
  .np-home-preview-hero{display:grid!important;grid-template-columns:106px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:12px!important;border:1px solid rgba(15,23,42,.07)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important;}
  .np-home-preview-imgbox{position:relative!important;width:106px!important;min-width:106px!important;height:128px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;overflow:hidden!important;box-shadow:0 10px 18px rgba(15,23,42,.12)!important;}
  .np-home-preview-imgbox img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
  .np-home-preview-badge{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:100%!important;min-height:24px!important;padding:5px 9px!important;border-radius:999px!important;font-size:10px!important;line-height:1!important;font-weight:950!important;margin:0 0 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--np-home-sheet-color,#16a34a)!important;background:color-mix(in srgb,var(--np-home-sheet-color,#16a34a) 10%,white)!important;border:1px solid color-mix(in srgb,var(--np-home-sheet-color,#16a34a) 16%,white)!important;}
  .np-home-preview-name{margin:0 0 7px!important;font-size:14px!important;line-height:1.22!important;font-weight:950!important;letter-spacing:-.035em!important;color:#172033!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .np-home-preview-rating{margin:0 0 7px!important;font-size:10px!important;font-weight:850!important;color:#667085!important;min-height:16px!important;}
  .np-home-preview-price{margin:0!important;font-size:21px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.05em!important;color:#ff3b22!important;}
  .np-home-preview-meta{list-style:none!important;margin:12px 0 0!important;padding:0!important;border:1px solid rgba(15,23,42,.07)!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;}
  .np-home-preview-meta li{margin:0!important;padding:0!important;}
  .np-home-preview-meta .np-meta-box,.np-home-preview-meta li{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:42px!important;padding:10px 12px!important;border-bottom:1px solid rgba(15,23,42,.07)!important;box-sizing:border-box!important;}
  .np-home-preview-meta li:last-child,.np-home-preview-meta li:last-child .np-meta-box{border-bottom:0!important;}
  .np-home-preview-meta .np-meta-label{display:block!important;font-size:10px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#98a2b3!important;white-space:nowrap!important;}
  .np-home-preview-meta .np-meta-value{min-width:0!important;text-align:right!important;font-size:12px!important;line-height:1.25!important;font-weight:900!important;color:#172033!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .np-home-preview-info{margin:12px 0 0!important;padding:12px!important;border-radius:16px!important;background:color-mix(in srgb,var(--np-home-sheet-color,#16a34a) 7%,white)!important;border:1px solid color-mix(in srgb,var(--np-home-sheet-color,#16a34a) 14%,white)!important;color:#344054!important;font-size:11.5px!important;line-height:1.45!important;font-weight:750!important;}
  .np-home-preview-actions{position:absolute!important;left:14px!important;right:14px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:3!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;gap:8px!important;background:linear-gradient(180deg,rgba(255,255,255,.78),#fff 35%)!important;padding:10px 0 0!important;}
  .np-home-preview-actions a,.np-home-preview-actions button{height:43px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-decoration:none!important;font-size:12px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important;}
  .np-home-preview-detail{border:2px solid var(--np-home-sheet-color,#16a34a)!important;background:#fff!important;color:var(--np-home-sheet-color,#16a34a)!important;}
  .np-home-preview-cart{border:0!important;background:#111827!important;color:#fff!important;box-shadow:0 10px 22px rgba(17,24,39,.18)!important;}
  .np-home-preview-sheet.np-home-sheet--universite{--np-home-sheet-color:#7c3aed;}
  .np-home-preview-sheet.np-home-sheet--kurum{--np-home-sheet-color:#16a34a;}
  .np-home-preview-sheet.np-home-sheet--dil{--np-home-sheet-color:#f97316;}
  .np-home-preview-sheet.np-home-sheet--ekitap{--np-home-sheet-color:#2563eb;}
  .np-home-preview-sheet.np-home-sheet--paket{--np-home-sheet-color:#ff6b3a;}
}
@media (min-width:768px){.np-home-preview-backdrop,.np-home-preview-sheet{display:none!important;}}

/* ===== Default.aspx inline style 23 ===== */
@media (max-width:767.98px){
  html body .np-home-preview-meta{
    list-style:none!important;
    list-style-type:none!important;
    margin:12px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
  }
  html body .np-home-preview-meta li,
  html body .np-home-preview-meta li .np-meta-box{
    list-style:none!important;
    list-style-type:none!important;
  }
  html body .np-home-preview-meta li::marker{content:''!important;font-size:0!important;}
  html body .np-home-preview-meta li{
    display:block!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    border:0!important;
    background:transparent!important;
  }
  html body .np-home-preview-meta .np-meta-box{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding:10px 13px 11px!important;
    border:1px solid rgba(15,23,42,.07)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
    box-sizing:border-box!important;
  }
  html body .np-home-preview-meta .np-meta-label{
    display:block!important;
    margin:0 0 5px!important;
    font-size:9.5px!important;
    line-height:1.1!important;
    font-weight:950!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    color:#98a2b3!important;
    white-space:normal!important;
    text-align:left!important;
  }
  html body .np-home-preview-meta .np-meta-value{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    text-align:left!important;
    font-size:12.5px!important;
    line-height:1.32!important;
    font-weight:950!important;
    color:#172033!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }
  html body .np-home-preview-info{display:none!important;}
  html body .np-home-toast{
    position:fixed!important;
    left:50%!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
    transform:translate(-50%,12px)!important;
    z-index:2147483647!important;
  }
  html body .np-home-toast.show{transform:translate(-50%,0)!important;}
}

/* ===== Default.aspx inline style 24 ===== */
/* NP FIX: Üyelik kartlarında İncele butonu görünürlük + mobil yükseklik düzeltmesi */
.np-membership-actions .np-detail-btn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  align-items:center!important;
  justify-content:center!important;
}
.np-membership-feature-list li .np-home-info-btn{
  cursor:pointer!important;
  flex:0 0 auto!important;
}
@media (max-width:767.98px){
  html body .np-mobile-home .np-membership-carousel-wrap{
    overflow:visible!important;
  }
  html body .np-mobile-home .np-membership-carousel{
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  html body .np-mobile-home .np-membership-plan-card{
    min-height:438px!important;
    padding-top:15px!important;
    padding-bottom:15px!important;
    overflow:visible!important;
  }
  html body .np-mobile-home .np-membership-badge-img{
    width:72px!important;
    max-width:72px!important;
    margin-bottom:10px!important;
  }
  html body .np-mobile-home .np-membership-plan-card .np-plan-name{
    margin-bottom:6px!important;
    font-size:20px!important;
  }
  html body .np-mobile-home .np-membership-plan-desc{
    margin-bottom:8px!important;
    font-size:11px!important;
    line-height:1.22!important;
  }
  html body .np-mobile-home .np-membership-price-pill{
    height:26px!important;
    min-width:80px!important;
    margin-bottom:10px!important;
    font-size:10.5px!important;
  }
  html body .np-mobile-home .np-membership-feature-list{
    padding-top:10px!important;
    margin-bottom:10px!important;
  }
  html body .np-mobile-home .np-membership-feature-list li{
    margin-bottom:6px!important;
    font-size:10.8px!important;
    line-height:1.14!important;
    padding-right:24px!important;
  }
  html body .np-mobile-home .np-membership-feature-list li:before{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }
  html body .np-mobile-home .np-membership-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    width:100%!important;
    max-width:214px!important;
    margin-top:6px!important;
  }
  html body .np-mobile-home .np-membership-actions .np-soon-btn,
  html body .np-mobile-home .np-membership-actions .np-detail-btn{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-height:32px!important;
    height:32px!important;
    border-radius:11px!important;
    font-size:10.8px!important;
    line-height:1!important;
  }
  html body .np-mobile-home .np-membership-actions .np-detail-btn{
    background:#fff!important;
    border:1px solid color-mix(in srgb, var(--np-plan) 32%, transparent)!important;
    color:var(--np-plan)!important;
    box-shadow:0 7px 16px rgba(15,23,42,.045)!important;
    text-decoration:none!important;
  }
}

/* ===== Default.aspx inline style 25 ===== */
/* NP FIX FINAL: Anasayfa üyelik İncele butonu carousel init sonrası kaybolmasın */
.np-membership-actions{
  position:relative!important;
  overflow:visible!important;
}
.np-membership-actions .np-detail-btn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  position:relative!important;
  z-index:20!important;
}
@media (max-width:767.98px){
  html body .np-mobile-home .np-membership-actions{
    width:100%!important;
    max-width:214px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:6px auto 0!important;
    overflow:visible!important;
  }
  html body .np-mobile-home .np-membership-actions .np-soon-btn,
  html body .np-mobile-home .np-membership-actions .np-detail-btn{
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:10px!important;
    font-size:10.6px!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body .np-mobile-home .np-membership-actions .np-detail-btn{
    background:#fff!important;
    color:var(--np-plan)!important;
    border:1px solid color-mix(in srgb, var(--np-plan) 34%, transparent)!important;
    box-shadow:0 7px 16px rgba(15,23,42,.05)!important;
    font-weight:950!important;
  }
  html body .np-mobile-home .np-membership-plan-card{
    min-height:438px!important;
    overflow:visible!important;
  }
}

/* ===== Default.aspx inline style 26 ===== */
/* NP FINAL COMPACT FIX: İncele butonu görünür, kart gereksiz uzamaz */
@media (max-width:767.98px){
  html body .np-mobile-home .np-membership-plan-card{
    min-height:438px!important;
    height:auto!important;
    padding:15px 16px 14px!important;
    overflow:visible!important;
  }
  html body .np-mobile-home .np-membership-badge-img{
    width:72px!important;
    max-width:72px!important;
    margin-bottom:10px!important;
  }
  html body .np-mobile-home .np-membership-plan-card .np-plan-name{
    margin-bottom:6px!important;
    font-size:20px!important;
    line-height:1.05!important;
  }
  html body .np-mobile-home .np-membership-plan-desc{
    margin-bottom:8px!important;
    font-size:11px!important;
    line-height:1.22!important;
    min-height:0!important;
  }
  html body .np-mobile-home .np-membership-price-pill{
    height:26px!important;
    min-width:80px!important;
    margin-bottom:9px!important;
    font-size:10.5px!important;
  }
  html body .np-mobile-home .np-membership-feature-list{
    padding-top:10px!important;
    margin-bottom:9px!important;
  }
  html body .np-mobile-home .np-membership-feature-list li{
    margin-bottom:6px!important;
    font-size:10.8px!important;
    line-height:1.14!important;
    padding-right:24px!important;
  }
  html body .np-mobile-home .np-membership-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
    max-width:214px!important;
    margin:6px auto 0!important;
    overflow:visible!important;
  }
  html body .np-mobile-home .np-membership-actions .np-soon-btn,
  html body .np-mobile-home .np-membership-actions .np-detail-btn{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:10px!important;
    font-size:10.6px!important;
    line-height:1!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    z-index:30!important;
  }
  html body .np-mobile-home .np-membership-actions .np-detail-btn{
    background:#fff!important;
    color:var(--np-plan)!important;
    border:1px solid color-mix(in srgb, var(--np-plan) 34%, transparent)!important;
    box-shadow:0 6px 14px rgba(15,23,42,.045)!important;
    font-weight:950!important;
    pointer-events:auto!important;
    text-decoration:none!important;
  }
}

/* ===== Default.aspx inline style 27 ===== */
/* NP PERF 2026-08-17: Mobil anasayfa kaydirma/paint optimizasyonu */
@media (max-width: 767px){
  /* Native yatay kaydirmada JS smooth + CSS smooth birlikte calisinca iOS'ta takilma hissi olusabiliyor. */
  .np-mobile-home .np-home-horizontal-products,
  .np-mobile-home .np-package-strip,
  .np-mobile-home .np-hero-track,
  .np-mobile-home .np-action-track{
    scroll-behavior:auto !important;
  }

  /* Ekranin altindaki agir bloklari gorunume yaklasana kadar boyama. */
  .np-mobile-home .np-action-slider,
  .np-mobile-home .np-mobile-footer{
    content-visibility:auto;
    contain-intrinsic-size:auto 420px;
  }

  /* Mobilde gorunmeyen desktop bolumleri tarayici tarafinda kesin olarak layout/paint disinda kalsin. */
  .np-desktop-tabbed-home-products,
  .np-membership-desktop-banner{
    display:none !important;
  }

  /* Uzun listelerde pahali hover/transition hesaplarini mobilde gereksiz yere calistirma. */
  .np-mobile-home .np-premium-card,
  .np-mobile-home .np-home-package-card,
  .np-mobile-home .np-req,
  .np-mobile-home .np-trust-item{
    transition:none !important;
  }
}


/* NP HOME A11Y CONTRAST FINAL
   Yalnız renk kontrastı değişir; layout/ölçü/JS/mekanizma değişmez. */
@media (max-width: 767.98px) {
    /* Ürün sekmeleri: aktif turuncu aynı ailede, AA geçen koyu ton. */
    html body.home .np-mobile-home .np-home-tabs button.active {
        color: #c2410c !important;
    }
    html body.home .np-mobile-home .np-home-tabs button.active .np-tab-count {
        background: #c2410c !important;
        color: #ffffff !important;
    }
    html body.home .np-mobile-home .np-home-tabs button.active:after {
        background: #c2410c !important;
    }

    /* Ürün talepleri sekmeleri: mevcut sıcak ton korunur, kontrast yükseltilir. */
    html body.home .np-mobile-home .np-requests .np-req-tabs button.active {
        color: #c2410c !important;
    }
    html body.home .np-mobile-home .np-requests .np-req-tabs button.active:after {
        background: #c2410c !important;
    }

    /* Talep durum/detay butonları. */
    html body.home .np-mobile-home .np-requests .np-status {
        color: #5b35d5 !important;
    }
    html body.home .np-mobile-home .np-requests .np-status-done {
        color: #067647 !important;
    }

    /* Alt sabit mobil menü: yalnız yazı/ikon rengi koyulaştırılır. */
    html body.home .sticky-footer.sticky-content.fix-bottom .sticky-link {
        color: #667085 !important;
    }
    html body.home .sticky-footer.sticky-content.fix-bottom .sticky-link.active,
    html body.home .sticky-footer.sticky-content.fix-bottom .sticky-link.is-active,
    html body.home .sticky-footer.sticky-content.fix-bottom .sticky-link.active i,
    html body.home .sticky-footer.sticky-content.fix-bottom .sticky-link.is-active i,
    html body.home .sticky-footer.sticky-content.fix-bottom .sticky-link.active p,
    html body.home .sticky-footer.sticky-content.fix-bottom .sticky-link.is-active p {
        color: #b8322a !important;
    }
}


/* NP HOME A11Y TOUCH TARGET FINAL
   Görsel nokta ölçüsü aynı; yalnız butonun dokunma alanı 24x24 olur. */
@media (max-width: 767.98px) {
    html body.home .np-mobile-home .np-hero-dots,
    html body.home .np-mobile-home .np-action-dots {
        gap: 0 !important;
        height: 24px !important;
    }

    html body.home .np-mobile-home .np-hero-dots button,
    html body.home .np-mobile-home .np-action-dots button {
        position: relative !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        border-radius: 999px !important;
    }

    html body.home .np-mobile-home .np-hero-dots button::before,
    html body.home .np-mobile-home .np-action-dots button::before {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        width: 12px !important;
        height: 5px !important;
        transform: translate(-50%, -50%) !important;
        border-radius: 999px !important;
        background: #d8d8d8 !important;
        transition: width .22s ease, background .22s ease !important;
        pointer-events: none !important;
    }

    html body.home .np-mobile-home .np-hero-dots button.active,
    html body.home .np-mobile-home .np-action-dots button.active {
        width: 24px !important;
        background: transparent !important;
    }

    html body.home .np-mobile-home .np-hero-dots button.active::before,
    html body.home .np-mobile-home .np-action-dots button.active::before {
        width: 18px !important;
        background: #ff6b35 !important;
    }
}

