/* ===== hb-best : Çok Satanlar (tek bölüm + platform sekmeli) ===== */

#packList.hb-best{
  --hb-nav:#131a35; --hb-gray:#6b7488; --hb-line:#e9ebf2;
  --hb-fire:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%202c.5%203.1-1.2%204.6-2.6%205.9C7.8%209.4%206.4%2010.7%206.4%2013.4A5.6%205.6%200%200%200%2012%2019a5.6%205.6%200%200%200%205.6-5.6c0-3.4-2-5-3.4-6.6C13.3%205.7%2012.6%204%2012%202Zm0%2015.2a2.6%202.6%200%200%201-2.6-2.6c0-1.4.9-2.2%201.6-2.9.5-.5%201-1%201.2-1.7.4.8%201%201.3%201.5%201.8.7.7%201.4%201.4%201.4%202.8A2.6%202.6%200%200%201%2012%2017.2Z%22%2F%3E%3Cpath%20d%3D%22M12%2022c-4.4%200-8-3.1-8-7.3%200-1%20.2-1.9.5-2.7.4%201%201%201.9%201.8%202.6.2-3.6%202-5.4%203.6-6.9C11.7%206%2013%204.8%2012.6%202c3%201.4%205%204%205.7%206.7.6-.5%201.1-1.2%201.4-2%20.8%201.3%201.3%202.9%201.3%204.6C21%2017%2017.2%2022%2012%2022Z%22%2F%3E%3C%2Fsvg%3E");
  --hb-star:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m12%203.5%202.6%205.3%205.9.9-4.3%204.1%201%205.8-5.2-2.7-5.2%202.7%201-5.8L3.5%209.7l5.9-.9L12%203.5Zm0%203.4-1.6%203.3-3.6.5%202.6%202.5-.6%203.6%203.2-1.7%203.2%201.7-.6-3.6%202.6-2.5-3.6-.5L12%206.9Z%22%2F%3E%3C%2Fsvg%3E");
  --hb-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M13.2%2012%208.5%207.3%209.9%205.9l6.1%206.1-6.1%206.1-1.4-1.4%204.7-4.7Z%22%2F%3E%3C%2Fsvg%3E");
  --hb-ig:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%202.2c3.2%200%203.6%200%204.9.1%201.2.1%201.8.3%202.2.4.6.2%201%20.5%201.4.9.4.4.7.8.9%201.4.2.4.4%201%20.4%202.2.1%201.3.1%201.7.1%204.9s0%203.6-.1%204.9c-.1%201.2-.3%201.8-.4%202.2-.2.6-.5%201-.9%201.4-.4.4-.8.7-1.4.9-.4.2-1%20.4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6%200-4.9-.1c-1.2-.1-1.8-.3-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.4-1-.4-2.2-.1-1.3-.1-1.7-.1-4.9s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1%20.9-1.4.4-.4.8-.7%201.4-.9.4-.2%201-.4%202.2-.4%201.3-.1%201.7-.1%204.9-.1Zm0%202.2c-3.1%200-3.5%200-4.8.1-1.1%200-1.7.2-2.1.4-.5.2-.9.4-1.2.8-.4.3-.6.7-.8%201.2-.2.4-.3%201-.4%202.1-.1%201.3-.1%201.7-.1%204.8s0%203.5.1%204.8c0%201.1.2%201.7.4%202.1.2.5.4.9.8%201.2.3.4.7.6%201.2.8.4.2%201%20.3%202.1.4%201.3.1%201.7.1%204.8.1s3.5%200%204.8-.1c1.1%200%201.7-.2%202.1-.4.5-.2.9-.4%201.2-.8.4-.3.6-.7.8-1.2.2-.4.3-1%20.4-2.1.1-1.3.1-1.7.1-4.8s0-3.5-.1-4.8c0-1.1-.2-1.7-.4-2.1a3.3%203.3%200%200%200-.8-1.2%203.3%203.3%200%200%200-1.2-.8c-.4-.2-1-.3-2.1-.4-1.3-.1-1.7-.1-4.8-.1Z%22%2F%3E%3Cpath%20d%3D%22M12%207a5%205%200%201%200%200%2010%205%205%200%200%200%200-10Zm0%208.2a3.2%203.2%200%201%201%200-6.4%203.2%203.2%200%200%201%200%206.4Z%22%2F%3E%3Ccircle%20cx%3D%2217.3%22%20cy%3D%226.7%22%20r%3D%221.2%22%2F%3E%3C%2Fsvg%3E");
  --hb-tt:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16.6%202h-3v13.1a2.6%202.6%200%201%201-2-2.5V9.5a5.7%205.7%200%201%200%205%205.6V8.6a6.6%206.6%200%200%200%203.9%201.3V6.8a3.7%203.7%200%200%201-3.9-3.6V2Z%22%2F%3E%3C%2Fsvg%3E");
  background:#f6f7fb;
  padding:56px 0 28px !important;
  margin:0 !important;
  visibility:visible !important;
}#packList.hb-best *{box-sizing:border-box}/* --- başlık şeridi --- */
#packList.hb-best .ns-heading{
  display:flex !important; align-items:flex-end; justify-content:space-between;
  gap:18px; flex-wrap:wrap; margin-bottom:30px !important;
}#packList.hb-best .aboaction{visibility:visible !important;animation:none !important;margin:0 !important;
  /* temanın süs çerçevesi (::before, z-index:-1) bölüm zemininin altında kalıyordu */
  isolation:isolate;}/* başlık: temanın kendi h2 stili aynen kullanılıyor (Neden Bizi Tercih... ile birebir) */
