/* Hırtı Tokatla v145: ortak tasarım dili (marka pembesi, siyah çerçeveli kartlar, sticker satırı,
   "Uygulamada" penceresi, içerik şablonu). Sadece görünüm; oyun/kredi/giriş/yorum mantığına dokunmaz. */
body.h145{
  --h-pink:#c8104e; --h-pink2:#a30d40; --h-grad:linear-gradient(135deg,#c8104e,#a30d40);
  --h-ink:#17121b; --h-ink2:#221a27; --h-paper:#fff; --h-soft:#fafafa; --h-text:#231d27; --h-mute:#6c6470;
  --h-frame:#17121b; --h-shadow:5px 5px 0 #17121b;
  --h-display:'Baloo 2','Plus Jakarta Sans',system-ui,sans-serif; --h-body:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --accent:#c8104e; --h140-pink:#c8104e; --h140-pink-l:#e0245c; --h140-pink-d:#a30d40;
}
body.h145.dark{
  --h-paper:#1d1722; --h-soft:#2a1d27; --h-text:#f1ecf3; --h-mute:#b7adbb; --h-frame:#000; --h-shadow:5px 5px 0 #000;
  --h140-card:#1d1722; --h140-ink:#f1ecf3; --h140-muted:#b7adbb; --h140-line:#3a2f40;
}

