/* =====================================================================
   JETON — e-pin mağaza teması
   Lacivert zemin, mavi aksiyon, altın fiyat. Ürün kartları kupon gibi:
   görsel ile fiyat arasında yırtma çizgisi ve yan çentikler.
   ===================================================================== */

/* ---------- Yazı tipleri (yerel) ---------- */
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/chakra-petch-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/chakra-petch-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/chakra-petch-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/chakra-petch-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/chakra-petch-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/chakra-petch-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Tokenlar ---------- */
:root,
html[data-theme="dark"]{
  /* inovapin koyu paleti */
  --ink:#121212;          /* sayfa zemini */
  --surface:#1E1E1E;      /* paneller, kartlar */
  --raised:#2D2D2D;       /* yükseltilmiş / hover */
  --sunken:#121212;       /* input */
  --line:#333333;
  --line-soft:#2A2A2A;
  --text:#E0E1E5;
  --muted:#C2C9DC;
  --faint:#909DA7;
  --action:#3493C8;
  --action-hover:#309FD9;
  --action-ink:#FFFFFF;
  --action-soft:rgba(48,159,217,.15);
  --accent:#309FD9;
  --coin:#FFC107;
  --coin-text:#E7E7E7;
  --coin-soft:rgba(255,193,7,.12);
  --go:#2BD552;
  --go-soft:rgba(43,213,82,.13);
  --danger:#CF6679;
  --danger-soft:rgba(207,102,121,.14);
  --warn:#FFAA33;
  --pink:#FF6F9E;
  --lime:#77DE51;
  --header-bg:linear-gradient(16deg,#1E1E1E 13%,#282828 36%,#1A1A1A 50%);
  --card-bg:linear-gradient(16deg,#1E1E1E 0,#232423 100%);
  --shadow:0 2px 10px 0 rgba(0,0,0,.19);
  --shadow-pop:0 8px 24px rgba(0,0,0,.35);
  --r-xl:8px; --r-lg:8px; --r-md:6px; --r-sm:5px;
  --f-display:"Motiva Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --f-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --container:1320px;
  --header-h:64px;
  color-scheme:dark;
}
html[data-theme="light"]{
  --ink:#F1F2F4;
  --surface:#FFFFFF;
  --raised:#EEF0F3;
  --sunken:#FFFFFF;
  --line:#DADDE2;
  --line-soft:#E7E9ED;
  --text:#1A1A1A;
  --muted:#4B5563;
  --faint:#6B7280;
  --action:#3493C8;
  --action-hover:#2B7FB0;
  --action-soft:rgba(48,145,200,.12);
  --accent:#3091C8;
  --coin:#F5B301;
  --coin-text:#1A1A1A;
  --coin-soft:rgba(245,179,1,.14);
  --go:#12A43A;
  --go-soft:rgba(18,164,58,.10);
  --danger:#C8384F;
  --danger-soft:rgba(200,56,79,.09);
  --pink:#D83473;
  --lime:#3E9E1C;
  --header-bg:#FFFFFF;
  --card-bg:#FFFFFF;
  --shadow:0 2px 10px 0 rgba(0,0,0,.08);
  --shadow-pop:0 8px 24px rgba(0,0,0,.12);
  color-scheme:light;
}

/* ---------- Bootstrap köprüsü (paylaşılan sayfalar da temaya uysun) ---------- */
:root, html[data-theme]{
  --bs-body-bg:var(--ink);
  --bs-body-color:var(--text);
  --bs-body-font-family:var(--f-body);
  --bs-border-color:var(--line);
  --bs-secondary-color:var(--muted);
  --bs-link-color:var(--action);
  --bs-link-hover-color:var(--action-hover);
  --bs-primary:var(--action);
  --bs-card-bg:var(--surface);
  --bs-emphasis-color:var(--text);
}

/* ---------- Temel ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--ink);color:var(--text);
  font-family:var(--f-body);font-size:15px;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%}
a{color:var(--action);text-decoration:none}
a:hover{color:var(--action-hover)}
h1,h2,h3,h4,h5,h6{font-family:var(--f-display);font-weight:700;color:var(--text);letter-spacing:.01em;line-height:1.2}
p{margin:0 0 1em}
::selection{background:var(--action);color:#fff}
:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-radius:6px}
.container{max-width:var(--container);padding-left:16px;padding-right:16px}
.text-muted, .text-secondary{color:var(--muted)!important}
.text-body{color:var(--text)!important}
hr{border-color:var(--line);opacity:1}
.jt-display{font-family:var(--f-display)}
.jt-num{font-family:var(--f-display);font-variant-numeric:tabular-nums}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------- Butonlar ---------- */
.btn{
  --bs-btn-font-family:var(--f-body);
  --bs-btn-font-weight:700;
  --bs-btn-border-radius:var(--r-sm);
  --bs-btn-padding-y:.62rem;--bs-btn-padding-x:1.05rem;--bs-btn-font-size:.92rem;
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.btn:active{transform:translateY(1px)}
.btn i{font-size:1.1em;line-height:1}
.btn-primary,.btn-info{
  --bs-btn-bg:var(--action);--bs-btn-border-color:var(--action);--bs-btn-color:#fff;
  --bs-btn-hover-bg:var(--action-hover);--bs-btn-hover-border-color:var(--action-hover);--bs-btn-hover-color:#fff;
  --bs-btn-active-bg:var(--action);--bs-btn-active-border-color:var(--action);--bs-btn-active-color:#fff;
  --bs-btn-disabled-bg:var(--raised);--bs-btn-disabled-border-color:var(--line);--bs-btn-disabled-color:var(--faint);
}
.btn-success{
  --bs-btn-bg:var(--go);--bs-btn-border-color:var(--go);--bs-btn-color:#04140D;
  --bs-btn-hover-bg:#2EE39A;--bs-btn-hover-border-color:#2EE39A;--bs-btn-hover-color:#04140D;
  --bs-btn-active-bg:var(--go);--bs-btn-active-color:#04140D;
}
html[data-theme="light"] .btn-success{--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0C9159;--bs-btn-hover-border-color:#0C9159;--bs-btn-active-color:#fff}
.btn-warning{
  --bs-btn-bg:var(--coin);--bs-btn-border-color:var(--coin);--bs-btn-color:#1A1400;
  --bs-btn-hover-bg:#FFD45E;--bs-btn-hover-border-color:#FFD45E;--bs-btn-hover-color:#1A1400;
}
.btn-danger{--bs-btn-bg:var(--danger);--bs-btn-border-color:var(--danger);--bs-btn-hover-bg:#FF6F86;--bs-btn-hover-border-color:#FF6F86}
.btn-secondary,.btn-light,.btn-dark,.btn-ghost,.btn-opacity-primary,.btn-outline-primary,.btn-outline-secondary{
  --bs-btn-bg:var(--raised);--bs-btn-border-color:var(--line);--bs-btn-color:var(--text);
  --bs-btn-hover-bg:var(--line);--bs-btn-hover-border-color:var(--line);--bs-btn-hover-color:var(--text);
  --bs-btn-active-bg:var(--line);--bs-btn-active-color:var(--text);
}
.btn-opacity-danger{--bs-btn-bg:var(--danger-soft);--bs-btn-border-color:transparent;--bs-btn-color:var(--danger);--bs-btn-hover-bg:var(--danger);--bs-btn-hover-color:#fff}
.btn-lg{--bs-btn-padding-y:.85rem;--bs-btn-padding-x:1.4rem;--bs-btn-font-size:1rem}
.btn-sm{--bs-btn-padding-y:.4rem;--bs-btn-padding-x:.75rem;--bs-btn-font-size:.82rem}
.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--r-md);background:var(--raised);border:1px solid var(--line);color:var(--text)}
.btn-icon:hover{background:var(--line);color:var(--text)}
.btn-block,.w-100.btn{width:100%}

/* ---------- Formlar ---------- */
.form-control,.form-select{
  background-color:var(--sunken);border:1px solid var(--line);color:var(--text);
  border-radius:var(--r-sm);min-height:46px;font-size:.95rem;
}
.form-control::placeholder{color:var(--faint)}
.form-control:focus,.form-select:focus{background-color:var(--sunken);color:var(--text);border-color:var(--action);box-shadow:0 0 0 3px var(--action-soft)}
.form-control:disabled,.form-control[readonly]{background-color:var(--raised);opacity:.85}
textarea.form-control{min-height:110px}
.form-label,label{font-weight:600;font-size:.86rem;color:var(--muted);margin-bottom:.35rem}
.form-check-input{background-color:var(--sunken);border-color:var(--line)}
.form-check-input:checked{background-color:var(--action);border-color:var(--action)}
.form-check-label{color:var(--muted);font-weight:500}
.input-group-text{background:var(--raised);border-color:var(--line);color:var(--muted)}
.invalid-feedback{color:var(--danger)}
.form-control.is-invalid{border-color:var(--danger)}
.form-control.is-valid{border-color:var(--go)}
.jt-field{position:relative}
.jt-field > i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:18px;pointer-events:none}
.jt-field > .form-control{padding-left:44px}
.jt-field label + i{top:calc(50% + 14px)}

/* ---------- Genel bileşenler ---------- */
.jt-card,.fp-card,.card{
  background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);color:var(--text);
}
.card-body,.fp-card-body{padding:22px}
.card-header{background:transparent;border-bottom:1px solid var(--line-soft)}
.alert{border-radius:var(--r-md);border:1px solid transparent;font-size:.9rem}
.alert-danger{background:var(--danger-soft);border-color:rgba(255,84,112,.35);color:var(--danger)}
.alert-success{background:var(--go-soft);border-color:rgba(35,209,139,.35);color:var(--go)}
.alert-warning{background:var(--coin-soft);border-color:rgba(255,201,60,.35);color:var(--coin-text)}
.alert-info,.alert-primary{background:var(--action-soft);border-color:rgba(61,124,255,.35);color:var(--text)}
.badge{font-weight:700;border-radius:6px}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--line-soft);--bs-table-striped-bg:var(--raised);--bs-table-hover-bg:var(--raised);color:var(--text)}
.table thead th{color:var(--muted);font-weight:600;font-size:.8rem;border-bottom-color:var(--line)}
.modal-content{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--text);box-shadow:var(--shadow-pop)}
.modal-header,.modal-footer{border-color:var(--line-soft)}
.btn-close{filter:var(--btn-close-filter,none)}
html[data-theme="dark"] .btn-close{filter:invert(1) grayscale(1) brightness(1.6)}
.dropdown-menu{background:var(--surface);border:1px solid var(--line);color:var(--text)}
.dropdown-item{color:var(--text)}
.dropdown-item:hover{background:var(--raised);color:var(--text)}
.nav-tabs{border-color:var(--line)}
.nav-tabs .nav-link{color:var(--muted);border:0;border-bottom:2px solid transparent;font-weight:600}
.nav-tabs .nav-link.active{background:transparent;color:var(--text);border-bottom-color:var(--action)}
.page-link{background:var(--surface);border-color:var(--line);color:var(--text)}
.page-item.active .page-link{background:var(--action);border-color:var(--action);color:#fff}
.pagination{gap:6px;flex-wrap:wrap}
.pagination li a,.pagination li .page-link,.pagination li div{border-radius:var(--r-sm)}
.list-group-item{background:var(--surface);border-color:var(--line-soft);color:var(--text)}
.progress{background:var(--raised)}
.swal2-popup{background:var(--surface)!important;color:var(--text)!important;border-radius:var(--r-lg)!important}
.swal2-title,.swal2-html-container{color:var(--text)!important}

/* ---------- Toast (flash mesajları) ---------- */
.jt-toasts{position:fixed;z-index:99999;top:18px;right:18px;width:min(360px,calc(100vw - 36px))}
.jt-toasts .toast{
  width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);
  border-radius:var(--r-md);box-shadow:var(--shadow-pop);overflow:hidden;
}
.jt-toasts .toast-header{background:transparent;color:var(--text);border-bottom:1px solid var(--line-soft);font-family:var(--f-display)}
.jt-toasts .toast-header small{color:var(--faint)}
.jt-toasts .toast-body{color:var(--muted)!important}
.jt-toasts #timer{background:var(--action)!important}

/* ---------- Üst şerit ---------- */
.jt-topbar{background:var(--sunken);border-bottom:1px solid var(--line-soft);font-size:.82rem}
.jt-topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.jt-topbar nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.jt-topbar nav::-webkit-scrollbar{display:none}
.jt-topbar a{color:var(--muted);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;white-space:nowrap;font-weight:600}
.jt-topbar a:hover{color:var(--text);background:var(--raised)}
.jt-topbar a.is-accent{color:var(--coin-text)}
.jt-topbar .jt-topbar-right{display:flex;align-items:center;gap:6px}
.jt-theme-switch{display:inline-flex;background:var(--raised);border:1px solid var(--line);border-radius:999px;padding:2px}
.jt-theme-switch button{border:0;background:transparent;color:var(--faint);width:28px;height:24px;border-radius:999px;display:grid;place-items:center;font-size:14px;cursor:pointer}
html[data-theme="dark"] .jt-theme-switch [data-set-theme="dark"],
html[data-theme="light"] .jt-theme-switch [data-set-theme="light"]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.25)}

/* ---------- Header ---------- */
.jt-header{background:var(--surface);border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:1030}
.jt-header .container{display:grid;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:28px;min-height:var(--header-h)}
.jt-logo{display:flex;align-items:center;gap:10px;color:var(--text);font-family:var(--f-display);font-weight:700;font-size:1.4rem}
.jt-logo img{max-height:46px;width:auto;display:block}
.jt-search{position:relative;max-width:640px;width:100%}
.jt-search .form-control{height:48px;border-radius:12px;padding-left:46px;padding-right:16px;background:var(--sunken);font-size:.95rem}
.jt-search > i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:19px;pointer-events:none}
.jt-search-results{
  position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1050;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);
  padding:8px;max-height:70vh;overflow:auto;
}
.jt-search-results.d-none{display:none}
.jt-sr-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-md);color:var(--text)}
.jt-sr-item:hover{background:var(--raised);color:var(--text)}
.jt-sr-item img{width:46px;height:46px;border-radius:8px;object-fit:cover;background:var(--raised)}
.jt-sr-item .name{font-weight:600;font-size:.9rem;line-height:1.3}
.jt-sr-item .price{font-family:var(--f-display);color:var(--coin-text);font-weight:700;font-size:.9rem;margin-left:auto;white-space:nowrap}
.jt-sr-empty{padding:18px;text-align:center;color:var(--muted);font-size:.9rem}