#packList.hb-best .hb-sub{display:none !important}/* --- platform sekmeleri --- */
#packList .hb-tabs{display:inline-flex;gap:5px;background:#eceef5;padding:5px;border-radius:15px}#packList .hb-tab{
  display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;
  color:#5b6478;font-size:13.5px;font-weight:600;line-height:1;
  padding:10px 17px;border-radius:11px;cursor:pointer;transition:.18s;
}#packList .hb-tab:hover{color:var(--hb-nav)}#packList .hb-tab .hb-lg{width:17px;height:17px;flex:none;opacity:.55;transition:.18s}#packList .hb-tab.is-on{background:#fff;color:var(--hb-nav);box-shadow:0 3px 10px rgba(19,26,53,.10)}#packList .hb-tab.is-on .hb-lg{opacity:1}#packList .hb-tab[data-p="instagram"].is-on .hb-lg{color:#e1306c}#packList .hb-tab[data-p="tiktok"].is-on .hb-lg{color:#101626}/* --- paneller --- */
#packList .hb-panel{display:none}#packList .hb-panel.is-on{display:block;animation:hbFade .28s ease both}
@keyframes hbFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}/* --- ızgara --- */
#packList.hb-best .splide, #packList.hb-best .splide__track{overflow:visible !important;padding:0 !important;visibility:visible !important}#packList.hb-best .splide__list{
  display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px; margin:0 !important; padding:6px 0 0 !important; list-style:none; transform:none !important;
}#packList.hb-best .splide__slide{width:auto !important;margin:0 !important;padding:0 !important;height:auto !important}#packList.hb-best .splide__arrows, #packList.hb-best .splide__pagination, #packList.hb-best .splide__slide.splide__slide--clone, #packList.hb-best .splide__slide[class*="clone"]{display:none !important}/* --- kart --- */
#packList.hb-best .packitem{
  --acc:#e1306c; --tint:#fdeef4; --btn:#151c38; --btn2:#26304f;
  position:relative; display:flex; flex-direction:column; height:100%;
  background:#fff !important; border:1px solid #ecedf4 !important; border-radius:20px !important;
  padding:0 !important; margin:0 !important; overflow:visible !important;
  box-shadow:0 1px 2px rgba(19,26,53,.04) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}#packList.hb-best .packitem:hover{
  transform:translateY(-5px);
  border-color:#fff !important;
  box-shadow:0 16px 36px rgba(19,26,53,.13) !important;
}#packList .hb-panel[data-p="tiktok"] .packitem{
  --acc:#111827; --tint:#f0f1f5;
}/* başlık şeridi (rozet kabı) */
#packList.hb-best .packHead{
  position:absolute !important; top:-11px; left:18px; z-index:3;
  background:none !important; border:0 !important; padding:0 !important; margin:0 !important; min-height:0 !important;
}#packList .hb-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:#151c38;
  color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:6px 11px 6px 9px;border-radius:999px;
  box-shadow:0 4px 12px rgba(21,28,56,.28);white-space:nowrap;
}#packList .hb-badge::before{
  content:"";width:11px;height:11px;flex:none;background:#ffb45c;
  -webkit-mask:var(--hb-fire) center/contain no-repeat;mask:var(--hb-fire) center/contain no-repeat;
}#packList.hb-best .packInside{
  display:flex;flex-direction:column;flex:1;
  padding:20px 18px 18px !important;background:none !important;border:0 !important;
}/* üst satır: platform kutusu + ad */
#packList.hb-best .packTop{
  display:flex !important;align-items:center;gap:11px;margin:0 0 14px !important;
  padding:0 !important;border:0 !important;background:none !important;text-align:left !important;
}#packList.hb-best .packTop .icon{
  width:40px;height:40px;flex:none;border-radius:13px;background:var(--tint);
  display:flex;align-items:center;justify-content:center;margin:0 !important;padding:0 !important;
}#packList.hb-best .packTop .icon i{font-size:19px !important;color:#fff !important;line-height:1 !important;margin:0 !important}#packList.hb-best .packTop .title{
  font-size:15.5px !important;font-weight:600 !important;color:#45506b !important;
  line-height:1.32 !important;margin:0 !important;padding:0 !important;text-align:left !important;
  display:block !important;min-width:0;
}#packList.hb-best .packTop .title .hb-plat{
  display:block;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:#9aa2b6;margin:0 0 3px;
}#packList.hb-best .packTop .title .hb-qty{color:#151c38;font-weight:800}/* özellikler */
#packList.hb-best .packDetail{margin:0 0 16px !important;padding:0 !important;border:0 !important;background:none !important}#packList.hb-best .packDetail ul{
  display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin:0 !important;padding:0 !important;list-style:none !important;
}#packList.hb-best .packDetail li{
  display:flex !important;align-items:flex-start;gap:7px;
  font-size:12px !important;line-height:1.35 !important;color:var(--hb-gray) !important;
  margin:0 !important;padding:0 !important;border:0 !important;background:none !important;
}#packList.hb-best .packDetail li i{
  display:inline-flex !important;align-items:center;justify-content:center;
  flex:none;width:16px;height:16px;margin:0 !important;padding:0 !important;
  font-size:14px !important;line-height:1 !important;color:#98a1b6 !important;
}/* fiyat + buton */
#packList .hb-foot{
  display:flex;flex-direction:column;gap:13px;
  margin:auto 0 0;padding:15px 0 0;border-top:1px solid var(--hb-line);
}#packList.hb-best .packPrice{
  display:flex;align-items:baseline;gap:4px;flex:none;
  height:auto !important;min-height:0 !important;justify-content:flex-start !important;
  margin:0 !important;padding:0 !important;border:0 !important;
  font-size:21px !important;font-weight:800 !important;color:var(--hb-nav) !important;
  line-height:1 !important;background:none !important;text-align:left !important;
}#packList.hb-best .packBottom{margin:0 !important;padding:0 !important;background:none !important;border:0 !important;flex:1}#packList.hb-best .packBuyBTN{
  display:flex !important;align-items:center;justify-content:center;gap:7px;
  width:100%;height:44px;border-radius:13px;border:0 !important;
  background:var(--btn) !important;color:#fff !important;
  font-size:14px !important;font-weight:700 !important;letter-spacing:.01em;
  text-decoration:none !important;transition:filter .18s, transform .18s;
  box-shadow:0 6px 16px -8px rgba(21,28,56,.55);
}#packList.hb-best .packBuyBTN:hover{background:var(--btn2) !important;transform:translateY(-1px)}#packList.hb-best .packBuyBTN span{display:inline-flex;align-items:center;margin:0 !important}#packList.hb-best .packBuyBTN i{font-size:15px !important;margin:0 !important}/* favori */
#packList.hb-best .favPack{
  position:absolute !important;top:14px;right:14px;z-index:4;
  width:30px;height:30px;border-radius:10px;border:0 !important;
  background:#f3f4f9 !important;color:#a3aabb !important;
  display:flex;align-items:center;justify-content:center;padding:0 !important;cursor:pointer;transition:.18s;
}#packList.hb-best .favPack:hover{background:#151c38 !important;color:#fff !important}#packList.hb-best .favPack i{display:none !important}#packList.hb-best .favPack::before{
  content:"";width:15px;height:15px;background:currentColor;
  -webkit-mask:var(--hb-star) center/contain no-repeat;mask:var(--hb-star) center/contain no-repeat;
}

