/* ============================================================
   ISTANBULTOPTAN — HOME PREMIUM TEMPLATE V2
   Ana sayfa / hafif / JS'siz override
   ============================================================ */

:root{
  --ith-navy:#071d42;
  --ith-blue:#0878ff;
  --ith-blue2:#08a4e8;
  --ith-text:#10213e;
  --ith-muted:#71829b;
  --ith-line:#dce7f4;
  --ith-bg:#f5f9fe;
  --ith-card:#fff;
  --ith-shadow:0 12px 30px rgba(16,48,92,.07);
}

.it188-home.it196-home{
  max-width:1510px!important;
  margin:0 auto!important;
  padding:12px 24px 48px!important;
}

/* ============================================================
   HERO / BANNER
   Yazılar yok — görsel + tek CTA + thumbnail slider
   ============================================================ */

.it188-home .it195-hero{
  margin:0 0 14px!important;
  border:0!important;
  border-radius:24px!important;
  overflow:visible!important;
  box-shadow:none!important;
}

.it188-home .it195-hero-slider{
  position:relative!important;
  min-height:360px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#0b326d!important;
  box-shadow:0 18px 42px rgba(8,42,92,.15)!important;
}

.it188-home .it195-hero-slide{
  min-height:360px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}

.it188-home .it195-hero-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
}

.it188-home .it195-hero-bg img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Eski koyu kaplamayı büyük ölçüde kaldır */
.it188-home .it195-hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(
      90deg,
      rgba(6,35,76,.28) 0%,
      rgba(8,58,125,.10) 38%,
      rgba(5,31,70,.03) 72%,
      rgba(4,27,59,.06) 100%
    )!important;
}

/* İçerik alanı — yazıların tamamı gizlenecek */
.it188-home .it195-hero-inner{
  position:relative!important;
  z-index:2!important;
  min-height:360px!important;
  display:block!important;
  padding:0!important;
}

/* Banner metinlerini kaldır */
.it188-home .it195-kicker,
.it188-home .it195-hero-copy h1,
.it188-home .it195-hero-copy p,
.it188-home .it195-trust-line{
  display:none!important;
}

/* Ciro / günlük işlem / büyük istatistik alanları tamamen kaldır */
.it188-home .it195-hero-stats,
.it188-home .it195-stat-card,
.it188-home .it195-stat-card.is-wide{
  display:none!important;
}

/* Copy div kalsın çünkü CTA onun içinde */
.it188-home .it195-hero-copy{
  position:absolute!important;
  left:38px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* Yalnız ilk / ana buton */
.it188-home .it195-hero-actions{
  display:flex!important;
  margin:0!important;
}

.it188-home .it195-hero-actions .it195-btn{
  display:none!important;
}

.it188-home .it195-hero-actions .it195-btn:first-child{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:142px!important;
  min-height:46px!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#0878ff,#11a9e8)!important;
  color:#fff!important;
  font-size:0!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(7,93,208,.24)!important;
}

/* Banner butonunda yalnız ok */
.it188-home .it195-hero-actions .it195-btn:first-child:after{
  content:"→"!important;
  font-size:22px!important;
  line-height:1!important;
}

/* Slider okları */
.it188-home [data-it195-prev],
.it188-home [data-it195-next],
.it188-home .it195-hero-arrow{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(4,29,64,.58)!important;
  color:#fff!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 7px 18px rgba(0,20,50,.14)!important;
}

/* ============================================================
   SLIDER KÜÇÜK ÖNİZLEME KUTULARI
   Korunuyor ve cam görünüm
   ============================================================ */

.it188-home [data-it195-thumbs],
.it188-home .it195-hero-thumbs{
  position:absolute!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  z-index:6!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  max-width:78%!important;
  padding:7px 10px!important;

  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:17px!important;

  background:rgba(6,30,64,.48)!important;
  backdrop-filter:blur(15px)!important;
  -webkit-backdrop-filter:blur(15px)!important;

  box-shadow:0 10px 30px rgba(0,22,55,.16)!important;
}

.it188-home [data-it195-thumbs]>*,
.it188-home .it195-hero-thumb{
  min-width:105px!important;
  height:46px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.08)!important;
}

.it188-home .it195-hero-thumb.is-active,
.it188-home [data-it195-thumbs]>.is-active{
  border-color:#ff8a00!important;
  box-shadow:0 0 0 2px rgba(9,176,224,.75)!important;
}

/* ============================================================
   KATEGORİ KEMERİ
   ============================================================ */

.it188-home .v1286-home-nav,
.home-category-strip,
.category-strip,
.category-nav{
  margin:12px 0 20px!important;
  padding:7px!important;
  display:flex!important;
  gap:8px!important;
  align-items:center!important;

  border:1px solid var(--ith-line)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(12,48,94,.045)!important;

  overflow-x:auto!important;
  scrollbar-width:none!important;
}

.it188-home .v1286-home-nav::-webkit-scrollbar,
.home-category-strip::-webkit-scrollbar{
  display:none!important;
}

.it188-home .v1286-home-nav a,
.it188-home .v1286-home-nav-card,
.home-category-strip a,
.category-strip a,
.category-nav a{
  flex:1 0 auto!important;
  min-height:54px!important;
  padding:8px 14px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  border:1px solid #e2ebf6!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  color:#10223f!important;

  font-size:11px!important;
  font-weight:900!important;

  box-shadow:none!important;
  transition:.18s ease!important;
}

.it188-home .v1286-home-nav a:hover,
.it188-home .v1286-home-nav-card:hover,
.home-category-strip a:hover{
  transform:translateY(-1px)!important;
  border-color:#9ec3ff!important;
  background:#f2f7ff!important;
}

.it188-home .v1286-home-nav .active,
.home-category-strip .active,
.category-strip .active{
  border-color:#0878ff!important;
  background:linear-gradient(135deg,#0878ff,#0aa4e9)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(8,120,255,.20)!important;
}

/* ============================================================
   ANA BÖLÜM BAŞLIKLARI
   ============================================================ */

.it188-home .it188-section-head{
  margin:24px 0 13px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.it188-home .it188-section-head>div>span{
  display:block!important;
  margin-bottom:5px!important;
  color:#086bff!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.it188-home .it188-section-head h2{
  margin:0!important;
  color:#0b1e3e!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}

.it188-home .it188-section-head p{
  margin:6px 0 0!important;
  color:#71829a!important;
  font-size:11px!important;
}

.it188-home .it188-section-head>a{
  min-height:40px!important;
  padding:0 16px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:1px solid #d4e4f7!important;
  border-radius:13px!important;

  background:#f5f9ff!important;
  color:#0867eb!important;

  font-size:11px!important;
  font-weight:900!important;
}

/* ============================================================
   ÜRÜN YOĞUN VİTRİN
   Masaüstünde 6 ürün
   ============================================================ */

.it188-home .product-grid,
.it188-home .catalog-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:11px!important;
}

.it188-home .product-card,
.it188-home .catalog-card{
  min-width:0!important;
  overflow:hidden!important;

  border:1px solid #dce7f4!important;
  border-radius:16px!important;

  background:#fff!important;
  box-shadow:0 7px 20px rgba(12,47,91,.045)!important;

  transition:.18s ease!important;
}

.it188-home .product-card:hover,
.it188-home .catalog-card:hover{
  transform:translateY(-3px)!important;
  border-color:#9fc3fd!important;
  box-shadow:0 15px 30px rgba(13,75,165,.09)!important;
}

.it188-home .product-card-media,
.it188-home .catalog-card-media{
  height:185px!important;
  min-height:185px!important;
  padding:10px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:linear-gradient(180deg,#f8fbff,#f0f6fd)!important;
}

.it188-home .product-card-media img,
.it188-home .catalog-card-media img{
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}

.it188-home .product-card h3,
.it188-home .catalog-card h3{
  color:#111f39!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:900!important;
}

.it188-home .price,
.it188-home .catalog-card-price{
  color:#0b1d3a!important;
  font-size:20px!important;
  font-weight:950!important;
}

.it188-home .product-card .btn,
.it188-home .catalog-card .btn{
  min-height:40px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#0878ff,#09a3e9)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:none!important;
}

/* ============================================================
   TİCARET BLOKLARI
   Toptan / Perakende / İkinci El / Hizmet
   ============================================================ */

.it188-home .home-nav-grid,
.it188-home .v1286-home-nav-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

.it188-home .home-nav-card,
.it188-home .v1286-home-nav-card{
  min-height:170px!important;
  border:1px solid #dce7f3!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#f5f9ff)!important;
  box-shadow:0 9px 24px rgba(14,48,90,.05)!important;
}

/* ============================================================
   GÜVEN ŞERİDİ / ALT KARTLAR
   ============================================================ */

.it188-home .home-features,
.it188-home .buyer-confidence-inner{
  border:1px solid #dde8f4!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(10,44,88,.04)!important;
}

/* ============================================================
   AŞAĞIDAKİ BÖLÜMLERİ PERFORMANS İÇİN GEÇ ÇİZ
   ============================================================ */

.it188-home section:nth-of-type(n+5){
  content-visibility:auto;
  contain-intrinsic-size:620px;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:1280px){
  .it188-home .product-grid,
  .it188-home .catalog-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){

  .it188-home.it196-home{
    padding:10px 10px 36px!important;
  }

  .it188-home .it195-hero-slider,
  .it188-home .it195-hero-slide,
  .it188-home .it195-hero-inner{
    min-height:285px!important;
  }

  .it188-home .it195-hero-copy{
    left:20px!important;
  }

  .it188-home [data-it195-thumbs],
  .it188-home .it195-hero-thumbs{
    max-width:92%!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
  }

  .it188-home [data-it195-thumbs]>*,
  .it188-home .it195-hero-thumb{
    flex:0 0 92px!important;
  }

  .it188-home .product-grid,
  .it188-home .catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .it188-home .home-nav-grid,
  .it188-home .v1286-home-nav-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:520px){

  .it188-home .it195-hero-slider,
  .it188-home .it195-hero-slide,
  .it188-home .it195-hero-inner{
    min-height:235px!important;
  }

  .it188-home .it195-hero-actions .it195-btn:first-child{
    min-width:96px!important;
    min-height:40px!important;
  }

  .it188-home .it188-section-head{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .it188-home .product-card-media,
  .it188-home .catalog-card-media{
    height:150px!important;
    min-height:150px!important;
  }
}

/* ============================================================
   HERO CTA — SLAYTIN GERÇEK BUTON VERİSİNİ GÖSTER
   ============================================================ */

.it188-home .it195-hero-actions .it195-btn:first-child{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;

    min-width:145px!important;
    min-height:48px!important;

    padding:0 19px!important;

    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:14px!important;

    background:rgba(5,45,96,.34)!important;

    color:#fff!important;

    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;

    text-decoration:none!important;

    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 10px 28px rgba(0,28,67,.18)!important;
}

.it188-home .it195-hero-actions .it195-btn:first-child:hover{
    transform:translateY(-1px)!important;
    background:rgba(7,104,255,.72)!important;
    border-color:rgba(255,255,255,.48)!important;
}

/* Yazının sonuna küçük ok */
.it188-home .it195-hero-actions .it195-btn:first-child:after{
    content:"→"!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:900!important;
}

/* eski yalnız-ok zorlamasını kesin ez */
.it188-home .it195-hero-actions .it195-btn:first-child{
    font-size:12px!important;
}


/* ============================================================
   HOME HERO FINAL LOCK
   Full width + low alpha + glass + dynamic CTA
   ============================================================ */

/* Ana sayfa hero, menü genişliğine yaklaşsın */
.it188-home.it196-home{
  max-width:none!important;
  width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Hero dış çerçeve */
.it188-home .it195-hero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
}

/* Slider tam genişlik */
.it188-home .it195-hero-slider{
  width:100%!important;
  max-width:none!important;
  min-height:430px!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

/* Her slayt tam alan */
.it188-home .it195-hero-slide{
  min-height:430px!important;
  border-radius:0!important;
}

/* Görsel tüm genişliği doldursun */
.it188-home .it195-hero-bg,
.it188-home .it195-hero-bg img{
  width:100%!important;
  height:100%!important;
}

.it188-home .it195-hero-bg img{
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  opacity:1!important;
}

/* Koyuluğu ciddi azalt */
.it188-home .it195-hero-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(4,28,63,.14) 0%,
      rgba(5,45,92,.08) 28%,
      rgba(6,54,112,.025) 56%,
      rgba(4,28,63,.04) 100%
    )!important;
  backdrop-filter:none!important;
}

/* İçerik alanı */
.it188-home .it195-hero-inner{
  min-height:430px!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}

/* CTA sol orta */
.it188-home .it195-hero-copy{
  left:5.8vw!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
}

/* Yalnız aktif slaydın gerçek butonu */
.it188-home .it195-hero-actions{
  display:flex!important;
  margin:0!important;
}

.it188-home .it195-hero-actions .it195-btn{
  display:none!important;
}

.it188-home .it195-hero-actions .it195-btn:first-child{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;

  min-width:170px!important;
  min-height:50px!important;
  padding:0 22px!important;

  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:15px!important;

  background:
    linear-gradient(
      135deg,
      rgba(6,120,255,.82),
      rgba(8,167,232,.82)
    )!important;

  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;

  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 12px 28px rgba(0,40,100,.20)!important;
}

/* Buton sonunda ok */
.it188-home .it195-hero-actions .it195-btn:first-child:after{
  content:"→"!important;
  font-size:17px!important;
  line-height:1!important;
}

/* Slider okları */
.it188-home [data-it195-prev],
.it188-home [data-it195-next],
.it188-home .it195-hero-arrow{
  width:48px!important;
  height:48px!important;

  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.26)!important;

  background:rgba(4,28,63,.38)!important;
  color:#fff!important;

  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;

  box-shadow:0 8px 22px rgba(0,22,55,.16)!important;
}

/* Thumbnail kemeri cam olsun */
.it188-home [data-it195-thumbs],
.it188-home .it195-hero-thumbs{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  z-index:6!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;

  width:auto!important;
  max-width:76%!important;
  padding:8px 11px!important;

  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;

  background:rgba(7,28,58,.36)!important;

  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;

  box-shadow:0 12px 28px rgba(0,22,55,.16)!important;
}

/* küçük kutucuklar */
.it188-home [data-it195-thumbs]>*,
.it188-home .it195-hero-thumb{
  min-width:112px!important;
  height:48px!important;

  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.08)!important;

  background:rgba(255,255,255,.07)!important;
  color:#fff!important;

  overflow:hidden!important;
  transition:.18s ease!important;
}

/* aktif küçük kutu */
.it188-home .it195-hero-thumb.is-active,
.it188-home [data-it195-thumbs]>.is-active{
  border-color:#ff8a00!important;
  box-shadow:
    0 0 0 2px rgba(9,176,224,.85),
    0 8px 16px rgba(0,40,90,.14)!important;

  background:rgba(8,83,153,.26)!important;
}

/* Küçük görseller */
.it188-home .it195-hero-thumb img,
.it188-home [data-it195-thumbs] img{
  opacity:.94!important;
  filter:none!important;
}

/* kategori kemeri hero altında tam genişlik */
.it188-home .v1286-home-nav,
.home-category-strip,
.category-strip,
.category-nav{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  padding:9px 5vw!important;
}

/* Sonraki içerik tekrar ortalansın */
.it188-home > *:not(.it195-hero):not(.v1286-home-nav){
  max-width:1510px;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* mobil */
@media(max-width:900px){

  .it188-home .it195-hero-slider,
  .it188-home .it195-hero-slide,
  .it188-home .it195-hero-inner{
    min-height:320px!important;
  }

  .it188-home .it195-hero-copy{
    left:18px!important;
  }

  .it188-home .it195-hero-actions .it195-btn:first-child{
    min-width:140px!important;
    min-height:44px!important;
  }

  .it188-home [data-it195-thumbs],
  .it188-home .it195-hero-thumbs{
    max-width:92%!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
  }

  .it188-home [data-it195-thumbs]>*,
  .it188-home .it195-hero-thumb{
    flex:0 0 96px!important;
    min-width:96px!important;
  }
}


/* ============================================================
   ISTANBULTOPTAN — HERO FINAL V5
   full bleed + WHITE GLASS + dynamic CTA + v424 thumbs
   ============================================================ */

/* ANA SAYFADA HERO TAM GENİŞLİK */
.it188-home.it196-home{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
}

.it188-home .it195-hero{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* BANNER */
.it188-home .it195-hero-slider{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:445px!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#eaf4ff!important;
    box-shadow:none!important;
}

.it188-home .it195-hero-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    min-height:445px!important;
    border-radius:0!important;
    overflow:hidden!important;
}

/* FOTOĞRAF GERÇEK TAM EKRAN */
.it188-home .it195-hero-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
}

.it188-home .it195-hero-bg img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;

    object-fit:cover!important;
    object-position:center center!important;

    opacity:1!important;
    filter:
      saturate(1.03)
      contrast(1.015)
      brightness(1.035)!important;

    transform:none!important;
}

