/* =========================================================
   Paket kartları (ts-cards.css)
   Sade kart: platform rengi yalnızca simgede ve düğmede.
   Eskiden pack.loft.php içinde her kart için tekrar basılan
   CSS'in yerini alır; sayfada bir kez yüklenir.
   ========================================================= */
.tsc{
  --c:#d62976; --c-tint:rgba(214,41,118,.09);
  --ink:#1b2033; --muted:#6b7086; --line:#e9e7ef;
  position:relative; display:flex; flex-direction:column; height:100%;
  margin:0 6px; padding:20px 20px 18px; box-sizing:border-box;
  background:#fff; border:1px solid var(--line); border-radius:16px;
  box-shadow:0 1px 2px rgba(27,32,51,.04);
  transition:border-color .15s ease;
  text-align:left; font-weight:400;
}
.tsc:hover{border-color:#d7d3e2}
.tsc.ts-platform-instagram{--c:#c92a72;--c-tint:rgba(201,42,114,.09)}
.tsc.ts-platform-tiktok{--c:#1b1d29;--c-tint:rgba(27,29,41,.07)}
.tsc.ts-platform-youtube{--c:#d61f1f;--c-tint:rgba(214,31,31,.08)}
.tsc.ts-platform-twitter{--c:#1a7fc4;--c-tint:rgba(26,127,196,.09)}
.tsc.ts-platform-facebook{--c:#1666d6;--c-tint:rgba(22,102,214,.09)}
.tsc.ts-platform-twitch{--c:#7b3fe4;--c-tint:rgba(123,63,228,.09)}
.tsc.ts-platform-spotify{--c:#14803c;--c-tint:rgba(20,128,60,.09)}
.tsc.ts-platform-telegram{--c:#1a7fb3;--c-tint:rgba(26,127,179,.09)}
.tsc.ts-platform-other{--c:#5b4bd1;--c-tint:rgba(91,75,209,.09)}

/* üst satır: simge + platform/kategori + favori */
.tsc-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:40px}
.tsc-icon{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--c-tint);color:var(--c);font-size:19px}
.tsc-icon i{color:var(--c)!important}
.tsc-meta{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.tsc-platform{font-size:15px;font-weight:600;color:var(--ink)}
.tsc-cat{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsc .favPack{position:static!important;margin-left:auto!important;flex:0 0 34px;width:34px!important;height:34px!important;border-radius:10px!important;border:1px solid var(--line)!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.tsc .favPack::before{color:#a3a7b8!important;font-size:13px!important}
.tsc .favPack.active{background:var(--c)!important;border-color:var(--c)!important}
.tsc .favPack.active::before{color:#fff!important}

/* miktar */
.tsc-amount{display:flex;align-items:baseline;gap:7px;margin-bottom:14px;color:var(--ink)}
.tsc-amount strong{font-size:30px;line-height:1;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.tsc-amount span{font-size:15px;color:var(--muted)}
.tsc-amount .tsc-name{font-size:18px;letter-spacing:0}

/* özellikler */
.tsc-features{flex:1;margin:0 0 16px!important;padding:0!important;min-height:0!important}
.tsc-features ul{margin:0!important;padding:0!important;list-style:none!important;border:0!important}
.tsc-features li{position:relative;display:block!important;min-height:0!important;margin:0 0 7px!important;padding:0 0 0 22px!important;border:0!important;font-size:14px!important;line-height:1.45!important;color:#4a4f66!important;background:none!important}
.tsc-features li::before{content:""!important;position:absolute!important;left:2px!important;top:.42em!important;width:10px!important;height:6px!important;border:solid var(--c)!important;border-width:0 0 2px 2px!important;transform:rotate(-45deg)!important;background:none!important;border-radius:0!important}
.tsc-features li::after{display:none!important}
.tsc .moresi{display:none}
.tsc .packDetailMore{display:inline-flex!important;align-items:center;gap:5px;height:auto!important;margin:2px 0 0!important;padding:0!important;border:0!important;background:none!important;font-size:13px!important;font-weight:500!important;color:var(--muted)!important;cursor:pointer}
.tsc .packDetailMore:hover{color:var(--ink)!important}
.tsc .packDetailMore i{font-size:10px}

/* alt satır: fiyat + düğme */
.tsc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line);margin-top:auto}
.tsc-price{margin:0!important;padding:0!important;font-size:20px!important;line-height:1!important;font-weight:600!important;color:var(--ink)!important;letter-spacing:-.2px!important;text-align:left!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.tsc-price span{display:none}
.tsc-buy{display:inline-flex!important;align-items:center;justify-content:center;height:40px!important;min-height:0!important;width:auto!important;padding:0 18px!important;border-radius:10px!important;background:var(--c)!important;color:#fff!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;border:0!important;transition:filter .15s ease;white-space:nowrap}
.tsc-buy:hover{filter:brightness(1.08);color:#fff!important}
.tsc-buy:focus-visible{outline:2px solid var(--c);outline-offset:2px}
.tsc-buy.noneOrder{background:#eceaf1!important;color:#8b8fa3!important;pointer-events:none}
.tsc-buy::before,.tsc-buy::after{display:none!important}

/* öne çıkan etiket (panelden verilirse) */
.tsc-flag{position:absolute;top:-10px;left:16px;padding:3px 10px;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;font-weight:500}

/* ---------- Ana sayfa listesi: filtreler ve kaydırıcı ---------- */
#packList{padding:40px 0 56px}
#packList .container{max-width:1320px}
#packList .packListArea:before{display:none!important}
#packList .ts-pack-filters{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 26px;padding:0 12px}
#packList .ts-pack-filter{height:38px;padding:0 16px;border:1px solid #e3e0ea;border-radius:10px;background:#fff;color:#3c4157;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
#packList .ts-pack-filter i{margin-right:6px;font-size:14px;opacity:.8}
#packList .ts-pack-filter:hover{border-color:#cfcadb}
#packList .ts-pack-filter.active{background:#1b2033;border-color:#1b2033;color:#fff}
#packList .splide__track{padding:12px 4px 20px!important}
#packList .splide__list{align-items:stretch!important}
#packList .splide__slide{height:auto!important}
#packList .splide__pagination{bottom:-14px!important;gap:4px}
#packList .splide__pagination__page{width:7px;height:7px;margin:0 2px;background:#d9d6e2;opacity:1;transform:none!important}
#packList .splide__pagination__page.is-active{width:20px;border-radius:7px;background:#1b2033}
#packList .splide__arrow{width:40px;height:40px;border-radius:50%;background:#fff;opacity:1;border:1px solid #e3e0ea;box-shadow:0 2px 8px rgba(27,32,51,.08);display:flex;align-items:center;justify-content:center}
#packList .splide__arrow svg{width:13px;height:13px;fill:#3c4157}
#packList .splide__arrow:disabled{opacity:.35}
#packList .splide__arrow--prev{left:-26px}
#packList .splide__arrow--next{right:-26px}

/* kategori sayfası ızgarası */
#packlist .packList{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
#packlist .packList .tsc{margin:0}

body.dark .tsc{--ink:#f0f0f4;--muted:#a9adbf;--line:#3a3c48;background:#2a2b33;box-shadow:none}
body.dark .tsc .favPack{background:#2a2b33!important}
body.dark #packList .ts-pack-filter{background:#2a2b33;color:#e6e6ec;border-color:#3a3c48}
body.dark #packList .ts-pack-filter.active{background:#f0f0f4;color:#1b2033}

@media(max-width:767px){
  #packList{padding:28px 0 44px}
  #packList .ts-pack-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:2px 16px 6px;margin-bottom:16px;scrollbar-width:none}
  #packList .ts-pack-filters::-webkit-scrollbar{display:none}
  #packList .ts-pack-filter{flex:0 0 auto}
  #packList .splide__arrow--prev{left:2px}
  #packList .splide__arrow--next{right:2px}
  .tsc{padding:18px 16px 16px}
  .tsc-amount strong{font-size:28px}
  #packlist .packList{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.tsc,.tsc-buy,#packList .ts-pack-filter{transition:none}}

/* eski tema kurallarını nötrle */
.tsc,.tsc *{text-align:left}
.tsc{background:#fff!important;background-image:none!important}
.tsc-meta{flex:1 1 auto}
.tsc-features ul,.tsc-features li{text-align:left!important;justify-content:flex-start!important}
.tsc .packDetailMore{justify-content:flex-start!important;width:auto!important}
.tsc-buy{flex:0 0 auto!important;max-width:none!important}
body.dark .tsc{background:#2a2b33!important}

/* =========================================================
   V2 — mevcut kartın karakteri korunarak modernize edilmiş hali
   (renkli üst alan + gradyan buton; daha ince tipografi)
   ========================================================= */
.tsc{--c2:#7b3fe4;padding:0 0 18px!important;overflow:hidden;border-radius:22px!important;border:1px solid #ebe8f2!important;box-shadow:0 10px 30px rgba(40,30,90,.07)!important;transition:transform .2s ease,box-shadow .2s ease}
.tsc:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(40,30,90,.12)!important}
.tsc.ts-platform-instagram{--c:#d62976;--c2:#8a3ab9}
.tsc.ts-platform-twitter{--c:#1d9bf0;--c2:#0c6fc0}
.tsc.ts-platform-youtube{--c:#ff3b30;--c2:#c4161c}
.tsc.ts-platform-tiktok{--c:#2a2d3a;--c2:#0f1018}
.tsc.ts-platform-facebook{--c:#2d88ff;--c2:#1558c7}
.tsc.ts-platform-twitch{--c:#a970ff;--c2:#6b2fd6}
.tsc.ts-platform-spotify{--c:#1ed760;--c2:#13923f}
.tsc.ts-platform-telegram{--c:#37aee2;--c2:#1a7fb3}

/* üst renkli alan */
.tsc-head{position:relative;margin:0 0 20px!important;padding:20px 18px 34px;min-height:0;gap:12px;
  background:linear-gradient(135deg,var(--c) 0%,var(--c2) 100%);color:#fff;
  -webkit-mask:radial-gradient(130% 60px at 50% 100%,transparent 98%,#000 100%) bottom/100% 100% no-repeat, linear-gradient(#000,#000) top/100% calc(100% - 22px) no-repeat;
          mask:radial-gradient(130% 60px at 50% 100%,transparent 98%,#000 100%) bottom/100% 100% no-repeat, linear-gradient(#000,#000) top/100% calc(100% - 22px) no-repeat}
.tsc-head::after{content:"";position:absolute;right:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none}
.tsc-icon{flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);font-size:22px}
.tsc-icon i{color:#fff!important}
.tsc-platform{color:#fff;font-size:16px;font-weight:600;letter-spacing:.1px}
.tsc-cat{color:rgba(255,255,255,.85);font-size:13px}
.tsc .favPack{position:relative!important;z-index:2;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.35)!important}
.tsc .favPack::before{color:#fff!important}
.tsc .favPack.active{background:#fff!important}
.tsc .favPack.active::before{color:var(--c)!important}

.tsc-amount,.tsc-features,.tsc-foot{margin-left:20px!important;margin-right:20px!important}
.tsc-amount{margin-bottom:16px}
.tsc-amount strong{font-size:34px;font-weight:700;letter-spacing:-1px;color:#141a33}
.tsc-amount span{font-size:15px;font-weight:500;color:var(--c)}

.tsc-features li{padding-left:28px!important;margin-bottom:9px!important;color:#4a5068!important}
.tsc-features li::before{left:0!important;top:.15em!important;width:18px!important;height:18px!important;border:0!important;border-radius:50%!important;transform:none!important;
  background:color-mix(in srgb,var(--c) 14%,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat!important}
@supports (mask:url("")){.tsc-features li::before{background:color-mix(in srgb,var(--c) 14%,#fff)!important}
 .tsc-features li::after{display:block!important;content:""!important;position:absolute;left:0;top:.15em;width:18px;height:18px;background:var(--c);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}}

.tsc-foot{flex-direction:column;align-items:stretch;gap:12px;border-top:1px dashed #e6e2ee;padding-top:16px}
.tsc-price{font-size:26px!important;font-weight:700!important;letter-spacing:-.5px!important;text-align:center!important;
  background:linear-gradient(135deg,var(--c),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.tsc-buy{position:relative;height:48px!important;width:100%!important;justify-content:space-between!important;padding:0 6px 0 20px!important;border-radius:14px!important;
  background:linear-gradient(110deg,var(--c),var(--c2))!important;font-size:15px!important;font-weight:600!important;box-shadow:0 10px 22px color-mix(in srgb,var(--c) 28%,transparent)!important}
.tsc-buy::after{display:grid!important;content:"→"!important;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.18);font-size:16px;line-height:1}
.tsc-buy:hover{filter:brightness(1.06)}
body.dark .tsc-amount strong{color:#f0f0f4}
/* V2 düzeltme: eğri alt kenar ve favori konumu */
.tsc-head{-webkit-mask:none!important;mask:none!important;overflow:hidden;padding-bottom:40px!important;margin-bottom:6px!important}
.tsc-head::before{content:"";position:absolute;z-index:1;left:-12%;right:-12%;bottom:-2px;height:34px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}
body.dark .tsc-head::before{background:#2a2b33}
.tsc-icon,.tsc-meta{position:relative;z-index:2}
.tsc .favPack{top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;align-self:center}