.jt-actions{display:flex;align-items:center;gap:10px}
.jt-iconbtn{
  position:relative;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  background:var(--raised);border:1px solid var(--line);color:var(--text);font-size:21px;cursor:pointer;
}
.jt-iconbtn:hover{color:var(--text);border-color:var(--action)}
.jt-count{
  position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:var(--action);color:#fff;font:700 11px/20px var(--f-body);text-align:center;border:2px solid var(--surface)
}
.jt-count.is-zero{background:var(--faint)}
.jt-wallet{
  display:flex;align-items:center;gap:10px;height:46px;padding:0 14px 0 6px;border-radius:12px;
  background:var(--coin-soft);border:1px solid rgba(255,201,60,.32);color:var(--text);
}
.jt-wallet:hover{color:var(--text);border-color:var(--coin)}
.jt-wallet .coin{width:34px;height:34px;border-radius:9px;background:var(--coin);color:#1A1400;display:grid;place-items:center;font-size:18px}
.jt-wallet .lbl{font-size:.72rem;color:var(--muted);line-height:1.1;display:block}
.jt-wallet .amt{font-family:var(--f-display);font-weight:700;color:var(--coin-text);font-size:.98rem;line-height:1.2}
.jt-user{display:flex;align-items:center;gap:10px;height:46px;padding:0 10px 0 6px;border-radius:12px;background:var(--raised);border:1px solid var(--line);color:var(--text);cursor:pointer}
.jt-user:hover{color:var(--text);border-color:var(--action)}
.jt-avatar{width:34px;height:34px;border-radius:9px;background:var(--action);color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:1rem;flex:0 0 auto}
.jt-user .who{font-weight:700;font-size:.88rem;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jt-user i{color:var(--faint)}
.jt-auth-btns{display:flex;gap:8px}
.jt-auth-btns .btn{height:46px;border-radius:12px}

.jt-pop{position:relative}
.jt-pop-panel{
  position:absolute;right:0;top:calc(100% + 10px);z-index:1060;width:320px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease,visibility .15s;
}
.jt-pop.is-open .jt-pop-panel{opacity:1;visibility:visible;transform:none}
.jt-pop-head{padding:14px 16px;border-bottom:1px solid var(--line-soft);font-family:var(--f-display);font-weight:700;display:flex;align-items:center;justify-content:space-between}
.jt-pop-list{max-height:360px;overflow:auto;padding:6px}
.jt-pop-foot{padding:10px 16px;border-top:1px solid var(--line-soft);text-align:center;font-size:.85rem}
.jt-notif{display:flex;gap:12px;padding:10px;border-radius:var(--r-md);color:var(--text)}
.jt-notif:hover{background:var(--raised);color:var(--text)}
.jt-notif.new{background:var(--action-soft)}
.jt-notif img{width:42px;height:42px;border-radius:8px;object-fit:cover;flex:0 0 auto}
.jt-notif .t{font-weight:700;font-size:.86rem}
.jt-notif p{font-size:.8rem;color:var(--muted);margin:2px 0}
.jt-notif .d{font-size:.72rem;color:var(--faint)}
.jt-empty-mini{padding:28px 16px;text-align:center;color:var(--muted);font-size:.88rem}
.jt-empty-mini i{font-size:30px;display:block;color:var(--faint);margin-bottom:6px}
.jt-menu-user{padding:16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:12px}
.jt-menu-user .n{font-weight:700}
.jt-menu-user .b{font-family:var(--f-display);color:var(--coin-text);font-weight:700;font-size:.9rem}
.jt-menu-links{padding:6px}
.jt-menu-links a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);color:var(--text);font-weight:600;font-size:.9rem}
.jt-menu-links a:hover{background:var(--raised);color:var(--text)}
.jt-menu-links a i{color:var(--muted);font-size:18px}
.jt-menu-links a.is-danger,.jt-menu-links a.is-danger i{color:var(--danger)}

/* ---------- Kategori menüsü ---------- */
.jt-nav{background:var(--surface);border-bottom:1px solid var(--line-soft);position:relative;z-index:1020}
.jt-nav .container{display:flex;align-items:stretch;gap:6px;min-height:54px}
.jt-nav-scroll{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0}
.jt-nav-item{position:static;display:flex}
.jt-nav-link{
  display:flex;align-items:center;gap:9px;padding:0 14px;color:var(--muted);font-weight:700;font-size:.9rem;
  border-bottom:2px solid transparent;white-space:nowrap;
}
.jt-nav-link img{width:24px;height:24px;border-radius:6px;object-fit:contain}
.jt-nav-link .ri-arrow-down-s-line{font-size:16px;color:var(--faint);margin-left:-3px}
.jt-nav-item:hover .jt-nav-link,.jt-nav-link:hover,.jt-nav-link.is-active{color:var(--text);border-bottom-color:var(--action)}
.jt-nav-all{
  display:flex;align-items:center;gap:8px;margin:8px 8px 8px 0;padding:0 16px;border-radius:var(--r-sm);
  background:var(--action);color:#fff;font-weight:700;font-size:.9rem;white-space:nowrap;
}
.jt-nav-all:hover{background:var(--action-hover);color:#fff}
.jt-nav-cta{
  display:flex;align-items:center;gap:8px;margin:8px 0;padding:0 16px;border-radius:var(--r-sm);
  background:var(--coin-soft);color:var(--coin-text);font-weight:700;font-size:.9rem;white-space:nowrap;border:1px solid rgba(255,201,60,.3)
}
.jt-nav-cta:hover{background:var(--coin);color:#1A1400}
.jt-mega{
  position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);
  box-shadow:var(--shadow-pop);padding:22px 0 26px;
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;
}
.jt-nav-item:hover > .jt-mega,.jt-nav-item:focus-within > .jt-mega{opacity:1;visibility:visible;transform:none}
.jt-mega-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.jt-mega-head h3{font-size:1.1rem;margin:0}
.jt-mega-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.jt-mega-link{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-md);color:var(--text);font-weight:600;font-size:.88rem;border:1px solid transparent}
.jt-mega-link:hover{background:var(--raised);border-color:var(--line);color:var(--text)}
.jt-mega-link img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--raised);flex:0 0 auto}

/* ---------- Mobil ---------- */
.jt-burger{display:none}
.jt-mobilebar{display:none}
.jt-drawer{position:fixed;inset:0;z-index:1080;visibility:hidden}
.jt-drawer.is-open{visibility:visible}
.jt-drawer-bg{position:absolute;inset:0;background:rgba(5,8,18,.6);opacity:0;transition:opacity .2s ease}
.jt-drawer.is-open .jt-drawer-bg{opacity:1}
.jt-drawer-panel{
  position:absolute;left:0;top:0;bottom:0;width:min(340px,88vw);background:var(--surface);border-right:1px solid var(--line);
  transform:translateX(-100%);transition:transform .22s ease;display:flex;flex-direction:column
}
.jt-drawer.is-open .jt-drawer-panel{transform:none}
.jt-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line-soft)}
.jt-drawer-head .jt-logo img{max-height:36px}
.jt-drawer-body{overflow:auto;padding:10px;flex:1}
.jt-drawer-body details{border-radius:var(--r-md)}
.jt-drawer-body summary,.jt-drawer-body .jt-dl{
  list-style:none;display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-md);color:var(--text);font-weight:700;cursor:pointer
}
.jt-drawer-body summary::-webkit-details-marker{display:none}
.jt-drawer-body summary:hover,.jt-drawer-body .jt-dl:hover{background:var(--raised);color:var(--text)}
.jt-drawer-body summary img,.jt-drawer-body .jt-dl img{width:30px;height:30px;border-radius:7px;object-fit:contain}
.jt-drawer-body summary .ri-arrow-down-s-line{margin-left:auto;color:var(--faint);transition:transform .15s}
.jt-drawer-body details[open] summary .ri-arrow-down-s-line{transform:rotate(180deg)}
.jt-drawer-sub{padding:2px 0 8px 52px;display:grid;gap:2px}
.jt-drawer-sub a{color:var(--muted);font-weight:600;font-size:.88rem;padding:7px 10px;border-radius:var(--r-sm)}
.jt-drawer-sub a:hover{background:var(--raised);color:var(--text)}

@media (max-width:991.98px){
  :root{--header-h:64px}
  .jt-topbar{display:none}
  .jt-header .container{grid-template-columns:auto 1fr auto;gap:10px;row-gap:0}
  .jt-burger{display:grid}
  .jt-logo{justify-self:center}
  .jt-logo img{max-height:36px}
  .jt-search{grid-column:1 / -1;grid-row:2;max-width:none;margin-bottom:12px}
  .jt-search .form-control{height:44px}
  .jt-actions .jt-hide-m{display:none!important}
  .jt-nav{display:none}
  .jt-iconbtn{width:42px;height:42px;font-size:20px}
  body{padding-bottom:70px}
  .jt-mobilebar{
    display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1040;
    background:var(--surface);border-top:1px solid var(--line);height:64px;padding-bottom:env(safe-area-inset-bottom)
  }
  .jt-mobilebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:.68rem;font-weight:700}
  .jt-mobilebar a i{font-size:21px}
  .jt-mobilebar a.is-active,.jt-mobilebar a:hover{color:var(--text)}
  .jt-mobilebar a.is-coin{color:var(--coin-text)}
}

/* ---------- Sayfa iskeleti ---------- */
.jt-main{padding-top:26px;padding-bottom:56px}
.jt-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;color:var(--faint);margin:0 0 18px;padding:0;list-style:none}
.jt-crumbs a{color:var(--muted);font-weight:600}
.jt-crumbs a:hover{color:var(--text)}
.jt-crumbs li+li::before{content:"\ea6e";font-family:remixicon;margin-right:6px;color:var(--faint)}
.jt-crumbs li[aria-current]{color:var(--text);font-weight:600}
.jt-page-title{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 6px}
.jt-page-sub{color:var(--muted);margin:0 0 22px}

.jt-section{margin-top:44px}
.jt-section:first-child{margin-top:0}
.jt-sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.jt-sec-title{display:flex;align-items:center;gap:12px;margin:0;font-size:1.35rem}
.jt-sec-title img{width:34px;height:34px;border-radius:8px;object-fit:cover}
.jt-sec-title .ico{width:34px;height:34px;border-radius:8px;background:var(--action-soft);color:var(--action);display:grid;place-items:center;font-size:18px}
.jt-more{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:.86rem;color:var(--muted);padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--line)}
.jt-more:hover{color:var(--text);border-color:var(--action)}