/* --- duyarlı --- */
@media (max-width:1199px) and (min-width:640px){#packList.hb-best .splide__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#packList .hb-foot{flex-direction:row;align-items:center;gap:16px}#packList.hb-best .packPrice{font-size:22px !important}#packList.hb-best .packBuyBTN{max-width:210px;margin-left:auto}#packList.hb-best .packDetail{margin-bottom:14px !important}
}
@media (max-width:767px){#packList.hb-best{padding:28px 0 32px !important}#packList.hb-best .ns-heading{align-items:flex-start;margin-bottom:20px !important}#packList .hb-tab{padding:9px 13px;font-size:12.5px}
}
/* === MOBİL: yatay şerit yerine alt alta kompakt satırlar === */
@media (max-width:639px){#packList.hb-best .container{padding-left:16px !important;padding-right:16px !important}#packList.hb-best .splide__list{
    display:grid !important;grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;overflow:visible !important;
    padding:12px 0 0 !important;margin:0 !important;width:auto !important;
  }#packList.hb-best .splide__slide{width:auto !important}#packList.hb-best .packitem{border-radius:16px !important}/* satır düzeni: sol = ad + güven cümleleri, sağ = fiyat + buton */
  #packList.hb-best .packInside{
    display:grid !important;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"top foot" "det foot";
    align-items:center;column-gap:10px;row-gap:5px;
    padding:12px 12px !important;
  }#packList.hb-best .packTop{grid-area:top;margin:0 !important;gap:9px}#packList.hb-best .packTop .icon{width:32px;height:32px;border-radius:10px}#packList.hb-best .packTop .icon::before{width:17px;height:17px}#packList.hb-best .packTop .title{font-size:14.5px !important;line-height:1.25 !important}/* platform adı sekmede zaten yazıyor, satırda yer kaplamasın */
  #packList.hb-best .packTop .title .hb-plat{display:none !important}/* güven cümleleri: tek satır, nokta ayraçlı */
  #packList.hb-best .packDetail{grid-area:det;margin:0 !important}#packList.hb-best .packDetail ul{
    display:flex !important;flex-wrap:wrap;grid-template-columns:none;gap:2px 9px;
  }#packList.hb-best .packDetail li{
    display:inline-flex !important;align-items:center;gap:4px;
    font-size:10.5px !important;line-height:1.5 !important;color:#7b8399 !important;
  }#packList.hb-best .packDetail li i{
    display:inline-flex !important;width:13px;height:13px;font-size:12px !important;color:#9aa3b8 !important;
  }#packList.hb-best .packDetail li:nth-child(n+3){display:none !important}#packList.hb-best .hb-foot{
    grid-area:foot;flex-direction:column;align-items:flex-end;justify-content:center;
    gap:8px;border-top:0;padding:0;margin:0;
  }#packList.hb-best .packPrice{font-size:17px !important;justify-content:flex-end !important}#packList.hb-best .packBottom{flex:none !important}#packList.hb-best .packBuyBTN{
    height:38px;width:auto;min-width:94px;padding:0 12px;gap:5px;
    font-size:13px !important;border-radius:11px;
  }#packList.hb-best .favPack{display:none !important}/* rozet: mobilde kartın üstünde ayrı satır (kırpılma/üst üste binme yok) */
  #packList.hb-best .packHead{position:static !important;padding:11px 12px 0 !important}#packList.hb-best .packHead:empty{display:none !important}#packList.hb-best .packHead:not(:empty) + .packInside{padding-top:9px !important}#packList .hb-badge{font-size:9.5px;padding:5px 9px 5px 8px}
}/* --- ikon değişimleri (tema ikon fontu yerine SVG) --- */
#packList .hb-panel[data-p="instagram"] .packitem{--hb-plat:var(--hb-ig)}#packList .hb-panel[data-p="tiktok"] .packitem{--hb-plat:var(--hb-tt)}#packList.hb-best .packTop .icon i{display:none !important}#packList.hb-best .packTop .icon::before{
  content:"";width:21px;height:21px;background:var(--acc);
  -webkit-mask:var(--hb-plat) center/contain no-repeat;mask:var(--hb-plat) center/contain no-repeat;
}#packList.hb-best .packBuyBTN i{display:none !important}#packList.hb-best .packBuyBTN span::after{
  content:"";width:16px;height:16px;display:block;background:#fff;
  -webkit-mask:var(--hb-arrow) center/contain no-repeat;mask:var(--hb-arrow) center/contain no-repeat;
}/* --- sekme logoları --- */
#packList .hb-tab .hb-lg{
  background:currentColor;display:inline-block;
  -webkit-mask:var(--hb-fire) center/contain no-repeat;mask:var(--hb-fire) center/contain no-repeat;
}#packList .hb-tab[data-p="instagram"] .hb-lg{-webkit-mask-image:var(--hb-ig);mask-image:var(--hb-ig)}#packList .hb-tab[data-p="tiktok"] .hb-lg{-webkit-mask-image:var(--hb-tt);mask-image:var(--hb-tt)}/* favori seçili durumu */
#packList.hb-best .favPack.active, #packList.hb-best .favPack.is-active, #packList.hb-best .favPack.favorited, #packList.hb-best .favPack[data-added="1"]{background:#151c38 !important;color:#fff !important}/* Instagram: markalı satın al butonu */
#packList.hb-best .hb-panel[data-p="instagram"] .packitem{
  --btn:#e1306c;
  --btn2:#c9275e;
}#packList.hb-best .hb-panel[data-p="instagram"] .packBuyBTN{
  box-shadow:0 8px 18px -10px rgba(225,48,108,.95);
}/* --- hb-pop bloğunun ızgara kurallarını geçersiz kıl (özgüllük: .hb-grid zinciri) --- */
#packList.hb-best .splide.hb-grid .splide__track{padding:0 !important;overflow:visible !important}#packList.hb-best .splide.hb-grid .splide__list{
  display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;width:100% !important;max-width:none !important;
  flex-wrap:initial !important;justify-content:initial !important;
  margin:0 !important;padding:6px 0 0 !important;transform:none !important;overflow:visible !important;
}#packList.hb-best .splide.hb-grid .splide__slide{width:auto !important;margin:0 !important;height:auto !important}
@media (max-width:1199px) and (min-width:640px){#packList.hb-best .splide.hb-grid .splide__list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important}
}
@media (max-width:639px){#packList.hb-best .splide.hb-grid .splide__list{
    display:grid !important;grid-template-columns:minmax(0,1fr) !important;
    flex-wrap:initial !important;justify-content:initial !important;
    overflow:visible !important;scroll-snap-type:none !important;
    gap:10px !important;padding:12px 0 0 !important;margin:0 !important;width:auto !important;
  }#packList.hb-best .splide.hb-grid .splide__slide{flex:initial !important;width:auto !important;scroll-snap-align:none}
}/* --- üstteki "Kendimizden Bahsedelim" ile arasındaki boşluğu azalt --- */
#aboutus{margin-bottom:0 !important;padding-bottom:46px !important}
@media (max-width:767px){#aboutus{padding-bottom:24px !important}
}