/* ------------------------------------------------------------
   BEYAZ GLASS ALPHA
   Lacivert perde YOK
------------------------------------------------------------ */

.it188-home .it195-hero-overlay{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.14) 0%,
        rgba(255,255,255,.055) 30%,
        rgba(255,255,255,.018) 62%,
        rgba(255,255,255,.045) 100%
      )!important;

    opacity:1!important;

    backdrop-filter:blur(.25px)!important;
    -webkit-backdrop-filter:blur(.25px)!important;
}

/* İçerik */
.it188-home .it195-hero-inner{
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    max-width:none!important;
    min-height:445px!important;
    margin:0!important;
    padding:0!important;
}

/* CTA */
.it188-home .it-home-hero-cta-only{
    position:absolute!important;
    left:5.5vw!important;
    top:50%!important;
    z-index:8!important;

    width:auto!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;

    transform:translateY(-50%)!important;
}

.it188-home .it195-hero-actions{
    display:block!important;
    margin:0!important;
    padding:0!important;
}

/* AKTİF SLAYTIN GERÇEK BUTTON_TEXT'İ */
.it188-home .it195-hero-actions .it195-btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;

    min-width:174px!important;
    min-height:50px!important;

    padding:0 21px!important;

    border:1px solid rgba(255,255,255,.70)!important;
    border-radius:15px!important;

    background:
      linear-gradient(
        135deg,
        rgba(0,108,255,.86),
        rgba(0,166,229,.84)
      )!important;

    color:#fff!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;

    text-decoration:none!important;
    white-space:nowrap!important;

    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      0 12px 30px rgba(9,72,154,.22)!important;

    transition:.18s ease!important;
}

.it188-home .it195-hero-actions .it195-btn-primary:after{
    content:"→"!important;
    font-size:17px!important;
    font-weight:900!important;
}

.it188-home .it195-hero-actions .it195-btn-primary:hover{
    transform:translateY(-2px)!important;

    background:
      linear-gradient(
        135deg,
        rgba(0,92,235,.94),
        rgba(0,154,221,.92)
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.38),
      0 16px 35px rgba(8,77,177,.26)!important;
}

/* ------------------------------------------------------------
   SAĞ / SOL OK
------------------------------------------------------------ */

.it188-home .it195-slider-control{
    position:absolute!important;
    top:50%!important;
    z-index:20!important;

    width:48px!important;
    height:48px!important;

    display:grid!important;
    place-items:center!important;

    border:1px solid rgba(255,255,255,.55)!important;
    border-radius:50%!important;

    background:rgba(10,38,75,.32)!important;
    color:#fff!important;

    font-size:30px!important;

    backdrop-filter:blur(13px)!important;
    -webkit-backdrop-filter:blur(13px)!important;

    box-shadow:0 10px 24px rgba(4,31,72,.14)!important;

    transform:translateY(-50%)!important;
}

.it188-home .it195-slider-control.is-prev{
    left:20px!important;
}

.it188-home .it195-slider-control.is-next{
    right:20px!important;
}

/* ============================================================
   GERÇEK THUMB CLASS = v424-hero-thumbs
   ============================================================ */

.it188-home .v424-hero-thumbs{
    position:absolute!important;

    left:50%!important;
    right:auto!important;
    bottom:17px!important;

    z-index:30!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;

    width:auto!important;
    max-width:78vw!important;

    margin:0!important;
    padding:7px 9px!important;

    border:1px solid rgba(255,255,255,.48)!important;
    border-radius:17px!important;

    background:rgba(255,255,255,.19)!important;

    backdrop-filter:blur(18px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.28),
      0 12px 30px rgba(8,37,78,.13)!important;

    transform:translateX(-50%)!important;
    transform-origin:center bottom!important;
}

/* küçük kutucuk */
.it188-home .v424-hero-thumb{
    position:relative!important;

    display:flex!important;
    align-items:center!important;
    gap:7px!important;

    flex:0 0 auto!important;

    width:119px!important;
    min-width:119px!important;
    height:49px!important;

    margin:0!important;
    padding:5px 8px!important;

    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:11px!important;

    background:rgba(255,255,255,.13)!important;

    color:#102744!important;

    overflow:hidden!important;

    box-shadow:none!important;

    transition:.18s ease!important;
}

/* thumb resmi */
.it188-home .v424-hero-thumb>span{
    flex:0 0 38px!important;

    width:38px!important;
    height:35px!important;

    display:block!important;

    border-radius:8px!important;

    overflow:hidden!important;

    background:rgba(255,255,255,.72)!important;
}

.it188-home .v424-hero-thumb img{
    display:block!important;

    width:100%!important;
    height:100%!important;

    object-fit:cover!important;

    opacity:1!important;
    filter:none!important;
}

/* Thumb başlığı */
.it188-home .v424-hero-thumb>b{
    display:block!important;

    min-width:0!important;

    color:#fff!important;

    font-size:9.5px!important;
    line-height:1.1!important;
    font-weight:900!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;

    text-shadow:0 1px 5px rgba(0,23,58,.35)!important;
}

/* aktif */
.it188-home .v424-hero-thumb.is-active{
    border-color:#ff8a00!important;

    background:rgba(0,110,220,.25)!important;

    box-shadow:
      0 0 0 2px rgba(0,185,231,.88),
      0 7px 18px rgba(0,57,125,.15)!important;

    transform:translateY(-1px)!important;
}

/* ------------------------------------------------------------
   HERO SONRASINDAKİ İÇERİK tekrar kontrollü genişlik
------------------------------------------------------------ */

.it188-home .it188-content,
.it188-home .it188-section{
    max-width:1450px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* ============================================================
   MOBİL
   ============================================================ */

@media(max-width:900px){

    .it188-home .it195-hero-slider,
    .it188-home .it195-hero-slide,
    .it188-home .it195-hero-inner{
        min-height:310px!important;
    }

    .it188-home .it-home-hero-cta-only{
        left:18px!important;
    }

    .it188-home .it195-hero-actions .it195-btn-primary{
        min-width:130px!important;
        min-height:43px!important;
        padding:0 15px!important;
        font-size:11px!important;
    }

    .it188-home .v424-hero-thumbs{
        bottom:10px!important;

        width:calc(100% - 44px)!important;
        max-width:none!important;

        justify-content:flex-start!important;

        overflow-x:auto!important;
        overflow-y:hidden!important;

        scrollbar-width:none!important;
    }

    .it188-home .v424-hero-thumbs::-webkit-scrollbar{
        display:none!important;
    }

    .it188-home .v424-hero-thumb{
        width:102px!important;
        min-width:102px!important;
        height:45px!important;
    }

    .it188-home .it195-slider-control{
        width:40px!important;
        height:40px!important;
    }

    .it188-home .it195-slider-control.is-prev{
        left:7px!important;
    }

    .it188-home .it195-slider-control.is-next{
        right:7px!important;
    }
}

/* ============================================================
   HERO GLASS FINAL
   Koyu alpha kaldırıldı — yalnız hafif beyaz glass
   ============================================================ */

/* BANNER FOTOĞRAFI TAM NET */
.it188-home .it195-hero-bg img{
    opacity:1!important;
    filter:
      brightness(1.06)
      saturate(1.04)
      contrast(1.01)!important;
}

/* ESKİ LACİVERT / MAVİ ALPHA TAMAMEN KALKIYOR */
.it188-home .it195-hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.10) 0%,
        rgba(255,255,255,.045) 26%,
        rgba(255,255,255,.015) 58%,
        rgba(255,255,255,.035) 100%
      )!important;

    opacity:1!important;

    backdrop-filter:blur(.15px)!important;
    -webkit-backdrop-filter:blur(.15px)!important;

    mix-blend-mode:normal!important;
}

/* CTA cam görünüm */
.it188-home .it195-hero-actions .it195-btn-primary{
    background:rgba(0,118,235,.72)!important;

    border:1px solid rgba(255,255,255,.66)!important;

    backdrop-filter:blur(18px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      0 12px 28px rgba(0,59,135,.18)!important;
}

/* Slider thumb kemeri: beyaz glass */
.it188-home .v424-hero-thumbs{
    background:rgba(255,255,255,.18)!important;

    border:1px solid rgba(255,255,255,.48)!important;

    backdrop-filter:blur(18px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.35)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.35),
      0 12px 28px rgba(4,30,70,.12)!important;
}

/* küçük slider kutuları */
.it188-home .v424-hero-thumb{
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(255,255,255,.28)!important;
}

/* aktif kutu biraz daha belirgin */
.it188-home .v424-hero-thumb.is-active{
    background:rgba(255,255,255,.26)!important;

    border-color:#ff8a00!important;

    box-shadow:
      0 0 0 2px rgba(0,180,235,.80),
      0 7px 18px rgba(0,50,115,.13)!important;
}

/* slider okları da glass */
.it188-home .it195-slider-control{
    background:rgba(255,255,255,.20)!important;

    border:1px solid rgba(255,255,255,.52)!important;

    color:#fff!important;

    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;

    text-shadow:0 1px 6px rgba(0,28,70,.45)!important;
}

/* HERO DIŞINDA RENKLİ PERDE OLMASIN */
.it188-home .it195-hero-slider:before,
.it188-home .it195-hero-slider:after,
.it188-home .it195-hero-slide:before,
.it188-home .it195-hero-slide:after{
    background:none!important;
    opacity:0!important;
    pointer-events:none!important;
}


/* ============================================================
   ISTANBULTOPTAN HOME LAYOUT FINAL
   üst kategori -> full hero -> ana kanal menüsü
   desktop/tablet/mobile
   ============================================================ */

/* ------------------------------------------------------------
   HERO: FOTOĞRAF NET / ALPHA YOK
------------------------------------------------------------ */

.it188-home .it195-hero-overlay{
    background:transparent!important;
    opacity:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
}

.it188-home .it195-hero-bg img{
    opacity:1!important;
    filter:none!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
}

/* Hero tam ekran genişlik */
.it188-home .it195-hero,
.it188-home .it195-hero-slider,
.it188-home .it195-hero-slide{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
}

/* Desktop banner yüksekliği */
.it188-home .it195-hero-slider,
.it188-home .it195-hero-slide,
.it188-home .it195-hero-inner{
    min-height:430px!important;
}

/* ------------------------------------------------------------
   CTA — DB'DEN GELEN GERÇEK METİN
------------------------------------------------------------ */

.it188-home .it-home-hero-cta-only{
    left:5vw!important;
    top:52%!important;
}

.it188-home .it195-hero-actions .it195-btn-primary{
    min-height:48px!important;
    padding:0 20px!important;

    border:1px solid rgba(255,255,255,.55)!important;
    border-radius:14px!important;

    background:rgba(0,118,235,.84)!important;

    color:#fff!important;
    font-size:13px!important;
    font-weight:900!important;

    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.25),
      0 10px 24px rgba(0,55,130,.20)!important;
}

/* ------------------------------------------------------------
   HERO THUMBNAILS
   Sadece bunlar GLASS
------------------------------------------------------------ */

.it188-home .v424-hero-thumbs{
    left:50%!important;
    bottom:15px!important;
    transform:translateX(-50%)!important;

    max-width:76%!important;

    padding:7px 9px!important;
    gap:7px!important;

    border:1px solid rgba(255,255,255,.32)!important;
    border-radius:17px!important;

    background:rgba(8,27,58,.36)!important;

    backdrop-filter:blur(17px) saturate(1.2)!important;
    -webkit-backdrop-filter:blur(17px) saturate(1.2)!important;

    box-shadow:0 11px 26px rgba(2,25,58,.16)!important;
}

.it188-home .v424-hero-thumb{
    width:120px!important;
    min-width:120px!important;
    height:48px!important;

    border-radius:11px!important;

    background:rgba(255,255,255,.10)!important;
}

.it188-home .v424-hero-thumb.is-active{
    border-color:#ff8800!important;
    background:rgba(0,118,235,.24)!important;

    box-shadow:
      0 0 0 2px rgba(0,190,235,.82),
      0 7px 16px rgba(0,40,100,.15)!important;
}

/* ------------------------------------------------------------
   BANNER ALTI ANA KANAL MENÜSÜ
------------------------------------------------------------ */

.it-home-channel-nav-final{
    width:100%!important;
    max-width:1450px!important;

    margin:12px auto 24px!important;
    padding:7px!important;

    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;

    border:1px solid #dce7f4!important;
    border-radius:18px!important;

    background:rgba(255,255,255,.96)!important;

    box-shadow:0 8px 25px rgba(14,47,91,.055)!important;
}