/* ---------- Sticker satırı (her sayfanın üstünde) ---------- */
.h145-stk{display:block; width:100%; max-width:1180px; margin:10px auto 2px; padding:0 12px; box-sizing:border-box; background:transparent; position:relative}
.h145-stk-in{display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; padding:4px 2px 6px; scrollbar-width:none; scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch; -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
.h145-stk-in::-webkit-scrollbar{display:none}
.h145-stk-i{flex:0 0 auto; width:66px; display:flex; flex-direction:column; align-items:center; gap:5px; text-decoration:none!important; scroll-snap-align:start;
  -webkit-tap-highlight-color:transparent; transition:transform .15s ease}
.h145-stk-i:hover{transform:translateY(-2px)} .h145-stk-i:active{transform:scale(.94)}
.h145-stk-o{display:block; width:58px; height:58px; border-radius:50%; padding:2.5px; background:var(--r,#c8104e); box-sizing:border-box}
.h145-stk-o>span{display:block; width:100%; height:100%; border-radius:50%; overflow:hidden; background:#fff; border:2.5px solid #fff; box-sizing:border-box}
.h145-stk-o img{display:block; width:100%; height:100%; object-fit:cover; object-position:50% 12%; transform:scale(1.12) translateY(4%)}
.h145-stk-i[data-ch="baba"] .h145-stk-o img{object-position:50% 0; transform:scale(1.9) translateY(18%)}
.h145-stk-i small{display:block; max-width:70px; font:700 11px/1.15 var(--h-body); color:#8a8290; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:.01em}
.h145-stk-i.is-on small{color:var(--h-pink); font-weight:800}
.h145-stk-i.is-on .h145-stk-o{box-shadow:0 0 0 3px rgba(200,16,78,.25)}
body.dark .h145-stk-o>span{background:#221a27; border-color:#161616}
body.dark .h145-stk-i small{color:#9e96a3}
@media (min-width:1100px){.h145-stk-in{justify-content:center; -webkit-mask-image:none; mask-image:none}}

/* ---------- "Uygulamada" düğmesi ---------- */
.h145-ab{display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 18px 0 8px; border-radius:999px; cursor:pointer;
  background:#17121b; color:#fff!important; border:2px solid #17121b; font:800 14px/1 var(--h-body); text-decoration:none!important; letter-spacing:.01em;
  box-shadow:0 6px 18px -8px rgba(23,18,27,.55); transition:transform .15s ease, box-shadow .15s ease; -webkit-tap-highlight-color:transparent}
.h145-ab:hover{transform:translateY(-2px)} .h145-ab:active{transform:scale(.97)}
.h145-ab .h145-ab-ic{display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--h-grad,#c8104e); font-size:15px; line-height:1}
.h145-ab.h145-ab-sm{min-height:38px; font-size:13px; padding:0 14px 0 6px} .h145-ab.h145-ab-sm .h145-ab-ic{width:26px; height:26px; font-size:13px}
.h145-ab.h145-ab-light{background:#fff; color:#17121b!important; border-color:#fff}
body.dark .h145-ab{background:#fff; color:#17121b!important; border-color:#fff}
body.dark .h145-ab.h145-ab-light{background:#17121b; color:#fff!important; border-color:#3a2f40}

/* ---------- Uygulama penceresi ---------- */
.h145-am{position:fixed; inset:0; z-index:2147483000; display:grid; place-items:center; padding:18px; background:rgba(13,10,16,.62); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px)}
.h145-am[hidden]{display:none}
html.h145-am-open, html.h145-am-open body{overflow:hidden}
.h145-am-card{position:relative; width:min(380px,100%); box-sizing:border-box; padding:26px 22px 22px; border-radius:26px; background:#fff; color:#17121b;
  border:3px solid #17121b; box-shadow:7px 7px 0 #17121b; text-align:center; font-family:var(--h-body,system-ui); animation:h145am .22s ease-out}
@keyframes h145am{from{transform:translateY(14px) scale(.97); opacity:0}to{transform:none; opacity:1}}
.h145-am-x{position:absolute; top:10px; right:10px; width:36px; height:36px; border-radius:50%; border:2px solid #17121b; background:#fff; color:#17121b; font:700 20px/1 system-ui; cursor:pointer}
.h145-am-stk{display:flex; justify-content:center; margin:-4px 0 6px}
.h145-am-stk img{width:84px; height:84px; object-fit:contain}
.h145-am-stk img+img{margin-left:-14px}
.h145-am-card h2{margin:4px 0 6px; font:800 26px/1.05 var(--h-display,system-ui); color:#17121b}
.h145-am-card h2 em{font-style:normal; color:#c8104e}
.h145-am-card p{margin:0 0 16px; font-size:14.5px; line-height:1.5; color:#5d5662}
.h145-am-row{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.h145-am-btn{display:flex; align-items:center; justify-content:center; gap:9px; min-height:56px; padding:8px 10px; border-radius:16px; text-decoration:none!important;
  background:#17121b; color:#fff!important; border:2px solid #17121b; text-align:left}
.h145-am-btn svg{width:24px; height:24px; flex:0 0 24px}
.h145-am-btn>span{display:flex; flex-direction:column; font:800 15px/1.1 var(--h-body,system-ui)}
.h145-am-btn small{font-size:10px; font-weight:700; letter-spacing:.06em; opacity:.75}
.h145-am-play:hover{background:#c8104e; border-color:#c8104e}
.h145-am-btn.is-soon{background:#f4f1f5; color:#8a8290!important; border-color:#e3dde6; cursor:default}
body.dark .h145-am-card{background:#1d1722; color:#fff; border-color:#000; box-shadow:7px 7px 0 #000}
body.dark .h145-am-card h2{color:#fff} body.dark .h145-am-card p{color:#c9c0cd}
body.dark .h145-am-x{background:#1d1722; color:#fff; border-color:#4a3e50}
body.dark .h145-am-btn{background:#fff; color:#17121b!important; border-color:#fff}
body.dark .h145-am-btn.is-soon{background:#2a2230; color:#9e96a3!important; border-color:#3a2f40}

/* Uygulama içinde mağaza rozetleri ve indirme kutuları görünmez (yerine Satın al / Keşfet) */
html.h145-inapp .h145-store, html.h145-inapp .h145-app, html.h145-inapp .v74-footer-store, html.h145-inapp .v54-store,
html.h145-inapp .v72-drawer-store, html.h145-inapp .v68-footer-pwa, html.h145-inapp [data-h145-web-only]{display:none!important}
html.h145-inapp .h145-stk{display:none!important}

/* ---------- İçerik şablonu (makale, rehber, test, tarif, karakter, yasal) ---------- */
body.h145-content main{font-family:var(--h-body)}
body.h145-content main.v53-article, body.h145-content main.article-v13{max-width:1120px}
body.h145-content .v53-article-head, body.h145-content .article-paper > header, body.h145-content .h145-has-stk{position:relative}
body.h145-content .v53-article-head{margin:18px 0 22px; padding:26px 150px 24px 26px; border-radius:26px; background:var(--h-paper); border:3px solid var(--h-frame); box-shadow:var(--h-shadow); overflow:visible; text-align:left}
body.h145-content .v53-article-head .v53-category, body.h145-content .article-category{display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px;
  background:var(--h-pink)!important; color:#fff!important; font:800 11.5px/1 var(--h-body)!important; letter-spacing:.06em; text-transform:uppercase; border:0}
body.h145-content main h1, body.h145-content .article-title{font-family:var(--h-display)!important; font-weight:800!important; color:var(--h-text)!important; letter-spacing:-.01em; line-height:1.08!important}
body.h145-content .v53-article-head h1{font-size:clamp(30px,4.2vw,50px)!important; margin:14px 0 8px!important}
body.h145-content .v53-article-head .v53-emoji{margin:2px 0 6px}
body.h145-content .v53-byline, body.h145-content .article-byline{display:inline-flex; align-items:center; gap:8px; margin:6px 0 0!important; padding:6px 12px; border-radius:999px; background:var(--h-soft); color:var(--h-mute)!important; font:700 13px/1.2 var(--h-body)!important}
body.h145-content .h145-head-stk{position:absolute; right:12px; top:50%; width:132px; height:132px; transform:translateY(-50%) rotate(4deg); border-radius:50%;
  background:radial-gradient(circle at 50% 40%,#fff 0 55%,var(--h-soft) 56%); border:3px solid var(--h-frame); box-shadow:4px 4px 0 var(--r,#c8104e); overflow:hidden; pointer-events:none}
body.h145-content .h145-head-stk img{display:block; width:100%; height:100%; object-fit:cover; object-position:50% 15%; transform:scale(1.08) translateY(6%)}
body.h145-content .article-paper .h145-head-stk{position:relative; right:auto; top:auto; float:right; transform:rotate(4deg); width:104px; height:104px; margin:0 0 10px 14px}
/* görseller */
body.h145-content .v68-article-figure, body.h145-content figure{border-radius:24px!important; border:3px solid var(--h-frame)!important; box-shadow:var(--h-shadow)!important; background:var(--h-paper)!important; overflow:hidden; padding:0!important}
body.h145-content .v68-article-figure img, body.h145-content figure img{border-radius:0!important; display:block}
body.h145-content figure figcaption{padding:10px 16px 12px!important; font:600 13px/1.45 var(--h-body)!important; color:var(--h-mute)!important; background:transparent!important}
/* metin kartları */
body.h145-content section.v52-info{background:var(--h-paper)!important; color:var(--h-text)!important; border:3px solid var(--h-frame)!important; border-radius:24px!important; box-shadow:var(--h-shadow)!important;
  padding:clamp(20px,3vw,34px)!important; margin:22px 0!important}
body.h145-content section.v52-info p, body.h145-content section.v52-info li, body.h145-content .article-paper p, body.h145-content .article-paper li{
  color:var(--h-text)!important; font:500 clamp(16px,1.25vw,17.5px)/1.78 var(--h-body)!important}
body.h145-content section.v52-info h2, body.h145-content section.v52-info h3, body.h145-content .article-paper h2, body.h145-content .article-paper h3{
  font-family:var(--h-display)!important; font-weight:800!important; color:var(--h-text)!important; line-height:1.15!important; margin:22px 0 10px!important}
body.h145-content section.v52-info h2:first-child, body.h145-content section.v52-info h3:first-child{margin-top:0!important}
body.h145-content section.v52-info h2{font-size:clamp(23px,2.2vw,30px)!important}
body.h145-content section.v52-info h2::before, body.h145-content .article-paper h2::before{content:""; display:inline-block; width:12px; height:12px; margin-right:10px; border-radius:4px; background:var(--h-pink); transform:rotate(45deg) translateY(-3px)}
body.h145-content section.v52-info a:not([class]), body.h145-content .article-paper a:not([class]){color:var(--h-pink)!important; font-weight:700; text-decoration:underline; text-underline-offset:3px}
body.h145-content section.v52-info strong, body.h145-content section.v52-info b{color:inherit}
/* alıntı */
body.h145-content section.v53-quote{background:var(--h-grad)!important; color:#fff!important; border:3px solid var(--h-frame)!important; border-radius:24px!important; box-shadow:var(--h-shadow)!important; padding:24px 26px 22px 70px!important; position:relative; margin:22px 0!important}
body.h145-content section.v53-quote::before{content:"“"; position:absolute; left:18px; top:6px; font:800 72px/1 var(--h-display); color:rgba(255,255,255,.55)}
body.h145-content section.v53-quote strong, body.h145-content section.v53-quote p{color:#fff!important; font-family:var(--h-body)!important}
body.h145-content section.v53-quote strong{font:800 clamp(18px,1.7vw,22px)/1.3 var(--h-display)!important}
/* testler (article-v13) */
body.h145-content .article-paper{background:var(--h-paper)!important; color:var(--h-text)!important; border:3px solid var(--h-frame)!important; border-radius:26px!important; box-shadow:var(--h-shadow)!important; padding:clamp(20px,3vw,34px)!important}
body.h145-content .article-paper .article-title{font-size:clamp(30px,4vw,46px)!important}
body.h145-content .article-rail > *{border-radius:20px!important}
body.h145-content .article-rail section, body.h145-content .article-rail .rail-card, body.h145-content .article-rail > div{border:3px solid var(--h-frame)!important; box-shadow:4px 4px 0 var(--h-frame)!important; background:var(--h-paper)!important; color:var(--h-text)!important}
body.h145-content .article-rail a{color:var(--h-text)!important}
body.h145-content .article-rail h2, body.h145-content .article-rail h3{font-family:var(--h-display)!important; color:var(--h-text)!important}
/* düğmeler */
body.h145 .v20-btn, body.h145-content .article-paper .btn, body.h145 .h140-btn{border-radius:999px!important; background:var(--h-grad)!important; color:#fff!important; border:2px solid var(--h-frame)!important;
  box-shadow:3px 3px 0 var(--h-frame)!important; font-family:var(--h-body)!important; font-weight:800!important}
body.h145 .v20-btn:hover{transform:translateY(-1px)}
/* tarif */
body.h145-content.h145-recipe nav.h128-related a{border:3px solid var(--h-frame)!important; border-radius:20px!important; box-shadow:4px 4px 0 var(--h-frame)!important; background:var(--h-paper)!important; color:var(--h-text)!important}

/* ---------- Alt kart blokları ---------- */
.h145-next-cards{margin:34px 0 26px; font-family:var(--h-body)}
.h145-nc-head{display:flex; align-items:center; gap:12px; margin:0 0 14px}
.h145-nc-head img{width:52px; height:52px; border-radius:50%; background:#fff; border:3px solid var(--h-frame,#17121b); object-fit:cover; object-position:50% 10%}
.h145-nc-head span{display:block; font:800 11.5px/1 var(--h-body); letter-spacing:.08em; color:var(--h-pink,#c8104e)}
.h145-nc-head h2{margin:4px 0 0!important; font:800 clamp(26px,3vw,36px)/1 var(--h-display)!important; color:var(--h-text,#17121b)!important}
.h145-nc-head h2::before{display:none!important}
.h145-nc-head h2 em{font-style:normal; color:var(--h-pink,#c8104e)}
.h145-nc-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
.h145-nc{position:relative; display:flex; flex-direction:column; min-height:100%; border-radius:24px; overflow:hidden; text-decoration:none!important; background:#17121b; color:#fff!important;
  border:3px solid #17121b; box-shadow:5px 5px 0 var(--r,#c8104e); transition:transform .15s ease, box-shadow .15s ease}
.h145-nc:hover{transform:translate(-2px,-2px); box-shadow:7px 7px 0 var(--r,#c8104e)}
.h145-nc-art{display:block; height:150px; background:radial-gradient(circle at 50% 75%,color-mix(in srgb,var(--r,#c8104e) 55%,transparent),transparent 70%),linear-gradient(160deg,#2a2030,#17121b); position:relative}
.h145-nc-art img{position:absolute; left:50%; bottom:-6px; width:150px; height:150px; transform:translateX(-50%); object-fit:contain; filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.h145-nc-body{display:flex; flex-direction:column; gap:5px; padding:14px 16px 16px; flex:1}
.h145-nc-body small{font:800 10.5px/1 var(--h-body); letter-spacing:.08em; color:var(--r,#c8104e)}
.h145-nc-body b{font:800 20px/1.1 var(--h-display); color:#fff}
.h145-nc-body>span{font:500 13.5px/1.45 var(--h-body); color:rgba(255,255,255,.72)}
.h145-nc-body i{margin-top:auto; padding-top:8px; font:800 13.5px/1 var(--h-body); font-style:normal; color:#fff}
@media (max-width:900px){.h145-nc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  body.h145-content .v53-article-head{padding:20px 18px 18px; margin-top:12px}
  body.h145-content .h145-head-stk{position:relative; right:auto; top:auto; float:right; transform:rotate(4deg); width:86px; height:86px; margin:-4px -4px 6px 10px}
  body.h145-content section.v53-quote{padding:22px 18px 18px 54px!important}
  body.h145-content section.v53-quote::before{left:12px; font-size:58px}
  .h145-nc-grid{gap:12px}
  .h145-nc-art{height:118px} .h145-nc-art img{width:120px; height:120px}
  .h145-nc-body{padding:12px 12px 14px} .h145-nc-body b{font-size:17px} .h145-nc-body>span{font-size:12.5px}
}

/* ---------- v145 düzeltmeler ---------- */
body.h145-content main h1, body.h145-content .article-title{background:none!important; -webkit-text-fill-color:currentColor!important}
.v74-footer-store button.v74-store-tile{font:inherit; cursor:pointer; border:inherit}
.v74-footer-store .h145-ft-play{outline:2px solid #c8104e; outline-offset:-2px}
.v74-footer-store .h145-ft-play span{color:#c8104e!important}

/* ---------- Mağaza (magaza.html) ---------- */
body.h145 main.h145-shop{font-family:var(--h-body); max-width:1180px}
.h145-shop-hero{position:relative; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:10px; margin:18px 0 30px; padding:clamp(24px,4vw,46px);
  border-radius:30px; border:3px solid #17121b; box-shadow:7px 7px 0 #c8104e; overflow:hidden; color:#fff;
  background:radial-gradient(90% 120% at 100% 100%,rgba(200,16,78,.55),transparent 60%),radial-gradient(70% 80% at 0% 0%,rgba(180,75,225,.35),transparent 60%),linear-gradient(150deg,#241a2b,#120d16)}
.h145-shop-kicker,.h145-shop-head span{display:inline-block; font:800 12px/1 var(--h-body); letter-spacing:.09em; color:#ff5a93}
.h145-shop-hero h1{margin:12px 0 12px!important; font:800 clamp(34px,5vw,60px)/1.02 var(--h-display)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; background:none!important; text-align:left}
.h145-shop-hero h1 em{font-style:normal; color:#c8104e; -webkit-text-fill-color:#c8104e}
.h145-shop-hero p{margin:0 0 20px; max-width:520px; font:500 clamp(15px,1.3vw,17px)/1.6 var(--h-body); color:rgba(255,255,255,.82)!important}
.h145-shop-cta{display:flex; flex-wrap:wrap; gap:10px; align-items:center}
.h145-shop-hero .h145-ab{background:#fff; color:#17121b!important; border-color:#fff}
.h145-shop-ghost{display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:999px; border:2px solid rgba(255,255,255,.5); color:#fff!important; font:800 14px/1 var(--h-body); text-decoration:none!important}
.h145-shop-hero-art{position:relative; height:280px}
.h145-shop-hero-art img{position:absolute; width:200px; height:200px; object-fit:contain; filter:drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.h145-shop-hero-art .a1{left:0; bottom:0; transform:rotate(-7deg)} .h145-shop-hero-art .a2{left:50%; top:0; transform:translateX(-50%); width:220px; height:220px; z-index:2}
.h145-shop-hero-art .a3{right:0; bottom:0; transform:rotate(7deg)}
.h145-shop-head{margin:30px 0 14px}
.h145-shop-head h2{margin:6px 0 0!important; font:800 clamp(26px,3vw,38px)/1.05 var(--h-display)!important; color:var(--h-text)!important}
.h145-shop-head h2 em{font-style:normal; color:var(--h-pink)}
.h145-shop-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px}
.h145-shop-card{display:flex; flex-direction:column; border-radius:26px; overflow:hidden; background:#17121b; color:#fff; border:3px solid #17121b; box-shadow:6px 6px 0 var(--r)}
.h145-shop-art{position:relative; height:190px; background:radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--r) 60%,transparent),transparent 70%),linear-gradient(160deg,#2a2030,#17121b)}
.h145-shop-art img{position:absolute; left:50%; bottom:0; width:180px; height:180px; transform:translateX(-50%); object-fit:contain; filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}
.h145-shop-tag{position:absolute; left:14px; top:14px; z-index:2; padding:6px 10px; border-radius:999px; background:var(--r); color:#17121b; font:800 11px/1 var(--h-body); letter-spacing:.07em}
.h145-shop-body{display:flex; flex-direction:column; gap:8px; padding:16px 18px 18px; flex:1}
.h145-shop-body h3{margin:0!important; font:800 24px/1.1 var(--h-display)!important; color:#fff!important}
.h145-shop-price{margin:0!important; font:800 20px/1 var(--h-display)!important; color:var(--r)!important}
.h145-shop-body p{margin:0; font:500 14px/1.55 var(--h-body); color:rgba(255,255,255,.75)}
.h145-shop-body .h145-ab{margin-top:auto; align-self:flex-start; background:#fff; color:#17121b!important; border-color:#fff}
.h145-shop-free{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.h145-shop-free-i{display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:20px; background:var(--h-paper); border:3px solid var(--h-frame); box-shadow:4px 4px 0 var(--r); text-decoration:none!important; color:var(--h-text)!important}
.h145-shop-free-i img{width:56px; height:56px; flex:0 0 56px; border-radius:50%; background:#fff; border:3px solid var(--r); object-fit:cover; object-position:50% 12%}
.h145-shop-free-i span{display:flex; flex-direction:column; gap:3px; flex:1; min-width:0}
.h145-shop-free-i b{font:800 16px/1.15 var(--h-display)} .h145-shop-free-i small{font:600 12.5px/1.3 var(--h-body); color:var(--h-mute)}
.h145-shop-free-i i{font-style:normal; font-weight:800; color:var(--r)}
.h145-shop-merch{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:30px}
.h145-shop-m{position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:16px 14px 18px; border-radius:22px; background:var(--h-soft); border:3px dashed color-mix(in srgb,var(--r) 70%,#999)}
.h145-shop-m img{width:110px; height:110px; object-fit:contain; filter:grayscale(.15)}
.h145-shop-m b{font:800 18px/1.1 var(--h-display); color:var(--h-text)} .h145-shop-m small{font:600 12.5px/1.35 var(--h-body); color:var(--h-mute)}
.h145-shop-m em{position:absolute; top:12px; right:12px; padding:5px 9px; border-radius:999px; background:#17121b; color:#fff; font:800 10.5px/1 var(--h-body); font-style:normal; letter-spacing:.06em}
body.dark .h145-shop-m em{background:#fff; color:#17121b}
body.dark .h145-shop-free-i img{background:#221a27}
@media (max-width:900px){.h145-shop-grid,.h145-shop-free{grid-template-columns:1fr} .h145-shop-hero{grid-template-columns:1fr} .h145-shop-hero-art{height:200px; order:-1}
  .h145-shop-hero-art img{width:150px; height:150px} .h145-shop-hero-art .a2{width:170px; height:170px}}
@media (max-width:640px){.h145-shop-merch{grid-template-columns:1fr 1fr 1fr; gap:8px} .h145-shop-m{padding:12px 6px 12px} .h145-shop-m img{width:72px; height:72px}
  .h145-shop-m b{font-size:14px} .h145-shop-m small{display:none} .h145-shop-m em{position:static; margin-top:4px}
  .h145-shop-card{flex-direction:row} .h145-shop-art{flex:0 0 120px; height:auto; min-height:170px} .h145-shop-art img{width:120px; height:120px}
  .h145-shop-tag{left:8px; top:8px; font-size:9.5px; padding:5px 7px} .h145-shop-body{padding:14px} .h145-shop-body h3{font-size:20px!important}}
/* gece modunda eski v25 düğme kuralı (!important) "Uygulamada" düğmelerini griye çeviriyordu */
body.dark .h145-ab, body.dark .h145-shop-body .h145-ab, body.dark .h145-shop-hero .h145-ab{background:#fff!important; background-color:#fff!important; color:#17121b!important; border-color:#fff!important}
body.dark .h145-ab.h145-ab-light{background:#17121b!important; background-color:#17121b!important; color:#fff!important; border-color:#3a2f40!important}
body.dark .h145-am-x{background:#1d1722!important; color:#fff!important}
body.dark .h145-am-btn.is-soon{background:#2a2230!important}
body.dark .v74-footer-store button.v74-store-tile{background-color:transparent!important}
/* paylaş kartı: gece modunda zemin açık kalıyor, yazı okunmuyordu */
body.dark #h140-share .h140-sh{background:radial-gradient(120% 140% at 0% 0%,#3a1030 0%,#17121b 55%)!important}
/* liste sayfası başlık kutusu: vitrin stiline uyum */
html body.h145 header.v20-hero.h145-lhero{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,#3a1030 0%,#17121b 60%)!important;color:#fff!important;border-radius:24px;padding:26px 150px 26px 24px;box-shadow:6px 6px 0 #c8104e;border:2px solid #17121b}
html body.h145 header.v20-hero.h145-lhero::after{content:"";position:absolute;right:-50px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:rgba(200,16,78,.22)}
html body.h145 .v20-hero.v20-hero.h145-lhero h1{color:#fff!important;-webkit-text-fill-color:#fff;background:none;font-family:var(--h-display)!important;font-weight:800;letter-spacing:-.01em;position:relative;z-index:1}
html body.h145 .v20-hero.h145-lhero h1 em{color:#c8104e;font-style:normal}
html body.h145 .v20-hero.h145-lhero p{color:#e8e8e8!important;position:relative;z-index:1}
html body.h145 .v20-hero.h145-lhero .h145-hero-stk{position:absolute;right:12px;bottom:6px;width:128px;height:128px;object-fit:contain;z-index:1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4));transform:rotate(6deg)}
@media(max-width:640px){html body.h145 header.v20-hero.h145-lhero{padding:22px 104px 22px 18px;margin-right:6px}html body.h145 .v20-hero.h145-lhero .h145-hero-stk{width:92px;height:92px;right:6px}}
body.dark.h145 header.v20-hero.h145-lhero{border-color:#3a2f40;background:radial-gradient(120% 140% at 0% 0%,#4a1340 0%,#201b27 60%)!important}
html:not(.h145-inapp) [data-h145-app-only]{display:none!important}