/* ---------- Ana sayfa: oyun rayı ---------- */
.jt-games{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 10px;scrollbar-width:thin}
.jt-games::-webkit-scrollbar{height:6px}
.jt-games::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}
.jt-game{flex:0 0 auto;width:92px;scroll-snap-align:start;text-align:center;color:var(--muted);font-weight:600;font-size:.78rem;line-height:1.25}
.jt-game .pic{
  display:block;width:76px;height:76px;margin:0 auto 8px;border-radius:20px;overflow:hidden;background:var(--raised);
  border:2px solid var(--line);transition:border-color .15s ease,transform .15s ease
}
.jt-game .pic img{width:100%;height:100%;object-fit:cover;display:block}
.jt-game:hover{color:var(--text)}
.jt-game:hover .pic{border-color:var(--action);transform:translateY(-2px)}
.jt-game .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- Ana sayfa: hero ---------- */
.jt-hero{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:16px;margin-top:22px}
.jt-hero.is-single{grid-template-columns:minmax(0,1fr)}
.jt-slider{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--surface);aspect-ratio:1200/456}
.jt-slider .swiper,.jt-slider .swiper-wrapper,.jt-slider .swiper-slide{height:100%}
.jt-slider img{width:100%;height:100%;object-fit:cover;display:block}
.jt-slider-nav{position:absolute;inset:auto 14px 14px auto;z-index:5;display:flex;gap:8px}
.jt-slider-nav button{width:38px;height:38px;border-radius:10px;border:0;background:rgba(10,14,30,.55);color:#fff;display:grid;place-items:center;font-size:20px;cursor:pointer;backdrop-filter:blur(6px)}
.jt-slider-nav button:hover{background:rgba(10,14,30,.8)}
.jt-slider-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-top:10px}
.jt-slider-tab{
  display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:var(--r-md);
  background:var(--surface);border:1px solid var(--line-soft);color:var(--muted);font-weight:700;font-size:.85rem;cursor:pointer;position:relative;overflow:hidden
}
.jt-slider-tab img{height:26px;width:auto;max-width:90px;object-fit:contain;opacity:.75}
.jt-slider-tab.is-active{color:var(--text);border-color:var(--tab-color,var(--action))}
.jt-slider-tab.is-active img{opacity:1}
.jt-slider-tab .bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--tab-color,var(--action))}
.jt-slider-tab.is-active .bar{animation:jtFill 5s linear forwards}
@keyframes jtFill{to{width:100%}}
html[data-theme="dark"] .jt-slider-tab img{filter:brightness(0) invert(1)}
.jt-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.jt-promo{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--surface);border:1px solid var(--line-soft);display:block;min-height:150px;color:#fff}
.jt-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jt-promo .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(0deg,rgba(8,11,24,.9),rgba(8,11,24,0));}
.jt-promo .cap strong{display:block;font-family:var(--f-display);font-size:1.15rem;line-height:1.15;color:#fff}
.jt-promo .cap span{font-size:.8rem;color:rgba(255,255,255,.78);font-weight:600}
.jt-promo:hover img{transform:scale(1.03)}
.jt-promo img{transition:transform .35s ease}

/* güven şeridi */
.jt-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.jt-trust-item{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line-soft)}
.jt-trust-item .ic{width:42px;height:42px;border-radius:11px;background:var(--action-soft);display:grid;place-items:center;flex:0 0 auto;overflow:hidden}
.jt-trust-item .ic img{width:30px;height:30px;object-fit:contain}
.jt-trust-item .ic i{font-size:20px;color:var(--action)}
.jt-trust-item strong{display:block;font-size:.92rem;font-family:var(--f-display);margin-bottom:2px}
.jt-trust-item p{margin:0;font-size:.78rem;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* popüler oyun logoları */
.jt-logos{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.jt-logo-tile{display:grid;place-items:center;height:84px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line-soft);padding:12px;color:var(--muted);font-weight:700;font-size:.8rem;text-align:center}
.jt-logo-tile img{max-height:46px;max-width:100%;object-fit:contain}
.jt-logo-tile:hover{border-color:var(--action);color:var(--text)}

/* sekmeler */
.jt-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.jt-chips::-webkit-scrollbar{display:none}
.jt-chip{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);
  background:var(--surface);color:var(--muted);font-weight:700;font-size:.84rem;white-space:nowrap;cursor:pointer
}
.jt-chip img{width:20px;height:20px;border-radius:5px;object-fit:cover}
.jt-chip:hover{color:var(--text)}
.jt-chip.is-active{background:var(--action);border-color:var(--action);color:#fff}

/* ---------- KUPON KART (imza öğe) ---------- */
.jt-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.jt-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.jt-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.jt-grid[hidden]{display:none}
.jt-voucher{
  --notch:10px;
  position:relative;display:flex;flex-direction:column;min-width:0;
  background:var(--surface);border-radius:var(--r-lg);
  /* çentikler: kartın iki yanında, yırtma çizgisi hizasında yarım daire boşluk */
  -webkit-mask:radial-gradient(circle var(--notch) at 0 var(--tear,calc(100% - 92px)),transparent 98%,#000) left/51% 100% no-repeat,
               radial-gradient(circle var(--notch) at 100% var(--tear,calc(100% - 92px)),transparent 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle var(--notch) at 0 var(--tear,calc(100% - 92px)),transparent 98%,#000) left/51% 100% no-repeat,
               radial-gradient(circle var(--notch) at 100% var(--tear,calc(100% - 92px)),transparent 98%,#000) right/51% 100% no-repeat;
  transition:transform .18s ease,background-color .18s ease;
}
.jt-voucher:hover{transform:translateY(-3px);background:var(--raised)}
.jt-voucher-img{display:block;position:relative;padding:10px 10px 0}
.jt-voucher-img img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:11px;background:var(--raised)}
.jt-voucher-badge{
  position:absolute;top:18px;left:18px;z-index:2;font:700 .72rem/1 var(--f-display);padding:6px 8px;border-radius:7px;
  background:var(--go);color:#04140D
}
html[data-theme="light"] .jt-voucher-badge{color:#fff}
.jt-voucher-body{padding:10px 14px 0;flex:1;display:flex;flex-direction:column}
.jt-voucher-name{
  color:var(--text);font-weight:700;font-size:.88rem;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em
}
.jt-voucher-name:hover{color:var(--text)}
.jt-voucher-meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.72rem;font-weight:700;color:var(--go)}
.jt-voucher-meta .dot{width:6px;height:6px;border-radius:50%;background:var(--go)}
.jt-voucher-meta.is-out{color:var(--danger)}
.jt-voucher-meta.is-out .dot{background:var(--danger)}
.jt-tear{position:relative;height:18px;margin:6px 0 0}
.jt-tear::before{content:"";position:absolute;left:12px;right:12px;top:50%;border-top:2px dashed var(--line)}
.jt-voucher-foot{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}
.jt-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.jt-price .now{font:700 1.22rem/1.1 var(--f-display);color:var(--coin-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.jt-price .was{font-size:.8rem;color:var(--faint);text-decoration:line-through;white-space:nowrap}
.jt-voucher .btn{width:100%;border-radius:var(--r-sm);--bs-btn-padding-y:.55rem;font-size:.85rem}
.jt-seller{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--muted);margin-top:8px}
.jt-seller img{width:22px;height:22px;border-radius:6px;object-fit:cover}
.jt-seller b{color:var(--text)}

/* yatay kupon (benzer ürünler, sepet) */
.jt-mini{display:flex;gap:12px;align-items:center;padding:10px;border-radius:var(--r-md);color:var(--text)}
.jt-mini:hover{background:var(--raised);color:var(--text)}
.jt-mini img{width:56px;height:56px;border-radius:9px;object-fit:cover;flex:0 0 auto;background:var(--raised)}
.jt-mini .nm{font-weight:600;font-size:.85rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jt-mini .jt-price .now{font-size:1rem}

/* ---------- Kategori kartları ---------- */
.jt-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.jt-cat{
  display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);
  border:1px solid var(--line-soft);color:var(--text)
}
.jt-cat .pic{aspect-ratio:1/1;background:var(--raised);overflow:hidden}
.jt-cat .pic img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.jt-cat .nm{padding:12px 14px;font-weight:700;font-size:.9rem;line-height:1.3;display:flex;align-items:center;justify-content:space-between;gap:8px}
.jt-cat .nm i{color:var(--faint)}
.jt-cat:hover{border-color:var(--action);color:var(--text)}
.jt-cat:hover .pic img{transform:scale(1.05)}
.jt-subcats{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:22px;scrollbar-width:thin}
.jt-subcat{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:700;font-size:.86rem;white-space:nowrap}
.jt-subcat img{width:36px;height:36px;border-radius:8px;object-fit:cover}
.jt-subcat:hover,.jt-subcat.is-active{border-color:var(--action);color:var(--text);background:var(--raised)}

/* kategori başlığı (ürün listesi) */
.jt-cathead{
  display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;padding:20px;border-radius:var(--r-xl);
  background:linear-gradient(120deg,var(--surface),var(--raised));border:1px solid var(--line-soft);margin-bottom:22px
}
.jt-cathead img{width:120px;height:120px;border-radius:18px;object-fit:cover;background:var(--raised)}
.jt-cathead h1{font-size:clamp(1.4rem,2.6vw,2rem);margin:0 0 8px}
.jt-cathead .facts{display:flex;flex-wrap:wrap;gap:8px}
.jt-fact{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--sunken);border:1px solid var(--line);color:var(--muted)}
.jt-fact i{color:var(--go)}
.jt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.jt-toolbar .ttl{font-family:var(--f-display);font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:8px}
.jt-toolbar .ttl span{font-family:var(--f-body);font-size:.75rem;padding:3px 9px;border-radius:999px;background:var(--action-soft);color:var(--action)}
.jt-seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}
.jt-seg button{border:0;background:transparent;color:var(--muted);height:32px;padding:0 10px;border-radius:7px;font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.jt-seg button.is-active{background:var(--raised);color:var(--text)}

/* liste görünümü */
.jt-grid.is-list{grid-template-columns:1fr!important;gap:10px}
.jt-grid.is-list .jt-voucher{flex-direction:row;align-items:center;--tear:50%;-webkit-mask:none;mask:none;border:1px solid var(--line-soft)}
.jt-grid.is-list .jt-voucher-img{padding:10px;flex:0 0 96px}
.jt-grid.is-list .jt-voucher-img img{aspect-ratio:1/1}
.jt-grid.is-list .jt-voucher-badge{top:14px;left:14px}
.jt-grid.is-list .jt-voucher-body{padding:10px 0}
.jt-grid.is-list .jt-voucher-name{min-height:0}
.jt-grid.is-list .jt-tear{display:none}
.jt-grid.is-list .jt-voucher-foot{flex-direction:row;align-items:center;padding:10px 14px;gap:14px;flex:0 0 auto}
.jt-grid.is-list .jt-voucher .btn{width:auto;min-width:130px}
.jt-qty-inline{display:none}
.jt-grid.is-list .jt-qty-inline{display:flex}

/* açıklama */
.jt-prose{color:var(--muted);font-size:.93rem;line-height:1.75}
.jt-prose h1,.jt-prose h2,.jt-prose h3,.jt-prose h4{color:var(--text);margin:1.4em 0 .5em;font-size:1.15rem}
.jt-prose p{margin:0 0 1em}
.jt-prose a{text-decoration:underline}
.jt-prose img{border-radius:var(--r-md);height:auto}
.jt-prose ul,.jt-prose ol{padding-left:1.2em}
.jt-prose table{width:100%;border-collapse:collapse}
.jt-prose td,.jt-prose th{border:1px solid var(--line);padding:8px}
.jt-clamp{position:relative;max-height:220px;overflow:hidden}
.jt-clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(0deg,var(--surface),transparent)}
.jt-clamp.is-open{max-height:none}
.jt-clamp.is-open::after{display:none}
.jt-readmore{border:0;background:transparent;color:var(--action);font-weight:700;padding:8px 0 0;display:inline-flex;align-items:center;gap:4px;cursor:pointer}

/* ---------- Ürün detayı ---------- */
.jt-pd{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:'a buy' 'b buy';grid-template-rows:auto 1fr;gap:22px;align-items:start}
.jt-pd-a{grid-area:a}.jt-pd-b{grid-area:b}.jt-pd>.jt-buybox{grid-area:buy}
.jt-pd-main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;padding:22px}
.jt-pd-img{position:relative}
.jt-pd-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg);background:var(--raised);display:block}
.jt-pd h1{font-size:clamp(1.35rem,2.4vw,1.85rem);margin:0 0 10px}
.jt-pd-sku{font-size:.78rem;color:var(--faint);font-weight:600}
.jt-stars{color:var(--coin);display:inline-flex;gap:1px}
.jt-pd-rating{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--muted);margin-bottom:12px}
.jt-pd-lead{color:var(--muted);font-size:.92rem;margin-bottom:16px}
.jt-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.jt-feat{display:flex;align-items:center;gap:8px;padding:10px;border-radius:var(--r-md);background:var(--sunken);border:1px solid var(--line-soft);font-size:.8rem;font-weight:700}
.jt-feat i{color:var(--go);font-size:18px}
.jt-buybox{position:sticky;top:calc(var(--header-h) + 16px);padding:20px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line-soft)}
.jt-buybox .jt-price .now{font-size:2rem}
.jt-buybox .jt-price .was{font-size:.95rem}
.jt-save{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;color:var(--go);background:var(--go-soft);padding:4px 8px;border-radius:6px}
.jt-buybox .btn{width:100%;height:52px;font-size:1rem;border-radius:12px}
.jt-stock{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:700;color:var(--go)}
.jt-stock.is-out{color:var(--danger)}
.jt-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--sunken);height:52px;overflow:hidden}
.jt-qty button,.jt-qty a{width:44px;height:100%;display:grid;place-items:center;border:0;background:transparent;color:var(--text);font-size:18px;cursor:pointer}
.jt-qty button:hover,.jt-qty a:hover{background:var(--raised);color:var(--text)}
.jt-qty input{width:52px;height:100%;border:0;background:transparent;text-align:center;color:var(--text);font:700 1rem var(--f-display);min-height:0;padding:0;box-shadow:none!important}
.jt-qty input::-webkit-outer-spin-button,.jt-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.jt-qty.sm{height:38px;border-radius:9px}
.jt-qty.sm a,.jt-qty.sm button{width:32px;font-size:15px}
.jt-qty.sm input{width:36px;font-size:.9rem}
.jt-buy-row{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:16px}
.jt-req{margin-bottom:12px}
.jt-req label{display:block}
.jt-pay-logos{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-size:.75rem;color:var(--faint)}
.jt-pay-logos img{height:20px;width:auto;opacity:.8}
.jt-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 22px}
.jt-tab{border:0;background:transparent;color:var(--muted);font-weight:700;font-size:.92rem;padding:16px 10px;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;display:flex;align-items:center;gap:8px}
.jt-tab span{font-size:.72rem;padding:2px 7px;border-radius:999px;background:var(--raised);color:var(--muted)}
.jt-tab.is-active{color:var(--text);border-bottom-color:var(--action)}
.jt-tabpane{padding:22px;display:none}
.jt-tabpane.is-active{display:block}
.jt-review{padding:14px 0;border-bottom:1px solid var(--line-soft)}
.jt-review:last-child{border-bottom:0}
.jt-review .top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.jt-review .who{font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:10px}
.jt-review .who .jt-avatar{width:30px;height:30px;font-size:.85rem;border-radius:8px}
.jt-review .when{font-size:.75rem;color:var(--faint)}
.jt-review p{margin:0;color:var(--muted);font-size:.9rem}

/* ---------- Sepet ---------- */
.jt-cart{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}
.jt-cart-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto auto;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line-soft)}
.jt-cart-row:last-child{border-bottom:0}
.jt-cart-row img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:var(--raised)}
.jt-cart-row .nm{font-weight:700;color:var(--text);line-height:1.35}
.jt-cart-row .unit{font-size:.78rem;color:var(--faint);margin-top:2px}
.jt-cart-row .qty{font:700 .95rem var(--f-display);min-width:52px;text-align:center;padding:8px 10px;border-radius:9px;background:var(--sunken);border:1px solid var(--line)}
.jt-cart-row .jt-price{justify-content:flex-end;flex-direction:column;align-items:flex-end;gap:0;min-width:110px}
.jt-del{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--danger-soft);color:var(--danger);font-size:18px}
.jt-del:hover{background:var(--danger);color:#fff}
.jt-summary{position:sticky;top:calc(var(--header-h) + 16px);padding:22px}
.jt-summary h2{font-size:1.15rem;margin:0 0 16px}
.jt-sum-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:.92rem;color:var(--muted)}
.jt-sum-line b{color:var(--text);font-family:var(--f-display);font-size:1rem}
.jt-sum-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 6px;margin-top:6px;border-top:2px dashed var(--line)}
.jt-sum-total span{font-weight:700}
.jt-sum-total b{font:700 1.6rem var(--f-display);color:var(--coin-text)}
.jt-coupon summary{cursor:pointer;color:var(--action);font-weight:700;font-size:.88rem;padding:10px 0;list-style:none;display:flex;align-items:center;gap:6px}
.jt-coupon summary::-webkit-details-marker{display:none}
.jt-coupon-row{display:flex;gap:8px}
.jt-coupon-row .form-control{flex:1}
.jt-paybtns{display:grid;gap:10px;margin-top:14px}
.jt-paybtn{
  display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line);
  background:var(--sunken);color:var(--text);font-weight:700;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease
}
.jt-paybtn:hover{border-color:var(--action);background:var(--raised);color:var(--text)}
.jt-paybtn .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex:0 0 auto}
.jt-paybtn .tx{flex:1;min-width:0}
.jt-paybtn .tx small{display:block;font-weight:500;color:var(--muted);font-size:.76rem}
.jt-paybtn > .ri-arrow-right-s-line{color:var(--faint);font-size:20px}
.jt-paybtn.is-balance .ic{background:var(--coin-soft);color:var(--coin-text)}
.jt-paybtn.is-card .ic{background:var(--action-soft);color:var(--action)}
.jt-paybtn.is-iban .ic{background:var(--go-soft);color:var(--go)}
.jt-paybtn.is-primary{background:var(--action);border-color:var(--action);color:#fff}
.jt-paybtn.is-primary .ic{background:rgba(255,255,255,.18);color:#fff}
.jt-paybtn.is-primary .tx small,.jt-paybtn.is-primary > i{color:rgba(255,255,255,.8)}
.jt-paybtn.is-primary:hover{background:var(--action-hover);color:#fff}
.jt-terms{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:var(--muted);margin:14px 0 4px}
.jt-terms input{margin-top:2px;flex:0 0 auto}
.jt-terms label{font-size:.78rem;font-weight:500;margin:0;color:var(--muted)}
.jt-empty{padding:56px 20px;text-align:center}
.jt-empty .ic{width:76px;height:76px;margin:0 auto 14px;border-radius:22px;background:var(--raised);display:grid;place-items:center;font-size:34px;color:var(--faint)}
.jt-empty h2{font-size:1.25rem;margin:0 0 6px}
.jt-empty p{color:var(--muted);margin:0 0 18px}
.jt-steps{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:0;list-style:none;font-size:.82rem;font-weight:700;color:var(--faint);flex-wrap:wrap}
.jt-steps li{display:flex;align-items:center;gap:8px}
.jt-steps li .n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);font-family:var(--f-display)}
.jt-steps li.is-on{color:var(--text)}
.jt-steps li.is-on .n{background:var(--action);border-color:var(--action);color:#fff}
.jt-steps li+li::before{content:"";width:28px;height:2px;background:var(--line);border-radius:2px}

/* ---------- Hesap (auth) ---------- */
.jt-auth{display:grid;grid-template-columns:1fr 1fr;min-height:560px;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line-soft);background:var(--surface)}
.jt-auth-art{position:relative;padding:40px;background:radial-gradient(120% 90% at 0% 100%,rgba(61,124,255,.35),transparent 60%),radial-gradient(80% 70% at 100% 0%,rgba(255,201,60,.18),transparent 60%),var(--raised);display:flex;flex-direction:column;justify-content:flex-end;gap:14px}
.jt-auth-art h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:0}
.jt-auth-art p{color:var(--muted);margin:0;max-width:40ch}
.jt-auth-art ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}
.jt-auth-art li{display:flex;gap:10px;align-items:center;font-weight:600;font-size:.9rem}
.jt-auth-art li i{color:var(--go);font-size:18px}
.jt-auth-tokens{position:absolute;top:34px;left:40px;right:40px;display:flex;gap:10px;flex-wrap:wrap}
.jt-auth-tokens span{font:700 .8rem var(--f-display);padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}
.jt-auth-form{padding:40px;display:flex;flex-direction:column;justify-content:center}
.jt-auth-form h1{font-size:1.6rem;margin:0 0 4px}
.jt-auth-form .sub{color:var(--muted);margin:0 0 22px;font-size:.92rem}
.jt-auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--sunken);border:1px solid var(--line);margin-bottom:22px}
.jt-auth-switch button{border:0;background:transparent;color:var(--muted);font-weight:700;padding:10px;border-radius:9px;cursor:pointer}
.jt-auth-switch button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.2)}
.jt-or{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:.8rem;margin:16px 0}
.jt-or::before,.jt-or::after{content:"";flex:1;height:1px;background:var(--line)}
.jt-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border-radius:12px;border:1px solid var(--line);background:var(--sunken);color:var(--text);font-weight:700}
.jt-google:hover{border-color:var(--action);color:var(--text)}