.it-home-channel-nav-final>a{
    min-width:0!important;
    min-height:62px!important;

    padding:8px 11px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;

    border:1px solid #e0e9f4!important;
    border-radius:13px!important;

    background:linear-gradient(180deg,#fff,#f8fbff)!important;

    color:#11233f!important;
    text-decoration:none!important;

    transition:
      transform .18s ease,
      border-color .18s ease,
      box-shadow .18s ease!important;
}

.it-home-channel-nav-final>a:hover{
    transform:translateY(-2px)!important;

    border-color:#94bbff!important;

    box-shadow:0 9px 20px rgba(10,91,211,.09)!important;
}

.it-home-channel-icon{
    flex:0 0 38px!important;

    width:38px!important;
    height:38px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:11px!important;

    background:#edf5ff!important;

    font-size:18px!important;
}

.it-home-channel-nav-final>a>span:last-child{
    display:block!important;
    min-width:0!important;
}

.it-home-channel-nav-final b{
    display:block!important;

    color:#10213d!important;

    font-size:11.5px!important;
    line-height:1.1!important;
    font-weight:950!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.it-home-channel-nav-final small{
    display:block!important;

    margin-top:4px!important;

    color:#8190a6!important;

    font-size:8.5px!important;
    line-height:1.1!important;
    font-weight:700!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* ------------------------------------------------------------
   ESKİ BÜYÜK DISCOVERY BLOĞU
   aynı menüyü tekrar göstermesin
------------------------------------------------------------ */

.it188-home .v1138-discovery{
    display:none!important;
}

/* ------------------------------------------------------------
   ÜST KATEGORİ KEMERİ
   Masaüstünde tek sıra, mobilde swipe
------------------------------------------------------------ */

.home-category-strip,
.category-strip,
.category-nav{
    overflow-x:auto!important;
    overflow-y:hidden!important;

    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
}

.home-category-strip::-webkit-scrollbar,
.category-strip::-webkit-scrollbar,
.category-nav::-webkit-scrollbar{
    display:none!important;
}

/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1100px){

    .it188-home .it195-hero-slider,
    .it188-home .it195-hero-slide,
    .it188-home .it195-hero-inner{
        min-height:355px!important;
    }

    .it-home-channel-nav-final{
        width:calc(100% - 28px)!important;

        grid-template-columns:repeat(3,minmax(0,1fr))!important;

        margin-top:11px!important;
    }

    .it188-home .v424-hero-thumbs{
        max-width:88%!important;
    }

    .it188-home .v424-hero-thumb{
        width:108px!important;
        min-width:108px!important;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:700px){

    /* banner çok yüksek olmasın */
    .it188-home .it195-hero-slider,
    .it188-home .it195-hero-slide,
    .it188-home .it195-hero-inner{
        min-height:265px!important;
    }

    .it188-home .it195-hero-bg img{
        object-position:center!important;
    }

    /* CTA */
    .it188-home .it-home-hero-cta-only{
        left:15px!important;
        top:48%!important;
    }

    .it188-home .it195-hero-actions .it195-btn-primary{
        min-height:41px!important;

        padding:0 14px!important;

        border-radius:12px!important;

        font-size:10.5px!important;
    }

    /* oklar */
    .it188-home .it195-slider-control{
        width:37px!important;
        height:37px!important;

        font-size:23px!important;
    }

    /* slider thumb kemeri mobil yatay swipe */
    .it188-home .v424-hero-thumbs{
        width:calc(100% - 40px)!important;
        max-width:none!important;

        bottom:8px!important;

        justify-content:flex-start!important;

        overflow-x:auto!important;
        overflow-y:hidden!important;

        scrollbar-width:none!important;
        -webkit-overflow-scrolling:touch;
    }

    .it188-home .v424-hero-thumbs::-webkit-scrollbar{
        display:none!important;
    }

    .it188-home .v424-hero-thumb{
        flex:0 0 94px!important;

        width:94px!important;
        min-width:94px!important;
        height:43px!important;
    }

    .it188-home .v424-hero-thumb>span{
        flex-basis:31px!important;

        width:31px!important;
        height:31px!important;
    }

    .it188-home .v424-hero-thumb>b{
        font-size:8px!important;
    }

    /* ana kanal menüsü 2 kolon */
    .it-home-channel-nav-final{
        width:calc(100% - 20px)!important;

        margin:9px auto 18px!important;
        padding:6px!important;

        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:6px!important;

        border-radius:15px!important;
    }

    .it-home-channel-nav-final>a{
        min-height:56px!important;
        padding:7px 8px!important;
    }

    .it-home-channel-icon{
        flex-basis:34px!important;

        width:34px!important;
        height:34px!important;

        font-size:15px!important;
    }

    .it-home-channel-nav-final b{
        font-size:10px!important;
    }

    .it-home-channel-nav-final small{
        font-size:7.5px!important;
    }
}

/* küçük telefon */
@media(max-width:380px){

    .it188-home .it195-hero-slider,
    .it188-home .it195-hero-slide,
    .it188-home .it195-hero-inner{
        min-height:235px!important;
    }

    .it-home-channel-nav-final{
        grid-template-columns:1fr 1fr!important;
    }
}


/* ==========================================================
   HOME HERO FINAL — FOTOĞRAF NET / SADECE KONTROLLER GLASS
   ========================================================== */

/* Hero resminin kendisi */
.it188-home .it195-hero-bg,
.it188-home .it195-hero-bg picture,
.it188-home .it195-hero-bg img{
    opacity:1 !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}

/* Bannerı beyazlatan genel katmanları öldür */
.it188-home .it195-hero-overlay,
.it188-home .it195-hero-slide::before,
.it188-home .it195-hero-slide::after,
.it188-home .it195-hero::before,
.it188-home .it195-hero::after{
    background:transparent !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

/* Slide'ın kendisinde de opacity uygulanmasın */
.it188-home .it195-hero-slide,
.it188-home .it195-hero-slide.is-active{
    opacity:1 !important;
    filter:none !important;
}

/* Full banner */
.it188-home .it195-hero,
.it188-home .it195-hero-slider{
    width:100% !important;
    max-width:none !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#fff !important;
}

/* Resim alanı */
.it188-home .it195-hero-bg{
    position:absolute !important;
    inset:0 !important;
}

.it188-home .it195-hero-bg img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
}

/* SADECE CTA BUTONU glass */
.it188-home .it195-btn-primary{
    background:rgba(0,132,238,.82) !important;
    border:1px solid rgba(255,255,255,.50) !important;
    backdrop-filter:blur(12px) saturate(135%) !important;
    -webkit-backdrop-filter:blur(12px) saturate(135%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 8px 24px rgba(0,67,145,.18) !important;
}

/* SADECE küçük slider kutularının taşıyıcısı glass */
.it188-home .v424-hero-thumbs{
    background:rgba(10,30,55,.34) !important;
    border:1px solid rgba(255,255,255,.30) !important;
    backdrop-filter:blur(15px) saturate(125%) !important;
    -webkit-backdrop-filter:blur(15px) saturate(125%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        0 10px 30px rgba(0,25,60,.18) !important;
}

/* oklar glass */
.it188-home .it195-slider-control{
    background:rgba(255,255,255,.18) !important;
    border:1px solid rgba(255,255,255,.42) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
}

/* Mobil */
@media(max-width:700px){
    .it188-home .it195-hero-slider,
    .it188-home .it195-hero-slide{
        min-height:250px !important;
    }

    .it188-home .it195-hero-bg img{
        object-position:center center !important;
    }

    .it188-home .v424-hero-thumbs{
        background:rgba(10,30,55,.30) !important;
    }
}

/* ============================================================
   ISTANBULTOPTAN HERO SLIDER — ROTATION FIX
   Sadece aktif slide görünür.
   JS is-active sınıfını yönetmeye devam eder.
   ============================================================ */

.it188-home .it195-hero-slider{
    position:relative !important;
    overflow:hidden !important;
}

/* PASİF SLIDE */
.it188-home .it195-hero-slide{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;

    z-index:1 !important;

    transition:
        opacity .55s ease,
        visibility .55s ease !important;
}

/* AKTİF SLIDE */
.it188-home .it195-hero-slide.is-active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;

    z-index:2 !important;
}

/* Görseller kendi slide'ı içinde tam görünür */
.it188-home .it195-hero-slide .it195-hero-bg,
.it188-home .it195-hero-slide .it195-hero-bg img{
    opacity:1 !important;
    visibility:visible !important;
}

/* Overlay yok */
.it188-home .it195-hero-slide .it195-hero-overlay{
    display:none !important;
}

/* Kontroller bütün slide'ların üzerinde */
.it188-home .it195-slider-control,
.it188-home .v424-hero-thumbs{
    z-index:50 !important;
}

/* Thumb tıklanabilir */
.it188-home .v424-hero-thumb{
    pointer-events:auto !important;
    cursor:pointer !important;
}

/* CTA aktif slide içinde çalışsın */
.it188-home .it195-hero-slide.is-active .it-home-hero-cta-only{
    pointer-events:auto !important;
}


/* ============================================================
   HERO BANNER IMAGE FIT FINAL
   Kaynak bannerlar: 2048 x 768
   Masaüstünde resim TAM görünür — kırpma yok
   ============================================================ */

/* Gerçek banner oranı */
.it188-home .it195-hero-slider{
    position:relative!important;

    width:100%!important;
    height:auto!important;
    min-height:0!important;

    aspect-ratio:2048 / 768!important;

    overflow:hidden!important;
    background:#eef5fc!important;
}

/* Slide parent oranı takip eder */
.it188-home .it195-hero-slide{
    position:absolute!important;
    inset:0!important;

    width:100%!important;
    height:100%!important;
    min-height:0!important;
}

/* Active / passive sistem bozulmasın */
.it188-home .it195-hero-slide{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

.it188-home .it195-hero-slide.is-active{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

/* inner artık 430px zorlamasın */
.it188-home .it195-hero-inner{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
}

/* Görsel alanı */
.it188-home .it195-hero-bg{
    position:absolute!important;
    inset:0!important;

    width:100%!important;
    height:100%!important;

    overflow:hidden!important;
}

/* EN ÖNEMLİ KURAL:
   cover yerine contain -> resmin tamamı görünür */
.it188-home .it195-hero-bg img{
    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:none!important;
    max-height:none!important;

    object-fit:contain!important;
    object-position:center center!important;

    opacity:1!important;
    filter:none!important;
    transform:none!important;
}

/* Bannerın üstünde hiçbir alpha/perde yok */
.it188-home .it195-hero-overlay{
    display:none!important;
}

/* CTA biraz solda kalsın */
.it188-home .it-home-hero-cta-only{
    left:5.2vw!important;
    top:50%!important;
    transform:translateY(-50%)!important;
}

/* Thumbnail bar bannerın tabanına düzgün otursun */
.it188-home .v424-hero-thumbs{
    bottom:16px!important;
}

/* ============================================================
   TABLET
   Oranı yine koru
   ============================================================ */

@media(max-width:1100px){

    .it188-home .it195-hero-slider{
        aspect-ratio:2048 / 768!important;
        min-height:0!important;
        height:auto!important;
    }

    .it188-home .it195-hero-slide,
    .it188-home .it195-hero-inner{
        height:100%!important;
        min-height:0!important;
    }
}

/* ============================================================
   MOBILE
   Desktop banner yatay olduğu için mobilde çok ince kalmasın.
   Mobilde kontrollü crop kullanıyoruz.
   ============================================================ */

@media(max-width:700px){

    .it188-home .it195-hero-slider{
        aspect-ratio:auto!important;
        height:270px!important;
        min-height:270px!important;
    }

    .it188-home .it195-hero-slide,
    .it188-home .it195-hero-inner{
        height:270px!important;
        min-height:270px!important;
    }

    .it188-home .it195-hero-bg img{
        object-fit:cover!important;
        object-position:center center!important;
    }

    .it188-home .it-home-hero-cta-only{
        left:14px!important;
    }

    .it188-home .v424-hero-thumbs{
        bottom:8px!important;
    }
}

@media(max-width:420px){

    .it188-home .it195-hero-slider,
    .it188-home .it195-hero-slide,
    .it188-home .it195-hero-inner{
        height:235px!important;
        min-height:235px!important;
    }
}

/* ============================================================
   HERO ALT BÖLÜM YENİ YERLEŞİM
   Thumb bar yukarı + ana kanal kartları banner içine
   ============================================================ */

/* Banner biraz daha derli toplu */
.it188-home .it195-hero{
    position:relative!important;
}

/* Küçük slider kutuları yukarı */
.it188-home .v424-hero-thumbs{
    bottom:72px!important;
}

/* Ana kanal menüsünü hero üzerine bindir */
.it-home-channel-nav-final{
    position:relative!important;

    width:calc(100% - 7vw)!important;
    max-width:1380px!important;

    margin:-58px auto 18px!important;
    z-index:45!important;

    grid-template-columns:repeat(6,minmax(0,1fr))!important;

    padding:7px!important;

    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:16px!important;

    background:rgba(255,255,255,.82)!important;

    backdrop-filter:blur(18px) saturate(1.2)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.50),
      0 12px 28px rgba(11,43,83,.11)!important;
}

/* Kartları biraz daha kompakt */
.it-home-channel-nav-final>a{
    min-height:54px!important;

    padding:7px 9px!important;

    border:1px solid rgba(209,224,242,.78)!important;
    border-radius:12px!important;

    background:rgba(255,255,255,.72)!important;

    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
}

.it-home-channel-nav-final>a:hover{
    background:rgba(242,248,255,.94)!important;
    border-color:#8fb8ff!important;
}

.it-home-channel-icon{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;

    border-radius:10px!important;

    font-size:16px!important;
}

.it-home-channel-nav-final b{
    font-size:10.5px!important;
}

.it-home-channel-nav-final small{
    font-size:7.5px!important;
}

/* ------------------------------------------------------------
   TABLET
------------------------------------------------------------ */

@media(max-width:1100px){

    .it188-home .v424-hero-thumbs{
        bottom:66px!important;
    }

    .it-home-channel-nav-final{
        width:calc(100% - 28px)!important;

        margin:-52px auto 16px!important;

        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

/* ------------------------------------------------------------
   MOBILE
   Banner içinde sıkıştırma yapma, normal akışa dön
------------------------------------------------------------ */

@media(max-width:700px){

    .it188-home .v424-hero-thumbs{
        bottom:10px!important;
    }

    .it-home-channel-nav-final{
        position:relative!important;

        width:calc(100% - 20px)!important;

        margin:8px auto 16px!important;

        grid-template-columns:repeat(2,minmax(0,1fr))!important;

        background:#fff!important;

        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    .it-home-channel-nav-final>a{
        min-height:54px!important;
        background:#fff!important;
    }
}


/* ============================================================
   HERO BOTTOM BELT FINAL
   Kanal kartları bannerın alt kemerine TAM oturur
   ============================================================ */

/* Hero kanal menüsünü bannera yaklaştır */
.it-home-channel-nav-final{
    position:relative!important;
    z-index:60!important;

    width:100%!important;
    max-width:none!important;

    margin:-68px 0 0!important;
    padding:0 3.2vw 10px!important;

    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;

    border:0!important;
    border-radius:0!important;
    background:transparent!important;

    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

/* Her kart kemeri tam doldursun */
.it-home-channel-nav-final>a{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;

    margin:0!important;
    padding:8px 12px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;

    border:1px solid rgba(255,255,255,.55)!important;
    border-radius:13px!important;

    background:rgba(255,255,255,.72)!important;

    color:#10213d!important;
    text-decoration:none!important;

    backdrop-filter:blur(13px) saturate(1.15)!important;
    -webkit-backdrop-filter:blur(13px) saturate(1.15)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.60),
      0 6px 16px rgba(10,45,91,.06)!important;
}

/* Hover */
.it-home-channel-nav-final>a:hover{
    transform:translateY(-1px)!important;

    border-color:#86b5ff!important;
    background:rgba(245,250,255,.90)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.70),
      0 9px 20px rgba(8,82,180,.10)!important;
}

/* ikon */
.it-home-channel-icon{
    flex:0 0 34px!important;

    width:34px!important;
    height:34px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:10px!important;

    background:rgba(234,244,255,.90)!important;

    font-size:16px!important;
}

/* metin */
.it-home-channel-nav-final>a>span:last-child{
    min-width:0!important;
}

.it-home-channel-nav-final b{
    font-size:11px!important;
    font-weight:950!important;
    white-space:nowrap!important;
}

.it-home-channel-nav-final small{
    margin-top:3px!important;
    font-size:8px!important;
    white-space:nowrap!important;
}

/* Küçük slider kutucuklarını kemerin hemen üstüne al */
.it188-home .v424-hero-thumbs{
    bottom:72px!important;
}

/* ============================================================
   TABLET
   3 kolon x 2 sıra, kemerden aşağı taşmadan
   ============================================================ */

@media(max-width:1100px){

    .it-home-channel-nav-final{
        margin:-62px 0 0!important;
        padding:0 18px 10px!important;

        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .it188-home .v424-hero-thumbs{
        bottom:118px!important;
    }
}

/* ============================================================
   MOBILE
   Banner içine sıkıştırmıyoruz; 2 kolon normal akış
   ============================================================ */

@media(max-width:700px){

    .it-home-channel-nav-final{
        width:calc(100% - 18px)!important;

        margin:8px auto 15px!important;
        padding:6px!important;

        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:6px!important;

        border:1px solid #dce7f4!important;
        border-radius:15px!important;

        background:#fff!important;

        box-shadow:0 7px 20px rgba(12,46,88,.05)!important;
    }

    .it-home-channel-nav-final>a{
        min-height:53px!important;

        padding:7px 8px!important;

        background:#fff!important;

        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    .it188-home .v424-hero-thumbs{
        bottom:8px!important;
    }
}


/* ============================================================
   CHANNEL CARDS — GLASS BOTTOM BAND
   6 kartın altında tek parça cam zemin
   ============================================================ */

.it-home-channel-nav-final{
    position:relative!important;
    isolation:isolate!important;

    padding-bottom:16px!important;
}

/* Tek parça glass bant */
.it-home-channel-nav-final::after{
    content:""!important;

    position:absolute!important;
    left:2.8vw!important;
    right:2.8vw!important;
    bottom:3px!important;

    height:42px!important;

    z-index:-1!important;

    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:16px!important;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.28),
        rgba(255,255,255,.16)
      )!important;

    backdrop-filter:blur(18px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.55),
      0 10px 28px rgba(8,37,78,.10)!important;
}

/* Kartlar bandın üstünde dursun */
.it-home-channel-nav-final>a{
    position:relative!important;
    z-index:2!important;
}

/* Kartların altına hafif cam yansıma */
.it-home-channel-nav-final>a::after{
    content:""!important;

    position:absolute!important;
    left:14%!important;
    right:14%!important;
    bottom:-9px!important;

    height:9px!important;

    border-radius:999px!important;

    background:rgba(255,255,255,.20)!important;

    filter:blur(5px)!important;
    opacity:.8!important;

    pointer-events:none!important;
}

/* Tablet */
@media(max-width:1100px){
    .it-home-channel-nav-final::after{
        left:18px!important;
        right:18px!important;
        height:38px!important;
    }
}

/* Mobilde glass bant sadeleşsin */
@media(max-width:700px){

    .it-home-channel-nav-final{
        padding-bottom:10px!important;
    }

    .it-home-channel-nav-final::after{
        left:6px!important;
        right:6px!important;
        bottom:4px!important;

        height:30px!important;

        border-radius:12px!important;

        background:rgba(255,255,255,.72)!important;

        backdrop-filter:blur(10px)!important;
        -webkit-backdrop-filter:blur(10px)!important;
    }

    .it-home-channel-nav-final>a::after{
        display:none!important;
    }
}


/* ============================================================
   CHANNEL GLASS BAND — FULL WIDTH FINAL
   6 kartı tam kapsayan geniş cam taban
   ============================================================ */

.it-home-channel-nav-final{
    position:relative!important;
    isolation:isolate!important;
}

/* Glass bant genişletildi */
.it-home-channel-nav-final::after{
    content:""!important;

    position:absolute!important;

    left:.8vw!important;
    right:.8vw!important;
    bottom:1px!important;

    height:54px!important;

    z-index:-1!important;

    border:1px solid rgba(255,255,255,.46)!important;
    border-radius:18px!important;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.30),
        rgba(255,255,255,.15)
      )!important;

    backdrop-filter:blur(20px) saturate(1.28)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.28)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      0 11px 30px rgba(8,37,78,.11)!important;
}

/* Kartlar bandın üstünde ortalansın */
.it-home-channel-nav-final>a{
    position:relative!important;
    z-index:2!important;
}

/* Desktop'ta nav da biraz daha geniş */
@media(min-width:1101px){
    .it-home-channel-nav-final{
        width:calc(100% - 2vw)!important;
        max-width:none!important;
        padding-left:1.2vw!important;
        padding-right:1.2vw!important;
    }
}

/* Tablet */
@media(max-width:1100px){
    .it-home-channel-nav-final::after{
        left:10px!important;
        right:10px!important;
        height:50px!important;
    }
}

/* Mobil */
@media(max-width:700px){
    .it-home-channel-nav-final::after{
        left:4px!important;
        right:4px!important;
        height:34px!important;
        border-radius:13px!important;
    }
}

/* ============================================================
   HERO CHANNEL ALIGN FINAL
   6 kart + glass bant banner alt çizgisine ortalanır
   ============================================================ */

/* 6 kartı banner altına biraz daha yukarı taşı */
.it-home-channel-nav-final{
    position:relative!important;
    z-index:60!important;

    width:calc(100% - 3vw)!important;
    max-width:none!important;

    margin:-67px auto 0!important;

    padding:
      0
      1.1vw
      11px!important;

    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* CAM BANT:
   bannerın alt çizgisiyle aynı hizada */
.it-home-channel-nav-final::after{
    content:""!important;

    position:absolute!important;

    left:.55vw!important;
    right:.55vw!important;

    /* yukarı alındı */
    bottom:7px!important;

    height:58px!important;

    z-index:-1!important;

    border:1px solid rgba(255,255,255,.46)!important;
    border-radius:17px!important;

    background:rgba(255,255,255,.20)!important;

    backdrop-filter:blur(19px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(19px) saturate(1.25)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.60),
      0 9px 24px rgba(6,33,75,.10)!important;
}

/* 6 kart glass taban üzerinde */
.it-home-channel-nav-final>a{
    min-height:55px!important;

    position:relative!important;
    z-index:2!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:rgba(255,255,255,.76)!important;

    border:1px solid rgba(220,232,245,.90)!important;
    border-radius:12px!important;

    backdrop-filter:blur(11px)!important;
    -webkit-backdrop-filter:blur(11px)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.70),
      0 5px 14px rgba(10,46,91,.06)!important;
}

/* küçük slider kutuları da tam ortada */
.it188-home .v424-hero-thumbs{
    left:50%!important;
    right:auto!important;

    bottom:74px!important;

    transform:translateX(-50%)!important;

    margin:0!important;

    justify-content:center!important;
}

/* banner alt hattını düzgün kapat */
.it188-home .it195-hero-slider{
    border-bottom:1px solid rgba(207,222,241,.85)!important;
}

/* tablet */
@media(max-width:1100px){

    .it-home-channel-nav-final{
        width:calc(100% - 22px)!important;
        margin:-61px auto 0!important;

        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .it-home-channel-nav-final::after{
        left:5px!important;
        right:5px!important;

        bottom:6px!important;

        height:111px!important;
    }

    .it188-home .v424-hero-thumbs{
        bottom:129px!important;
    }
}

/* mobilde tekrar normal akış */
@media(max-width:700px){

    .it-home-channel-nav-final{
        width:calc(100% - 18px)!important;

        margin:8px auto 15px!important;

        padding:6px!important;

        grid-template-columns:repeat(2,minmax(0,1fr))!important;

        border:1px solid #dde8f4!important;
        border-radius:14px!important;

        background:#fff!important;
    }

    .it-home-channel-nav-final::after{
        display:none!important;
    }

    .it-home-channel-nav-final>a{
        background:#fff!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    .it188-home .v424-hero-thumbs{
        bottom:8px!important;
    }
}

/* ============================================================
   CHANNEL GLASS — SIZE TUNE
   Biraz daha uzun + biraz daha geniş
   ============================================================ */

@media(min-width:1101px){

    .it-home-channel-nav-final{
        width:calc(100% - 1.2vw)!important;
        padding-left:.7vw!important;
        padding-right:.7vw!important;
    }

    .it-home-channel-nav-final::after{
        left:.20vw!important;
        right:.20vw!important;

        height:66px!important;
        bottom:2px!important;

        border-radius:20px!important;
    }

    .it-home-channel-nav-final>a{
        min-height:59px!important;
    }
}

/* tablet */
@media(min-width:701px) and (max-width:1100px){

    .it-home-channel-nav-final{
        width:calc(100% - 12px)!important;
    }

    .it-home-channel-nav-final::after{
        left:2px!important;
        right:2px!important;
        height:118px!important;
    }
}


/* =========================================================
   FINAL — 6 KART ALT KEMER
   Banner kenarlarına tam yaklaş + biraz yukarı + daha dolgun
   ========================================================= */

@media (min-width:1101px){

    /* 6 kartın ana taşıyıcısı */
    .it-home-channel-nav-final{
        width:calc(100% - 10px)!important;
        max-width:none!important;

        margin:-73px auto 0!important;

        padding:5px 7px 8px!important;

        grid-template-columns:repeat(6,minmax(0,1fr))!important;
        gap:7px!important;

        box-sizing:border-box!important;
    }

    /* Arkadaki tek parça GLASS kemer */
    .it-home-channel-nav-final::after{
        left:0!important;
        right:0!important;

        bottom:4px!important;
        height:69px!important;

        border-radius:20px!important;

        background:rgba(224,237,249,.30)!important;
        border:1px solid rgba(255,255,255,.58)!important;

        backdrop-filter:blur(18px) saturate(1.25)!important;
        -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.72),
            0 8px 22px rgba(7,39,79,.11)!important;
    }

    /* Kartların genişliği de kemeri doldursun */
    .it-home-channel-nav-final > a{
        width:100%!important;
        min-width:0!important;
        min-height:60px!important;

        margin:0!important;
        box-sizing:border-box!important;
    }
}

/* ============================================================
   ISTANBULTOPTAN — PRODUCT SHOWCASE FINAL
   Desktop 6 / Tablet 4-3 / Mobile 2
   ============================================================ */

/* Ürün bölümü */
.it188-home .it188-product-section{
    width:100%!important;
    max-width:1450px!important;
    margin:28px auto 34px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
}

/* Başlık */
.it188-home .it188-product-section .it188-section-head{
    margin:0 0 14px!important;
    padding:0 2px!important;

    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:18px!important;
}

.it188-home .it188-product-section .it188-section-head>div>span{
    display:block!important;

    margin:0 0 5px!important;

    color:#086cff!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.12em!important;

    text-transform:uppercase!important;
}

.it188-home .it188-product-section .it188-section-head h2{
    margin:0!important;

    color:#0c2042!important;

    font-size:29px!important;
    line-height:1!important;
    font-weight:950!important;

    letter-spacing:-.035em!important;
}

.it188-home .it188-product-section .it188-section-head p{
    margin:6px 0 0!important;

    color:#7b8ba2!important;

    font-size:10.5px!important;
    line-height:1.3!important;
}

/* Tümünü Gör */
.it188-home .it188-product-section .it188-section-head>a{
    min-height:39px!important;

    padding:0 15px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border:1px solid #d5e5f8!important;
    border-radius:13px!important;

    background:#f5f9ff!important;

    color:#0866e8!important;

    font-size:10.5px!important;
    font-weight:900!important;

    text-decoration:none!important;
}

/* ============================================================
   GRID — 6 ÜRÜN
   ============================================================ */

.it188-home .it188-products{
    display:grid!important;

    grid-template-columns:repeat(6,minmax(0,1fr))!important;

    gap:11px!important;

    align-items:stretch!important;
}

/* ============================================================
   KART
   ============================================================ */

.it188-home .it188-products .home-catalog-card{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;

    min-width:0!important;
    height:100%!important;

    margin:0!important;

    overflow:hidden!important;

    border:1px solid #dae7f4!important;
    border-radius:17px!important;

    background:#fff!important;

    box-shadow:
      0 5px 15px rgba(11,45,88,.035)!important;

    transition:
      transform .18s ease,
      border-color .18s ease,
      box-shadow .18s ease!important;
}

.it188-home .it188-products .home-catalog-card:hover{
    transform:translateY(-3px)!important;

    border-color:#9dbffd!important;

    box-shadow:
      0 14px 29px rgba(9,67,153,.10)!important;
}

/* ============================================================
   ÜRÜN RESMİ
   ============================================================ */

.it188-home .it188-products .catalog-card-media{
    position:relative!important;

    width:100%!important;
    height:190px!important;
    min-height:190px!important;

    padding:13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    overflow:hidden!important;

    background:
      linear-gradient(
        180deg,
        #f8fbff 0%,
        #f0f6fd 100%
      )!important;

    box-sizing:border-box!important;
}

/* Placeholder İT */
.it188-home .it188-products .catalog-image-fallback{
    position:absolute!important;
    inset:0!important;

    display:grid!important;
    place-items:center!important;

    color:#1268ff!important;

    font-size:36px!important;
    font-weight:950!important;
}

/* gerçek resim */
.it188-home .it188-products .catalog-card-media img{
    position:relative!important;
    z-index:2!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:100%!important;
    max-height:100%!important;

    object-fit:contain!important;
    object-position:center!important;

    filter:none!important;

    transition:transform .20s ease!important;
}

.it188-home .it188-products .home-catalog-card:hover .catalog-card-media img{
    transform:scale(1.025)!important;
}

/* ============================================================
   BODY
   ============================================================ */

.it188-home .it188-products .catalog-card-body{
    flex:1!important;

    display:flex!important;
    flex-direction:column!important;

    padding:11px 12px 12px!important;

    box-sizing:border-box!important;
}

/* satış tipi / minimum */
.it188-home .it188-products .catalog-card-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;

    margin:0 0 9px!important;
}

.it188-home .it188-products .catalog-card-top .badge,
.it188-home .it188-products .catalog-min{
    min-height:22px!important;

    padding:0 8px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;

    font-size:8.5px!important;
    line-height:1!important;
    font-weight:900!important;
}

.it188-home .it188-products .catalog-card-top .badge{
    border:1px solid #cfe0ff!important;
    background:#edf5ff!important;
    color:#0963e0!important;
}

.it188-home .it188-products .is-c2c .catalog-card-top .badge{
    border-color:#ffd6b3!important;
    background:#fff2e7!important;
    color:#ef6a00!important;
}

.it188-home .it188-products .catalog-min{
    background:#eef7fc!important;
    color:#647993!important;
}

/* ürün adı */
.it188-home .it188-products .catalog-title{
    display:-webkit-box!important;

    min-height:34px!important;

    margin:0 0 7px!important;

    overflow:hidden!important;

    color:#101f39!important;

    font-size:11.5px!important;
    line-height:1.42!important;
    font-weight:950!important;

    text-decoration:none!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

/* mağaza */
.it188-home .it188-products .catalog-store-line{
    min-height:22px!important;

    margin:0 0 7px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;

    color:#8a99ad!important;

    font-size:8.5px!important;
    font-weight:800!important;
}

.it188-home .it188-products .catalog-store-line>a,
.it188-home .it188-products .catalog-store-line>span:first-child{
    min-width:0!important;

    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;

    color:#8797ac!important;
    text-decoration:none!important;
}

.it188-home .it188-products .trust-mini-pill{
    flex:0 0 auto!important;

    padding:3px 6px!important;

    border-radius:999px!important;

    background:#e9fbef!important;

    color:#16813c!important;

    font-size:7.5px!important;
    font-weight:950!important;
}

/* ============================================================
   GÜVEN ÖZETİ
   Daha kompakt
   ============================================================ */

.it188-home .it188-products .home-card-trust-slot{
    min-height:0!important;

    margin:0 0 8px!important;
}

.it188-home .it188-products .home-card-trust-slot>*{
    max-width:100%!important;
}

/* ============================================================
   FİYAT
   ============================================================ */

.it188-home .it188-products .catalog-price-row{
    margin-top:auto!important;
    padding-top:6px!important;
}

.it188-home .it188-products .old-price{
    margin-bottom:2px!important;

    color:#99a7b8!important;

    font-size:8.5px!important;
    line-height:1!important;

    text-decoration:line-through!important;
}

.it188-home .it188-products .price{
    color:#0d1d3a!important;

    font-size:20px!important;
    line-height:1.05!important;
    font-weight:950!important;

    letter-spacing:-.025em!important;
}

/* ============================================================
   SEPET
   ============================================================ */

.it188-home .it188-products .quick-cart-form{
    width:100%!important;

    margin:10px 0 0!important;
}

.it188-home .it188-products .quick-cart-form .catalog-card-btn{
    width:100%!important;
    min-height:40px!important;

    margin:0!important;
    padding:0 10px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;

    border:0!important;
    border-radius:11px!important;

    background:
      linear-gradient(
        135deg,
        #0878ff,
        #08a6e9
      )!important;

    color:#fff!important;

    font-size:10.5px!important;
    font-weight:950!important;

    box-shadow:
      0 7px 16px rgba(8,119,255,.15)!important;
}

.it188-home .it188-products .quick-cart-form .catalog-card-btn::before{
    content:"🛒"!important;
    font-size:11px!important;
}

/* ============================================================
   İNCELE / KARŞILAŞTIR
   Ana vitrinde görsel kalabalık yaratmasın.
   Fonksiyonlar silinmiyor, yalnız ikinci plana alınıyor.
   ============================================================ */

.it188-home .it188-products .home-card-actions-row{
    display:none!important;
}

/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1250px){

    .it188-home .it188-products{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}

@media(max-width:900px){

    .it188-home .it188-product-section{
        padding:0 10px!important;
    }

    .it188-home .it188-products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:9px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:175px!important;
        min-height:175px!important;
    }
}

/* ============================================================
   MOBILE — 2 ÜRÜN
   ============================================================ */

@media(max-width:650px){

    .it188-home .it188-product-section{
        margin:20px auto 27px!important;
        padding:0 8px!important;
    }

    .it188-home .it188-product-section .it188-section-head{
        align-items:flex-start!important;
    }

    .it188-home .it188-product-section .it188-section-head h2{
        font-size:23px!important;
    }

    .it188-home .it188-product-section .it188-section-head>a{
        min-height:34px!important;
        padding:0 10px!important;
        font-size:9px!important;
    }

    .it188-home .it188-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:145px!important;
        min-height:145px!important;
        padding:8px!important;
    }

    .it188-home .it188-products .catalog-card-body{
        padding:9px!important;
    }

    .it188-home .it188-products .catalog-title{
        min-height:31px!important;
        font-size:10px!important;
    }

    .it188-home .it188-products .catalog-store-line{
        font-size:7.5px!important;
    }

    .it188-home .it188-products .price{
        font-size:16px!important;
    }

    .it188-home .it188-products .quick-cart-form .catalog-card-btn{
        min-height:37px!important;
        font-size:9px!important;
    }
}

/* çok dar mobil */
@media(max-width:360px){

    .it188-home .it188-products{
        gap:5px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:128px!important;
        min-height:128px!important;
    }
}

/* ============================================================
   HOME PRODUCT CARDS — COMPACT FINAL
   6 sütun korunur, kart yüksekliği düşürülür
   ============================================================ */

/* Bölüm üst boşluğu */
.it188-home .it188-product-section{
    margin-top:20px!important;
}

/* Başlık ve kartlar birbirine yaklaşsın */
.it188-home .it188-product-section .it188-section-head{
    margin-bottom:10px!important;
}

/* yanlış admin/slider butonu görünmesin */
.it188-home .it188-product-section .it188-section-head>a[href*="admin/banners"],
.it188-home .it188-product-section .it188-section-head>a[href*="banners.php"]{
    display:none!important;
}

/* grid */
.it188-home .it188-products{
    gap:10px!important;
}

/* Kart genel */
.it188-home .it188-products .home-catalog-card{
    border-radius:15px!important;
}

/* Resim alanı küçülsün */
.it188-home .it188-products .catalog-card-media{
    height:165px!important;
    min-height:165px!important;
    padding:10px!important;
}

/* Kart içerik alanı */
.it188-home .it188-products .catalog-card-body{
    padding:9px 10px 10px!important;
}

/* Üst rozet satırı */
.it188-home .it188-products .catalog-card-top{
    margin-bottom:6px!important;
}

/* Ürün adı */
.it188-home .it188-products .catalog-title{
    min-height:31px!important;
    margin-bottom:5px!important;

    font-size:10.5px!important;
    line-height:1.35!important;
}

/* Mağaza satırı */
.it188-home .it188-products .catalog-store-line{
    min-height:18px!important;
    margin-bottom:4px!important;
}

/* güven slotu kompakt */
.it188-home .it188-products .home-card-trust-slot{
    margin:0 0 5px!important;
}

/* güven kutularının yüksekliğini azalt */
.it188-home .it188-products .home-card-trust-slot > div,
.it188-home .it188-products .home-card-trust-slot .seller-trust-summary,
.it188-home .it188-products .home-card-trust-slot [class*="trust"]{
    min-height:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
}

/* iç metinleri biraz küçült */
.it188-home .it188-products .home-card-trust-slot *{
    font-size:8px!important;
    line-height:1.15!important;
}

/* satıcı güven kutusu varsa daha ince */
.it188-home .it188-products .home-card-trust-slot > div{
    padding-top:5px!important;
    padding-bottom:5px!important;
    border-radius:10px!important;
}

/* Fiyat yukarı gelsin */
.it188-home .it188-products .catalog-price-row{
    margin-top:6px!important;
    padding-top:0!important;
}

/* eski fiyat */
.it188-home .it188-products .old-price{
    margin-bottom:1px!important;
    font-size:8px!important;
}

/* ana fiyat */
.it188-home .it188-products .price{
    font-size:18px!important;
    line-height:1!important;
}

/* Sepete ekle daha erken gelsin */
.it188-home .it188-products .quick-cart-form{
    margin-top:7px!important;
}

/* Sepete ekle */
.it188-home .it188-products .quick-cart-form .catalog-card-btn{
    min-height:37px!important;

    border-radius:10px!important;

    font-size:10px!important;
}

/* ikinci aksiyonları gizli tut */
.it188-home .it188-products .home-card-actions-row{
    display:none!important;
}

/* ============================================================
   Tablet
   ============================================================ */

@media(max-width:1250px){

    .it188-home .it188-products{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:155px!important;
        min-height:155px!important;
    }
}

/* ============================================================
   Mobile
   ============================================================ */

@media(max-width:650px){

    .it188-home .it188-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:132px!important;
        min-height:132px!important;
    }

    .it188-home .it188-products .catalog-card-body{
        padding:8px!important;
    }

    .it188-home .it188-products .catalog-title{
        min-height:28px!important;
        font-size:9.5px!important;
    }

    .it188-home .it188-products .price{
        font-size:15px!important;
    }

    .it188-home .it188-products .quick-cart-form .catalog-card-btn{
        min-height:35px!important;
        font-size:9px!important;
    }
}

/* ============================================================
   HOME PRODUCT GRID — 5 KART FULL WIDTH
   ============================================================ */

.it188-home .it188-product-section{
    width:100%!important;
    max-width:none!important;

    padding-left:2.2vw!important;
    padding-right:2.2vw!important;

    box-sizing:border-box!important;
}

.it188-home .it188-products{
    width:100%!important;

    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;

    gap:12px!important;
}

/* 5 kartta görsel biraz büyüsün */
.it188-home .it188-products .catalog-card-media{
    height:185px!important;
    min-height:185px!important;
}

/* Kart içeriği rahatlasın */
.it188-home .it188-products .catalog-card-body{
    padding:10px 11px 11px!important;
}

.it188-home .it188-products .catalog-title{
    font-size:11px!important;
    min-height:32px!important;
}

.it188-home .it188-products .price{
    font-size:19px!important;
}

/* Tablet */
@media(max-width:1150px){
    .it188-home .it188-products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:10px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:175px!important;
        min-height:175px!important;
    }
}