/* ---------- Kullanıcı paneli ---------- */
.jt-account{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}
.jt-side{position:sticky;top:calc(var(--header-h) + 16px);padding:16px}
.jt-side-user{display:flex;align-items:center;gap:12px;padding:6px 6px 16px;border-bottom:1px solid var(--line-soft);margin-bottom:10px}
.jt-side-user .jt-avatar{width:44px;height:44px;font-size:1.2rem;border-radius:12px}
.jt-side-user .m{font-weight:700;font-size:.86rem;word-break:break-all;line-height:1.3}
.jt-side-user .b{font-family:var(--f-display);color:var(--coin-text);font-weight:700}
.jt-side-nav{display:grid;gap:2px}
.jt-side-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);color:var(--muted);font-weight:700;font-size:.9rem}
.jt-side-nav a i{font-size:19px}
.jt-side-nav a:hover{background:var(--raised);color:var(--text)}
.jt-side-nav a.active,.jt-side-nav a.is-active{background:var(--action-soft);color:var(--text)}
.jt-side-nav a.active i,.jt-side-nav a.is-active i{color:var(--action)}
.jt-side-nav a.is-danger{color:var(--danger)}
.jt-side-toggle{display:none}
.jt-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line-soft)}
.jt-panel-head h1,.jt-panel-head h2{font-size:1.2rem;margin:0}
.jt-panel-body{padding:22px}
.jt-stat{padding:18px;border-radius:var(--r-lg);background:var(--sunken);border:1px solid var(--line-soft)}
.jt-stat .k{font-size:.8rem;color:var(--muted);font-weight:600}
.jt-stat .v{font:700 1.5rem var(--f-display);margin-top:4px}
.jt-order{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--sunken);overflow:hidden}
.jt-order + .jt-order{margin-top:10px}
.jt-order-head{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 14px;cursor:pointer}
.jt-order-head img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.jt-order-head .nm{font-weight:700;font-size:.9rem;line-height:1.3}
.jt-order-head .dt{font-size:.75rem;color:var(--faint)}
.jt-order-body{display:none;padding:14px;border-top:1px dashed var(--line)}
.jt-order.is-open .jt-order-body{display:block}
.jt-code{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px dashed var(--coin);font:600 .95rem/1.4 var(--f-display);color:var(--text);word-break:break-all}
.jt-code button{margin-left:auto;flex:0 0 auto}
.jt-status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}
.jt-status.ok{background:var(--go-soft);color:var(--go)}
.jt-status.wait{background:var(--coin-soft);color:var(--coin-text)}
.jt-status.no{background:var(--danger-soft);color:var(--danger)}
.jt-status.info{background:var(--action-soft);color:var(--action)}

/* ---------- Footer ---------- */
.jt-footer{background:var(--surface);border-top:1px solid var(--line-soft);margin-top:30px}
.jt-footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;padding:44px 0 34px}
.jt-footer .jt-logo img{max-height:44px}
.jt-footer-about p{color:var(--muted);font-size:.88rem;margin:14px 0 18px;max-width:42ch}
.jt-social{display:flex;gap:8px}
.jt-social a{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--raised);border:1px solid var(--line);color:var(--muted);font-size:18px}
.jt-social a:hover{color:var(--text);border-color:var(--action)}
.jt-footer h3{font-size:.95rem;margin:4px 0 14px}
.jt-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.jt-footer ul a{color:var(--muted);font-size:.86rem;font-weight:500}
.jt-footer ul a:hover{color:var(--text)}
.jt-footer-bottom{border-top:1px solid var(--line-soft);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem;color:var(--faint)}
.jt-footer-bottom img{height:26px;width:auto;opacity:.9}
.jt-seo{padding:28px 30px;margin-top:44px}
.jt-seo h2{font-size:1.3rem;margin:0 0 10px}

/* ---------- Haberler / blog ---------- */
.jt-posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.jt-post{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line-soft);color:var(--text)}
.jt-post .pic{aspect-ratio:16/9;background:var(--raised);overflow:hidden}
.jt-post .pic img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.jt-post .bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.jt-post .dt{font-size:.74rem;color:var(--faint);font-weight:600}
.jt-post h3{font-size:1rem;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jt-post p{font-size:.82rem;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jt-post:hover{border-color:var(--action);color:var(--text)}
.jt-post:hover .pic img{transform:scale(1.04)}

/* yayıncılar */
.jt-streamers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.jt-streamer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line-soft);color:var(--text);text-align:center}
.jt-streamer img,.jt-streamer .ph{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--line);background:var(--raised)}
.jt-streamer .ph{display:grid;place-items:center;font:700 1.6rem var(--f-display);color:var(--muted)}
.jt-streamer b{font-size:.9rem}
.jt-streamer span{font-size:.75rem;color:var(--muted)}
.jt-streamer:hover{border-color:var(--action);color:var(--text)}
.jt-streamer:hover img{border-color:var(--action)}