/* Mobil */
@media(max-width:650px){
    .it188-home .it188-product-section{
        padding-left:8px!important;
        padding-right:8px!important;
    }

    .it188-home .it188-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:135px!important;
        min-height:135px!important;
    }
}

/* ============================================================
   PRODUCT CARDS — COMPACT V2
   5 kart sabit + çift sepet ikonu fix + dikey sıkıştırma
   ============================================================ */

/* ÇİFT SEPET İKONU FIX */
.it188-home .it188-products .quick-cart-form .catalog-card-btn::before{
    content:none!important;
    display:none!important;
}

/* Kartı gereksiz uzatan boşlukları azalt */
.it188-home .it188-products .home-catalog-card{
    min-height:0!important;
    height:auto!important;
}

/* Görsel biraz daha kompakt */
.it188-home .it188-products .catalog-card-media{
    height:172px!important;
    min-height:172px!important;
}

/* İç alan */
.it188-home .it188-products .catalog-card-body{
    padding:9px 10px 10px!important;
}

/* Satış tipi */
.it188-home .it188-products .catalog-card-top{
    margin-bottom:5px!important;
}

/* Ürün adı */
.it188-home .it188-products .catalog-title{
    min-height:29px!important;
    margin-bottom:4px!important;
    font-size:10.5px!important;
    line-height:1.32!important;
}

/* Mağaza */
.it188-home .it188-products .catalog-store-line{
    min-height:16px!important;
    margin-bottom:3px!important;
}

/* Güven alanı */
.it188-home .it188-products .home-card-trust-slot{
    margin:0 0 4px!important;
}

/* güven/satıcı kartları daha kısa */
.it188-home .it188-products .home-card-trust-slot > *{
    margin-top:0!important;
    margin-bottom:0!important;
}

.it188-home .it188-products .home-card-trust-slot [class*="seller"],
.it188-home .it188-products .home-card-trust-slot [class*="trust"]{
    padding-top:4px!important;
    padding-bottom:4px!important;
}

/* Fiyat bölgesi yukarı */
.it188-home .it188-products .catalog-price-row{
    margin-top:4px!important;
    padding-top:0!important;
}

.it188-home .it188-products .old-price{
    margin-bottom:1px!important;
}

.it188-home .it188-products .price{
    font-size:18px!important;
}

/* Sepet butonu */
.it188-home .it188-products .quick-cart-form{
    margin-top:6px!important;
}

.it188-home .it188-products .quick-cart-form .catalog-card-btn{
    min-height:38px!important;
    padding:0 10px!important;
    font-size:10px!important;
}

/* Teklif alanı da sıkılaşsın */
.it188-home .it188-products [class*="offer"],
.it188-home .it188-products [class*="teklif"]{
    margin-top:6px!important;
}

/* Mobil */
@media(max-width:650px){

    .it188-home .it188-products .catalog-card-media{
        height:132px!important;
        min-height:132px!important;
    }

    .it188-home .it188-products .catalog-card-body{
        padding:8px!important;
    }

    .it188-home .it188-products .price{
        font-size:15px!important;
    }
}

/* ============================================================
   ISTANBULTOPTAN — PRODUCT CARD PREMIUM FINAL
   5 desktop / 3 tablet / 2 mobile
   ============================================================ */

.it188-home .it188-products{
    align-items:stretch!important;
}

/* KART */
.it188-home .it188-products .home-catalog-card{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;

    height:100%!important;
    min-height:0!important;

    overflow:hidden!important;

    border:1px solid #d7e4f2!important;
    border-radius:18px!important;

    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #ffffff 72%,
        #fbfdff 100%
      )!important;

    box-shadow:
      0 6px 20px rgba(12,45,88,.045)!important;

    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease!important;
}

.it188-home .it188-products .home-catalog-card:hover{
    transform:translateY(-4px)!important;

    border-color:#91b9ff!important;

    box-shadow:
      0 18px 38px rgba(9,68,154,.11)!important;
}

/* ============================================================
   ÜRÜN GÖRSELİ
   ============================================================ */

.it188-home .it188-products .catalog-card-media{
    position:relative!important;

    height:172px!important;
    min-height:172px!important;

    padding:12px!important;

    border-bottom:1px solid #e6eef8!important;

    background:
      radial-gradient(
        circle at 50% 20%,
        #ffffff 0,
        #f5f9ff 58%,
        #edf4fc 100%
      )!important;
}

.it188-home .it188-products .catalog-card-media img{
    width:100%!important;
    height:100%!important;

    object-fit:contain!important;
    object-position:center!important;

    transition:transform .22s ease!important;
}

.it188-home .it188-products .home-catalog-card:hover .catalog-card-media img{
    transform:scale(1.035)!important;
}

/* Placeholder */
.it188-home .it188-products .catalog-image-fallback{
    color:#1268ff!important;
    font-size:34px!important;
    opacity:.95!important;
}

/* ============================================================
   ÜST ROZETLER
   ============================================================ */

.it188-home .it188-products .catalog-card-media > .badge,
.it188-home .it188-products [class*="product-badge"],
.it188-home .it188-products [class*="catalog-badge"]{
    border-radius:999px!important;

    box-shadow:
      0 5px 14px rgba(7,48,100,.08)!important;
}

/* Hover hızlı aksiyonlar */
.it188-home .it188-products .catalog-card-media button,
.it188-home .it188-products .catalog-card-media [class*="favorite"],
.it188-home .it188-products .catalog-card-media [class*="quick"]{
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
}

/* ============================================================
   BODY
   ============================================================ */

.it188-home .it188-products .catalog-card-body{
    flex:1!important;

    display:flex!important;
    flex-direction:column!important;

    padding:10px 11px 11px!important;
}

/* satış türü */
.it188-home .it188-products .catalog-card-top{
    min-height:24px!important;

    margin-bottom:6px!important;
}

/* ============================================================
   ÜRÜN BAŞLIĞI — TÜM KARTLAR EŞİT
   ============================================================ */

.it188-home .it188-products .catalog-title{
    display:-webkit-box!important;

    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;

    margin:0 0 6px!important;

    overflow:hidden!important;

    color:#0d1f3d!important;

    font-size:10.8px!important;
    line-height:17px!important;
    font-weight:950!important;

    text-decoration:none!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

.it188-home .it188-products .catalog-title:hover{
    color:#086cff!important;
}

/* ============================================================
   MAĞAZA SATIRI
   ============================================================ */

.it188-home .it188-products .catalog-store-line{
    height:20px!important;
    min-height:20px!important;

    margin-bottom:5px!important;

    display:flex!important;
    align-items:center!important;
}

.it188-home .it188-products .catalog-store-line>a,
.it188-home .it188-products .catalog-store-line>span{
    font-size:8px!important;
    font-weight:800!important;
}

/* Skor */
.it188-home .it188-products .trust-mini-pill{
    padding:3px 6px!important;

    background:#e8faef!important;

    color:#14823b!important;

    font-size:7px!important;
}

/* ============================================================
   SATICI / GÜVEN KUTUSU
   ============================================================ */

.it188-home .it188-products .home-card-trust-slot{
    min-height:54px!important;
    max-height:54px!important;

    margin:0 0 7px!important;

    overflow:hidden!important;
}

.it188-home .it188-products .home-card-trust-slot > *{
    height:54px!important;
    min-height:54px!important;

    box-sizing:border-box!important;

    border-radius:12px!important;

    box-shadow:none!important;
}

.it188-home .it188-products .home-card-trust-slot *{
    font-size:7.5px!important;
    line-height:1.12!important;
}

/* ============================================================
   FİYAT
   ============================================================ */

.it188-home .it188-products .catalog-price-row{
    margin-top:auto!important;
    padding-top:4px!important;
}

.it188-home .it188-products .old-price{
    min-height:11px!important;

    margin-bottom:2px!important;

    color:#9ca9ba!important;

    font-size:8px!important;
}

.it188-home .it188-products .price{
    color:#0c1d3a!important;

    font-size:19px!important;
    line-height:1!important;
    font-weight:950!important;

    letter-spacing:-.035em!important;
}

/* hover fiyat */
.it188-home .it188-products .home-catalog-card:hover .price{
    color:#086cff!important;
}

/* ============================================================
   SEPETE EKLE
   ============================================================ */

.it188-home .it188-products .quick-cart-form{
    margin-top:8px!important;
}

.it188-home .it188-products .quick-cart-form .catalog-card-btn{
    width:100%!important;
    height:39px!important;
    min-height:39px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;

    border:0!important;
    border-radius:11px!important;

    background:
      linear-gradient(
        135deg,
        #0877ff 0%,
        #09a6e9 100%
      )!important;

    color:#fff!important;

    font-size:9.5px!important;
    font-weight:950!important;

    box-shadow:
      0 7px 18px rgba(8,118,255,.15)!important;

    transition:
      transform .16s ease,
      box-shadow .16s ease!important;
}

.it188-home .it188-products .quick-cart-form .catalog-card-btn:hover{
    transform:translateY(-1px)!important;

    box-shadow:
      0 11px 22px rgba(8,118,255,.23)!important;
}

/* bizim eklediğimiz extra sepet iconu kesin yok */
.it188-home .it188-products .quick-cart-form .catalog-card-btn::before,
.it188-home .it188-products .quick-cart-form .catalog-card-btn::after{
    content:none!important;
}

/* ============================================================
   TEKLİF AL / TEKLİF VER
   ============================================================ */

/* Kart altındaki teklif bloğu */
.it188-home .it188-products [class*="offer-card"],
.it188-home .it188-products [class*="offer-cta"],
.it188-home .it188-products [class*="teklif"]{
    box-sizing:border-box!important;
}

/* Görseldeki mevcut teklif kutularını sıkıştır */
.it188-home .it188-products .home-product-offer,
.it188-home .it188-products .catalog-offer,
.it188-home .it188-products [data-offer-card]{
    min-height:48px!important;

    margin-top:7px!important;
    padding:7px 9px!important;

    border:1px solid #cfe1f6!important;
    border-radius:11px!important;

    background:
      linear-gradient(
        135deg,
        #f7fbff,
        #edf9ff
      )!important;

    box-shadow:none!important;
}

/* Link varsa */
.it188-home .it188-products .home-product-offer a,
.it188-home .it188-products .catalog-offer a,
.it188-home .it188-products [data-offer-card] a{
    font-size:10px!important;
    font-weight:900!important;
}

/* ============================================================
   Kart altında fazla boşluk bırakma
   ============================================================ */

.it188-home .it188-products .home-catalog-card > *:last-child{
    margin-bottom:0!important;
}

/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1150px){

    .it188-home .it188-products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:165px!important;
        min-height:165px!important;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:650px){

    .it188-home .it188-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:128px!important;
        min-height:128px!important;
        padding:8px!important;
    }

    .it188-home .it188-products .catalog-card-body{
        padding:8px!important;
    }

    .it188-home .it188-products .catalog-title{
        height:30px!important;
        min-height:30px!important;
        max-height:30px!important;

        font-size:9px!important;
        line-height:15px!important;
    }

    .it188-home .it188-products .home-card-trust-slot{
        min-height:46px!important;
        max-height:46px!important;
    }

    .it188-home .it188-products .home-card-trust-slot > *{
        min-height:46px!important;
        height:46px!important;
    }

    .it188-home .it188-products .price{
        font-size:15px!important;
    }

    .it188-home .it188-products .quick-cart-form .catalog-card-btn{
        height:35px!important;
        min-height:35px!important;

        font-size:8.5px!important;
    }
}