/* ---------- Duyarlı ---------- */
@media (max-width:1399.98px){
  .jt-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .jt-logos{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1199.98px){
  .jt-grid,.jt-grid.cols-5{grid-template-columns:repeat(4,minmax(0,1fr))}
  .jt-pd{grid-template-columns:minmax(0,1fr);grid-template-areas:'a' 'buy' 'b';grid-template-rows:auto}
  .jt-buybox{position:static}
  .jt-cart{grid-template-columns:1fr}
  .jt-summary{position:static}
  .jt-streamers{grid-template-columns:repeat(4,minmax(0,1fr))}
  .jt-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jt-footer-top{grid-template-columns:1fr 1fr;gap:28px}
}
@media (max-width:991.98px){
  .jt-hero{grid-template-columns:minmax(0,1fr)}
  .jt-hero-side{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .jt-promo{min-height:120px;aspect-ratio:16/8}
  .jt-trust{grid-template-columns:repeat(2,1fr)}
  .jt-grid,.jt-grid.cols-4,.jt-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jt-pd-main{grid-template-columns:1fr;gap:18px}
  .jt-pd-img{max-width:260px;margin:0 auto}
  .jt-account{grid-template-columns:1fr}
  .jt-side{position:static}
  .jt-side-toggle{display:flex}
  .jt-side-nav{display:none}
  .jt-side.is-open .jt-side-nav{display:grid}
  .jt-auth{grid-template-columns:1fr}
  .jt-auth-art{display:none}
}
@media (max-width:767.98px){
  .jt-main{padding-top:16px;padding-bottom:40px}
  .jt-section{margin-top:32px}
  .jt-sec-title{font-size:1.12rem}
  .jt-grid,.jt-grid.cols-4,.jt-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .jt-voucher-body{padding:8px 10px 0}
  .jt-voucher-foot{padding:0 10px 10px}
  .jt-voucher-img{padding:8px 8px 0}
  .jt-voucher-badge{top:14px;left:14px}
  .jt-price .now{font-size:1.06rem}
  .jt-logos{grid-template-columns:repeat(4,1fr)}
  .jt-logo-tile{height:64px;padding:8px}
  .jt-slider-tabs{display:none}
  .jt-slider{border-radius:var(--r-lg)}
  .jt-promo{border-radius:var(--r-lg)}
  .jt-trust{grid-template-columns:1fr 1fr;gap:8px}
  .jt-trust-item{padding:12px;flex-direction:column;gap:8px}
  .jt-trust-item p{display:none}
  .jt-streamers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jt-posts{grid-template-columns:1fr}
  .jt-cathead{grid-template-columns:72px 1fr;gap:14px;padding:14px}
  .jt-cathead img{width:72px;height:72px;border-radius:14px}
  .jt-cart-row{grid-template-columns:60px minmax(0,1fr) auto;gap:10px;padding:14px}
  .jt-cart-row img{width:60px;height:60px}
  .jt-cart-row .qty{grid-column:2;grid-row:2;justify-self:start;min-width:0;padding:4px 10px;font-size:.82rem}
  .jt-cart-row .jt-price{grid-column:2 / 4;grid-row:2;justify-self:end;flex-direction:row;align-items:baseline;gap:8px}
  .jt-cart-row .jt-del{grid-column:3;grid-row:1}
  .jt-feats{grid-template-columns:1fr}
  .jt-footer-top{grid-template-columns:1fr;gap:24px;padding:32px 0 24px}
  .jt-auth-form{padding:24px}
  .jt-order-head{grid-template-columns:48px minmax(0,1fr) auto}
  .jt-order-head img{width:48px;height:48px}
  .jt-order-head .jt-status{grid-column:2;justify-self:start}
  .jt-seo{padding:20px}
  .jt-tabs{padding:0 12px;overflow-x:auto}
  .jt-tabpane{padding:16px}
  .jt-pd-main{padding:16px}
  .jt-panel-body{padding:16px}
  .jt-panel-head{padding:14px 16px}
  .card-body,.fp-card-body{padding:16px}
}
@media (max-width:420px){
  .jt-streamers{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* CSS ile çizilen yan kampanya kartları (home_category boşsa) */
.jt-promo-coin,.jt-promo-gift{display:flex;flex-direction:column;justify-content:flex-end;color:var(--text)}
.jt-promo-coin{background:radial-gradient(90% 120% at 100% 0%,rgba(255,201,60,.35),transparent 55%),linear-gradient(135deg,var(--raised),var(--surface))}
.jt-promo-gift{background:radial-gradient(90% 120% at 100% 0%,rgba(61,124,255,.4),transparent 55%),linear-gradient(135deg,var(--raised),var(--surface))}
.jt-promo-art{position:absolute;right:18px;top:16px;width:74px;height:74px;border-radius:22px;display:grid;place-items:center;font-size:40px;transform:rotate(-8deg)}
.jt-promo-coin .jt-promo-art{background:var(--coin);color:#1A1400;box-shadow:0 14px 30px -10px rgba(255,201,60,.6)}
.jt-promo-gift .jt-promo-art{background:var(--action);color:#fff;box-shadow:0 14px 30px -10px rgba(61,124,255,.7)}
.jt-promo-coin .cap,.jt-promo-gift .cap{position:relative;background:none;padding:18px 20px}
.jt-promo-coin .cap strong,.jt-promo-gift .cap strong{color:var(--text);font-size:1.2rem;max-width:16ch}
.jt-promo-coin .cap span,.jt-promo-gift .cap span{color:var(--muted);display:block;margin-top:4px;max-width:30ch}
.jt-promo-coin:hover,.jt-promo-gift:hover{border-color:var(--action);color:var(--text)}

img[height]{height:auto}
.jt-slider img,.jt-game .pic img,.jt-promo img,.jt-cat .pic img,.jt-post .pic img{height:100%}

/* Çekilişler */
.jt-raffles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.jt-raffle{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line-soft)}
.jt-raffle-pic{position:relative;display:block;aspect-ratio:16/8;background:var(--raised)}
.jt-raffle-pic img{width:100%;height:100%;object-fit:cover}
.jt-raffle-pic .jt-status{position:absolute;top:12px;left:12px;backdrop-filter:blur(6px)}
.jt-raffle-bd{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}
.jt-raffle-bd h2{font-size:1.1rem;margin:0}
.jt-raffle-bd h2 a{color:var(--text)}
.jt-raffle-time{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem;color:var(--coin-text)}
.jt-raffle-prizes{display:grid;gap:4px}
.jt-raffle-prizes .jt-mini{padding:6px}
.jt-raffle-prizes .jt-mini img{width:44px;height:44px}
.jt-raffle-stats{display:flex;gap:16px;font-size:.82rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px}
.jt-raffle-stats b{color:var(--text);font-family:var(--f-display)}
.jt-raffle-act{display:flex;gap:8px;margin-top:auto}
.jt-raffle-act .btn-secondary{flex:0 0 auto}

/* Destek yazışması */
.jt-thread{display:grid;gap:14px}
.jt-msg{max-width:80%}
.jt-msg.is-me{justify-self:end}
.jt-msg .meta{font-size:.74rem;color:var(--faint);margin-bottom:4px}
.jt-msg.is-me .meta{text-align:right}
.jt-msg .bubble{padding:12px 14px;border-radius:14px 14px 14px 4px;background:var(--sunken);border:1px solid var(--line-soft);font-size:.92rem;line-height:1.55;word-break:break-word}
.jt-msg.is-me .bubble{border-radius:14px 14px 4px 14px;background:var(--action-soft);border-color:rgba(61,124,255,.3)}
.jt-account-main{min-width:0}

/* Sipariş kalemleri */
.jt-order-item{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.jt-order-item:last-child{border-bottom:0;padding-bottom:0}
.jt-order-item:first-child{padding-top:0}
.jt-order-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}
@media (max-width:767.98px){.jt-order-item{flex-direction:column}.jt-order-actions{flex-direction:row;flex-wrap:wrap;align-items:center}}
/* Yıldız puanlama */
.jt-rate{display:inline-flex;flex-direction:row-reverse;gap:4px}
.jt-rate input{position:absolute;opacity:0;pointer-events:none}
.jt-rate label{font-size:28px;color:var(--line);cursor:pointer;margin:0;line-height:1}
.jt-rate input:checked ~ label,.jt-rate label:hover,.jt-rate label:hover ~ label{color:var(--coin)}
.jt-rate input:focus-visible + label{outline:2px solid var(--action);border-radius:4px}

/* Eski (future) bileşen köprüsü — korunarak taşınan sayfalar için */
.jt-legacy .fp-card,.jt-legacy .fp-card-client{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);color:var(--text);margin-bottom:16px}
.jt-legacy .fp-cc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line-soft)}
.jt-legacy .fp-cc-head.border-bottom-0{border-bottom:0}
.jt-legacy .fp-cc-head .title{font-family:var(--f-display);font-size:1.2rem;margin:0;color:var(--text)}
.jt-legacy .fp-cc-body{padding:22px}
.jt-legacy .mb-16{margin-bottom:16px!important}
.jt-legacy .fp-info-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:10px;background:var(--sunken)}
.jt-legacy .fp-info-item .key{font-size:.8rem;color:var(--muted)}
.jt-legacy .fp-info-item .value{font:700 1.1rem var(--f-display);color:var(--text)}
.jt-legacy .fp-info-item .icon{font-size:24px;color:var(--action)}
.jt-legacy .fp-table-border{border:1px solid var(--line-soft);border-radius:var(--r-md)}
.jt-legacy .fp-tabs-nav{display:flex;gap:4px;list-style:none;padding:0;margin:0 0 16px;border-bottom:1px solid var(--line)}
.jt-legacy .fp-tabs-nav .link{display:block;padding:10px 12px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent;margin-bottom:-1px}
.jt-legacy .fp-tabs-nav .link.active{color:var(--text);border-bottom-color:var(--action)}
.jt-legacy .fp-tabs-content{display:none}
.jt-legacy .fp-tabs-content.active{display:block}
.jt-legacy .btn-twitch{--bs-btn-bg:#9146FF;--bs-btn-border-color:#9146FF;--bs-btn-color:#fff;--bs-btn-hover-bg:#a970ff;--bs-btn-hover-color:#fff}
.jt-legacy .badge{position:static!important;transform:none!important}
.jt-legacy [style*="background: #fff"],.jt-legacy [style*="background:#fff"],.jt-legacy [style*="background-color: #fff"],.jt-legacy [style*="background: white"]{background:var(--surface)!important}
.jt-legacy .text-dark{color:var(--text)!important}
.jt-legacy .bg-light,.jt-legacy .bg-white{background:var(--sunken)!important;color:var(--text)}
.jt-legacy .card{background:var(--surface)}
.jt-walletpage .fp-balance-cards>.row>.wallet-tabs-card{margin-left:calc(var(--bs-gutter-x)*.5);margin-right:calc(var(--bs-gutter-x)*.5);width:calc(100% - var(--bs-gutter-x));padding:0}

.jt-hero>*,.jt-slider,.jt-account>*,.jt-pd>*,.jt-cart>*{min-width:0}
.jt-slider .swiper{width:100%}
@media (max-width:991.98px){.jt-promo{aspect-ratio:auto}}
@media (max-width:575.98px){
  .jt-hero-side{grid-template-columns:minmax(0,1fr)}
  .jt-promo{min-height:112px}
  .jt-promo-art{width:56px;height:56px;font-size:28px;border-radius:16px;top:14px;right:14px}
  .jt-promo-coin .cap strong,.jt-promo-gift .cap strong{font-size:1.05rem;max-width:70%}
  .jt-promo-coin .cap span,.jt-promo-gift .cap span{max-width:70%;font-size:.78rem}
  .jt-toolbar{flex-wrap:wrap}
  .jt-toolbar > .d-flex{width:100%;justify-content:space-between}
}
@media (max-width:767.98px){.jt-pd-img{max-width:200px}.jt-pd .jt-feats{display:none}.jt-pd-lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}

/* =====================================================================
   İNOVAPİN DÜZENİ — renkler, header, kartlar ve ürün sayfası
   (yukarıdaki kuralları ezer; tüm token'lar en üstte)
   ===================================================================== */
body{font-size:14px;line-height:1.5;font-family:var(--f-body)}
h1,h2,h3,h4,h5,h6{letter-spacing:0;font-weight:600}
.container{max-width:1320px;padding-left:12px;padding-right:12px}
.btn{--bs-btn-font-weight:600;--bs-btn-border-radius:5px}
.btn-primary,.btn-info{--bs-btn-color:#fff;--bs-btn-hover-color:#fff}
.btn-success{--bs-btn-bg:var(--action);--bs-btn-border-color:var(--action);--bs-btn-color:#fff;--bs-btn-hover-bg:var(--action-hover);--bs-btn-hover-border-color:var(--action-hover);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--action);--bs-btn-active-color:#fff}
.form-control,.form-select{border-radius:6px;min-height:40px}
.jt-card,.fp-card,.card{border-radius:6px;border-color:var(--line);background:var(--surface)}
.modal-content{border-radius:8px}

/* --- Header --- */
.jt-header{position:relative;top:auto;background:var(--header-bg);border:0;z-index:1030;box-shadow:0 1px 0 rgba(255,255,255,.03)}
.jt-header > .container{display:block;min-height:0}
.jt-topbar{background:none;border:0;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;padding-top:6px;font-size:12px}
.jt-social-top{display:flex;gap:10px}
.jt-social-top a{color:var(--text);font-size:20px;line-height:1;display:inline-flex}
.jt-social-top a:hover{color:#fff}
.jt-toplinks{display:flex;align-items:center;gap:4px;overflow:visible}
.jt-toplinks a{color:#d9d9d9;font-weight:700;font-size:12px;padding:0 8px;background:none;border-radius:0}
.jt-toplinks a:hover{color:#fff;background:none}
.jt-toplinks a.is-lime{color:var(--lime)}
.jt-toplinks a.is-grad{background:linear-gradient(-225deg,#f5f5f5 0,#c58dff 29%,#ff6f9e 67%,#fff800 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .jt-toplinks a{color:#333}
html[data-theme="light"] .jt-social-top a{color:#333}
.jt-theme-switch{margin-left:8px;background:#2d2d2d;border:0}
html[data-theme="light"] .jt-theme-switch{background:#e5e7eb}

.jt-head-main{display:flex;align-items:center;gap:24px;min-height:72px}
.jt-logo img{max-height:44px}
.jt-search{flex:1;max-width:630px;margin-right:auto;position:relative}
.jt-search .form-control{height:40px;min-height:40px;border-radius:6px;border:1px solid var(--accent);background:var(--sunken);color:#c7c7c7;padding:0 44px 0 15px;font-size:14px}
html[data-theme="light"] .jt-search .form-control{color:var(--text)}
.jt-search .form-control:focus{box-shadow:none;border-color:var(--accent)}
.jt-search > i{left:auto;right:14px;color:#dedede;font-size:20px}
html[data-theme="light"] .jt-search > i{color:#555}
.jt-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.jt-authbtn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 10px;border-radius:6px;border:1px solid transparent;background:none;color:#f5f5f5;cursor:pointer;font-family:inherit}
html[data-theme="light"] .jt-authbtn{color:var(--text)}
.jt-authbtn:hover{color:#fff;background:rgba(255,255,255,.05)}
html[data-theme="light"] .jt-authbtn:hover{color:var(--text);background:rgba(0,0,0,.04)}
.jt-authbtn > i:first-child{font-size:22px}
.jt-authbtn span{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.jt-authbtn b{font-size:14px;font-weight:700;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jt-authbtn small{font-size:11px;font-weight:700;opacity:.9}
.jt-authbtn > i:last-child{font-size:18px;opacity:.8}
.jt-roundbtn{position:relative;width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:var(--raised);border:2px solid var(--raised);color:#fff;font-size:20px;cursor:pointer}
html[data-theme="light"] .jt-roundbtn{color:var(--text);background:#eceef1;border-color:#eceef1}
.jt-roundbtn:hover{color:#fff;border-color:var(--accent)}
html[data-theme="light"] .jt-roundbtn:hover{color:var(--text)}
.jt-count{top:-4px;right:-4px;background:var(--accent);border-color:transparent;font-size:10px;min-width:18px;height:18px;line-height:18px;padding:0 5px}
.jt-count.is-zero{background:var(--accent)}
.jt-account-pop{width:260px}
.jt-pop-panel{border-radius:6px;background:linear-gradient(184deg,#2f3038e0,#34373f);border:0;box-shadow:var(--shadow-pop)}
html[data-theme="light"] .jt-pop-panel{background:#fff;border:1px solid var(--line)}
.jt-pop-balance{display:flex;align-items:center;gap:8px;margin:10px;padding:10px 12px;border-radius:6px;background:rgba(0,0,0,.25);color:var(--text)}
html[data-theme="light"] .jt-pop-balance{background:var(--raised)}
.jt-pop-balance span{font-size:12px;color:var(--muted)}
.jt-pop-balance b{font-size:15px;margin-left:auto;color:var(--text)}
.jt-pop-balance em{font-style:normal;font-size:11px;font-weight:700;background:var(--accent);color:#fff;padding:3px 8px;border-radius:999px}
.jt-menu-links a{font-weight:600;font-size:13px;color:#dcdedf;border-radius:4px}
html[data-theme="light"] .jt-menu-links a{color:var(--text)}
.jt-menu-links a:hover{background:#dcdedf;color:#171a21}
.jt-menu-links a:hover i{color:#171a21}

/* --- Kategori sekmeleri --- */
.jt-nav{background:none;border:0;position:static}
.jt-nav .container{display:block;min-height:0;position:relative}
.jt-tabs-nav{display:flex;list-style:none;margin:0;padding:0;gap:5px}
.jt-tabs-nav .jt-nav-item{flex:1 1 0;min-width:0;display:block;position:static}
.jt-tabs-nav .jt-nav-link{display:flex;align-items:center;justify-content:center;gap:8px;height:39px;padding:0 6px;color:#fff;font-weight:600;font-size:14px;border-bottom:3px solid var(--accent);white-space:nowrap;overflow:hidden}
html[data-theme="light"] .jt-tabs-nav .jt-nav-link{color:#000}
.jt-tabs-nav .jt-nav-link span{overflow:hidden;text-overflow:ellipsis}
.jt-tabs-nav .jt-nav-link img{width:22px;height:22px;flex:0 0 auto;object-fit:contain;border-radius:0}
.jt-tabs-nav .jt-nav-link i{font-size:18px}
.jt-tabs-nav .jt-nav-item:hover .jt-nav-link{background:rgba(0,0,0,.18);color:#d8d8d8}
.jt-tabs-nav .jt-nav-link.is-pink{color:var(--pink)}
.jt-tabs-nav .jt-nav-link.is-lime{color:var(--lime)}
.jt-tabs-nav .is-filled .jt-nav-link{background:var(--accent);color:#fff;border-radius:50px 0}
.jt-tabs-nav .is-filled:hover .jt-nav-link{background:var(--action-hover);color:#fff}
.jt-mega{top:100%;background:var(--lb-dd,linear-gradient(184deg,#2f3038f2,#34373f));border:0;border-radius:0 0 6px 6px;padding:18px 0 22px}
html[data-theme="light"] .jt-mega{background:#fff;border:1px solid var(--line)}
.jt-mega-link{color:#c2c9dc;font-size:13px}
.jt-mega-link:hover{background:#313541;border-color:transparent;color:#fff}
html[data-theme="light"] .jt-mega-link{color:var(--text)}
html[data-theme="light"] .jt-mega-link:hover{background:#f5f5f7;color:#000}

/* --- Oyun ikonları (halka) --- */
.jt-games{display:flex;justify-content:center;gap:4px;padding:12px 0 6px;overflow-x:auto;scrollbar-width:none;margin:0}
.jt-games::-webkit-scrollbar{display:none}
.jt-game{width:auto;flex:0 0 auto;display:block}
.jt-game .pic{width:72px;height:72px;margin:0;padding:3px;border:0;border-radius:999px;background:linear-gradient(#375f77 65%,rgba(0,221,255,.75));transition:transform .15s ease}
.jt-game .pic img{border-radius:999px;background:#121212}
.jt-game:hover .pic{transform:translateY(-2px);border:0}

/* --- Hero --- */
.jt-hero{grid-template-columns:minmax(0,891fr) minmax(0,397fr);gap:8px;margin-top:10px}
.jt-slider{border-radius:8px;aspect-ratio:891/389;background:#1e1e1e}
.jt-slider-nav{inset:0;pointer-events:none;display:flex;justify-content:space-between;align-items:center;padding:0 10px}
.jt-slider-nav button{pointer-events:auto;background:none;width:40px;height:40px;font-size:34px;backdrop-filter:none;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.jt-slider-nav button:hover{background:none}
.jt-hero-side{gap:8px}
.jt-promo{border-radius:8px;border:0;min-height:0}
.jt-promo .cap{padding:12px 14px}
.jt-promo .cap strong{font-family:var(--f-display);font-size:1rem}

/* --- Bölüm başlığı (görselli bant) --- */
.jt-section{margin-top:28px}
.jt-sec-head{position:relative;overflow:hidden;min-height:74px;padding:10px 16px;margin:0 0 16px;border-radius:6px;background:#1E1E1E;display:flex;align-items:center;justify-content:space-between;gap:14px}
html[data-theme="light"] .jt-sec-head{background:#fff;border:1px solid var(--line)}
.jt-sec-head.has-img::before{content:"";position:absolute;top:0;bottom:0;right:0;width:60%;background:var(--sec-img) center/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%);mask-image:linear-gradient(90deg,transparent 0,#000 45%);opacity:.9}
.jt-sec-title{position:relative;z-index:1;font-family:var(--f-display);font-size:20px;font-weight:600;color:var(--text);gap:10px}
.jt-sec-title .ico,.jt-sec-title img{display:none}
.jt-more{position:relative;z-index:1;background:#1E1E1E;border:0;border-bottom:2px solid transparent;border-radius:0;color:#dedede;font-size:14px;font-weight:400;padding:4px 14px;text-transform:uppercase;letter-spacing:0}
.jt-more i{display:none}
.jt-more:hover{color:#fff;border-bottom-color:var(--accent)}
html[data-theme="light"] .jt-more{background:#f3f4f6;color:#222}
.jt-plain-title{font-family:var(--f-display);font-size:20px;font-weight:600;margin:28px 0 14px}

/* popüler oyun logoları */
.jt-logos{gap:8px}
.jt-logo-tile{height:96px;border-radius:8px;border:0;background:var(--card-bg);box-shadow:var(--shadow)}
.jt-logo-tile:hover{outline:2px solid var(--accent)}

/* alt kategori sekmeleri */
.jt-chip{border-radius:0 6px 6px 0;border:0;background:#2a2b2f;color:var(--text);font-weight:600;font-size:14px;padding:7px 14px}
html[data-theme="light"] .jt-chip{background:#e9eaec}
.jt-chip.is-active{background:var(--accent);color:#fff}

/* --- Ürün kartı --- */
.jt-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.jt-voucher{-webkit-mask:none;mask:none;background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;transition:transform .15s ease}
html[data-theme="light"] .jt-voucher{border:1px solid var(--line-soft)}
.jt-voucher:hover{transform:translateY(-2px);background:var(--card-bg)}
.jt-voucher-img{padding:0}
.jt-voucher-img img{border-radius:8px 8px 0 0;aspect-ratio:208/254;background:#232423}
.jt-voucher-body{padding:8px;display:flex;flex-direction:column;gap:8px;flex:1}
.jt-voucher-link{display:flex;flex-direction:column;gap:6px;color:var(--text);flex:1}
.jt-voucher-link:hover{color:var(--text)}
.jt-voucher-name{display:block;color:#fff;font-weight:500;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0;-webkit-line-clamp:unset}
html[data-theme="light"] .jt-voucher-name{color:#111}
.jt-voucher-meta{margin:0;font-size:12px;font-weight:600;color:#dedede;gap:4px}
html[data-theme="light"] .jt-voucher-meta{color:#555}
.jt-voucher-meta i{color:var(--coin);font-size:13px}
.jt-seller{margin:0;font-size:12px}
.jt-seller img{width:16px;height:16px;border-radius:4px}
.jt-price{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.jt-price .now{font-family:var(--f-body);font-size:16px;font-weight:600;line-height:19px;color:var(--coin-text);white-space:nowrap}
.jt-price .off{color:var(--go);font-size:14px;font-weight:700}
.jt-price .off i{font-size:14px;vertical-align:-2px;margin-left:-2px}
.jt-price .was{color:var(--danger);font-size:13px;font-weight:500;line-height:19.5px}
.jt-addbtn{display:flex;align-items:center;justify-content:center;gap:6px;height:29px;border-radius:5px;background:var(--action);color:#e0e1e5;font-size:14px;font-weight:400;padding:0 8px;white-space:nowrap}
.jt-addbtn:hover{background:var(--action-hover);color:#fff}
html[data-theme="light"] .jt-addbtn{color:#fff}
.jt-addbtn i{font-size:14px}
.jt-voucher-badge,.jt-tear,.jt-voucher-foot{display:none}
.jt-qty.sm{height:29px;border-radius:5px;background:var(--sunken);border-color:var(--line)}
.jt-grid.is-list .jt-voucher{flex-direction:row;align-items:center;border:1px solid var(--line-soft)}
.jt-grid.is-list .jt-voucher-img{flex:0 0 84px;padding:8px}
.jt-grid.is-list .jt-voucher-img img{border-radius:6px;aspect-ratio:1/1}
.jt-grid.is-list .jt-voucher-body{flex-direction:row;align-items:center;gap:14px}
.jt-grid.is-list .jt-voucher-link{flex-direction:row;align-items:center;gap:16px}
.jt-grid.is-list .jt-voucher-name{white-space:normal;font-size:14px;flex:1}
.jt-grid.is-list .jt-addbtn{min-width:130px}

/* --- Kırıntı yolu --- */
.jt-crumbs{gap:6px;margin:0 0 16px;font-size:12px}
.jt-crumbs li+li::before{display:none}
.jt-crumbs li{display:flex}
.jt-crumbs a,.jt-crumbs li[aria-current]{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:4px;background:transparent;color:#fff;font-weight:600}
html[data-theme="light"] .jt-crumbs a,html[data-theme="light"] .jt-crumbs li[aria-current]{color:var(--text)}
.jt-crumbs a:hover{background:#1e1e1e}
.jt-crumbs li[aria-current]{background:#1e1e1e;border:1px solid var(--accent)}
html[data-theme="light"] .jt-crumbs li[aria-current]{background:#fff}

/* --- Ürün detayı --- */
.jt-pd{display:block}
.jt-pd-top{display:grid;grid-template-columns:407px minmax(0,1fr);border:1px solid #3f4759;border-radius:6px;background:#313338;overflow:hidden}
html[data-theme="light"] .jt-pd-top{border-color:var(--line);background:#fff}
.jt-pd-gallery{background:linear-gradient(126deg,#0c0c0d 0,#252932 100%);display:flex;align-items:center;justify-content:center}
html[data-theme="light"] .jt-pd-gallery{background:#f3f4f6}
.jt-pd-gallery img{width:100%;height:100%;max-height:496px;object-fit:cover;display:block}
.jt-pd-info{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;padding:14px;background:#1e1e1e;border-left:1px solid #333}
html[data-theme="light"] .jt-pd-info{background:#fff;border-color:var(--line)}
.jt-pd-detail{padding:2px 2px 0}
.jt-pd h1{font-family:var(--f-display);font-size:28px;font-weight:600;margin:0 0 4px;color:var(--text)}
.jt-pd-brand{color:#5b8ad8;font-size:13px;font-weight:600}
.jt-pd-note{color:#ff4d6a;font-size:12px;font-weight:600;margin-top:6px}
.jt-pd-rating{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:12px;color:var(--text)}
.jt-pd-rating b{font-size:16px;font-weight:600}
.jt-stars{color:var(--coin)}
.jt-feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0}
.jt-feat{background:#333;border:0;border-radius:5px;padding:6px 10px;min-height:48px;gap:10px;font-weight:600;font-size:12px}
html[data-theme="light"] .jt-feat{background:var(--raised)}
.jt-feat i{font-size:24px;color:#d1d1d1}
html[data-theme="light"] .jt-feat i{color:#555}
.jt-feat span{display:flex;flex-direction:column;line-height:1.3}
.jt-feat small{font-size:12px;font-weight:600;color:#7ea7e6}
.jt-pd-detail hr{margin:18px 0 12px;border-color:#444}
.jt-pd-how{display:flex;gap:8px;font-size:12px;color:var(--muted);line-height:1.6}
.jt-pd-how i{color:var(--accent);font-size:16px}
.jt-buybox{position:relative;top:auto;align-self:start;margin-top:10px;padding:26px 16px 16px;background:#121212;border:1px solid #333;border-radius:4px}
html[data-theme="light"] .jt-buybox{background:#f8f9fa;border-color:var(--line)}
.jt-offer-tag{position:absolute;top:-10px;left:8px;background:#252629;color:#b2b2b2;font-size:12px;padding:0 8px;border-radius:6px;line-height:20px}
html[data-theme="light"] .jt-offer-tag{background:#e5e7eb;color:#444}
.jt-store{display:flex;align-items:center;gap:12px}
.jt-store-ava{width:64px;height:64px;border-radius:50%;border:2px solid #04b4e8;display:grid;place-items:center;overflow:hidden;background:#1e1e1e;flex:0 0 auto}
.jt-store-ava img{max-width:80%;max-height:80%;object-fit:contain}
.jt-store b{display:block;font-size:14px;color:var(--text)}
.jt-store .jt-stock{font-size:11px;font-weight:600}
.jt-buybox .jt-price{align-items:center;text-align:center;margin:16px 0 14px}
.jt-buybox .jt-price .now{font-size:26px;line-height:1.2;font-weight:700;color:var(--text)}
.jt-buybox .jt-price .now small{font-size:14px;font-weight:600}
.jt-buybox .jt-price .was{font-size:14px}
.jt-buybox .jt-price .off{font-size:12px;margin-top:2px}
.jt-req-wrap .jt-req{margin-bottom:10px}
.jt-req-wrap label{font-size:12px;color:var(--muted)}
.jt-buybox .jt-qty{display:flex;justify-content:center;gap:0;height:48px;border:0;background:none;margin:0 auto 14px;width:max-content}
.jt-buybox .jt-qty button{width:30px;height:48px;background:#333439;color:#fff;font-size:16px}
html[data-theme="light"] .jt-buybox .jt-qty button{background:#dfe1e5;color:#222}
.jt-qty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:48px;background:#333439;border:2px solid #606060;margin:0;cursor:text}
html[data-theme="light"] .jt-qty-box{background:#fff;border-color:#c7c9cd}
.jt-qty-box input{width:100%;height:auto;font-size:14px;font-weight:600;padding:0;color:#dfdfdf}
html[data-theme="light"] .jt-qty-box input{color:#222}
.jt-qty-box span{font-size:10px;color:#cfcfcf;font-weight:600;line-height:1}
.jt-buy-btn{width:100%;height:43px;font-size:18px;font-weight:400;border-radius:5px}
.jt-buybox .btn{height:43px;border-radius:5px}
.jt-pay-logos{margin-top:12px;color:#9a9a9a}
.jt-pd-tabs{margin-top:16px;border:2px solid #404249;border-radius:5px;overflow:hidden;background:#1e1e1e}
html[data-theme="light"] .jt-pd-tabs{border-color:var(--line);background:#fff}
.jt-pd-tabs .jt-tabs{padding:0;gap:0;border-bottom:1px solid #333;overflow-x:auto;scrollbar-width:none}
.jt-pd-tabs .jt-tab{padding:6px 16px;font-size:14px;font-weight:600;color:var(--text);border:0;margin:0;border-radius:0 6px 6px 0;white-space:nowrap}
.jt-pd-tabs .jt-tab.is-active{background:var(--accent);color:#e0e1e5}
.jt-pd-tabs .jt-tabpane{padding:12px 16px}
.jt-prose{color:#e0e1e5;font-size:12px}
html[data-theme="light"] .jt-prose{color:#222}

/* --- Kategori başlığı --- */
.jt-cathead{background:#1e1e1e;border:0;border-radius:6px;padding:16px;grid-template-columns:96px 1fr}
html[data-theme="light"] .jt-cathead{background:#fff;border:1px solid var(--line)}
.jt-cathead img{width:96px;height:96px;border-radius:8px}
.jt-cathead h1{font-size:24px;font-weight:600}
.jt-subcat,.jt-cat{border-radius:6px;border-color:transparent;background:var(--card-bg);box-shadow:var(--shadow)}
.jt-subcat:hover,.jt-subcat.is-active,.jt-cat:hover{border-color:var(--accent)}

/* --- Footer --- */
.jt-footer{background:transparent;border-top:1px solid #2a2a2a;margin-top:40px}
html[data-theme="light"] .jt-footer{background:#fff}
.jt-footer h3{font-family:var(--f-display);font-size:16px;font-weight:600;color:#c2c9dc}
html[data-theme="light"] .jt-footer h3{color:#000}
.jt-footer ul{gap:5px}
.jt-footer ul a{color:#c2c2c2;font-size:12px;font-weight:400}
.jt-footer ul a:hover{color:#fff}
html[data-theme="light"] .jt-footer ul a{color:#444}
.jt-footer-bottom img{filter:invert(.95) brightness(1.5);opacity:.75}
html[data-theme="light"] .jt-footer-bottom img{filter:none}

/* --- Duyarlı --- */
@media (max-width:1399.98px){
  .jt-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .jt-tabs-nav .jt-nav-link{font-size:13px}
}
@media (max-width:1199.98px){
  .jt-grid,.jt-grid.cols-5{grid-template-columns:repeat(4,minmax(0,1fr))}
  .jt-pd-top{grid-template-columns:320px minmax(0,1fr)}
  .jt-pd-info{grid-template-columns:1fr}
  .jt-buybox{margin-top:12px}
  .jt-tabs-nav .jt-nav-item:nth-child(n+6):not(.is-filled){display:none}
}
@media (max-width:991.98px){
  .jt-topbar{display:none}
  .jt-head-main{display:grid;grid-template-columns:auto 1fr auto;gap:10px;min-height:0;padding:10px 0}
  .jt-burger{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:999px;background:var(--raised);color:var(--text);font-size:20px}
  .jt-logo{justify-self:center}
  .jt-logo img{max-height:34px}
  .jt-search{grid-column:1/-1;grid-row:2;max-width:none;margin:0}
  .jt-roundbtn{width:42px;height:42px}
  .jt-nav{display:none}
  .jt-hero{grid-template-columns:1fr}
  .jt-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .jt-pd-top{grid-template-columns:1fr}
  .jt-pd-gallery img{max-height:none;max-width:280px;margin:0 auto;border-radius:6px}
  .jt-pd-gallery{padding:14px}
  .jt-pd-info{border-left:0;border-top:1px solid #333}
}
@media (max-width:767.98px){
  .jt-grid,.jt-grid.cols-4,.jt-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .jt-games{justify-content:flex-start;padding:10px 0 4px}
  .jt-game .pic{width:60px;height:60px}
  .jt-sec-head{min-height:56px;padding:8px 12px}
  .jt-sec-title{font-size:16px}
  .jt-more{font-size:12px;padding:3px 10px}
  .jt-voucher-body{padding:8px}
  .jt-pd h1{font-size:22px}
  .jt-pd-gallery img{max-width:200px}
  .jt-pd .jt-feats{display:grid}
}
.jt-sec-head.has-img::before{filter:blur(1.5px) saturate(1.15);opacity:.75}
.jt-grid:not(.is-list) .jt-qty-inline{display:none}
html[data-theme="light"] .jt-tabs-nav .jt-nav-link.is-pink{color:var(--pink)}
html[data-theme="light"] .jt-tabs-nav .jt-nav-link.is-lime{color:var(--lime)}
html[data-theme="light"] .jt-tabs-nav .is-filled .jt-nav-link{color:#fff}
html[data-theme="light"] .jt-toplinks a.is-lime{color:var(--lime)}
@media (max-width:767.98px){.jt-hero-side{display:none}}
.jt-side-nav a.active,.jt-side-nav a.is-active{background:#3091c8;color:#fff}
.jt-side-nav a.active i,.jt-side-nav a.is-active i{color:#fff}
.jt-side-nav a{color:#d9d9d9;font-weight:500;font-size:15px;padding:8px 12px;border-radius:6px}
html[data-theme="light"] .jt-side-nav a{color:#333}
.jt-side-nav a:hover{background:rgba(255,255,255,.06)}
.jt-avatar{background:var(--accent)}
/* biraz daha geniş yerleşim */
.container{max-width:1480px}
.jt-promo.is-banner img{object-fit:cover}
.jt-games{justify-content:flex-start}
.jt-games > :first-child{margin-left:auto}
.jt-games > :last-child{margin-right:auto}

/* ===== inovapin: kırıntı yolu, kategori sayfaları, tüm kategoriler ===== */
.jt-crumbs{align-items:center;gap:4px;padding-left:12px}
.jt-crumbs li+li::before{display:inline-block;content:"\ea6e";font-family:remixicon;color:#a2a2a2;margin:0 4px 0 2px;font-size:16px;line-height:28px}
.jt-crumbs li.is-home a{padding:0 6px;font-size:16px;color:#dedede}
.jt-crumbs a:hover{background:none;color:var(--accent)}

/* kart puanı */
.jt-voucher-meta.is-rating{color:#dedede;gap:3px}
.jt-voucher-meta.is-rating i{color:#ffc107}
.jt-voucher-meta.is-rating b{font-weight:600}
.jt-voucher-meta.is-rating em{font-style:normal;font-weight:400;color:#a2a2a2}
html[data-theme="light"] .jt-voucher-meta.is-rating{color:#333}

/* ortalanmış kart (kategori listesi) */
.jt-grid.is-center .jt-voucher-link{align-items:center;text-align:center}
.jt-grid.is-center .jt-voucher-name{font-weight:700;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px}
.jt-grid.is-center .jt-price{align-items:center}
.jt-grid.is-center .jt-price .now{font-size:20px;line-height:24px;font-weight:500}
.jt-grid.is-center .jt-price .off{display:none}
.jt-grid.is-center .jt-addbtn{height:35px;font-weight:600}
.jt-grid.is-center .jt-voucher-body{padding:8px 4px 4px}
.jt-grid.is-list.is-center .jt-voucher-link{text-align:left;align-items:center}

/* kategori sayfası iki sütun */
.jt-catpage{display:grid;grid-template-columns:380px minmax(0,1fr);gap:28px;align-items:start}
.jt-catpage.is-hub{grid-template-columns:390px minmax(0,1fr);gap:14px}
.jt-catside{display:flex;flex-direction:column;gap:22px;position:sticky;top:16px}
.jt-catinfo{background:#2b2c31;border:1px solid #3a3b40;border-radius:8px;overflow:hidden}
html[data-theme="light"] .jt-catinfo{background:#fff;border-color:var(--line)}
.jt-catinfo .pic{aspect-ratio:380/226;background:#1e1e1e;overflow:hidden}
.jt-catinfo .pic img{width:100%;height:100%;object-fit:cover;display:block}
.jt-catinfo .bd{padding:18px 16px 16px}
.jt-catinfo .kicker{display:block;font-size:12px;font-weight:500;color:#c2c9dc;margin-bottom:10px}
.jt-catinfo h1{font-family:var(--f-display);font-size:30px;font-weight:500;color:#c2c9dc;margin:0 0 12px;line-height:1.2}
html[data-theme="light"] .jt-catinfo h1,html[data-theme="light"] .jt-catinfo .kicker{color:#222}
.jt-catdesc{color:#c2c9dc;font-size:12px;line-height:1.6}
html[data-theme="light"] .jt-catdesc{color:#444}
.jt-catdesc.jt-clamp{max-height:160px}
.jt-catdesc.jt-clamp::after{background:linear-gradient(0deg,#2b2c31,transparent);height:50px}
html[data-theme="light"] .jt-catdesc.jt-clamp::after{background:linear-gradient(0deg,#fff,transparent)}
.jt-catdesc p{margin:0 0 .6em}
.jt-catdesc h1,.jt-catdesc h2,.jt-catdesc h3{font-size:14px;color:#e0e1e5;margin:.6em 0 .3em}
.jt-catinfo .jt-readmore{color:#a2a2a2;font-weight:400;font-size:12px;padding:2px 0 0}
.jt-catlist{display:flex;flex-direction:column;gap:12px}
.jt-catlist a{display:block;padding:11px 20px;border:2px solid #4a4b50;border-radius:3px;color:#e0e1e5;font-size:14px;background:transparent}
html[data-theme="light"] .jt-catlist a{color:#222;border-color:#cfd2d8}
.jt-catlist a:hover{border-color:var(--accent);color:#fff}
.jt-catlist a.is-active{border-color:var(--accent);box-shadow:0 0 8px rgba(48,159,217,.55);color:#fff}
html[data-theme="light"] .jt-catlist a.is-active{color:#000}
.jt-listbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1e1e1e;border-radius:6px;padding:6px 8px 6px 16px;margin-bottom:12px;min-height:34px}
html[data-theme="light"] .jt-listbar{background:#fff;border:1px solid var(--line)}
.jt-listbar h2{font-size:14px;font-weight:600;margin:0;color:var(--text);font-family:var(--f-body)}
.jt-listbar .form-select{min-height:30px;height:30px;width:auto;font-size:12px;padding-top:0;padding-bottom:0;background-color:#121212;border-color:#333}
html[data-theme="light"] .jt-listbar .form-select{background-color:#fff;border-color:var(--line)}
.jt-listbar .jt-seg{background:#121212;border-color:#333;padding:2px}
.jt-listbar .jt-seg button{height:24px}
.jt-catmain .jt-grid{gap:12px 12px}
.jt-subgrid{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.jt-subcard{width:228px;display:flex;flex-direction:column;background:#2b2c31;border-radius:6px;overflow:hidden;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.35);transition:transform .15s ease}
html[data-theme="light"] .jt-subcard{background:#fff;color:#111;border:1px solid var(--line)}
.jt-subcard:hover{transform:scale(1.03);color:#fff}
html[data-theme="light"] .jt-subcard:hover{color:#111}
.jt-subcard .pic{aspect-ratio:228/130;overflow:hidden;background:#1e1e1e}
.jt-subcard .pic img{width:100%;height:100%;object-fit:cover;display:block}
.jt-subcard .nm{padding:12px 8px;text-align:center;font-size:14px;font-weight:500}

/* değerlendirmeler bandı */
.jt-revs{margin-top:18px}
.jt-revs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#33353d;border-radius:5px;padding:12px;margin-bottom:16px}
html[data-theme="light"] .jt-revs-head{background:#fff;border:1px solid var(--line)}
.jt-revs-head h2{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin:0;font-family:var(--f-body)}
.jt-revs-head h2 .ic{width:32px;height:32px;border-radius:6px;background:#6c5ce7;color:#fff;display:grid;place-items:center;font-size:16px}
.jt-revs-head .st{font-size:15px;color:var(--text);display:flex;align-items:center;gap:6px}
.jt-revs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.jt-rev{background:#2b2c31;border-radius:5px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
html[data-theme="light"] .jt-rev{background:#fff;border:1px solid var(--line)}
.jt-rev .top{display:flex;gap:12px;align-items:center}
.jt-rev .top img{width:56px;height:56px;border-radius:6px;object-fit:cover;flex:0 0 auto}
.jt-rev .top b{display:block;font-size:13px;font-weight:600;color:var(--text);line-height:1.3}
.jt-rev .top small{display:block;font-size:12px;color:#c2c9dc;margin-top:4px}
.jt-rev p{margin:0;font-size:12px;color:var(--text);min-height:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jt-rev .ft{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text);margin-top:auto}
.jt-rev .ft .sc{margin-left:auto;font-weight:600;display:flex;gap:4px;align-items:center}
.jt-rev .ft .jt-stars{font-size:12px}

/* tüm kategoriler */
.jt-catfilter{display:grid;grid-template-columns:340px 222px;gap:12px;margin:0 0 26px}
.jt-catfilter .form-control{height:40px;min-height:40px;background:#1e1e1e;border:1px solid #444;border-radius:3px;font-size:16px;color:#ddd}
html[data-theme="light"] .jt-catfilter .form-control{background:#fff;color:#222;border-color:var(--line)}
.jt-btn-green{--bs-btn-bg:#28a745;--bs-btn-border-color:#28a745;--bs-btn-color:#fff;--bs-btn-hover-bg:#218838;--bs-btn-hover-border-color:#218838;--bs-btn-hover-color:#fff;height:37px;border-radius:3px;font-size:13px;font-weight:700}
.jt-gametiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.jt-gametile{position:relative;aspect-ratio:220/132;border-radius:6px;overflow:hidden;display:grid;place-items:center;background:#1e1e1e;box-shadow:0 3px 10px rgba(0,0,0,.35);isolation:isolate;transition:transform .15s ease}
.jt-gametile:hover{transform:scale(1.03)}
.jt-gametile .bg{position:absolute;inset:-12px;background-size:cover;background-position:center;filter:blur(14px) saturate(1.3) brightness(.55);z-index:-1;transform:scale(1.15)}
.jt-gametile img{width:auto;height:72%;max-width:80%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.jt-gametile .nm{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;font-size:12px;font-weight:700;color:#fff;text-align:center;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ürün sayfası ek */
.jt-pd-gallery{position:relative}
.jt-pd-share{position:absolute;top:10px;right:10px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#000;font-size:20px;display:grid;place-items:center;cursor:pointer}
.jt-pd-links{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0;padding:6px 8px 8px;border-bottom:1px solid #555;font-size:14px;font-weight:600}
.jt-pd-links a{color:#bcc7f5;display:inline-flex;align-items:center;gap:6px}
html[data-theme="light"] .jt-pd-links a{color:#3a55c4}
.jt-pd-links a:hover{color:#fff}
.jt-pd-how{margin-top:14px}
.jt-buybox .jt-price{gap:4px}
.jt-buybox .jt-price .now{font-size:28px;font-weight:700}
.jt-buybox .jt-price .now small{font-size:20px;font-weight:700}
.jt-buybox .row2{display:flex;align-items:center;gap:10px}
.jt-buybox .row2 .was{color:#a2a2a2;font-size:20px;text-decoration:line-through}
.jt-buybox .row2 .off{color:#2bd552;font-size:14px;font-weight:700;margin:0}
.jt-gain{display:inline-block;margin-top:6px;border:1px solid #2bd552;color:#2bd552;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}

@media (max-width:1399.98px){.jt-gametiles{grid-template-columns:repeat(5,minmax(0,1fr))}.jt-catpage{grid-template-columns:320px minmax(0,1fr)}}
@media (max-width:1199.98px){.jt-gametiles{grid-template-columns:repeat(4,minmax(0,1fr))}.jt-revs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jt-catmain .jt-grid.cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:991.98px){
  .jt-catpage,.jt-catpage.is-hub{grid-template-columns:1fr}
  .jt-catside{position:static}
  .jt-catinfo{display:grid;grid-template-columns:140px 1fr}
  .jt-catinfo .pic{aspect-ratio:auto;height:100%}
  .jt-catinfo h1{font-size:22px}
  .jt-catlist{flex-direction:row;overflow-x:auto;gap:8px}
  .jt-catlist a{white-space:nowrap;padding:8px 14px}
  .jt-gametiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jt-subcard{width:calc(33.333% - 6px)}
}
@media (max-width:767.98px){
  .jt-catinfo{grid-template-columns:1fr}
  .jt-catinfo .pic{aspect-ratio:380/200}
  .jt-catdesc.jt-clamp{max-height:90px}
  .jt-catfilter{grid-template-columns:1fr auto}
  .jt-gametiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .jt-subcard{width:calc(50% - 4px)}
  .jt-revs-grid{grid-template-columns:1fr}
  .jt-catmain .jt-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jt-listbar{flex-wrap:wrap}
}
.jt-crumbs li+li::before{display:none;content:none}
.jt-crumbs li:not(:last-child)::after{display:inline-block;content:"\ea6e";font-family:remixicon;color:#a2a2a2;margin:0 2px 0 4px;font-size:16px;line-height:28px}
.jt-gametile img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:76%;width:auto;max-width:85%}
.jt-gametile .nm{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);background:none}
/* slider: yüklenen görseller (1200x456 / 2400x912) kırpılmadan tam sığar */
.jt-slider{aspect-ratio:1200/456}
/* admin'den yüklenen bölüm bandı: net, sağa yaslı, solda yumuşak geçiş */
.jt-sec-head.has-img.is-custom::before{width:70%;filter:none;opacity:1;background-position:right center;background-size:cover;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}

/* kategori görselleri kırpılmadan tam görünsün */
.jt-catinfo .pic{aspect-ratio:auto;height:auto;background:#1e1e1e}
.jt-catinfo .pic img{width:100%;height:auto;object-fit:contain}
.jt-subcard .pic{aspect-ratio:auto;height:auto}
.jt-subcard .pic img{width:100%;height:auto;object-fit:contain}
.jt-subgrid{align-items:stretch}
.jt-subcard .nm{margin-top:auto}
@media (max-width:991.98px){.jt-catinfo .pic img{height:100%;object-fit:cover}}
@media (max-width:767.98px){.jt-catinfo .pic img{height:auto;object-fit:contain}}

/* tüm kategoriler: yatay kategori görselleri karoyu tam doldurur */
.jt-gametile{aspect-ratio:5/3}
.jt-gametile img.cover{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform:none;object-fit:cover;border-radius:0;filter:none}
.jt-subcard .pic{aspect-ratio:5/3}
.jt-subcard .pic img{height:100%;object-fit:cover}

/* mobil uyum: tek sütuna düşen ızgaralar geniş görsellerle taşmasın */
body{overflow-x:clip}
.jt-catpage>*,.jt-catinfo>*,.jt-catmain{min-width:0}
.jt-catinfo .pic img{max-width:100%}
@media (max-width:991.98px){
  .jt-catpage,.jt-catpage.is-hub{grid-template-columns:minmax(0,1fr)}
  .jt-catinfo{grid-template-columns:260px minmax(0,1fr)}
  .jt-catinfo .pic{aspect-ratio:5/3;height:auto;align-self:start}
  .jt-catinfo .pic img{height:100%;object-fit:cover}
}
@media (max-width:767.98px){
  .jt-catinfo{grid-template-columns:minmax(0,1fr)}
  .jt-catinfo .pic img{height:100%}
  .jt-catinfo h1{font-size:20px}
}
/* alt menü dar ekranlarda (360px) taşmasın */
.jt-mobilebar{left:0;right:0;width:100%;max-width:100vw;box-sizing:border-box}
.jt-mobilebar a{flex:1 1 0;min-width:0;padding-left:2px;padding-right:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:374.98px){.jt-mobilebar a{font-size:10px}}

/* ===== Ürün sayfası: paket seçimi, yükleme bilgileri, mobil satın alma çubuğu ===== */
.jt-pd-mprice{display:none}
.jt-buybar{display:none}
.jt-packs{margin:16px 0 0}
.jt-packs-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.jt-packs-head b{font-size:14px;font-weight:700;color:var(--text)}
.jt-packs-head span{font-size:12px;color:#8e95a5}
.jt-packs-row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 4px;margin:0 -2px}
.jt-packs-row::-webkit-scrollbar{display:none}
.jt-pack{position:relative;flex:0 0 96px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;padding:6px 6px 8px;border-radius:8px;background:#2a2b30;border:2px solid transparent;color:var(--text);text-align:center;transition:border-color .15s}
html[data-theme="light"] .jt-pack{background:var(--raised)}
.jt-pack:hover{border-color:#4a4d57;color:var(--text)}
.jt-pack.is-current{border-color:var(--accent);background:rgba(52,147,200,.12)}
.jt-pack .pic{display:block;aspect-ratio:6/7;border-radius:5px;overflow:hidden;background:#151516}
.jt-pack .pic img{width:100%;height:100%;object-fit:cover;display:block}
.jt-pack .nm{font-size:11px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.jt-pack.is-short .nm{font-size:13px;font-weight:800;min-height:0}
.jt-pack .pr{font-size:12px;font-weight:700;color:#4fc3ff;white-space:nowrap}
.jt-pack .ck{position:absolute;top:-7px;right:-7px;font-size:20px;color:var(--accent);background:#1e1e1e;border-radius:50%;line-height:1}
.jt-bb-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--text);margin:4px 0 10px}
.jt-bb-title i{color:var(--accent);font-size:18px}
.jt-req-wrap.is-multi{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8px}
.jt-req-wrap.is-multi .jt-req{margin-bottom:0}
.jt-req-in{position:relative}
.jt-req-in .form-control{height:46px;font-size:16px;font-weight:600;padding-right:84px;background:#1e1f23;border:1.5px solid #4a4d57;color:var(--text);border-radius:8px}
.jt-req-wrap.is-multi .jt-req:last-child .form-control{padding-right:12px}
.jt-req-wrap.is-multi .jt-req:last-child .jt-paste{display:none}
html[data-theme="light"] .jt-req-in .form-control{background:#fff;border-color:#c7c9cd}
.jt-req-in .form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(52,147,200,.25)}
.jt-req-in .form-control.is-invalid{border-color:#ff4d6a;box-shadow:0 0 0 3px rgba(255,77,106,.2)}
.jt-paste{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:32px;padding:0 10px;border:0;border-radius:6px;background:#34363d;color:#cfd3dc;font-size:12px;font-weight:700;cursor:pointer}
.jt-paste[hidden]{display:none}
.jt-req .invalid-feedback{font-size:12px}
.jt-req-in .is-invalid~.jt-paste{background:#4a2530}
.jt-req.is-shake{animation:jtShake .35s}
@keyframes jtShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){.jt-req.is-shake{animation:none}}
.jt-req-help{display:flex;gap:6px;font-size:11.5px;line-height:1.5;color:#9aa1b0;margin:8px 0 14px}
.jt-req-help i{color:#f0b429;font-size:14px;flex:0 0 auto}

@media (max-width:991.98px){
  body.has-buybar{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body.has-buybar .jt-mobilebar{display:none}
  body.has-buybar .lc-root:not(.open){bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .jt-main:has(.jt-pd){padding-top:12px}
  .jt-main:has(.jt-pd) .jt-crumbs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;margin-bottom:10px}
  .jt-main:has(.jt-pd) .jt-crumbs li[aria-current]{display:none}
  .jt-main:has(.jt-pd) .jt-crumbs li:nth-last-child(2)::after{display:none}

  /* kompakt üst: küçük görsel + başlık/fiyat yan yana, altında paketler ve satın alma */
  .jt-pd-top{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:14px;padding:14px;border-radius:10px}
  .jt-pd-info,.jt-pd-detail{display:contents}
  .jt-pd-gallery{grid-column:1;grid-row:1 / span 4;align-self:start;padding:0;background:none;border-radius:8px;overflow:hidden}
  .jt-pd-gallery img{max-width:none;width:112px;height:auto;aspect-ratio:6/7;object-fit:cover;border-radius:8px;margin:0}
  .jt-pd-share{display:none}
  .jt-pd h1{grid-column:2;order:1;font-size:17px;line-height:1.3;margin:0 0 2px;font-weight:700}
  .jt-pd-brand{grid-column:2;order:2;font-size:12px}
  .jt-pd-rating{grid-column:2;order:3;margin:6px 0 0}
  .jt-pd-mprice{grid-column:2;order:4;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:8px}
  .jt-pd-mprice .now{font:700 22px/1.1 var(--f-display);color:var(--text);white-space:nowrap}
  .jt-pd-mprice .now small{font-size:14px}
  .jt-pd-mprice .was{font-size:13px;color:#a2a2a2;text-decoration:line-through}
  .jt-pd-mprice .off{font-size:12px;font-weight:700;color:#2bd552}
  .jt-pd-mstock{flex-basis:100%;font-size:12px;font-weight:600;color:#2bd552;display:flex;align-items:center;gap:4px;margin-top:2px}
  .jt-pd-mstock.is-out{color:#ff4d6a}
  .jt-pd-note{grid-column:1 / -1;order:5;margin-top:12px}
  .jt-packs{grid-column:1 / -1;order:6;margin-top:14px;padding-top:14px;border-top:1px solid #3a3b40}
  .jt-buybox{grid-column:1 / -1;order:7;margin:14px 0 0;padding:14px 0 0;background:none;border:0;border-top:1px solid #3a3b40;border-radius:0}
  .jt-feats{grid-column:1 / -1;order:8}
  .jt-pd-links{grid-column:1 / -1;order:9}
  .jt-pd-how{grid-column:1 / -1;order:10}
  .jt-buybox .jt-offer-tag,.jt-buybox .jt-store,.jt-buybox .jt-price,.jt-buybox .jt-buy-btn,.jt-buybox .jt-pay-logos{display:none!important}
  .jt-buybox .jt-qty{margin:4px 0 0;width:auto;justify-content:flex-start;align-items:center;gap:0}
  .jt-buybox .jt-qty::before{content:"Adet";font-size:14px;font-weight:600;color:var(--text);margin-right:auto}
  .jt-buybox .jt-qty button{width:40px;height:40px;border-radius:8px}
  .jt-qty-box{height:40px;width:52px;border:0;background:transparent}
  .jt-qty-box span{display:none}
  .jt-qty-box input{font-size:16px}
  .jt-feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}
  .jt-feat{flex-direction:column;justify-content:center;text-align:center;gap:2px;padding:8px 4px;min-height:0}
  .jt-feat:last-child{display:none}
  .jt-feat i{font-size:20px;color:#2bd552}
  .jt-feat span{align-items:center}

  .jt-buybar{display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:1045;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#1b1c20;border-top:1px solid #34363d;box-shadow:0 -8px 24px rgba(0,0,0,.45)}
  html[data-theme="light"] .jt-buybar{background:#fff;border-color:var(--line)}
  .jt-buybar-price{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.15}
  .jt-buybar-price small{font-size:11px;color:#9aa1b0;font-weight:600}
  .jt-buybar-price b{font:700 19px/1.15 var(--f-display);color:var(--text);white-space:nowrap}
  .jt-buybar-price s{font-size:12px;color:#a2a2a2}
  .jt-buybar-cart{flex:0 0 52px;height:52px;border-radius:10px;border:1.5px solid var(--accent);background:transparent;color:var(--accent);font-size:22px;display:grid;place-items:center}
  .jt-buybar-go{flex:0 0 auto;min-width:150px;height:52px;padding:0 18px;border-radius:10px;border:0;background:#2bb24c;color:#fff;font-size:17px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px 18px rgba(43,178,76,.35)}
  .jt-buybar-go:hover{color:#fff}
  .jt-buybar-go.is-off{background:#3a3b40;box-shadow:none;color:#aaa}
  .jt-buybar.is-busy .jt-buybar-go,.jt-buybar.is-busy .jt-buybar-cart{opacity:.6;pointer-events:none}
  .jt-buybar.is-done .jt-buybar-cart{background:var(--accent);color:#fff}
  .jt-buybar.is-done .jt-buybar-cart i::before{content:"\eb7b"}
}
@media (max-width:374.98px){
  .jt-pd-top{grid-template-columns:92px minmax(0,1fr)}
  .jt-pd-gallery img{width:92px}
  .jt-buybar-go{min-width:120px;font-size:15px;padding:0 12px}
}
.jt-req:has(.is-invalid) .invalid-feedback{display:block}
@media (max-width:991.98px){.jt-pd-note{display:none}}
@media (min-width:992px){.jt-packs-row{flex-wrap:wrap;overflow:visible;margin:0}.jt-pack{flex-basis:92px}}

/* ===== Mobil satın alma penceresi (alttan açılır) ===== */
.jt-sheet{display:none}
html.jt-noscroll,html.jt-noscroll body{overflow:hidden}
@media (max-width:991.98px){
  .jt-sheet{display:block;position:fixed;inset:0;z-index:1060}
  .jt-sheet[hidden]{display:none}
  .jt-sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .2s}
  .jt-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;
    background:#17181c;border:1px solid #2c2e35;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.6);
    transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  html[data-theme="light"] .jt-sheet-panel{background:#fff;border-color:var(--line)}
  .jt-sheet.is-open .jt-sheet-bg{opacity:1}
  .jt-sheet.is-open .jt-sheet-panel{transform:none}
  @media (prefers-reduced-motion:reduce){.jt-sheet-bg,.jt-sheet-panel{transition:none}}
  .jt-sheet-panel::before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:#3a3d45}
  .jt-sheet-head{display:flex;align-items:center;gap:12px;padding:20px 16px 14px;border-bottom:1px solid #2c2e35}
  html[data-theme="light"] .jt-sheet-head{border-color:var(--line)}
  .jt-sheet-ico{flex:0 0 44px;width:44px;height:44px;border-radius:10px;overflow:hidden;background:#111}
  .jt-sheet-ico img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
  .jt-sheet-head .t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
  .jt-sheet-head .t b{font-size:17px;font-weight:800;color:var(--text);line-height:1.2}
  .jt-sheet-head .t small{font-size:12px;color:#9aa1b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jt-sheet-x{flex:0 0 40px;width:40px;height:40px;border:0;border-radius:10px;background:#25272d;color:var(--text);font-size:22px;display:grid;place-items:center}
  .jt-sheet-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 6px}
  .jt-sheet-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #2c2e35}
  html[data-theme="light"] .jt-sheet-foot{border-color:var(--line)}
  .jt-sheet-go{width:100%;height:54px;border:0;border-radius:12px;background:#2bb24c;color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px 18px rgba(43,178,76,.35)}
  .jt-sheet.is-busy .jt-sheet-go{opacity:.6;pointer-events:none}
  .jt-sheet .jt-reqbox .jt-bb-title{display:none}
  .jt-sheet .jt-req label{font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}
  .jt-sheet .jt-req-help{margin-bottom:12px}

  .jt-saved{margin-bottom:14px}
  .jt-saved-h{font-size:12px;font-weight:800;letter-spacing:.3px;color:#9aa1b0;margin-bottom:8px}
  .jt-saved-list{display:flex;flex-direction:column;max-height:180px;overflow-y:auto;border:1px solid #2c2e35;border-radius:10px;background:#111215}
  html[data-theme="light"] .jt-saved-list{background:#f6f7f9;border-color:var(--line)}
  .jt-acc{display:flex;align-items:center;border-bottom:1px solid #22242a}
  .jt-acc:last-child{border-bottom:0}
  .jt-acc .pick{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;padding:12px 12px;border:0;background:none;color:var(--text);text-align:left}
  .jt-acc .pick i{color:#9aa1b0;font-size:16px}
  .jt-acc .pick b{font-size:15px;font-weight:800;letter-spacing:.2px}
  .jt-acc .pick small{font-size:12px;color:#9aa1b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .jt-acc.is-on{background:rgba(52,147,200,.14)}
  .jt-acc.is-on .pick i{color:var(--accent)}
  .jt-acc .del{flex:0 0 40px;height:40px;border:0;background:none;color:#6d7380;font-size:18px}

  .jt-upsell{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:4px 0 10px;border:1px solid #2c2e35;border-radius:12px;overflow:hidden;color:var(--text)}
  .jt-upsell:hover{color:var(--text)}
  .jt-upsell .col{display:flex;flex-direction:column;gap:1px;padding:12px}
  .jt-upsell .col img{width:36px;height:42px;object-fit:cover;border-radius:6px;margin-bottom:6px}
  .jt-upsell .col small{font-size:11px;font-weight:700;color:#9aa1b0}
  .jt-upsell .col b{font-size:16px;font-weight:800}
  .jt-upsell .col em{font-style:normal;font-size:12px;color:#9aa1b0}
  .jt-upsell .col.is-up{background:rgba(52,147,200,.14);border-left:1px dashed #3a3d45}
  .jt-upsell .col.is-up small{color:#4fc3ff}
  .jt-upsell .arr{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:16px}
  .jt-upsell .cta{grid-column:1 / -1;padding:10px;text-align:center;font-size:13px;font-weight:800;color:#4fc3ff;border-top:1px solid #2c2e35}
  .jt-sheet-terms{font-size:11.5px;color:#8e95a5;text-align:center;margin:4px 0 6px}
  .jt-sheet-terms a{color:#b6bdcc;text-decoration:underline}
}
html.jt-noscroll .lc-root{display:none!important}
@media (max-width:991.98px){
  .jt-upsell .col.is-up{padding-left:24px}
  .jt-sheet .jt-req-wrap.is-multi .jt-paste{display:none}
  .jt-sheet .jt-req-wrap.is-multi .form-control{padding-right:12px}
}
.jt-codes{display:flex;flex-direction:column;gap:8px}