/* ============================================================
   ISTANBULTOPTAN — PRODUCT CARD FINAL 2026
   5 desktop / 3 tablet / 2 mobile
   Teklif şeridi resmin hemen altında
   ============================================================ */


/* ------------------------------------------------------------
   SECTION
------------------------------------------------------------ */

.it188-home .it188-product-section{
    width:100%!important;
    max-width:none!important;

    margin:25px auto 34px!important;

    padding-left:2.3vw!important;
    padding-right:2.3vw!important;

    box-sizing:border-box!important;
}

.it188-home .it188-product-section .it188-section-head{
    margin-bottom:14px!important;
}

.it188-home .it188-product-section .it188-section-head h2{
    color:#0b2145!important;

    font-size:29px!important;
    line-height:1!important;
    font-weight:950!important;

    letter-spacing:-.035em!important;
}

.it188-home .it188-product-section .it188-section-head p{
    margin-top:6px!important;

    color:#7587a1!important;

    font-size:11px!important;
}

.it188-home .it188-product-section .it188-section-head>a{
    min-height:40px!important;

    padding:0 17px!important;

    border:1px solid #cfe0f7!important;
    border-radius:14px!important;

    background:#f8fbff!important;

    color:#0870ed!important;

    font-size:11px!important;
    font-weight:900!important;

    text-decoration:none!important;
}


/* ------------------------------------------------------------
   5 COLUMN GRID
------------------------------------------------------------ */

.it188-home .it188-products{
    width:100%!important;

    display:grid!important;

    grid-template-columns:repeat(5,minmax(0,1fr))!important;

    gap:13px!important;

    align-items:stretch!important;
}


/* ------------------------------------------------------------
   CARD
------------------------------------------------------------ */

.it188-home .it188-products .home-catalog-card{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;

    min-width:0!important;
    height:100%!important;

    overflow:hidden!important;

    border:1px solid #dae5f2!important;
    border-radius:19px!important;

    background:#fff!important;

    box-shadow:
        0 7px 22px rgba(21,56,98,.045)!important;

    transition:
        transform .20s ease,
        border-color .20s ease,
        box-shadow .20s ease!important;
}

.it188-home .it188-products .home-catalog-card:hover{
    transform:translateY(-4px)!important;

    border-color:#9ec2ff!important;

    box-shadow:
        0 18px 38px rgba(15,82,177,.11)!important;
}


/* ------------------------------------------------------------
   IMAGE
------------------------------------------------------------ */

.it188-home .it188-products .catalog-card-media{
    position:relative!important;

    width:100%!important;

    height:190px!important;
    min-height:190px!important;

    padding:13px 14px 8px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    overflow:hidden!important;

    border:0!important;

    background:
      radial-gradient(
        circle at 50% 22%,
        #ffffff 0%,
        #f8fbff 52%,
        #eef5fd 100%
      )!important;

    box-sizing:border-box!important;
}

.it188-home .it188-products .catalog-card-media img{
    position:relative!important;
    z-index:2!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:100%!important;
    max-height:100%!important;

    object-fit:contain!important;
    object-position:center!important;

    filter:none!important;

    transition:transform .22s ease!important;
}

.it188-home .it188-products
.home-catalog-card:hover
.catalog-card-media img{
    transform:scale(1.035)!important;
}

.it188-home .it188-products .catalog-image-fallback{
    display:grid!important;
    place-items:center!important;

    position:absolute!important;
    inset:0!important;

    color:#086cff!important;

    font-size:37px!important;
    font-weight:950!important;
}


/* ------------------------------------------------------------
   OFFER — IMAGE ALTINDA
------------------------------------------------------------ */

.it188-home .it188-products .it-home-offer-under-image{
    order:2!important;

    position:relative!important;

    width:calc(100% - 22px)!important;

    min-height:43px!important;

    margin:0 11px 8px!important;
    padding:0 11px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;

    box-sizing:border-box!important;

    border:1px solid #d6e8fc!important;
    border-radius:11px!important;

    background:
        linear-gradient(
          135deg,
          #f5faff,
          #edf7ff
        )!important;

    color:#086cff!important;

    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;

    text-decoration:none!important;

    box-shadow:none!important;

    transition:
        background .18s ease,
        border-color .18s ease!important;
}

.it188-home .it188-products .it-home-offer-under-image:hover{
    background:#e8f4ff!important;
    border-color:#aad0ff!important;
}


/* Teklif içindeki gereksiz büyük boşlukları öldür */
.it188-home .it188-products
.it-home-offer-under-image *{
    margin-top:0!important;
    margin-bottom:0!important;
}


/* ------------------------------------------------------------
   BODY
------------------------------------------------------------ */

.it188-home .it188-products .catalog-card-body{
    order:3!important;

    flex:1!important;

    display:flex!important;
    flex-direction:column!important;

    padding:4px 13px 13px!important;

    box-sizing:border-box!important;
}


/* satış tipi üst satırı */
.it188-home .it188-products .catalog-card-top{
    min-height:23px!important;

    margin:0 0 6px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
}

.it188-home .it188-products .catalog-card-top .badge,
.it188-home .it188-products .catalog-min{
    min-height:21px!important;

    padding:0 8px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;

    font-size:8px!important;
    font-weight:900!important;
}


/* ------------------------------------------------------------
   TITLE
------------------------------------------------------------ */

.it188-home .it188-products .catalog-title{
    display:-webkit-box!important;

    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;

    margin:0 0 7px!important;

    overflow:hidden!important;

    color:#0b1f3f!important;

    font-size:12px!important;
    line-height:19px!important;
    font-weight:950!important;

    letter-spacing:-.01em!important;

    text-decoration:none!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

.it188-home .it188-products .catalog-title:hover{
    color:#0870ed!important;
}


/* ------------------------------------------------------------
   SELLER
------------------------------------------------------------ */

.it188-home .it188-products .catalog-store-line{
    min-height:20px!important;

    margin:0 0 6px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;

    color:#75869e!important;
}

.it188-home .it188-products .catalog-store-line>a,
.it188-home .it188-products .catalog-store-line>span{
    min-width:0!important;

    overflow:hidden!important;

    color:#75869e!important;

    font-size:8.5px!important;
    font-weight:800!important;

    white-space:nowrap!important;
    text-overflow:ellipsis!important;

    text-decoration:none!important;
}

.it188-home .it188-products .trust-mini-pill{
    flex:0 0 auto!important;

    padding:3px 6px!important;

    border-radius:999px!important;

    background:#e8faef!important;

    color:#0f813a!important;

    font-size:7px!important;
    font-weight:950!important;
}


/* ------------------------------------------------------------
   TRUST AREA
------------------------------------------------------------ */

.it188-home .it188-products .home-card-trust-slot{
    min-height:48px!important;
    max-height:48px!important;

    margin:0 0 8px!important;

    overflow:hidden!important;
}

.it188-home .it188-products .home-card-trust-slot>*{
    height:48px!important;
    min-height:48px!important;

    margin:0!important;

    box-sizing:border-box!important;

    border-radius:11px!important;
}

.it188-home .it188-products .home-card-trust-slot *{
    font-size:7.5px!important;
    line-height:1.12!important;
}


/* ------------------------------------------------------------
   PRICE
------------------------------------------------------------ */

.it188-home .it188-products .catalog-price-row{
    margin-top:auto!important;

    padding-top:5px!important;
}

.it188-home .it188-products .old-price{
    min-height:10px!important;

    margin:0 0 2px!important;

    color:#99a6b8!important;

    font-size:8.5px!important;

    text-decoration:line-through!important;
}

.it188-home .it188-products .price{
    color:#091d3d!important;

    font-size:21px!important;
    line-height:1!important;
    font-weight:950!important;

    letter-spacing:-.04em!important;
}


/* ------------------------------------------------------------
   CART
------------------------------------------------------------ */

.it188-home .it188-products .quick-cart-form{
    width:100%!important;

    margin:9px 0 0!important;
}

.it188-home .it188-products
.quick-cart-form
.catalog-card-btn{
    width:100%!important;

    height:43px!important;
    min-height:43px!important;

    margin:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;

    border:0!important;
    border-radius:11px!important;

    background:
      linear-gradient(
        135deg,
        #0878ff 0%,
        #08a9e9 100%
      )!important;

    color:#fff!important;

    font-size:10.5px!important;
    font-weight:950!important;

    box-shadow:
      0 8px 18px rgba(8,118,255,.17)!important;
}

.it188-home .it188-products
.quick-cart-form
.catalog-card-btn:hover{
    filter:brightness(1.035)!important;
}


/* ÇİFT İKON YOK */
.it188-home .it188-products
.quick-cart-form
.catalog-card-btn::before,
.it188-home .it188-products
.quick-cart-form
.catalog-card-btn::after{
    content:none!important;
    display:none!important;
}


/* Eski ikinci aksiyon satırı vitrinde kapalı */
.it188-home .it188-products .home-card-actions-row{
    display:none!important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1150px){

    .it188-home .it188-products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:10px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:180px!important;
        min-height:180px!important;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:650px){

    .it188-home .it188-product-section{
        padding-left:8px!important;
        padding-right:8px!important;
    }

    .it188-home .it188-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;

        gap:7px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:132px!important;
        min-height:132px!important;

        padding:8px!important;
    }

    .it188-home .it188-products .it-home-offer-under-image{
        width:calc(100% - 12px)!important;

        min-height:36px!important;

        margin:0 6px 6px!important;
        padding:0 7px!important;

        font-size:8.5px!important;
    }

    .it188-home .it188-products .catalog-card-body{
        padding:3px 8px 8px!important;
    }

    .it188-home .it188-products .catalog-title{
        height:32px!important;
        min-height:32px!important;
        max-height:32px!important;

        font-size:9.5px!important;
        line-height:16px!important;
    }

    .it188-home .it188-products .home-card-trust-slot{
        min-height:42px!important;
        max-height:42px!important;
    }

    .it188-home .it188-products .home-card-trust-slot>*{
        height:42px!important;
        min-height:42px!important;
    }

    .it188-home .it188-products .price{
        font-size:16px!important;
    }

    .it188-home .it188-products
    .quick-cart-form
    .catalog-card-btn{
        height:36px!important;
        min-height:36px!important;

        font-size:8.5px!important;
    }
}


/* ============================================================
   ISTANBULTOPTAN — PRODUCT CARD FINAL 2026
   5 desktop / 3 tablet / 2 mobile
   Teklif şeridi resmin hemen altında
   ============================================================ */


/* ------------------------------------------------------------
   SECTION
------------------------------------------------------------ */

.it188-home .it188-product-section{
    width:100%!important;
    max-width:none!important;

    margin:25px auto 34px!important;

    padding-left:2.3vw!important;
    padding-right:2.3vw!important;

    box-sizing:border-box!important;
}

.it188-home .it188-product-section .it188-section-head{
    margin-bottom:14px!important;
}

.it188-home .it188-product-section .it188-section-head h2{
    color:#0b2145!important;

    font-size:29px!important;
    line-height:1!important;
    font-weight:950!important;

    letter-spacing:-.035em!important;
}

.it188-home .it188-product-section .it188-section-head p{
    margin-top:6px!important;

    color:#7587a1!important;

    font-size:11px!important;
}

.it188-home .it188-product-section .it188-section-head>a{
    min-height:40px!important;

    padding:0 17px!important;

    border:1px solid #cfe0f7!important;
    border-radius:14px!important;

    background:#f8fbff!important;

    color:#0870ed!important;

    font-size:11px!important;
    font-weight:900!important;

    text-decoration:none!important;
}


/* ------------------------------------------------------------
   5 COLUMN GRID
------------------------------------------------------------ */

.it188-home .it188-products{
    width:100%!important;

    display:grid!important;

    grid-template-columns:repeat(5,minmax(0,1fr))!important;

    gap:13px!important;

    align-items:stretch!important;
}


/* ------------------------------------------------------------
   CARD
------------------------------------------------------------ */

.it188-home .it188-products .home-catalog-card{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;

    min-width:0!important;
    height:100%!important;

    overflow:hidden!important;

    border:1px solid #dae5f2!important;
    border-radius:19px!important;

    background:#fff!important;

    box-shadow:
        0 7px 22px rgba(21,56,98,.045)!important;

    transition:
        transform .20s ease,
        border-color .20s ease,
        box-shadow .20s ease!important;
}

.it188-home .it188-products .home-catalog-card:hover{
    transform:translateY(-4px)!important;

    border-color:#9ec2ff!important;

    box-shadow:
        0 18px 38px rgba(15,82,177,.11)!important;
}


/* ------------------------------------------------------------
   IMAGE
------------------------------------------------------------ */

.it188-home .it188-products .catalog-card-media{
    position:relative!important;

    width:100%!important;

    height:190px!important;
    min-height:190px!important;

    padding:13px 14px 8px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    overflow:hidden!important;

    border:0!important;

    background:
      radial-gradient(
        circle at 50% 22%,
        #ffffff 0%,
        #f8fbff 52%,
        #eef5fd 100%
      )!important;

    box-sizing:border-box!important;
}

.it188-home .it188-products .catalog-card-media img{
    position:relative!important;
    z-index:2!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:100%!important;
    max-height:100%!important;

    object-fit:contain!important;
    object-position:center!important;

    filter:none!important;

    transition:transform .22s ease!important;
}

.it188-home .it188-products
.home-catalog-card:hover
.catalog-card-media img{
    transform:scale(1.035)!important;
}

.it188-home .it188-products .catalog-image-fallback{
    display:grid!important;
    place-items:center!important;

    position:absolute!important;
    inset:0!important;

    color:#086cff!important;

    font-size:37px!important;
    font-weight:950!important;
}


/* ------------------------------------------------------------
   OFFER — IMAGE ALTINDA
------------------------------------------------------------ */

.it188-home .it188-products .it-home-offer-under-image{
    order:2!important;

    position:relative!important;

    width:calc(100% - 22px)!important;

    min-height:43px!important;

    margin:0 11px 8px!important;
    padding:0 11px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;

    box-sizing:border-box!important;

    border:1px solid #d6e8fc!important;
    border-radius:11px!important;

    background:
        linear-gradient(
          135deg,
          #f5faff,
          #edf7ff
        )!important;

    color:#086cff!important;

    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;

    text-decoration:none!important;

    box-shadow:none!important;

    transition:
        background .18s ease,
        border-color .18s ease!important;
}

.it188-home .it188-products .it-home-offer-under-image:hover{
    background:#e8f4ff!important;
    border-color:#aad0ff!important;
}


/* Teklif içindeki gereksiz büyük boşlukları öldür */
.it188-home .it188-products
.it-home-offer-under-image *{
    margin-top:0!important;
    margin-bottom:0!important;
}


/* ------------------------------------------------------------
   BODY
------------------------------------------------------------ */

.it188-home .it188-products .catalog-card-body{
    order:3!important;

    flex:1!important;

    display:flex!important;
    flex-direction:column!important;

    padding:4px 13px 13px!important;

    box-sizing:border-box!important;
}


/* satış tipi üst satırı */
.it188-home .it188-products .catalog-card-top{
    min-height:23px!important;

    margin:0 0 6px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
}

.it188-home .it188-products .catalog-card-top .badge,
.it188-home .it188-products .catalog-min{
    min-height:21px!important;

    padding:0 8px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;

    font-size:8px!important;
    font-weight:900!important;
}


/* ------------------------------------------------------------
   TITLE
------------------------------------------------------------ */

.it188-home .it188-products .catalog-title{
    display:-webkit-box!important;

    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;

    margin:0 0 7px!important;

    overflow:hidden!important;

    color:#0b1f3f!important;

    font-size:12px!important;
    line-height:19px!important;
    font-weight:950!important;

    letter-spacing:-.01em!important;

    text-decoration:none!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

.it188-home .it188-products .catalog-title:hover{
    color:#0870ed!important;
}


/* ------------------------------------------------------------
   SELLER
------------------------------------------------------------ */

.it188-home .it188-products .catalog-store-line{
    min-height:20px!important;

    margin:0 0 6px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;

    color:#75869e!important;
}

.it188-home .it188-products .catalog-store-line>a,
.it188-home .it188-products .catalog-store-line>span{
    min-width:0!important;

    overflow:hidden!important;

    color:#75869e!important;

    font-size:8.5px!important;
    font-weight:800!important;

    white-space:nowrap!important;
    text-overflow:ellipsis!important;

    text-decoration:none!important;
}

.it188-home .it188-products .trust-mini-pill{
    flex:0 0 auto!important;

    padding:3px 6px!important;

    border-radius:999px!important;

    background:#e8faef!important;

    color:#0f813a!important;

    font-size:7px!important;
    font-weight:950!important;
}


/* ------------------------------------------------------------
   TRUST AREA
------------------------------------------------------------ */

.it188-home .it188-products .home-card-trust-slot{
    min-height:48px!important;
    max-height:48px!important;

    margin:0 0 8px!important;

    overflow:hidden!important;
}

.it188-home .it188-products .home-card-trust-slot>*{
    height:48px!important;
    min-height:48px!important;

    margin:0!important;

    box-sizing:border-box!important;

    border-radius:11px!important;
}

.it188-home .it188-products .home-card-trust-slot *{
    font-size:7.5px!important;
    line-height:1.12!important;
}


/* ------------------------------------------------------------
   PRICE
------------------------------------------------------------ */

.it188-home .it188-products .catalog-price-row{
    margin-top:auto!important;

    padding-top:5px!important;
}

.it188-home .it188-products .old-price{
    min-height:10px!important;

    margin:0 0 2px!important;

    color:#99a6b8!important;

    font-size:8.5px!important;

    text-decoration:line-through!important;
}

.it188-home .it188-products .price{
    color:#091d3d!important;

    font-size:21px!important;
    line-height:1!important;
    font-weight:950!important;

    letter-spacing:-.04em!important;
}


/* ------------------------------------------------------------
   CART
------------------------------------------------------------ */

.it188-home .it188-products .quick-cart-form{
    width:100%!important;

    margin:9px 0 0!important;
}

.it188-home .it188-products
.quick-cart-form
.catalog-card-btn{
    width:100%!important;

    height:43px!important;
    min-height:43px!important;

    margin:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;

    border:0!important;
    border-radius:11px!important;

    background:
      linear-gradient(
        135deg,
        #0878ff 0%,
        #08a9e9 100%
      )!important;

    color:#fff!important;

    font-size:10.5px!important;
    font-weight:950!important;

    box-shadow:
      0 8px 18px rgba(8,118,255,.17)!important;
}

.it188-home .it188-products
.quick-cart-form
.catalog-card-btn:hover{
    filter:brightness(1.035)!important;
}


/* ÇİFT İKON YOK */
.it188-home .it188-products
.quick-cart-form
.catalog-card-btn::before,
.it188-home .it188-products
.quick-cart-form
.catalog-card-btn::after{
    content:none!important;
    display:none!important;
}


/* Eski ikinci aksiyon satırı vitrinde kapalı */
.it188-home .it188-products .home-card-actions-row{
    display:none!important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1150px){

    .it188-home .it188-products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:10px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:180px!important;
        min-height:180px!important;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:650px){

    .it188-home .it188-product-section{
        padding-left:8px!important;
        padding-right:8px!important;
    }

    .it188-home .it188-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;

        gap:7px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:132px!important;
        min-height:132px!important;

        padding:8px!important;
    }

    .it188-home .it188-products .it-home-offer-under-image{
        width:calc(100% - 12px)!important;

        min-height:36px!important;

        margin:0 6px 6px!important;
        padding:0 7px!important;

        font-size:8.5px!important;
    }

    .it188-home .it188-products .catalog-card-body{
        padding:3px 8px 8px!important;
    }

    .it188-home .it188-products .catalog-title{
        height:32px!important;
        min-height:32px!important;
        max-height:32px!important;

        font-size:9.5px!important;
        line-height:16px!important;
    }

    .it188-home .it188-products .home-card-trust-slot{
        min-height:42px!important;
        max-height:42px!important;
    }

    .it188-home .it188-products .home-card-trust-slot>*{
        height:42px!important;
        min-height:42px!important;
    }

    .it188-home .it188-products .price{
        font-size:16px!important;
    }

    .it188-home .it188-products
    .quick-cart-form
    .catalog-card-btn{
        height:36px!important;
        min-height:36px!important;

        font-size:8.5px!important;
    }
}


/* ============================================================
   PRODUCT CARD — TIGHT FINAL
   Rozet / satıcı / fiyat arasındaki boşlukları azalt
   ============================================================ */

/* Kart gövdesi gereksiz uzamasın */
.it188-home .it188-products .catalog-card-body{
    padding:8px 12px 11px!important;
}

/* Üst satış tipi satırı */
.it188-home .it188-products .catalog-card-top{
    min-height:22px!important;
    margin:0 0 5px!important;
}

/* Başlık */
.it188-home .it188-products .catalog-title{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;

    margin:0 0 5px!important;

    font-size:11.5px!important;
    line-height:18px!important;
}

/* Mağaza / skor satırı */
.it188-home .it188-products .catalog-store-line{
    height:18px!important;
    min-height:18px!important;

    margin:0 0 4px!important;
}

/* Güven kutusu daha kısa */
.it188-home .it188-products .home-card-trust-slot{
    min-height:42px!important;
    max-height:42px!important;

    margin:0 0 4px!important;
}

.it188-home .it188-products .home-card-trust-slot > *{
    height:42px!important;
    min-height:42px!important;

    margin:0!important;

    padding-top:4px!important;
    padding-bottom:4px!important;
}

/* FİYAT ALANI ARTIK AŞAĞI İTİLMESİN */
.it188-home .it188-products .catalog-price-row{
    margin-top:2px!important;
    padding-top:0!important;
}

/* Eski fiyat */
.it188-home .it188-products .old-price{
    min-height:9px!important;
    margin:0 0 1px!important;

    font-size:8px!important;
}

/* Ana fiyat */
.it188-home .it188-products .price{
    margin:0!important;

    font-size:20px!important;
    line-height:1!important;
}

/* Sepete ekle fiyatın hemen altında */
.it188-home .it188-products .quick-cart-form{
    margin-top:7px!important;
}

/* Teklif şeridi resmin hemen altındaysa kompakt dursun */
.it188-home .it188-products .it-home-offer-under-image{
    min-height:40px!important;

    margin:0 10px 7px!important;
    padding:0 10px!important;

    border-radius:10px!important;

    font-size:10px!important;
}

/* Kart genel boyunu gereksiz uzatma */
.it188-home .it188-products .home-catalog-card{
    min-height:0!important;
}

/* mobil */
@media(max-width:650px){

    .it188-home .it188-products .catalog-title{
        height:30px!important;
        min-height:30px!important;
        max-height:30px!important;

        line-height:15px!important;
    }

    .it188-home .it188-products .home-card-trust-slot{
        min-height:36px!important;
        max-height:36px!important;
    }

    .it188-home .it188-products .home-card-trust-slot > *{
        height:36px!important;
        min-height:36px!important;
    }

    .it188-home .it188-products .price{
        font-size:16px!important;
    }
}


/* ============================================================
   ISTANBULTOPTAN PRODUCT CARD — VISUAL FINAL
   Onaylanan tasarım
   ============================================================ */

.it188-home .it188-products{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:13px!important;
    align-items:stretch!important;
}

/* KART */
.it188-home .it188-products .home-catalog-card{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;

    overflow:hidden!important;

    border:1px solid #d9e5f3!important;
    border-radius:18px!important;

    background:#fff!important;

    box-shadow:0 6px 20px rgba(17,54,100,.045)!important;
}

/* ============================================================
   RESİM
   ============================================================ */

.it188-home .it188-products .catalog-card-media{
    position:relative!important;

    width:100%!important;
    height:184px!important;
    min-height:184px!important;

    padding:12px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:
      radial-gradient(circle at 50% 18%,#fff 0%,#f7faff 55%,#eef5fd 100%)!important;

    border:0!important;
}

.it188-home .it188-products .catalog-card-media img{
    width:100%!important;
    height:100%!important;

    object-fit:contain!important;
    object-position:center!important;
}

/* ============================================================
   TEKLİF AL / VER
   RESMİN HEMEN ALTINDA
   ============================================================ */

.it188-home .it188-products .it-home-offer-under-image{
    width:calc(100% - 22px)!important;
    height:42px!important;
    min-height:42px!important;

    margin:0 11px 8px!important;
    padding:0 12px!important;

    display:grid!important;
    grid-template-columns:26px 1fr 18px!important;
    align-items:center!important;
    gap:7px!important;

    box-sizing:border-box!important;

    border:1px solid #d8e9fc!important;
    border-radius:11px!important;

    background:linear-gradient(135deg,#f4f9ff,#edf7ff)!important;

    color:#086cff!important;
    text-decoration:none!important;

    font-size:11px!important;
    font-weight:950!important;
}

.it188-home .it188-products .it-home-offer-icon{
    width:26px!important;
    height:26px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:8px!important;

    background:#fff!important;

    font-size:12px!important;
}

.it188-home .it188-products .it-home-offer-text{
    min-width:0!important;
}

.it188-home .it188-products .it-home-offer-arrow{
    text-align:right!important;

    font-size:20px!important;
    line-height:1!important;
}

/* İkinci el teklif rengi */
.it188-home .it188-products .is-c2c .it-home-offer-under-image{
    background:linear-gradient(135deg,#f7fbff,#eef6ff)!important;
    color:#086cff!important;
}

/* ============================================================
   BODY
   ============================================================ */

.it188-home .it188-products .catalog-card-body{
    flex:1!important;

    display:flex!important;
    flex-direction:column!important;

    padding:2px 12px 11px!important;
}

/* tip rozetleri */
.it188-home .it188-products .catalog-card-top{
    min-height:22px!important;
    margin:0 0 5px!important;
}

/* ürün adı */
.it188-home .it188-products .catalog-title{
    display:-webkit-box!important;

    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;

    margin:0 0 5px!important;

    overflow:hidden!important;

    font-size:11.5px!important;
    line-height:18px!important;
    font-weight:950!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

/* mağaza */
.it188-home .it188-products .catalog-store-line{
    height:19px!important;
    min-height:19px!important;

    margin:0 0 4px!important;
}

/* ============================================================
   GÜVEN / SKOR
   ============================================================ */

.it188-home .it188-products .home-card-trust-slot{
    min-height:43px!important;
    max-height:43px!important;

    margin:0 0 5px!important;

    overflow:hidden!important;
}

.it188-home .it188-products .home-card-trust-slot>*{
    height:43px!important;
    min-height:43px!important;

    margin:0!important;

    padding-top:4px!important;
    padding-bottom:4px!important;

    box-sizing:border-box!important;
}

/* ============================================================
   İKİNCİ EL — BOŞLUK FIX
   trust slot boş olduğu için fiyat aşağı kaçmasın
   ============================================================ */

.it188-home .it188-products .is-c2c .home-card-trust-slot{
    display:none!important;
    min-height:0!important;
    max-height:none!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
}

/* ikinci elde mağaza/konum sonrası fiyat hemen gelsin */
.it188-home .it188-products .is-c2c .catalog-store-line{
    margin-bottom:6px!important;
}

/* ============================================================
   FİYAT
   ============================================================ */

.it188-home .it188-products .catalog-price-row{
    margin-top:3px!important;
    padding-top:0!important;
}

.it188-home .it188-products .is-c2c .catalog-price-row{
    margin-top:4px!important;
}

.it188-home .it188-products .old-price{
    min-height:10px!important;
    margin:0 0 2px!important;

    font-size:8px!important;
}

.it188-home .it188-products .price{
    margin:0!important;

    color:#0a1e3e!important;

    font-size:20px!important;
    line-height:1!important;
    font-weight:950!important;
}

/* ============================================================
   SEPET
   ============================================================ */

.it188-home .it188-products .quick-cart-form{
    margin-top:8px!important;
}

.it188-home .it188-products .quick-cart-form .catalog-card-btn{
    width:100%!important;

    height:41px!important;
    min-height:41px!important;

    border:0!important;
    border-radius:11px!important;

    background:linear-gradient(135deg,#0879ff,#09a8e9)!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:950!important;

    box-shadow:0 8px 18px rgba(8,118,255,.16)!important;
}

/* ekstra ikon eklenmesin */
.it188-home .it188-products .quick-cart-form .catalog-card-btn::before,
.it188-home .it188-products .quick-cart-form .catalog-card-btn::after{
    content:none!important;
    display:none!important;
}

/* eski alt aksiyonları vitrinde gösterme */
.it188-home .it188-products .home-card-actions-row{
    display:none!important;
}

/* ============================================================
   ESKİ JS'NİN EKLEDİĞİ ALT TEKLİF KUTUSUNU GİZLE
   Yeni PHP teklif şeridi kullanılacak
   ============================================================ */

.it188-home .it188-products
.home-catalog-card >
.home-product-offer:not(.it-home-offer-under-image),

.it188-home .it188-products
.home-catalog-card >
.catalog-offer:not(.it-home-offer-under-image),

.it188-home .it188-products
.home-catalog-card >
[data-offer-card]:not(.it-home-offer-under-image){
    display:none!important;
}

/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1150px){

    .it188-home .it188-products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:172px!important;
        min-height:172px!important;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:650px){

    .it188-home .it188-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:128px!important;
        min-height:128px!important;

        padding:8px!important;
    }

    .it188-home .it188-products .it-home-offer-under-image{
        width:calc(100% - 12px)!important;

        height:35px!important;
        min-height:35px!important;

        margin:0 6px 6px!important;
        padding:0 7px!important;

        grid-template-columns:22px 1fr 13px!important;

        font-size:8.5px!important;
    }

    .it188-home .it188-products .it-home-offer-icon{
        width:22px!important;
        height:22px!important;

        font-size:10px!important;
    }

    .it188-home .it188-products .catalog-card-body{
        padding:2px 8px 8px!important;
    }

    .it188-home .it188-products .catalog-title{
        height:30px!important;
        min-height:30px!important;
        max-height:30px!important;

        font-size:9px!important;
        line-height:15px!important;
    }

    .it188-home .it188-products .home-card-trust-slot{
        min-height:36px!important;
        max-height:36px!important;
    }

    .it188-home .it188-products .home-card-trust-slot>*{
        height:36px!important;
        min-height:36px!important;
    }

    .it188-home .it188-products .price{
        font-size:16px!important;
    }

    .it188-home .it188-products .quick-cart-form .catalog-card-btn{
        height:35px!important;
        min-height:35px!important;

        font-size:8.5px!important;
    }
}


/* ============================================================
   ISTANBULTOPTAN PRODUCT CARD — VISUAL FINAL
   Onaylanan tasarım
   ============================================================ */

.it188-home .it188-products{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:13px!important;
    align-items:stretch!important;
}

/* KART */
.it188-home .it188-products .home-catalog-card{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;

    overflow:hidden!important;

    border:1px solid #d9e5f3!important;
    border-radius:18px!important;

    background:#fff!important;

    box-shadow:0 6px 20px rgba(17,54,100,.045)!important;
}

/* ============================================================
   RESİM
   ============================================================ */

.it188-home .it188-products .catalog-card-media{
    position:relative!important;

    width:100%!important;
    height:184px!important;
    min-height:184px!important;

    padding:12px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:
      radial-gradient(circle at 50% 18%,#fff 0%,#f7faff 55%,#eef5fd 100%)!important;

    border:0!important;
}

.it188-home .it188-products .catalog-card-media img{
    width:100%!important;
    height:100%!important;

    object-fit:contain!important;
    object-position:center!important;
}

/* ============================================================
   TEKLİF AL / VER
   RESMİN HEMEN ALTINDA
   ============================================================ */

.it188-home .it188-products .it-home-offer-under-image{
    width:calc(100% - 22px)!important;
    height:42px!important;
    min-height:42px!important;

    margin:0 11px 8px!important;
    padding:0 12px!important;

    display:grid!important;
    grid-template-columns:26px 1fr 18px!important;
    align-items:center!important;
    gap:7px!important;

    box-sizing:border-box!important;

    border:1px solid #d8e9fc!important;
    border-radius:11px!important;

    background:linear-gradient(135deg,#f4f9ff,#edf7ff)!important;

    color:#086cff!important;
    text-decoration:none!important;

    font-size:11px!important;
    font-weight:950!important;
}

.it188-home .it188-products .it-home-offer-icon{
    width:26px!important;
    height:26px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:8px!important;

    background:#fff!important;

    font-size:12px!important;
}

.it188-home .it188-products .it-home-offer-text{
    min-width:0!important;
}

.it188-home .it188-products .it-home-offer-arrow{
    text-align:right!important;

    font-size:20px!important;
    line-height:1!important;
}

/* İkinci el teklif rengi */
.it188-home .it188-products .is-c2c .it-home-offer-under-image{
    background:linear-gradient(135deg,#f7fbff,#eef6ff)!important;
    color:#086cff!important;
}

/* ============================================================
   BODY
   ============================================================ */

.it188-home .it188-products .catalog-card-body{
    flex:1!important;

    display:flex!important;
    flex-direction:column!important;

    padding:2px 12px 11px!important;
}

/* tip rozetleri */
.it188-home .it188-products .catalog-card-top{
    min-height:22px!important;
    margin:0 0 5px!important;
}

/* ürün adı */
.it188-home .it188-products .catalog-title{
    display:-webkit-box!important;

    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;

    margin:0 0 5px!important;

    overflow:hidden!important;

    font-size:11.5px!important;
    line-height:18px!important;
    font-weight:950!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

/* mağaza */
.it188-home .it188-products .catalog-store-line{
    height:19px!important;
    min-height:19px!important;

    margin:0 0 4px!important;
}

/* ============================================================
   GÜVEN / SKOR
   ============================================================ */

.it188-home .it188-products .home-card-trust-slot{
    min-height:43px!important;
    max-height:43px!important;

    margin:0 0 5px!important;

    overflow:hidden!important;
}

.it188-home .it188-products .home-card-trust-slot>*{
    height:43px!important;
    min-height:43px!important;

    margin:0!important;

    padding-top:4px!important;
    padding-bottom:4px!important;

    box-sizing:border-box!important;
}

/* ============================================================
   İKİNCİ EL — BOŞLUK FIX
   trust slot boş olduğu için fiyat aşağı kaçmasın
   ============================================================ */

.it188-home .it188-products .is-c2c .home-card-trust-slot{
    display:none!important;
    min-height:0!important;
    max-height:none!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
}

/* ikinci elde mağaza/konum sonrası fiyat hemen gelsin */
.it188-home .it188-products .is-c2c .catalog-store-line{
    margin-bottom:6px!important;
}

/* ============================================================
   FİYAT
   ============================================================ */

.it188-home .it188-products .catalog-price-row{
    margin-top:3px!important;
    padding-top:0!important;
}

.it188-home .it188-products .is-c2c .catalog-price-row{
    margin-top:4px!important;
}

.it188-home .it188-products .old-price{
    min-height:10px!important;
    margin:0 0 2px!important;

    font-size:8px!important;
}

.it188-home .it188-products .price{
    margin:0!important;

    color:#0a1e3e!important;

    font-size:20px!important;
    line-height:1!important;
    font-weight:950!important;
}

/* ============================================================
   SEPET
   ============================================================ */

.it188-home .it188-products .quick-cart-form{
    margin-top:8px!important;
}

.it188-home .it188-products .quick-cart-form .catalog-card-btn{
    width:100%!important;

    height:41px!important;
    min-height:41px!important;

    border:0!important;
    border-radius:11px!important;

    background:linear-gradient(135deg,#0879ff,#09a8e9)!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:950!important;

    box-shadow:0 8px 18px rgba(8,118,255,.16)!important;
}

/* ekstra ikon eklenmesin */
.it188-home .it188-products .quick-cart-form .catalog-card-btn::before,
.it188-home .it188-products .quick-cart-form .catalog-card-btn::after{
    content:none!important;
    display:none!important;
}

/* eski alt aksiyonları vitrinde gösterme */
.it188-home .it188-products .home-card-actions-row{
    display:none!important;
}

/* ============================================================
   ESKİ JS'NİN EKLEDİĞİ ALT TEKLİF KUTUSUNU GİZLE
   Yeni PHP teklif şeridi kullanılacak
   ============================================================ */

.it188-home .it188-products
.home-catalog-card >
.home-product-offer:not(.it-home-offer-under-image),

.it188-home .it188-products
.home-catalog-card >
.catalog-offer:not(.it-home-offer-under-image),

.it188-home .it188-products
.home-catalog-card >
[data-offer-card]:not(.it-home-offer-under-image){
    display:none!important;
}

/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1150px){

    .it188-home .it188-products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:172px!important;
        min-height:172px!important;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:650px){

    .it188-home .it188-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .it188-home .it188-products .catalog-card-media{
        height:128px!important;
        min-height:128px!important;

        padding:8px!important;
    }

    .it188-home .it188-products .it-home-offer-under-image{
        width:calc(100% - 12px)!important;

        height:35px!important;
        min-height:35px!important;

        margin:0 6px 6px!important;
        padding:0 7px!important;

        grid-template-columns:22px 1fr 13px!important;

        font-size:8.5px!important;
    }

    .it188-home .it188-products .it-home-offer-icon{
        width:22px!important;
        height:22px!important;

        font-size:10px!important;
    }

    .it188-home .it188-products .catalog-card-body{
        padding:2px 8px 8px!important;
    }

    .it188-home .it188-products .catalog-title{
        height:30px!important;
        min-height:30px!important;
        max-height:30px!important;

        font-size:9px!important;
        line-height:15px!important;
    }

    .it188-home .it188-products .home-card-trust-slot{
        min-height:36px!important;
        max-height:36px!important;
    }

    .it188-home .it188-products .home-card-trust-slot>*{
        height:36px!important;
        min-height:36px!important;
    }

    .it188-home .it188-products .price{
        font-size:16px!important;
    }

    .it188-home .it188-products .quick-cart-form .catalog-card-btn{
        height:35px!important;
        min-height:35px!important;

        font-size:8.5px!important;
    }
}


/* ============================================================
   PRODUCT OFFER — IMAGE BOTTOM OVERLAY FINAL
   Teklif Al/Ver resmin altına bindirilir
   ============================================================ */

.it188-home .it188-products .home-catalog-card{
    position:relative!important;
}

/* Teklif şeridini görselin alt kenarına bindir */
.it188-home .it188-products .it-home-offer-under-image{
    position:relative!important;
    z-index:20!important;

    width:calc(100% - 24px)!important;

    height:36px!important;
    min-height:36px!important;

    /* görselin üzerine çıkar */
    margin:-43px 12px 8px!important;

    padding:0 10px!important;

    display:grid!important;
    grid-template-columns:22px minmax(0,1fr) 14px!important;
    align-items:center!important;
    gap:6px!important;

    border:1px solid rgba(196,221,250,.92)!important;
    border-radius:10px!important;

    background:rgba(241,248,255,.94)!important;

    backdrop-filter:blur(12px) saturate(1.15)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.15)!important;

    box-shadow:
       0 7px 18px rgba(7,63,140,.11),
       inset 0 1px 0 rgba(255,255,255,.85)!important;

    color:#076cff!important;

    font-size:9.5px!important;
    line-height:1!important;
    font-weight:950!important;

    text-decoration:none!important;
}

/* küçük ikon */
.it188-home .it188-products .it-home-offer-icon{
    width:22px!important;
    height:22px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:7px!important;

    background:#fff!important;

    font-size:10px!important;
}

/* yazı */
.it188-home .it188-products .it-home-offer-text{
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
}

/* ok */
.it188-home .it188-products .it-home-offer-arrow{
    font-size:17px!important;
    line-height:1!important;
    text-align:right!important;
}

/* ikinci el */
.it188-home .it188-products .is-c2c .it-home-offer-under-image{
    background:rgba(245,249,255,.95)!important;
    color:#076cff!important;
}

/* teklif üstüne geldiği için body yukarı yaklaşsın */
.it188-home .it188-products .catalog-card-body{
    padding-top:2px!important;
}

/* ------------------------------------------------------------
   İKİNCİ EL BOŞLUK KAPAT
------------------------------------------------------------ */

.it188-home .it188-products .is-c2c .home-card-trust-slot{
    display:none!important;

    height:0!important;
    min-height:0!important;
    max-height:0!important;

    padding:0!important;
    margin:0!important;
}

.it188-home .it188-products .is-c2c .catalog-price-row{
    margin-top:5px!important;
}

/* ------------------------------------------------------------
   ALTTA KALAN ESKİ TEKLİF KUTULARINI GİZLE
------------------------------------------------------------ */

/* formdan sonra gelen teklif CTA'ları */
.it188-home .home-catalog-card .quick-cart-form ~
.home-product-offer,

.it188-home .home-catalog-card .quick-cart-form ~
.catalog-offer,

.it188-home .home-catalog-card .quick-cart-form ~
[data-offer-card],

.it188-home .home-catalog-card .quick-cart-form ~
[data-product-offer]{
    display:none!important;
}

/* mobil */
@media(max-width:650px){

    .it188-home .it188-products .it-home-offer-under-image{
        width:calc(100% - 12px)!important;

        height:31px!important;
        min-height:31px!important;

        margin:-36px 6px 6px!important;

        padding:0 6px!important;

        grid-template-columns:19px minmax(0,1fr) 11px!important;

        font-size:8px!important;
    }

    .it188-home .it188-products .it-home-offer-icon{
        width:19px!important;
        height:19px!important;

        font-size:9px!important;
    }
}

/* ============================================================
   PRODUCT OFFER — IMAGE BOTTOM OVERLAY FINAL
   Teklif Al/Ver resmin altına bindirilir
   ============================================================ */

.it188-home .it188-products .home-catalog-card{
    position:relative!important;
}

/* Teklif şeridini görselin alt kenarına bindir */
.it188-home .it188-products .it-home-offer-under-image{
    position:relative!important;
    z-index:20!important;

    width:calc(100% - 24px)!important;

    height:36px!important;
    min-height:36px!important;

    /* görselin üzerine çıkar */
    margin:-43px 12px 8px!important;

    padding:0 10px!important;

    display:grid!important;
    grid-template-columns:22px minmax(0,1fr) 14px!important;
    align-items:center!important;
    gap:6px!important;

    border:1px solid rgba(196,221,250,.92)!important;
    border-radius:10px!important;

    background:rgba(241,248,255,.94)!important;

    backdrop-filter:blur(12px) saturate(1.15)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.15)!important;

    box-shadow:
       0 7px 18px rgba(7,63,140,.11),
       inset 0 1px 0 rgba(255,255,255,.85)!important;

    color:#076cff!important;

    font-size:9.5px!important;
    line-height:1!important;
    font-weight:950!important;

    text-decoration:none!important;
}

/* küçük ikon */
.it188-home .it188-products .it-home-offer-icon{
    width:22px!important;
    height:22px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:7px!important;

    background:#fff!important;

    font-size:10px!important;
}

/* yazı */
.it188-home .it188-products .it-home-offer-text{
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
}

/* ok */
.it188-home .it188-products .it-home-offer-arrow{
    font-size:17px!important;
    line-height:1!important;
    text-align:right!important;
}

/* ikinci el */
.it188-home .it188-products .is-c2c .it-home-offer-under-image{
    background:rgba(245,249,255,.95)!important;
    color:#076cff!important;
}

/* teklif üstüne geldiği için body yukarı yaklaşsın */
.it188-home .it188-products .catalog-card-body{
    padding-top:2px!important;
}

/* ------------------------------------------------------------
   İKİNCİ EL BOŞLUK KAPAT
------------------------------------------------------------ */

.it188-home .it188-products .is-c2c .home-card-trust-slot{
    display:none!important;

    height:0!important;
    min-height:0!important;
    max-height:0!important;

    padding:0!important;
    margin:0!important;
}

.it188-home .it188-products .is-c2c .catalog-price-row{
    margin-top:5px!important;
}

/* ------------------------------------------------------------
   ALTTA KALAN ESKİ TEKLİF KUTULARINI GİZLE
------------------------------------------------------------ */

/* formdan sonra gelen teklif CTA'ları */
.it188-home .home-catalog-card .quick-cart-form ~
.home-product-offer,

.it188-home .home-catalog-card .quick-cart-form ~
.catalog-offer,

.it188-home .home-catalog-card .quick-cart-form ~
[data-offer-card],

.it188-home .home-catalog-card .quick-cart-form ~
[data-product-offer]{
    display:none!important;
}

/* mobil */
@media(max-width:650px){

    .it188-home .it188-products .it-home-offer-under-image{
        width:calc(100% - 12px)!important;

        height:31px!important;
        min-height:31px!important;

        margin:-36px 6px 6px!important;

        padding:0 6px!important;

        grid-template-columns:19px minmax(0,1fr) 11px!important;

        font-size:8px!important;
    }

    .it188-home .it188-products .it-home-offer-icon{
        width:19px!important;
        height:19px!important;

        font-size:9px!important;
    }
}