@font-face{font-family:"Archivo";font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(fonts/archivo-latin-ext-wdth-italic.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:"Archivo";font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(fonts/archivo-latin-wdth-italic.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:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(fonts/archivo-latin-ext-wdth-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:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(fonts/archivo-latin-wdth-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}
:root{--ink:#1D1D1B;--neon:#F39612;--mid:#A65800;--soft:#F5F3EF;--line:#E4E0D8;--mute:#66625B;--warm:#FFF4E2;--r:16px;--ease:cubic-bezier(.22,.8,.24,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Archivo",system-ui,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.55;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
main{flex:1;position:relative}
.hd{font-stretch:125%;font-weight:900;line-height:.98;letter-spacing:-.01em}
.kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--mid)}
.pill{display:inline-block;background:var(--neon);color:var(--ink);font-weight:900;font-size:12px;letter-spacing:.1em;padding:5px 12px;border-radius:99px;font-stretch:115%}
.pill.o{background:#fff;border:1.5px solid var(--ink)}

/* header */
.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.sc{border-color:var(--line)}
.topin{display:flex;align-items:center;gap:12px;height:68px}
.brand img{height:40px;width:auto}
.back{width:40px;height:40px;border-radius:50%;display:none;align-items:center;justify-content:center;background:var(--soft);flex:none}
.back.on{display:flex}
.crumb{flex:1;min-width:0;font-size:13px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crumb a:hover{color:var(--ink)}
.crumb i{font-style:normal;margin:0 6px;opacity:.5}
.sbtn{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:99px;border:1.5px solid var(--ink);font-weight:800;font-size:14px;transition:background .2s}
.sbtn:hover{background:var(--neon);border-color:var(--neon)}
body.home .sbtn{visibility:hidden}

/* views */
.view{animation:vin .45s var(--ease) both}
.view.bk{animation-name:vback}
@keyframes vin{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
@keyframes vback{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.view{animation:none}}

/* home */
.hero{padding:72px 0 28px;text-align:center}
.hero .hd{font-size:clamp(40px,7vw,76px);margin:14px 0 14px}
.hero p.sub{color:var(--mute);font-size:17px;max-width:520px;margin:0 auto 28px}
.sfield{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:0 8px 0 20px;height:62px;max-width:640px;margin:0 auto;transition:box-shadow .2s}
.sfield:focus-within{box-shadow:0 0 0 5px rgba(243,150,18,.35)}
.sfield svg{flex:none;width:22px;height:22px}
.sfield input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:18px;background:transparent;color:var(--ink);height:100%}
.sfield input::-webkit-search-cancel-button{display:none}
.sclr{width:36px;height:36px;border-radius:50%;background:var(--soft);display:none;align-items:center;justify-content:center;font-size:18px;line-height:1}
.sclr.on{display:flex}
.sugg{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.sugg button{font-size:14px;font-weight:700;padding:7px 14px;border-radius:99px;background:var(--soft);transition:background .2s}
.sugg button:hover{background:var(--neon)}
.home-results{max-width:760px;margin:0 auto;text-align:left}
.cats{padding:20px 0 80px;transition:opacity .25s}
.cats.hide{display:none}
.cats .kicker{display:block;max-width:760px;margin:0 auto 12px}
.acc{max-width:760px;margin:0 auto;border-top:1.5px solid var(--ink)}
.ac{border-bottom:1px solid var(--line)}
.ach{width:100%;display:flex;align-items:center;gap:16px;padding:20px 4px;text-align:left}
.ach .n{flex:none;background:var(--neon);font-weight:900;font-size:12px;padding:4px 9px;border-radius:99px;font-stretch:115%}
.ach .t{flex:1;min-width:0}
.ach .t b{display:block;font-stretch:125%;font-weight:900;font-size:clamp(19px,2.6vw,24px);line-height:1.1}
.ach .t small{display:block;color:var(--mute);font-size:14px;margin-top:3px}
.ach .c{flex:none;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .45s var(--ease),background .2s}
.ac.open .ach .c{transform:rotate(180deg);background:var(--ink);color:#fff}
.ach:hover .c{background:var(--neon);border-color:var(--neon)}
.ac.open .ach:hover .c{background:var(--ink);border-color:var(--ink)}
.acb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.ac.open>.acb{grid-template-rows:1fr}
.acb>div{overflow:hidden;min-height:0}
.acin{padding:0 0 22px;opacity:0;transform:translateY(-8px);transition:opacity .35s,transform .45s var(--ease)}
.ac.open .acin{opacity:1;transform:none;transition-delay:.08s}
.subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.scard{display:flex;flex-direction:column;background:var(--soft);border-radius:var(--r);overflow:hidden;transition:transform .3s var(--ease),background .2s}
.scard:hover{transform:translateY(-3px);background:#EEEAE3}
.scard .im{height:130px;display:flex;align-items:center;justify-content:center;padding:14px}
.scard .im img{max-height:100%;width:auto;object-fit:contain}
.scard .tx{padding:4px 14px 14px}
.scard b{display:block;font-weight:900;font-stretch:115%;font-size:16px;line-height:1.15}
.scard small{display:block;color:var(--mute);font-size:13px;margin-top:2px}

/* results */
.results{margin-top:22px}
.rmeta{font-size:13px;color:var(--mute);margin:0 4px 8px}
.ritem{display:block;width:100%;text-align:left;padding:16px 4px;border-top:1px solid var(--line);transition:background .2s}
.ritem:hover{background:var(--soft)}
.ritem .rt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ritem .rt b{font-weight:900;font-stretch:112%;font-size:17px}
.badge{font-size:11px;font-weight:900;letter-spacing:.1em;padding:3px 8px;border-radius:99px;background:var(--neon)}
.badge.q{background:var(--ink);color:#fff}
.badge.i{background:#fff;border:1.5px solid var(--ink)}
.ritem .rp{font-size:13px;color:var(--mute);margin-top:2px}
.ritem .rs{font-size:14.5px;margin-top:6px;color:#2E2D29}
mark{background:rgba(243,150,18,.45);color:inherit;border-radius:3px;padding:0 1px}
.ritem .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.ritem.open .ans{grid-template-rows:1fr}
.ans>div{overflow:hidden}
.ans .in{padding-top:10px;font-size:15px}
.ans .go{display:inline-block;margin-top:10px;font-weight:800;font-size:13px;border-bottom:2px solid var(--neon)}
.more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;height:52px;border-radius:99px;border:2px solid var(--ink);font-weight:900;font-stretch:112%;transition:background .2s}
.more:hover{background:var(--neon);border-color:var(--neon)}
.empty{padding:26px 4px;color:var(--mute)}
.empty b{color:var(--ink)}

/* search sheet */
.sheet{position:fixed;inset:0;z-index:40;background:rgba(255,255,255,.98);transform:translateY(-100%);transition:transform .45s var(--ease);overflow:auto;padding:16px 0 60px}
.sheet.on{transform:none}
.sheet .sfield{max-width:none;margin:0}
.sclose{font-weight:800;font-size:14px;padding:0 14px;height:44px;border-radius:99px;background:var(--soft)}

/* page head */
.ph{padding:34px 0 18px}
.ph .hd{font-size:clamp(34px,6vw,64px);margin:10px 0 10px}
.ph p{color:var(--mute);font-size:17px}
.sec{padding:26px 0}
.sec>.kicker{display:block;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.pcard{display:flex;flex-direction:column;border-radius:var(--r);background:var(--soft);overflow:hidden;transition:transform .3s var(--ease)}
.pcard:hover{transform:translateY(-4px)}
.pcard .im{height:210px;display:flex;align-items:center;justify-content:center;padding:18px}
.pcard .im img{max-height:100%;width:auto;object-fit:contain}
.pcard .tx{background:#fff;margin:0 8px 8px;border-radius:12px;padding:12px 14px;flex:1}
.pcard .k{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--mid)}
.pcard b{display:block;font-stretch:120%;font-weight:900;font-size:19px;line-height:1.1;margin:4px 0 6px}
.pcard .tg{font-size:13.5px;color:var(--mute);line-height:1.35}
.pcard .pill{font-size:10px;padding:3px 8px;margin-bottom:6px}

/* info accordions */
.infos{border-top:1.5px solid var(--ink)}
.infos .ach .t b{font-size:clamp(17px,2.2vw,21px)}
.rich{font-size:15.5px}
.rich p{margin:0 0 10px}
.rich h3{font-stretch:120%;font-weight:900;font-size:19px;margin:16px 0 8px}
.rich h4{font-weight:800;font-size:15.5px;margin-bottom:4px}
.rich ul{padding-left:20px;margin:6px 0 10px}
.rich .kicker{display:block;margin:18px 0 8px}
.gen div:has(>div>h4),.gen div:has(>div>h3){display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:10px 0}
.gen div:has(>h4),.gen div:has(>h3){background:var(--soft);border-radius:12px;padding:14px 16px}
.gen div:has(>h4)>span:first-child{display:inline-block;background:var(--neon);font-weight:900;font-size:12px;padding:1px 8px;border-radius:99px;margin-bottom:6px}
.rich span.g,.rich span.s{display:inline-flex;gap:6px;align-items:center;margin:3px 6px 3px 0;font-size:13.5px;font-weight:700}
.rich span.g i,.rich span.s i{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.08em;padding:2px 7px;border-radius:99px;background:var(--neon)}
.rich span.s i{background:#fff;border:1.5px solid var(--ink)}
.tbl{overflow-x:auto;margin:12px 0;border-radius:12px;border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.rich table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}
.rich th,.rich td{padding:10px 10px;text-align:center;border-bottom:1px solid var(--line);vertical-align:middle}
.rich thead th{background:var(--ink);color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em}
.rich tbody th{text-align:left;font-weight:800;background:var(--soft)}
.rich td small{display:block;color:var(--mute);font-size:12px;margin-top:3px}
.rich .cell{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:.08em;padding:3px 9px;border-radius:99px}
.rich .cell.g{background:var(--neon)}
.rich .cell.s{border:1.5px solid var(--ink)}
.rich .cell.n{color:var(--mute)}
.chip{display:inline-block;font-size:13.5px;font-weight:700;padding:5px 12px;border-radius:99px;border:1.5px solid var(--ink);margin:3px 4px 3px 0;background:#fff}
.caps{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:14px 0}
.cap{background:var(--soft);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.cap .ci{height:200px;display:flex;align-items:center;justify-content:center;padding:12px;cursor:zoom-in}
.cap .ci img{max-height:100%;width:auto;object-fit:contain}
.cap .cc{padding:0 14px 14px;font-size:13.5px;line-height:1.4}
.cap .cc div{background:none!important;padding:0!important;display:block!important}
.cap .cc b,.cap .cc h3,.cap .cc h4{font-size:14.5px;margin:0 0 2px;font-weight:800;font-stretch:normal}
.cap .cc p{margin:2px 0}
.faqs{margin-top:12px}
.faq{border-top:1px solid var(--line)}
.faq button{width:100%;text-align:left;display:flex;gap:12px;align-items:center;padding:14px 2px;font-weight:800;font-size:15.5px}
.faq button span{flex:1}
.faq button i{flex:none;font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease)}
.faq.open button i{transform:rotate(45deg);background:var(--neon)}
.faq .fa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.faq.open .fa{grid-template-rows:1fr}
.faq .fa>div{overflow:hidden}
.faq .fa p{padding:0 2px 14px;font-size:15px;color:#2E2D29}

/* product */
.pv{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;padding:28px 0 10px;align-items:start}
.gal .main{background:var(--soft);border-radius:22px;height:min(62vh,480px);display:flex;align-items:center;justify-content:center;padding:28px;cursor:zoom-in;overflow:hidden}
.gal .main img{max-height:100%;width:auto;object-fit:contain;transition:opacity .25s}
.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.thumbs button{flex:none;width:68px;height:68px;border-radius:12px;background:var(--soft);padding:6px;border:2px solid transparent;transition:border-color .2s}
.thumbs button.on{border-color:var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:contain}
.pinfo .hd{font-size:clamp(36px,5.4vw,60px);margin:10px 0 14px}
.pinfo .tagrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.pinfo .tagrow span.t{font-weight:700;font-size:16px}
.quote{border-left:6px solid var(--neon);padding:4px 0 4px 18px;margin:0 0 22px}
.quote .kicker{display:block;margin-bottom:4px}
.quote p{font-weight:800;font-size:19px;line-height:1.35;font-stretch:105%}
.big{display:flex;align-items:baseline;gap:10px;background:var(--soft);border-radius:var(--r);padding:16px 20px}
.big b{font-stretch:125%;font-weight:900;font-size:46px;line-height:1}
.big span{font-stretch:120%;font-weight:900;font-size:16px;letter-spacing:.04em}
.big small{margin-left:auto;color:var(--mute);font-size:13px;text-align:right}
.w5{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.q5{background:var(--soft);border-radius:var(--r);padding:20px 22px;opacity:0;transform:translateY(14px);animation:qin .55s var(--ease) forwards}
.q5.wide{grid-column:1/-1}
@keyframes qin{to{opacity:1;transform:none}}
.q5 .qh{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.q5 .qh b{background:var(--ink);color:var(--neon);font-stretch:125%;font-weight:900;font-size:14px;padding:5px 11px;border-radius:99px;letter-spacing:.04em}
.q5 .qh span{font-weight:800;font-size:14px;color:var(--mute)}
.q5 p{margin:0 0 8px;font-size:15.5px}
.q5 p:last-child{margin-bottom:0}
.rows{margin:6px 0 4px}
.crow{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.crow:first-child{border-top:0}
.icons{display:flex;gap:3px;flex-wrap:wrap;flex:none;max-width:52%}
.mini{width:13px;height:18px;border-radius:2.5px;border:1.5px solid var(--ink);background:#fff}
.mini.base{background:#E4E0D8;border-color:#A8A296}
.mini.shine{background:linear-gradient(135deg,#fff 0,#F39612 50%,#fff 100%);border-color:var(--mid)}
.mini.sig{background:#fff;border:2px solid var(--ink)}
.mini.num{background:var(--ink)}
.crow .cl{font-size:15px}
.crow .cl em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.1em;background:var(--neon);padding:2px 7px;border-radius:99px;margin-left:4px;vertical-align:2px}
.grp{margin-top:12px}
.grp .kicker{display:block;margin-bottom:6px;font-size:11px}
.grp ul{list-style:none}
.grp li{position:relative;padding-left:22px;margin:4px 0;font-size:15px}
.grp li:before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:var(--neon)}
.pack{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.pack div{background:#fff;border-radius:10px;padding:8px 12px;flex:1;min-width:90px}
.pack b{display:block;font-weight:900;font-size:15px}
.pack span{font-size:12.5px;color:var(--mute)}
.bnote{font-size:14px;margin-top:10px}
.note{background:var(--warm);border-radius:12px;padding:12px 16px;font-size:14.5px;margin:6px 0}
.note b{font-weight:800}
.vers{display:flex;flex-wrap:wrap;gap:8px}
.vers a{font-weight:800;font-size:14px;padding:8px 14px;border-radius:99px;background:var(--soft);transition:background .2s}
.vers a:hover,.vers a.on{background:var(--neon)}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:30px 0 70px}
.pn a{border:1.5px solid var(--ink);border-radius:var(--r);padding:16px 18px;transition:background .2s}
.pn a:hover{background:var(--neon);border-color:var(--neon)}
.pn a small{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--mid)}
.pn a b{font-stretch:115%;font-weight:900;font-size:17px}
.pn a.nx{text-align:right;grid-column:2}
.lb{position:fixed;inset:0;z-index:60;background:rgba(20,20,18,.88);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s;cursor:zoom-out}
.lb.on{opacity:1;pointer-events:auto}
.lb img{width:94vw;height:92vh;object-fit:contain;transform:scale(.94);transition:transform .35s var(--ease)}
.lb.on img{transform:none}
.foot{border-top:1px solid var(--line);padding:22px 0;font-size:14px}
.foot .wrap{display:flex;justify-content:space-between;color:var(--mute)}
.foot b{color:var(--ink)}
@media (max-width:820px){
  .pv{grid-template-columns:1fr;gap:20px}
  .gal .main{height:340px}
  .w5{grid-template-columns:1fr}
  .crumb{display:none}
  .hero{padding:44px 0 20px}
  .sfield{height:56px}
  .sfield input{font-size:16px}
  .sbtn span{display:none}
  .sbtn{padding:0 10px}
  .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pcard .im{height:150px;padding:12px}
  .pcard b{font-size:16px}
  .pcard .tx{padding:10px}
  .pn{grid-template-columns:1fr}
  .pn a.nx{grid-column:1}
}
@media (max-width:380px){.grid{grid-template-columns:1fr}}

.cap .cc span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--mid);margin-top:2px}
.rich b+b{margin-left:.45em}
.lede{font-size:16.5px;color:#2E2D29;margin:0 0 20px}
@media (max-width:820px){.caps{grid-template-columns:repeat(2,1fr);gap:8px}.cap .ci{height:170px}}

/* ===== v2 ===== */
.mbtn{display:flex;align-items:center;gap:7px;height:40px;padding:0 12px 0 10px;border-radius:99px;background:var(--soft);font-weight:800;font-size:14px;transition:background .2s;flex:none}
.mbtn .cv{width:16px;height:16px;transition:transform .35s var(--ease)}
.mbtn:hover,.mbtn.on{background:var(--neon)}
.mbtn.on .cv{transform:rotate(180deg)}
.menu{position:fixed;left:0;right:0;top:68px;bottom:0;z-index:25;background:rgba(29,29,27,0);pointer-events:none;transition:background .35s}
.menu.on{background:rgba(29,29,27,.28);pointer-events:auto}
.mpanel{background:#fff;border-bottom:1px solid var(--line);transform:translateY(-12px);opacity:0;transition:transform .4s var(--ease),opacity .3s;max-height:calc(100vh - 68px);overflow:auto}
.menu.on .mpanel{transform:none;opacity:1}
.menuin{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 18px;padding:18px 0 24px}
.mhome{grid-column:1/-1;display:inline-flex;align-items:center;gap:8px;font-weight:900;font-stretch:115%;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.mcol{padding:6px 0 10px}
.mct{display:flex;align-items:center;gap:8px;font-weight:900;font-stretch:118%;font-size:15px;margin-bottom:6px}
.mct .n{background:var(--neon);font-size:10px;padding:2px 7px;border-radius:99px}
.msub{display:block;padding:5px 0 5px 32px;font-size:14.5px;color:#34332F;border-radius:8px;transition:background .2s,color .2s}
.msub:hover{background:var(--soft);color:var(--ink)}
.pcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:18px;font-size:14px;font-weight:700;color:var(--mute)}
.pcrumb a{display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.pcrumb a:hover{color:var(--ink)}
.pcrumb svg{width:17px;height:17px}
.pcrumb i{font-style:normal;opacity:.5}
.kl{display:inline-block}
.sech{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px;border-bottom:1.5px solid var(--ink);padding-bottom:8px}
.sech .kicker{font-size:13px}
.cnt{font-size:13px;color:var(--mute);font-weight:700}
.sec>.kicker{display:none}
.ac.open>.ach small{display:none}
.capsb{font-weight:800}
/* cards rail */
.cards-sec{padding-top:10px}
.rail{position:relative}
.track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.ccard{flex:none;width:200px;scroll-snap-align:start;background:var(--soft);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s var(--ease)}
.ccard:hover{transform:translateY(-4px)}
.ccard .ci{height:270px;display:flex;align-items:center;justify-content:center;padding:14px;cursor:zoom-in}
.ccard .ci img{max-height:100%;width:auto;object-fit:contain;border-radius:6px}
.ccard figcaption{padding:0 14px 14px;font-size:13px;line-height:1.35}
.ccard figcaption .rich{display:block;font-size:13px}
.ccard figcaption .rich div{background:none!important;padding:0!important;display:block!important;margin:0!important}
.ccard figcaption span span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--mid)}
.ccard figcaption a{display:inline-block;margin-top:6px;font-weight:800;font-size:12.5px;border-bottom:2px solid var(--neon)}
.rbtn{position:absolute;top:120px;z-index:2;width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;transition:opacity .2s,background .2s}
.rbtn:hover{background:var(--neon);border-color:var(--neon)}
.rbtn.l{left:-14px}.rbtn.r{right:-14px}
.rbtn.off{opacity:0;pointer-events:none}
.caps.big{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.caps.big .ci{height:270px}
.elead{font-size:16px;margin-bottom:6px}
/* gallery */
.gal{position:sticky;top:84px}
.gal .main{position:relative;padding:0;cursor:default}
.gimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:28px;cursor:zoom-in}
.gimg img{max-height:100%;width:auto;object-fit:contain;transition:opacity .2s}
.gnav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}
.gnav:hover{background:var(--neon)}
.gnav.l{left:12px}.gnav.r{right:12px}
.gcount{position:absolute;bottom:12px;right:14px;font-size:12px;font-weight:800;background:#fff;padding:3px 10px;border-radius:99px}
.thumbs{gap:8px;margin-top:10px;padding:2px 2px 6px;scroll-snap-type:x proximity}
.thumbs button{position:relative;width:76px;height:76px;scroll-snap-align:start}
.thumbs button span{position:absolute;left:4px;bottom:4px;font-size:8.5px;font-weight:900;letter-spacing:.08em;background:var(--ink);color:var(--neon);padding:1px 5px;border-radius:99px}
/* product box */
.quote{margin-bottom:18px}
.pbox{background:var(--ink);color:#fff;border-radius:22px;padding:22px 22px 18px;margin-top:4px}
.pbh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.15)}
.pbox .kicker{color:var(--neon)}
.ptot{display:flex;align-items:baseline;gap:8px}
.ptot b{font-stretch:125%;font-weight:900;font-size:44px;line-height:1;color:var(--neon)}
.ptot span{font-stretch:120%;font-weight:900;font-size:14px;letter-spacing:.06em}
.prows{padding:6px 0}
.prow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.pcards{display:flex;align-items:center;min-width:64px}
.mc{width:22px;height:31px;border-radius:4px;margin-left:calc(var(--i) > 0 ? -12px : 0px);margin-left:-11px;border:1.5px solid rgba(255,255,255,.85);background:#5A5650;box-shadow:0 0 0 1.5px var(--ink);transform:rotate(calc((var(--i) - 2) * 2deg))}
.mc:first-child{margin-left:0}
.mc.shine{background:linear-gradient(135deg,#FFE6C2 0,#F39612 45%,#fff 60%,#C46A00 100%)}
.mc.sig{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 31'%3E%3Cpath d='M4 20c3-6 5 2 7-3s3 3 7-2' fill='none' stroke='%231c3087' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}
.mc.num{background:#F39612 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 31'%3E%3Ctext x='11' y='20' font-size='10' font-family='Arial' font-weight='900' text-anchor='middle' fill='%232C3D2B'%3E%23%3C/text%3E%3C/svg%3E") center/100% no-repeat}
.pcards em{font-style:normal;font-size:12px;font-weight:900;margin-left:6px;color:var(--neon)}
.pl{font-size:15.5px;line-height:1.3}
.pl b{color:var(--neon);font-stretch:115%;font-weight:900;margin-right:2px}
.gar{font-size:10px;font-weight:900;letter-spacing:.1em;background:var(--neon);color:var(--ink);padding:4px 9px;border-radius:99px}
.pgrp{margin-top:14px}
.pgt{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:none;color:#E9E2D6;margin-bottom:8px}
.pgt svg{width:15px;height:15px;color:var(--neon)}
.pchips{display:flex;flex-wrap:wrap;gap:6px}
.pchips span{font-size:13.5px;font-weight:700;padding:6px 12px;border-radius:99px;border:1.5px dashed rgba(243,150,18,.7);color:#fff}
.pchips.list{flex-direction:column;gap:6px}
.pchips.list span{border:0;padding:0 0 0 18px;position:relative;font-weight:500}
.pchips.list span:before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--neon)}
.ppack{margin-top:16px}
.chain{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.chain div{background:rgba(255,255,255,.08);border-radius:12px;padding:8px 12px}
.chain b{display:block;font-weight:900;font-size:15px;color:#fff}
.chain span{font-size:12px;color:#E9E2D6}
.chain i svg{width:16px;height:16px;color:var(--neon)}
.pnote{margin-top:10px;font-size:13.5px;color:#ECE7DF}
.pnote b,.pnote em{color:#fff}
.pbox .rich div{background:rgba(255,255,255,.08)!important;color:#fff}
/* results */
.rlink{cursor:default}
.rlink:hover{background:transparent}
.rhead{display:block}
.rhead:hover b{text-decoration:underline;text-decoration-color:var(--neon);text-decoration-thickness:3px}
.rs .fl{display:none}
.ritem.full .rs .fl{display:inline}
.ritem.full .rs .sh{display:none}
.ract{display:flex;align-items:center;gap:16px;margin-top:8px}
.rmore{font-size:13px;font-weight:800;color:var(--mid);padding:0}
.ritem[data-k] .rmore{display:inline-block;margin-top:6px}
.ract .go{font-size:13px;font-weight:800;border-bottom:2px solid var(--neon)}
/* card types */
.scale{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:var(--mute);margin:14px 0 12px;max-width:420px}
.scale i{flex:1;height:6px;border-radius:9px;background:linear-gradient(90deg,#E4E0D8,#F39612 60%,#1c3087)}
.ktypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.kt{background:var(--soft);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.kt.star{background:var(--ink);color:#fff}
.ki{height:230px;display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-in}
.ki img{max-height:100%;width:auto;object-fit:contain;border-radius:6px}
.kb{padding:2px 16px 16px}
.kh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.kh b{font-stretch:118%;font-weight:900;font-size:17px;line-height:1.15}
.meter{display:inline-flex;gap:3px;flex:none}
.meter i{width:9px;height:16px;border-radius:3px;background:#DCD5CA}
.meter i.on{background:var(--neon)}
.kt.star .meter i{background:rgba(255,255,255,.2)}
.kt.star .meter i.on{background:var(--neon)}
.kp{margin-top:8px}
.kq{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--mid)}
.kt.star .kq{color:var(--neon)}
.kq svg{width:15px;height:15px}
.kp p{margin:2px 0 0;font-size:14.5px}
.vs{margin-top:22px;border:2px solid var(--ink);border-radius:22px;padding:20px}
.vsh{margin-bottom:14px}
.vsh .hd{font-size:clamp(22px,3vw,30px);margin:6px 0 0}
.vsh p{color:var(--mute);margin-top:6px}
.vsg{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.vc{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;background:var(--soft);border-radius:16px;padding:12px}
.vc.hot{background:#E8ECF8}
.vc .ki{height:170px;padding:4px}
.vc ul{list-style:none;margin:8px 0 0;padding:0}
.vc li{position:relative;padding-left:16px;margin:5px 0;font-size:14.5px}
.vc li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.vc.hot li:before{background:#1c3087}
.tagx{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.1em;padding:4px 10px;border-radius:99px;background:var(--ink);color:#fff}
.tagx.n{background:#1c3087}
.vmid{align-self:center;font-stretch:125%;font-weight:900;font-size:18px;background:var(--neon);border-radius:99px;padding:8px 10px}
.fine{font-size:13px;color:var(--mute);margin-top:12px}
/* recommendations */
.legend{font-size:14.5px}
.recs{margin-top:24px}
.recg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.rec{background:var(--soft);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
.bub{position:relative;background:#fff;border-radius:16px 16px 16px 4px;padding:12px 14px;font-weight:800;font-size:16.5px;line-height:1.3;font-stretch:105%}
.bub span{display:block;font-size:11px;letter-spacing:.12em;color:var(--mid);font-weight:800;margin-bottom:3px}
.rarr{display:flex;align-items:center;gap:6px;color:var(--mid);font-weight:800;font-size:12px;letter-spacing:.1em;padding-left:6px}
.rarr svg{transform:rotate(90deg)}
.rp2{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;background:var(--ink);color:#fff;border-radius:16px;padding:10px;transition:transform .3s var(--ease)}
a.rp2[href]:hover{transform:translateY(-3px)}
.ri{height:100px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border-radius:12px;padding:6px}
.ri img{max-height:100%;width:auto}
.rt2 b{display:block;font-stretch:125%;font-weight:900;font-size:20px;color:var(--neon)}
.rt2 p{margin:2px 0 4px!important;font-size:14px;color:#EEEAE3}
.rt2 .go{font-size:12.5px;font-weight:800;border-bottom:2px solid var(--neon)}
/* odds */
.odh{display:flex;align-items:center;gap:18px;background:var(--ink);color:#fff;border-radius:20px;padding:18px 22px;margin:14px 0}
.odh>b{font-stretch:125%;font-weight:900;font-size:46px;line-height:1;color:var(--neon)}
.odh strong{display:block;font-stretch:115%;font-weight:900;font-size:18px}
.odh span{font-size:14.5px;color:#ECE7DF}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.tier{position:relative;background:var(--soft);border-radius:18px;padding:18px}
.tier .tp{font-stretch:125%;font-weight:900;font-size:34px;line-height:1;margin-bottom:10px}
.tier b{display:block;font-weight:900;font-stretch:112%;font-size:17px}
.tier p{margin:4px 0 0!important;font-size:14px;color:#34332F}
.tier .tl{position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:900;letter-spacing:.08em;background:var(--neon);padding:3px 9px;border-radius:99px}
.tier.std{background:#fff;border:1.5px solid var(--line)}
.tier.std .tp{color:var(--mute)}
.disp{margin-top:16px;border:2px solid var(--ink);border-radius:20px;padding:18px}
.disp .dg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}
.disp .dg b{display:block;font-stretch:125%;font-weight:900;font-size:28px}
.disp .dg span{font-size:13.5px}
.disp p{font-size:13px;color:var(--mute);margin:0!important}
.gen div:has(>b:first-child+span):not(.odh):not(.disp div){display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);background:none}
.gen div:has(>b:first-child+span)>b{min-width:150px;font-weight:900}
@media (max-width:820px){
  .gal{position:static}
  .mbtn span{display:none}
  .mbtn{padding:0 10px}
  .rbtn{display:none}
  .ccard{width:160px}.ccard .ci{height:220px}
  .caps.big{grid-template-columns:repeat(2,1fr)}.caps.big .ci{height:220px}
  .vsg{grid-template-columns:1fr}
  .vmid{justify-self:center}
  .vc{grid-template-columns:96px 1fr}
  .disp .dg b{font-size:22px}
  .ptot b{font-size:38px}
  .pbox{padding:18px 16px}
  .gnav{width:38px;height:38px}
  .gen div:has(>b:first-child+span)>b{min-width:110px}
}

.w5>.q5:not(.wide):last-child:nth-child(even){grid-column:1/-1}
.ext .caps.big{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.caps{display:grid!important}
.pv>*{min-width:0}
.ktypes{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.tier .tl{display:none}
.cap{display:flex!important;flex-direction:column}
@media (max-width:820px){.ext .caps.big,.caps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.caps.big .ci,.cap .ci{height:200px}}
.mc2{font-size:12.5px;font-weight:800;background:var(--soft);padding:3px 9px;border-radius:99px}.more:hover .mc2{background:#fff}

/* ===== v3 ===== */
.qbtn{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px 0 11px;border-radius:99px;border:1.5px solid var(--ink);font-weight:800;font-size:14px;flex:none;transition:background .2s}
.qbtn:hover{background:var(--neon);border-color:var(--neon)}
.mbtn{background:var(--ink);color:#fff}
.mbtn:hover,.mbtn.on{background:var(--neon);color:var(--ink)}
.mbtn span{display:inline!important}
/* MYTHOS 101 */
.m101{display:inline-flex;align-items:center;gap:10px;transform:rotate(-3deg);margin-bottom:4px;user-select:none}
.m101 .m1{font-stretch:125%;font-weight:900;font-size:clamp(26px,4.4vw,40px);letter-spacing:.02em;color:var(--ink);line-height:1;padding:6px 14px 7px;border:3px solid var(--ink);border-radius:12px;background:#fff;box-shadow:5px 5px 0 var(--ink)}
.m101 .m2{display:inline-flex;gap:3px}
.m101 .m2 i{font-style:normal;font-stretch:125%;font-weight:900;font-size:clamp(26px,4.4vw,40px);line-height:1;width:1.05em;padding:6px 0 7px;text-align:center;background:var(--neon);color:var(--ink);border:3px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink);animation:bob 3.2s ease-in-out infinite}
.m101 .m2 i:nth-child(2){animation-delay:.2s;transform:rotate(4deg)}
.m101 .m2 i:nth-child(3){animation-delay:.4s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -4px}}
.m101.sm .m1,.m101.sm .m2 i{font-size:22px;box-shadow:3px 3px 0 var(--ink);border-width:2.5px}
.by{font-size:11px;letter-spacing:.14em;color:var(--mute);margin:12px 0 4px;font-weight:600}
.hero .hd{margin-top:18px}
/* categories header */
.cath{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px}
.cath p{font-size:14px;color:var(--mute);margin-top:2px}
.acc>.kicker{display:none}
.qcta{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:16px;padding:10px 16px 10px 12px;transition:transform .3s var(--ease),background .2s;flex:none}
.qcta:hover{transform:translateY(-2px);background:#1F1E1C}
.qcta svg{width:30px;height:30px;color:var(--neon)}
.qcta b{display:block;font-stretch:120%;font-weight:900;font-size:16px;line-height:1.1}
.qcta small{display:block;font-size:12px;color:#E9E2D6}
.thumbs3{display:flex;align-items:center;flex:none;margin-right:6px}
.thumbs3 img{width:46px;height:46px;object-fit:contain;background:var(--soft);border-radius:10px;padding:3px;margin-left:-10px;border:2px solid #fff;transition:transform .3s var(--ease)}
.thumbs3 img:first-child{margin-left:0}
.ach:hover .thumbs3 img{transform:translateY(-3px)}
.ac.open .thumbs3{opacity:0;transition:opacity .3s}
/* big product cards */
.cardsx{padding-top:8px}
.bcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.bcards.clip>.bc:nth-child(n+13){display:none}
.bc{margin:0;display:flex;flex-direction:column;animation:qin .5s var(--ease) both;animation-delay:var(--d)}
.bci{position:relative;height:340px;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:20px;background:radial-gradient(120% 90% at 50% 15%,#fff 0,var(--soft) 70%);cursor:zoom-in;overflow:hidden;transition:transform .35s var(--ease)}
.bci:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);transform:translateX(-120%);transition:transform .8s var(--ease);pointer-events:none}
.bc:hover .bci{transform:translateY(-6px) rotate(-1deg)}
.bc:hover .bci:after{transform:translateX(120%)}
.bci img{max-height:100%;width:auto;object-fit:contain;border-radius:8px;filter:drop-shadow(0 10px 18px rgba(29,29,27,.28))}
.bc figcaption{padding:10px 4px 0;font-size:13.5px;line-height:1.4}
.bc figcaption div{background:none!important;padding:0!important;display:block!important;margin:0!important}
.bc figcaption span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--mid)}
.bcm{margin-top:18px}
.ext .elead{max-width:760px}
/* quiz */
.qhero{text-align:center;padding:30px 0 20px}
.qhero .hd{font-size:clamp(34px,6vw,60px);margin:18px 0 10px}
.qhero p{color:var(--mute);font-size:16.5px;max-width:560px;margin:0 auto}
.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:1000px;margin:10px auto 0}
.lvl{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--soft);border-radius:22px;padding:22px;overflow:hidden;transition:transform .35s var(--ease),background .2s}
.lvl:hover{transform:translateY(-5px)}
.lvl:nth-child(3){background:var(--ink);color:#fff}
.lvl:nth-child(3) small,.lvl:nth-child(3) p{color:#E9E2D6}
.lnum{position:absolute;right:-6px;top:-22px;font-stretch:125%;font-weight:900;font-size:130px;line-height:1;color:rgba(29,29,27,.08)}
.lvl:nth-child(3) .lnum{color:rgba(243,150,18,.12)}
.lt b{display:block;font-stretch:125%;font-weight:900;font-size:28px;margin:4px 0 2px}
.lt small{display:block;font-weight:800;font-size:14px;color:var(--mid)}
.lt p{font-size:14.5px;color:#34332F;margin-top:8px}
.lst{margin-top:auto;font-weight:800;font-size:14px}
.lst .go{display:inline-block;background:var(--neon);color:var(--ink);padding:8px 16px;border-radius:99px}
.lst .best,.lst .lk{display:inline-flex;align-items:center;gap:6px}
.lst svg{width:18px;height:18px}
.lbar{height:6px;border-radius:9px;background:rgba(29,29,27,.12);overflow:hidden}
.lbar i{display:block;height:100%;background:var(--neon);border-radius:9px;transition:width .6s var(--ease)}
.lvl.locked{opacity:.55;cursor:not-allowed}
.lvl.locked:hover{transform:none}
.qz{max-width:760px;margin:20px auto 0;position:relative}
.qtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.qsc{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px}
.qsc svg{width:18px;height:18px;color:var(--mid)}
.qsc em{font-style:normal;background:var(--neon);padding:2px 9px;border-radius:99px;font-size:12px;animation:pop .4s var(--ease)}
@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}100%{transform:none}}
.qprog{display:flex;gap:5px;margin-bottom:18px}
.qprog i{flex:1;height:7px;border-radius:9px;background:var(--line);transition:background .3s}
.qprog i.ok{background:var(--neon)}
.qprog i.bad{background:#C6BFB3}
.qprog i.cur{background:var(--ink)}
.qcard{background:#fff;border:2px solid var(--ink);border-radius:24px;padding:26px;animation:vin .45s var(--ease)}
.qno{font-weight:900;font-stretch:120%;font-size:15px;color:var(--mid)}
.qno span{color:var(--mute);font-weight:700}
.qcard h2{font-stretch:112%;font-weight:900;font-size:clamp(21px,3vw,27px);line-height:1.2;margin:8px 0 20px}
.opts{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:16px;background:var(--soft);border:2px solid transparent;font-size:16px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}
.opt:hover:not(:disabled){border-color:var(--ink);transform:translateX(4px)}
.ol{flex:none;width:32px;height:32px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}
.ot{flex:1}
.om{flex:none;width:26px;height:26px}
.om svg{width:26px;height:26px;stroke-width:3}
.opt.right{background:var(--neon);border-color:var(--ink);animation:pop .45s var(--ease)}
.opt.right .ol{background:var(--ink);color:var(--neon)}
.opt.wrong{background:#fff;border-color:var(--ink);text-decoration:line-through;text-decoration-thickness:2px;animation:shake .4s}
.opt.dim{opacity:.45}
.opt:disabled{cursor:default;color:var(--ink)}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.exb{margin-top:16px;border-radius:16px;padding:16px 18px;animation:qin .4s var(--ease) both}
.exb.g{background:#FFF1DC}
.exb.r{background:var(--soft)}
.exb b{font-weight:900;font-size:16px}
.exb p{margin:4px 0 0;font-size:15px}
.exa{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.exa .go{font-weight:800;font-size:14px;border-bottom:2px solid var(--neon)}
.nextq{display:inline-flex;align-items:center;gap:6px;margin-left:auto;background:var(--ink);color:#fff;font-weight:900;font-size:15px;padding:11px 18px;border-radius:99px;transition:background .2s}
.nextq:hover{background:#1B1B19}
.nextq svg{width:17px;height:17px}
.qres{text-align:center;background:#fff;border:2px solid var(--ink);border-radius:24px;padding:30px 22px;animation:vin .45s var(--ease)}
.ring{position:relative;width:150px;height:150px;margin:0 auto 14px}
.ring svg{width:150px;height:150px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:12}
.ring .rb{stroke:var(--soft)}
.ring .rf{stroke:var(--neon);stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease)}
.rv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px}
.rv b{font-stretch:125%;font-weight:900;font-size:48px}
.rv span{font-weight:800;color:var(--mute);font-size:18px;margin-top:14px}
.qres .hd{font-size:clamp(22px,3.4vw,32px);margin:8px 0 10px}
.unl{display:inline-flex;align-items:center;gap:8px;background:var(--neon);font-weight:800;padding:8px 16px;border-radius:99px;margin:4px 0 6px}
.unl svg{width:20px;height:20px}
.qbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0 4px}
.btn{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:15px;padding:12px 20px;border-radius:99px;background:var(--ink);color:#fff;transition:background .2s}
.btn.o{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.btn:hover{background:var(--neon);color:var(--ink);border-color:var(--neon)}
.rev{text-align:left;margin-top:22px;border-top:1.5px solid var(--ink);padding-top:14px}
.rvi{padding:12px 0;border-bottom:1px solid var(--line)}
.rvi b{font-weight:800}
.rvi p{margin:4px 0 0;font-size:14.5px}
.rvi p span{font-weight:800;color:var(--mid)}
.rvi .rx{color:var(--mute)}
.rvi .go{display:inline-block;margin-top:6px;font-weight:800;font-size:13px;border-bottom:2px solid var(--neon)}
.conf{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.conf i{position:absolute;top:-10px;width:9px;height:14px;border-radius:2px;animation:fall 2.6s ease-in forwards}
@keyframes fall{to{top:110%;transform:rotate(720deg) translateX(40px)}}
@media (max-width:820px){
  .qbtn span{display:none}.qbtn{padding:0 10px}
  .mbtn{padding:0 11px}
  .thumbs3{display:none}
  .cath{flex-direction:column;align-items:stretch}
  .bcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bci{height:250px;padding:10px;border-radius:16px}
  .qcard{padding:20px 16px}
  .opt{font-size:15px;padding:12px}
  .brand img{height:34px}
  .topin{gap:8px}
}
@media (max-width:400px){.mbtn .cv{display:none}.back{width:36px;height:36px}}

/* ===== v4: bigger categories & cards ===== */
.subs{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.scard .im{height:190px;padding:16px}
.scard .tx{padding:6px 16px 16px}
.scard b{font-size:17.5px}
.scard.qm .im{background:var(--ink);margin:10px 10px 0;border-radius:14px}
.qmark{display:flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:50%;background:var(--neon);color:var(--ink);font-stretch:125%;font-weight:900;font-size:72px;line-height:1;transition:transform .45s var(--ease)}
.scard.qm:hover .qmark{transform:rotate(-12deg) scale(1.06)}
.thumbs3 img{width:56px;height:56px}
.ccard{width:250px}
.ccard .ci{height:340px}
.rbtn{top:150px}
.bcards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.bci{height:400px}
.pcard .im{height:240px}
.ach{padding:24px 4px}
/* quiz level tones */
.lvl:nth-child(3){background:var(--soft);color:var(--ink)}
.lvl:nth-child(3) small{color:var(--mid)}.lvl:nth-child(3) p{color:#34332F}
.lvl:nth-child(3) .lnum{color:rgba(29,29,27,.08)}
.lvl:nth-child(3),.lvl:nth-child(4){background:#FFEFD6}
.lvl:nth-child(5),.lvl:nth-child(6){background:var(--ink);color:#fff}
.lvl:nth-child(5) small,.lvl:nth-child(6) small{color:var(--neon)}
.lvl:nth-child(5) p,.lvl:nth-child(6) p{color:#E9E2D6}
.lvl:nth-child(5) .lnum,.lvl:nth-child(6) .lnum{color:rgba(243,150,18,.12)}
.lvl:nth-child(6){background:linear-gradient(135deg,#1C1C1A,#1D1D1B 60%,#C46A00 160%)}
.lvl:nth-child(5) .lbar,.lvl:nth-child(6) .lbar{background:rgba(255,255,255,.15)}
.levels{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.levels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){
  .subs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .scard .im{height:150px;padding:12px}
  .scard b{font-size:15.5px}
  .qmark{width:84px;height:84px;font-size:54px}
  .ccard{width:190px}.ccard .ci{height:270px}
  .bcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bci{height:290px}
  .pcard .im{height:170px}
  .levels{grid-template-columns:1fr}
}
.lbox{display:flex;gap:20px;align-items:center;background:var(--soft);border-radius:22px;padding:22px}
.lbox .gen p{font-size:17px;margin:0}
.qmark.sm{flex:none;width:76px;height:76px;font-size:48px}
@media (max-width:820px){.lbox{flex-direction:column;align-items:flex-start}.qmark.sm{width:60px;height:60px;font-size:38px}}

/* ===== v5 ===== */
.vsw{margin:0 0 18px}
.vsl{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--mid);margin-bottom:8px}
.vbtns{display:flex;flex-wrap:wrap;gap:8px}
.vbtns a{font-weight:800;font-size:14.5px;padding:9px 16px;border-radius:99px;border:2px solid var(--ink);transition:background .2s}
.vbtns a:hover{background:var(--neon);border-color:var(--neon)}
.vbtns a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pdesc{margin:0 0 16px}
.pdesc p{font-size:17px;line-height:1.6;margin:0 0 10px;color:#23221F}
.snote2{display:flex;gap:10px;align-items:flex-start;background:var(--warm);border-radius:14px;padding:12px 14px;font-size:14.5px;margin:0 0 18px}
.snote2 svg{flex:none;width:18px;height:18px;margin-top:2px;color:#b08a00}
.qh2{font-weight:900;font-stretch:115%;font-size:16px;margin-bottom:8px}
.w5{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.cnote{font-size:13.5px;color:var(--mute);margin:-6px 0 14px}
.bc.w{grid-column:span 2}
.bc.w .bci{height:400px}
.ccard.w{width:520px}
@media (max-width:820px){.bc.w .bci{height:230px}.ccard.w{width:330px}.pdesc p{font-size:16px}}
/* v6 */
.n5{margin-top:14px;background:var(--soft);border-radius:16px;padding:14px 16px}
.n5h{font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--mid);margin-bottom:6px}
.r5{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.45}
.r5:first-of-type{border-top:0}
.r5>b{font-stretch:115%;font-weight:900;font-size:12.5px;background:var(--ink);color:var(--neon);border-radius:99px;padding:2px 8px;align-self:start;text-align:center}
.infos{border-top:0}
.sech+.infos>.ac:first-child{border-top:0}
.infos .ac:last-child{border-bottom:0}
@media (max-width:820px){.n5{margin-top:12px}}
.track{align-items:flex-start}.ccard{height:auto}
/* v7 glossary */
.hasg{position:relative;cursor:help;display:inline-flex!important;align-items:center;gap:6px}
.gq{font-style:normal;width:16px;height:16px;border-radius:50%;background:var(--neon);color:var(--ink);font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.gt{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:240px;background:#fff;color:var(--ink);font-style:normal;font-weight:500;font-size:13px;line-height:1.4;padding:10px 12px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25)!important;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;white-space:normal;text-align:left}
.gt:after{content:"";position:absolute;left:50%;top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:#fff}
.hasg:hover .gt,.hasg:focus .gt,.hasg.on .gt{opacity:1;transform:translateX(-50%)}
.pbox{overflow:visible}
.bcards.one{grid-template-columns:1fr}.bcards.one .bci{height:auto;max-height:620px}.bcards.one .bci img{max-height:580px}
.mlogo{display:inline-flex;flex-direction:column;align-items:flex-start}
.mlogo .by{font-family:"Pix",monospace;font-size:8.5px;letter-spacing:.04em;color:var(--mute);margin:12px 0 0 2px;font-weight:400;text-transform:none}
/* ---- bilgilendirme rehberi ---- */
.gnote{display:flex;gap:18px;align-items:flex-start;background:var(--warm);border-radius:22px;padding:20px 22px}
.gnote>div>b{display:block;font-stretch:118%;font-weight:900;font-size:18px;margin-bottom:4px}
.gnote p{margin:0;color:var(--ink);font-size:15.5px}
.gbang{flex:none;width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--neon);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;font-stretch:125%}
.gtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.gtile{display:flex;flex-direction:column;background:var(--soft);border-radius:var(--r);overflow:hidden;transition:transform .3s var(--ease),background .2s}
.gtile:hover{transform:translateY(-3px);background:#EFEBE4}
.gtile .im{height:128px;display:flex;align-items:center;justify-content:center;padding:12px}
.gtile .im img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12))}
.gtile .tx{padding:4px 14px 14px}
.gtile b{display:block;font-weight:900;font-size:15px;line-height:1.2}
.gtile small{display:block;color:var(--mute);font-size:12.5px;line-height:1.3;margin-top:3px}
.gq{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--neon);font-weight:900;font-size:38px;font-stretch:125%;color:var(--ink)}
.gd{scroll-margin-top:84px}
.gth{flex:none;width:64px;height:64px;display:flex;align-items:center;justify-content:center}
.gth img{max-width:100%;max-height:100%;object-fit:contain}
.gth .gq{width:44px;height:44px;font-size:26px}
.gdb{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:26px;align-items:start}
.gdb.noi{grid-template-columns:1fr}
.gdi{display:flex;flex-direction:column;gap:12px;position:sticky;top:84px}
.gfig{margin:0}.gfig figcaption{font-size:13px;font-weight:800;color:var(--mute);text-align:center;margin-top:6px}
.gim{background:var(--soft);border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.gim img{max-width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.14))}
.gdt>p:first-child{font-size:16.5px}
.pin{background:var(--soft);border-radius:14px;padding:4px 18px 10px;margin:12px 0}
.pin .kicker{margin:12px 0 6px!important}
.pin ul{margin:0;padding-left:18px}
.pin li{margin:5px 0}
.ptip{border-left:4px solid var(--neon);padding:4px 0 4px 14px;margin:14px 0 4px}
.ptip>b{display:block;font-size:13px;letter-spacing:.08em;font-weight:900;color:var(--mid);margin-bottom:2px}
.ptip p{margin:0}
.psoon{margin-top:12px;border:2px dashed var(--line);border-radius:14px;padding:26px 16px;text-align:center;color:var(--mute);font-weight:700}
@media (max-width:760px){.gdb{grid-template-columns:1fr;gap:14px}.gdi{position:static;flex-direction:row;overflow-x:auto}.gfig{flex:1 0 70%}.gim img{max-height:220px}.gtiles{grid-template-columns:repeat(2,1fr);gap:10px}.gtile .im{height:104px}.gth{width:48px;height:48px}.gnote{padding:16px}}
/* ---- nadirlik galerisi & karşılaştırma ---- */
.rgal{margin-top:22px;display:flex;flex-direction:column;gap:14px}
.rg{background:var(--soft);border-radius:18px;padding:16px 18px 18px}
.rgh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rgh b{font-stretch:118%;font-weight:900;font-size:18px}
.rsym{min-width:38px;height:30px;padding:0 8px;border-radius:99px;background:var(--ink);color:var(--neon);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;letter-spacing:.05em}
.rg>p{margin:6px 0 12px;color:var(--mute)}
.rcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.rc{margin:0;display:flex;flex-direction:column;align-items:center}
.rc figcaption{font-size:12.5px;font-weight:700;text-align:center;margin-top:7px;line-height:1.3}
.rci{position:relative;border-radius:5%/3.6%;overflow:hidden;cursor:zoom-in;box-shadow:0 8px 18px rgba(0,0,0,.16);transition:transform .35s var(--ease);max-width:200px;width:100%;isolation:isolate}
.rci:hover{transform:translateY(-4px) rotate(-1deg)}
.rci img{display:block;width:100%;height:auto}
.rci.holo::after,.rci.rholo::after,.rci.shine::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.55) 34%,rgba(255,70,220,.38) 40%,rgba(60,230,255,.38) 46%,rgba(255,240,80,.38) 52%,rgba(255,255,255,.5) 58%,transparent 67%);background-size:300% 100%;mix-blend-mode:color-dodge;animation:holo 3.4s linear infinite}
.rci.shine::after{opacity:.55;animation-duration:4.6s}
.rci.holo::after{inset:10.5% 6.5% auto 6.5%;height:38%}
.rci.rholo::after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 48.5%,93.5% 48.5%,93.5% 10.5%,6.5% 10.5%,6.5% 48.5%,0 48.5%)}
@keyframes holo{0%{background-position:120% 0}100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.rci::after{animation:none!important;background-position:50% 0!important}}
.gcmps{margin-top:24px}
.gcmps>.kicker{margin:0 0 10px!important}
.gcmp{border:1.5px solid var(--line);border-radius:18px;padding:16px 18px;margin-bottom:12px}
.gct{display:block;font-weight:900;font-size:16.5px;font-stretch:115%;margin-bottom:12px}
.gcr{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;max-width:560px;margin:0 auto}
.gcr .rci{max-width:230px}
.vs{width:42px;height:42px;border-radius:50%;background:var(--neon);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;font-stretch:120%}
.gcmp>p{margin:12px 0 0;color:var(--mute);text-align:center}
@media (max-width:760px){.rcards{grid-template-columns:repeat(2,1fr);gap:10px}.gcr{gap:8px}.vs{width:32px;height:32px;font-size:11px}.rg{padding:14px}}

.glogo{display:block;width:min(260px,62vw);height:auto;margin:6px 0 14px}
/* ---- kart üstü işaretler ---- */
.mk{position:absolute;transform:translate(-50%,-50%);width:13%;aspect-ratio:1;border-radius:50%;border:2.5px solid var(--neon);box-shadow:0 0 0 2px rgba(29,29,27,.85),0 0 12px var(--neon);pointer-events:none;animation:mkp 1.8s ease-in-out infinite;z-index:2}
.mk.n{width:22px;height:22px;aspect-ratio:auto;background:var(--neon);color:var(--ink);font-style:normal;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.3);animation:none}
.rc .mk.n{width:18px;height:18px;font-size:10px}
.mk.st{position:static;transform:none;flex:none}
@keyframes mkp{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.18)}}
@media (prefers-reduced-motion:reduce){.mk{animation:none}}
.zbox{position:absolute;border:2.5px dashed var(--neon);border-radius:8px;box-shadow:0 0 0 2px rgba(29,29,27,.7);pointer-events:none;z-index:2}
.anns{margin-top:22px;display:grid;gap:14px}
.ann{background:var(--soft);border-radius:18px;padding:16px 18px}
.annb{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:22px;align-items:start}
.annc .rci{max-width:240px}
.zl{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--mid);margin-bottom:6px}
.zoom{position:relative;overflow:hidden;border-radius:12px;border:2.5px dashed var(--neon);background:#fff}
.zoom img{position:absolute;left:0;top:0;height:auto;max-width:none}
.zoom .mk.n{width:26px;height:26px;font-size:13px}
.leg{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}
.leg li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.4}
@media (max-width:760px){.annb{grid-template-columns:1fr;gap:12px}.annc .rci{max-width:200px;margin:0 auto}}
.annb.full{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center}
.annb.full .rci.big{max-width:280px}
.annb.full .leg{margin-top:0}
@media (max-width:760px){.annb.full{grid-template-columns:1fr}.annb.full .rci.big{max-width:240px;margin:0 auto}}

.qbtn.sku svg{fill:none;stroke:currentColor;stroke-width:2}
.skuh .sfield{max-width:560px;margin:18px auto 0}.skucnt{color:var(--mute);font-size:14px;margin-top:10px}
.skutw{overflow-x:auto;border-radius:18px;border:1.5px solid var(--line)}
.skut{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.skut th{background:var(--ink);color:#fff;font-size:12px;letter-spacing:.06em;padding:12px 12px;text-align:center;font-weight:800}
.skut th:first-child{text-align:left}
.skut td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.skut td.skn{text-align:left;font-weight:700}.skut td.pn small{display:block!important;margin-top:2px;text-align:left;color:var(--mute);font-weight:600;font-size:12px}
.skut td.sk{white-space:nowrap}.skut code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;background:var(--soft);padding:4px 8px;border-radius:8px}
.skut .cp{margin-left:8px;font-size:11px;font-weight:800;border:1.5px solid var(--line);border-radius:99px;padding:3px 9px;background:#fff;cursor:pointer}
.skut .cp:hover{background:var(--neon);border-color:var(--neon)}
.skut tr.cat td{background:var(--soft);text-align:left;font-weight:900;letter-spacing:.04em;font-size:12.5px;border-bottom:2px solid var(--neon)}
.skut .na{color:#C2BCB1}.skuempty{padding:30px;text-align:center;color:var(--mute)}
.partners{padding:10px 0 40px}.partners .cath{margin-bottom:16px}
.ptgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ptgrid .pt{background:#fff;border:1.5px solid var(--line);border-radius:16px;height:110px;display:flex;align-items:center;justify-content:center;padding:16px}
.ptgrid .pt.club{background:var(--soft);padding:8px}
.ptgrid .pt img{max-width:100%;max-height:100%;object-fit:contain}
@media (max-width:820px){.ptgrid{grid-template-columns:repeat(3,1fr)}.ptgrid .pt{height:86px}}
@media (max-width:520px){.ptgrid{grid-template-columns:repeat(2,1fr)}}
.skut td.tm{color:var(--mute);font-size:13px;text-align:left}

/* ===== TCGTR theme ===== */
body{background:#fff}
.hd{font-style:italic;font-weight:900;letter-spacing:-.02em}
.kicker{color:var(--mid)}
.brand img{height:30px}
.top{border-bottom:1px solid var(--line)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--ink) 0 58%,var(--neon) 58% 100%);opacity:.9}
.mbtn{border-radius:10px}
.sbtn{border-radius:10px}
.sbtn:hover{background:var(--neon);border-color:var(--neon)}
body.home .sbtn{visibility:visible}
.pill{background:var(--neon);color:var(--ink)}
.pill.o{color:var(--ink)}
.pcard{border:1px solid var(--line);background:var(--soft)}
.pcard:hover{box-shadow:0 14px 30px -18px rgba(29,29,27,.45)}
.pcard .k{color:var(--mid)}
.sech{border-bottom:2px solid var(--ink);position:relative}
.sech::after{content:"";position:absolute;left:0;bottom:-2px;width:56px;height:2px;background:var(--neon)}
.sech .kicker{font-style:italic;font-size:14px;color:var(--ink);font-weight:900;letter-spacing:.06em}

/* slider */
.hs{padding:22px 0 6px}
.hsv{position:relative;border-radius:20px;overflow:hidden;background:var(--ink);height:400px}
.hsl{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding:0 70px;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility .7s;color:#fff;background:radial-gradient(120% 140% at 85% 50%,#3a3631 0,#1D1D1B 60%)}
.hsl.on{opacity:1;visibility:visible}
.hsl::before{content:"";position:absolute;right:-60px;top:-40px;width:46%;height:140%;background:var(--neon);transform:skewX(-14deg);opacity:.95}
.hst{position:relative;z-index:1;max-width:470px}
.hst .kicker{color:var(--neon);font-size:13px}
.hst .hd{font-size:clamp(30px,4.2vw,50px);margin:10px 0 12px;color:#fff}
.hst p{color:rgba(255,255,255,.78);font-size:16.5px;margin-bottom:20px}
.hbtn{display:inline-flex;align-items:center;gap:8px;background:var(--neon);color:#fff;font-weight:900;padding:12px 20px;border-radius:10px;font-style:italic;letter-spacing:.02em;transition:transform .2s}
.hbtn svg{width:18px;height:18px}
.hsl:hover .hbtn{transform:translateX(4px)}
.hsi{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center}
.hsi img{position:absolute;max-height:64%;max-width:44%;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.45));transition:transform .9s var(--ease)}
.hsi img[style*="--j:0"]{left:4%;transform:rotate(-6deg) translateY(10px)}
.hsi img[style*="--j:1"]{z-index:2;max-height:76%;transform:translateY(-6px)}
.hsi img[style*="--j:2"]{right:4%;transform:rotate(6deg) translateY(14px)}
.hsl.adsl{background:var(--soft);padding:18px}
.hsl.adsl::before{display:none}
.hsa{position:absolute;top:50%;margin-top:-22px;z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:background .2s}
.hsa:hover{background:var(--neon);color:#fff}
.hsa.l{left:14px}.hsa.r{right:14px}
.hsd{position:absolute;left:0;right:0;bottom:16px;z-index:3;display:flex;justify-content:center;gap:8px}
.hsd button{width:9px;height:9px;border-radius:99px;background:rgba(255,255,255,.45);transition:width .3s,background .3s}
.hsd button.on{width:28px;background:var(--neon)}

/* ads */
.ad{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;margin:26px auto;background:repeating-linear-gradient(-45deg,#F7F5F1 0 12px,#F1EEE8 12px 24px);border:1.5px dashed #CFC8BC;border-radius:12px;color:#8C857A}
.ad b{display:block;font-size:14px;font-weight:800;color:#77705F}
.ad small{font-size:12px;letter-spacing:.08em}
.adl{position:absolute;top:6px;left:10px;font-size:9.5px;font-weight:800;letter-spacing:.18em;color:#A39B8D}
.ad-lb{max-width:728px;height:90px}
.ad-box{width:100%;max-width:300px;height:250px}
.ad-wide{max-width:970px;height:250px}
.ad-hero{width:100%;height:100%;margin:0}

/* home search */
.hsearch{padding:34px 0 10px}
.hsb{text-align:center}
.hsb .hd{font-size:clamp(26px,4vw,40px);margin-bottom:18px}
.hsearch .sfield{border-radius:14px}
.sugg button:hover{background:var(--neon);color:#fff}
#homebody.hide{display:none}
.sec0{padding:30px 0 6px}

/* brand tiles */
.btiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.btile{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .3s var(--ease),box-shadow .3s}
.btile:hover{transform:translateY(-4px);box-shadow:0 16px 30px -18px rgba(29,29,27,.5)}
.bti{position:relative;height:150px;background:linear-gradient(135deg,var(--soft) 0 62%,#FCE3BF 62% 100%);display:flex;align-items:center;justify-content:center}
.bti img{position:absolute;max-height:74%;max-width:40%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18))}
.bti img[style*="--j:0"]{left:10%;transform:rotate(-7deg)}
.bti img[style*="--j:1"]{z-index:2;max-height:84%}
.bti img[style*="--j:2"]{right:10%;transform:rotate(7deg)}
.btt{padding:14px 16px 16px;display:flex;flex-direction:column;gap:3px;flex:1}
.btt b{font-style:italic;font-weight:900;font-stretch:118%;font-size:19px;line-height:1.1}
.btt small{color:var(--mute);font-size:13.5px;line-height:1.35}
.btt span{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--mid)}
.btt span svg{width:16px;height:16px}
.btiles.sm .bti{height:110px}
.btiles.sm .btt small{display:none}

/* guides */
.guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.gcard{display:flex;align-items:center;gap:16px;border-radius:16px;border:1px solid var(--line);padding:14px;background:#fff;transition:border-color .2s,transform .3s var(--ease)}
.gcard:hover{border-color:var(--neon);transform:translateY(-3px)}
.gci{position:relative;flex:none;width:130px;height:110px;border-radius:12px;background:var(--soft)}
.gci img{position:absolute;top:50%;left:50%;max-height:80%;max-width:56%;object-fit:contain}
.gci img[style*="--j:0"]{transform:translate(-95%,-50%) rotate(-8deg)}
.gci img[style*="--j:1"]{transform:translate(-50%,-50%);z-index:2}
.gci img[style*="--j:2"]{transform:translate(-5%,-50%) rotate(8deg)}
.gcard b{display:block;font-style:italic;font-weight:900;font-size:20px;line-height:1.1;margin:3px 0 4px}
.gcard p{font-size:14px;color:var(--mute);line-height:1.4}

/* brand page */
.bh{position:relative;padding-bottom:22px}
.bstats{display:flex;gap:10px;margin:14px 0 4px;flex-wrap:wrap}
.bstats span{background:var(--soft);border-radius:99px;padding:6px 14px;font-size:14px;color:var(--mute)}
.bstats b{color:var(--ink);font-weight:900}
.bjump{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bjump a{border:1.5px solid var(--ink);border-radius:99px;padding:6px 14px;font-size:14px;font-weight:800;transition:background .2s,color .2s,border-color .2s}
.bjump a:hover{background:var(--neon);border-color:var(--neon);color:#fff}
.bgrp{scroll-margin-top:90px}
.brow{margin-bottom:26px}
.brh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.brh>a:first-child b{display:block;font-style:italic;font-weight:900;font-stretch:115%;font-size:21px;line-height:1.1}
.brh>a:first-child small{font-size:14px;color:var(--mute)}
.brh>a:first-child:hover b{color:var(--mid)}
.more2{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--mid);white-space:nowrap}
.more2 svg{width:16px;height:16px}
.rc2{flex:none;width:240px;scroll-snap-align:start}
.rc2 .pcard{height:100%}

@media(max-width:820px){
  .hsv{height:auto;min-height:0}
  .hsl{position:absolute;grid-template-columns:1fr;padding:26px 22px 54px;gap:0;align-content:start}
  .hsv{height:520px}
  .hsl::before{right:-30%;top:auto;bottom:-20px;width:120%;height:42%;transform:skewY(-8deg)}
  .hsi{height:220px}
  .hst p{font-size:15px;margin-bottom:14px}
  .hsa{display:none}
  .ad-wide{height:250px;max-width:336px}
  .ad-lb{max-width:320px;height:100px}
  .guides{grid-template-columns:1fr}
  .btiles{grid-template-columns:repeat(2,1fr);gap:10px}
  .bti{height:120px}
  .btt b{font-size:16px}
  .btt small{display:none}
  .gci{width:100px;height:90px}
  .rc2{width:200px}
}
@media(max-width:420px){.hsv{height:540px}.hsl.adsl{padding:12px}}

/* canlı reklam */
.adlive{position:relative;margin:26px auto;text-align:center;max-width:100%;overflow:hidden}
.adlive .adl{position:static;display:block;margin-bottom:4px}
.adlive-lb{max-width:970px}.adlive-box{max-width:336px}.adlive-wide{max-width:970px}
.adlive-hero{width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center}
.adlive-hero .adc{width:100%}
.adlive img{margin:0 auto;max-width:100%;height:auto}
.seo-fallback{padding:40px 0}
.seo-fallback h1{font-size:34px;margin-bottom:12px}
.custom-logo-link img,.brand img{height:30px;width:auto}
.plain{padding-bottom:60px;max-width:820px}
.plain-body{font-size:17px;line-height:1.7}
.plain-body p,.plain-body ul,.plain-body ol,.plain-body h2,.plain-body h3{margin:0 0 14px}
.plain-body ul,.plain-body ol{padding-left:22px}
.plain-body a{color:var(--mid);text-decoration:underline}
.foot .wrap{gap:16px;flex-wrap:wrap;align-items:center}
.fmenu{display:flex;gap:16px;flex-wrap:wrap}
.fmenu li{list-style:none}
.fmenu a:hover{color:var(--ink)}
body.tcgtr-plain .sbtn{visibility:visible}

/* ===== haberler ===== */
.nbtn{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px 0 11px;border-radius:10px;border:1.5px solid var(--line);font-weight:800;font-size:14px;transition:border-color .2s,background .2s;flex:none}
.nbtn:hover,.nbtn.on{border-color:var(--neon);background:var(--warm)}
.nbtn svg{width:18px;height:18px}
.news{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ncard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:transform .3s var(--ease),box-shadow .3s}
.ncard:hover{transform:translateY(-4px);box-shadow:0 16px 30px -18px rgba(29,29,27,.5)}
.nim{aspect-ratio:16/10;background:var(--soft);overflow:hidden;display:flex;align-items:center;justify-content:center}
.nim img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.ncard:hover .nim img{transform:scale(1.04)}
.nph{font-style:italic;font-weight:900;font-stretch:125%;font-size:30px;color:var(--ink);opacity:.25}.nph b{color:var(--neon)}
.ntx{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px}
.ntx .kicker{font-size:11px}
.ntx time{color:var(--mute);font-weight:700;letter-spacing:.04em}
.ntx b{font-weight:900;font-size:18px;line-height:1.2}
.ntx p{font-size:14px;color:var(--mute);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nlist{grid-template-columns:repeat(3,1fr);margin-top:8px}
.ncats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding-bottom:16px;border-bottom:2px solid var(--ink)}
.ncats a{border:1.5px solid var(--line);border-radius:99px;padding:7px 15px;font-size:14px;font-weight:800;transition:all .2s}
.ncats a:hover{border-color:var(--ink)}
.ncats a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pager{display:flex;gap:6px;justify-content:center;margin:30px 0 10px;flex-wrap:wrap}
.pager .page-numbers{min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.pager .current{background:var(--neon);border-color:var(--neon);color:#fff}
.nempty{padding:30px 0;color:var(--mute)}
.blog .pcrumb a{color:var(--mute)}
.art{max-width:1040px}
.arth{padding:24px 0 18px;max-width:820px}
.arth .hd{font-size:clamp(30px,4.6vw,52px);margin:10px 0 12px;line-height:1.02}
.arth .lead{font-size:19px;color:var(--mute);line-height:1.5}
.artimg{margin:6px 0 26px;border-radius:18px;overflow:hidden;background:var(--soft)}
.artimg img{width:100%;max-height:560px;object-fit:cover}
.artgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.artbody{font-size:18px;line-height:1.75}
.artbody img{border-radius:12px;height:auto;margin:10px 0}
.artbody figure{margin:18px 0}
.artbody figcaption{font-size:13px;color:var(--mute);margin-top:6px}
.artbody h2{font-style:italic;font-weight:900;font-size:26px;line-height:1.15;margin-top:28px}
.artbody h3{font-weight:900;font-size:20px;margin-top:22px}
.artbody blockquote{border-left:4px solid var(--neon);padding:4px 0 4px 18px;margin:18px 0;font-size:20px;font-style:italic}
.artbody iframe,.artbody video{max-width:100%}
.artside{position:sticky;top:90px}
.artside .ad{margin-top:0}
.arttags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.arttags a{background:var(--soft);border-radius:99px;padding:5px 12px;font-size:13px;font-weight:700}
/* slider: haber slaytı */
.hsl.hnews{background:#1D1D1B}
.hsl.hnews::before{display:none}
.hnb{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);transition:transform 7s linear}
.hsl.hnews.on .hnb{transform:scale(1.08)}
.hsl.hnews::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,18,.92) 0,rgba(20,20,18,.7) 42%,rgba(20,20,18,.05) 75%)}
.hsl.hnews .hst{z-index:2;max-width:560px}
.hsl.hnews .hst p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:980px){.news{grid-template-columns:repeat(2,1fr)}.nlist{grid-template-columns:repeat(2,1fr)}.artgrid{grid-template-columns:1fr}.artside{position:static}}
@media(max-width:820px){
  .nbtn{padding:0 10px;border-radius:10px}.nbtn span{display:none}
  .hsl.hnews{align-content:end;padding-bottom:58px}
  .hsl.hnews::after{background:linear-gradient(0deg,rgba(20,20,18,.95) 0,rgba(20,20,18,.75) 50%,rgba(20,20,18,.1) 100%)}
  .artbody{font-size:17px}
}
@media(max-width:560px){.news,.nlist{grid-template-columns:1fr}.ncard{flex-direction:row}.nim{flex:none;width:120px;aspect-ratio:1}.ntx{padding:10px 12px}.ntx b{font-size:16px}.ntx p{-webkit-line-clamp:2}.nph{font-size:18px}}

/* ===== checklist ===== */
.clbtn{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 18px;border-radius:14px;background:var(--ink);color:#fff;font-weight:900;font-style:italic;transition:transform .2s}
.clbtn:hover{transform:translateX(3px)}
.clbtn svg{color:var(--neon);transform:rotate(90deg)}
.clbtn small{margin-left:auto;font-style:normal;font-weight:700;color:rgba(255,255,255,.65)}
.cl{scroll-margin-top:84px}
.cllead{color:var(--mute);font-size:15.5px;margin:0 0 14px;max-width:780px}
.clpar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px}
.clpl{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--mid);margin-right:4px}
.clp{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:5px 12px 5px 8px;font-size:13.5px}
.clp i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.clp b{font-weight:800}
.cltop{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.cltabs{display:flex;gap:8px;flex-wrap:wrap}
.cltabs button{border:1.5px solid var(--line);border-radius:99px;padding:8px 14px;font-weight:800;font-size:14px;transition:all .2s}
.cltabs button small{font-weight:700;color:var(--mute);margin-left:2px}
.cltabs button:hover{border-color:var(--ink)}
.cltabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.cltabs button.on small{color:var(--neon)}
.clsearch{display:flex;align-items:center;gap:8px;border:1.5px solid var(--ink);border-radius:12px;padding:0 12px;height:44px;min-width:260px;flex:0 1 340px}
.clsearch input{border:0;outline:0;font:inherit;font-size:15px;flex:1;min-width:0;background:transparent}
.clsearch:focus-within{box-shadow:0 0 0 4px rgba(243,150,18,.3)}
.clg{display:none}
.clg.on{display:block}
.cl.q .clg{display:none}
.cl.q .clg.hit{display:block;margin-bottom:12px}
.cl.q .clg.hit::before{content:attr(data-t);display:block;font-style:italic;font-weight:900;font-size:15px;margin:6px 0 10px}
.cl [hidden]{display:none!important}
.cl.q .clg .cllead{display:none}
.clsets{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.clset{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff}
.clsh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:2px solid var(--neon);padding-bottom:8px;margin-bottom:8px}
.clsh b{font-weight:900;font-style:italic;font-size:16px;line-height:1.2}
.clsh span{flex:none;font-size:12px;font-weight:800;color:#fff;background:var(--ink);border-radius:99px;padding:2px 9px}
.clsd{font-size:13px;color:var(--mute);margin:0 0 6px}
.clset ol{list-style:none;counter-reset:c}
.clset li{counter-increment:c;display:flex;gap:10px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:14.5px;line-height:1.35}
.clset li:last-child{border-bottom:0}
.clset li::before{content:counter(c);flex:none;width:22px;font-size:12px;font-weight:800;color:var(--mute);padding-top:1px}
.clnone{display:none;color:var(--mute);padding:10px 0}
.cl.empty .clnone{display:block}
.clnote{font-size:13px;color:var(--mute);margin-top:14px;max-width:820px}
@media(max-width:620px){.clsearch{min-width:0;flex:1 1 100%}.clsets{grid-template-columns:1fr}}

.bcards{grid-auto-flow:row dense}
.clset li.nb::before{display:none}
.clset li em{flex:none;min-width:24px;font-style:normal;font-size:12px;font-weight:800;color:var(--mid);padding-top:2px;font-variant-numeric:tabular-nums}
.clset li span{flex:1;min-width:0}
.clset li small{display:block;font-size:12px;color:var(--mute);line-height:1.3}
.cltag{flex:none;align-self:center;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;background:var(--warm);color:var(--mid);border:1px solid #F8D7A6;border-radius:99px;padding:2px 8px}
.clset.clbig{grid-column:1/-1}
.clset.clbig ol{columns:3 240px;column-gap:28px}
.clset.clbig li{break-inside:avoid}
/* çıkma oranları */
.od{scroll-margin-top:84px}
.od .cltabs{margin-bottom:14px}
.odg{display:none}.odg.on{display:block}
.odt{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.odt th{text-align:left;font-size:11.5px;letter-spacing:.1em;color:var(--mute);font-weight:800;padding:12px 16px;background:var(--soft);border-bottom:2px solid var(--neon)}
.odt td{padding:10px 16px;border-top:1px solid var(--line);vertical-align:top}
.odt tr:nth-child(even) td{background:#FCFBF9}
.odv{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.odf{color:var(--mute);white-space:nowrap}
.odbtn{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.odbtn small{color:var(--mute)}
@media(max-width:620px){.odt{font-size:13px}.odt th,.odt td{padding:8px 10px}.odf{white-space:normal}}
.clset li .cltag+.cltag{margin-left:4px}
.clset li{flex-wrap:nowrap}
.clset li span{align-self:center}
.cltag.dig{background:#EEF2FB;color:#2A4A9B;border-color:#C9D5F0}
.cltag.num{background:#FFF1DC;color:#B05A00;border-color:#F3C98A}
.cltag.ink{background:#1D1D1B;color:#fff;border-color:#1D1D1B}
.clset li .tgs{font-style:normal;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;flex:none;max-width:60%}
.clset.tg{grid-column:1/-1}
.clset.tg ol{columns:2 400px;column-gap:28px}
.clset.tg li{break-inside:avoid}
.clset.tg li .tgs{flex-wrap:wrap;max-width:62%}
.clset.tg .cltag{font-size:9.5px;padding:2px 7px;letter-spacing:.04em}
@media(max-width:620px){.clset.tg li .tgs{flex-wrap:wrap;max-width:55%}}
.climg{margin:0 0 18px}
.climi{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#111;cursor:zoom-in;max-width:760px}
.climi img{width:100%;height:auto}
.climg figcaption{font-size:13px;color:var(--mute);margin-top:8px;max-width:760px}
.clsets>.clset:only-child{grid-column:1/-1}
.clsets>.clset:only-child ol{columns:2 360px;column-gap:28px}
.clsets>.clset:only-child li{break-inside:avoid}
.buybtn{display:inline-flex;align-items:center;gap:10px;margin:4px 0 14px;padding:12px 20px;border-radius:12px;background:var(--neon);color:#fff;font-weight:900;font-size:15px;box-shadow:0 8px 18px -10px rgba(243,150,18,.8);transition:transform .2s,box-shadow .2s}
.buybtn:hover{transform:translateY(-2px);box-shadow:0 12px 22px -10px rgba(243,150,18,.9)}
.buybtn svg{width:18px;height:18px}

/* ===== WhatsApp grupları ===== */
.wabtn{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px 0 11px;border-radius:10px;border:1.5px solid var(--line);font-weight:800;font-size:14px;flex:none;transition:border-color .2s,background .2s}
.wabtn:hover{border-color:#25D366;background:#EEFBF3}
.wabtn svg{width:18px;height:18px;color:#1FA855}
.wapop{position:fixed;inset:0;z-index:80;background:rgba(20,20,18,.45);display:flex;align-items:flex-start;justify-content:center;padding:84px 16px 16px;animation:vin .25s var(--ease) both}
.wapop[hidden]{display:none}
.wabox{width:100%;max-width:440px;max-height:calc(100vh - 110px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.wahd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:2px solid var(--ink);position:sticky;top:0;background:#fff}
.wahd b{font-style:italic;font-weight:900;font-size:18px}
.waclose{width:34px;height:34px;border-radius:50%;background:var(--soft);font-size:22px;line-height:1}
.walist{padding:8px 18px 16px}
.wag{padding:12px 0;border-bottom:1px dashed var(--line)}
.wag:last-child{border-bottom:0}
.wal{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;border:1px solid var(--line);transition:border-color .2s,background .2s}
.wal:hover{border-color:#25D366;background:#F4FCF7}
.wal img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none}
.waph{width:56px;height:56px;border-radius:10px;background:#25D366;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex:none}
.wat{flex:1;min-width:0}.wat b{display:block;font-weight:900;font-size:15.5px;line-height:1.2}.wat small{display:block;color:var(--mute);font-size:13px}
.wago{flex:none;font-size:13px;font-weight:800;color:#1FA855}
.wanote{font-size:12px;line-height:1.5;color:var(--mute);margin:8px 2px 0}
body.waon{overflow:hidden}
@media(max-width:820px){.wabtn{padding:0 10px}.wabtn span{display:none}}

/* ---------- checklist: kart görseli ---------- */
.clset li.ci{cursor:pointer;border-radius:6px;transition:background .15s}
.clset li.ci:hover,.clset li.ci:focus-visible{background:#FFF4E5;outline:0}
.clset li.ci:hover span{color:var(--mid)}
.clset li .cle{flex:none;align-self:center;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:var(--mute);transition:color .15s,background .15s}
.clset li .cle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.clset li.ci:hover .cle{color:#fff;background:var(--neon)}
.lb .lbcap{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);max-width:88vw;color:#fff;font-weight:700;font-size:15px;text-align:center;background:rgba(0,0,0,.45);padding:6px 14px;border-radius:999px;display:none}
.lb.hc .lbcap{display:block}
.lb.hc img{height:calc(92vh - 60px);margin-bottom:40px}
.lb .lbn,.lb .lbx{position:absolute;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:none;place-items:center;cursor:pointer}
.lb .lbn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4}
.lb .lbn:hover,.lb .lbx:hover{background:var(--neon)}
.lb .lbn.l{left:14px;top:50%;margin-top:-23px}.lb .lbn.r{right:14px;top:50%;margin-top:-23px}
.lb .lbx{top:14px;right:14px;font-size:28px;line-height:1;display:grid}
.lb.nav .lbn{display:grid}
.lb.ld img{opacity:.25}
@media(max-width:640px){.lb .lbn{top:auto;bottom:62px;margin:0}.lb.hc img{height:calc(92vh - 130px);margin-bottom:110px}}

/* açılmayan görsel yerine ad */
.imfb{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:90px;padding:10px;text-align:center;font-family:var(--hd,inherit);font-weight:800;font-size:15px;line-height:1.2;color:var(--ink);background:linear-gradient(135deg,#FFF4E5,#F7F5F1);border-radius:10px}

/* ---------- kart reklamları (kaydırmalı) ---------- */
.adcar{position:relative;margin:26px auto;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px 14px}
.adcar .adch{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-height:16px}
.adcar .adl{position:static}
.adcar .adch b{font-size:13px;color:var(--ink)}
.adcw{position:relative}
.adtr{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}
.adtr::-webkit-scrollbar{display:none}
.adcc{flex:0 0 200px;scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;color:var(--ink);text-decoration:none;transition:box-shadow .2s,transform .2s}
.adcc:hover{box-shadow:0 8px 22px rgba(0,0,0,.1);transform:translateY(-2px)}
.adci{display:block;aspect-ratio:1/1;background:#F7F5F1}
.adci img{width:100%;height:100%;object-fit:contain;display:block}
.adct{display:block;padding:9px 11px 0;flex:1}
.adct b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.3}
.adct small{display:block;font-size:12px;color:var(--mute);margin-top:2px}
.adcb{display:block;margin:10px 11px 11px;padding:8px 10px;text-align:center;border-radius:8px;background:#F1EEE8;font-weight:800;font-size:13px;transition:background .15s,color .15s}
.adcc:hover .adcb{background:var(--neon);color:#fff}
.adca{position:absolute;top:calc(50% - 40px);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.14);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.adca svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4}
.adca.l{left:-8px}.adca.r{right:-8px}
.adca.off,.adcw.fit .adca{opacity:0;pointer-events:none}
.adcar-box .adcc{flex-basis:78%}
.adcar-lb .adcc,.adcar-mid .adcc,.adcar-wide .adcc{flex-basis:190px}
.hsl.adsl .adcar{margin:0;height:100%;border:0;border-radius:inherit;display:flex;flex-direction:column;justify-content:center;padding:14px 18px}
.hsl.adsl .adcar-hero .adcc{flex-basis:210px}
@media(max-width:640px){.adcc{flex-basis:62%}.adcar-box .adcc{flex-basis:70%}.adca{display:none}}
.hsl.adsl .adcar{grid-column:1/-1;width:100%}
.hsl.adsl:has(.adcar){padding:0 64px;display:flex;align-items:center}
@media(max-width:640px){.hsl.adsl:has(.adcar){padding:12px 10px 48px}}
.clset li .cle{color:#C9C2B6;margin-left:2px}
.hsl.adsl .adcar{padding-bottom:30px}
.hsl.adsl .adcar .adch{padding-right:96px}
.hsl.adsl .adcar .adca{top:12px;width:34px;height:34px;box-shadow:none}
.hsl.adsl .adcar .adca svg{width:17px;height:17px}
.hsl.adsl .adcar .adca.l{left:auto;right:58px}.hsl.adsl .adcar .adca.r{right:18px}
.hsl.adsl .adcar .adcw{position:static}
.adci{position:relative;flex:none;width:100%;height:auto;aspect-ratio:1/1;overflow:hidden}
.adci img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px}

/* önceki / sonraki ürün */
.skn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:40px 0 10px}
.skn a{display:flex;align-items:center;gap:14px;min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.skn a:hover{border-color:var(--neon);box-shadow:0 8px 22px rgba(0,0,0,.08);transform:translateY(-2px)}
.skn a.nx{justify-content:flex-end;text-align:right;grid-column:2}
.skn .skt{display:flex;flex-direction:column;gap:3px;min-width:0}
.skn small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--mid)}
.skn b{font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.skn .ska{flex:none;width:38px;height:38px;border-radius:50%;background:#F1EEE8;display:grid;place-items:center;transition:background .2s,color .2s}
.skn .ska svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}
.skn a:hover .ska{background:var(--neon);color:#fff}
@media(max-width:640px){.skn{grid-template-columns:1fr;gap:10px}.skn a.nx{grid-column:1}.skn>span:empty{display:none}.skn a{padding:13px 14px}}
.cl .clload{padding:22px 0;color:var(--mute);font-weight:600}
.clwait .cltabs button{pointer-events:none;opacity:.6}

/* ---------- üst marka çubuğu ---------- */
.bbar{border-top:1px solid var(--line);position:relative}
.bbin{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bbin::-webkit-scrollbar{display:none}
.bb{flex:none;display:flex;align-items:center;gap:6px;height:44px;padding:0 14px;font-weight:800;font-size:14.5px;color:var(--ink);border-bottom:3px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
.bb:first-child{padding-left:2px}
.bb .cv{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .35s var(--ease);opacity:.55}
.bb:hover{color:var(--mid)}
.bb.cur{border-bottom-color:var(--neon)}
.bb.on{color:var(--mid);border-bottom-color:var(--neon)}
.bb.on .cv{transform:rotate(180deg);opacity:1}
.bbp{height:0;overflow:hidden;transition:height .38s var(--ease);background:#fff;position:absolute;left:0;right:0;top:100%;box-shadow:0 18px 30px -18px rgba(0,0,0,.25)}
.bbar.open .bbp{border-bottom:1px solid var(--line)}
.bbpo{max-height:70vh;overflow:auto}
.bbpin{padding-top:16px;padding-bottom:18px}
.bbgs{display:flex;flex-direction:column;gap:14px}
.bbgt{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--mid);margin-bottom:8px}
.bbl{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.bbs{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--soft);transition:background .2s,transform .2s}
.bbs:hover{background:#FFF0DB;transform:translateY(-1px)}
.bbi{flex:none;width:42px;height:42px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden}
.bbi img{width:100%;height:100%;object-fit:contain}
.bbt{display:flex;flex-direction:column;min-width:0}
.bbt b{font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbt small{font-size:12px;color:var(--mute)}
.bball{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:800;font-size:14px;color:var(--mid)}
.bball svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}
@media(max-width:640px){.bb{height:42px;padding:0 11px;font-size:14px}.bbl{grid-template-columns:1fr 1fr}.bbs{padding:7px}.bbi{width:34px;height:34px}.bbt b{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
.gd,.cl,.od{scroll-margin-top:130px}.bgrp{scroll-margin-top:136px}

/* ---------- marka / bölüm sayfası: tüm ürünler + arama ---------- */
.pcard[hidden],.rc2[hidden],.bsub[hidden],.noimg{display:none!important}
.bfind{position:sticky;top:118px;z-index:5;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 0 10px;margin:0 0 6px;border-bottom:1px solid var(--line)}
.psearch{display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border:2px solid var(--ink);border-radius:14px;background:#fff}
.psearch svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2}
.psearch input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;background:transparent}
.pscnt{flex:none;font-size:13px;font-weight:800;color:var(--mute)}
.psnone{padding:24px 0;color:var(--mute);font-weight:600}
.bfind .bjump{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:2px}
.bfind .bjump::-webkit-scrollbar{display:none}
.bfind .bjump a{flex:none;padding:6px 12px;border-radius:99px;background:var(--soft);font-weight:700;font-size:13px;white-space:nowrap}
.bfind .bjump a small{color:var(--mute);font-weight:700;margin-left:2px}
.bfind .bjump a:hover{background:#FFF0DB}
.bsub{margin:22px 0 30px;scroll-margin-top:200px}
.bsubh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.bsubh a b{display:block;font-size:19px;font-weight:900;font-stretch:112%}
.bsubh a:hover b{color:var(--mid)}
.bsubh a small{display:block;font-size:13px;color:var(--mute);margin-top:2px}
.bsubh .cnt{flex:none;font-size:13px;font-weight:800;color:var(--mute)}
.pgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
@media(max-width:640px){.bfind{top:112px}.pgrid{grid-template-columns:1fr 1fr}.psearch{height:46px}.psearch input{font-size:15px}.bsubh a b{font-size:17px}}
.bfind .bjump{flex-wrap:nowrap}
.hsl .hst{min-width:0;position:relative;z-index:2}.hsl .hst .hd{overflow-wrap:break-word}

/* marka çubuğu: tek satır, sığmazsa oklarla kaydırma */
.bbw{position:relative;display:flex;align-items:stretch}
.bbw .bbin{flex:1;min-width:0;justify-content:space-between}
.bbw.ov .bbin{justify-content:flex-start}
.bb{padding:0 10px;gap:4px;font-size:14px}
.bb:first-child{padding-left:0}
.bb:last-child{padding-right:0}
.bb .cv{width:13px;height:13px}
.bba{display:none;flex:none;width:30px;align-items:center;justify-content:center;background:#fff;color:var(--ink);border:0;cursor:pointer;z-index:2}
.bba svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}
.bbw.ov .bba{display:flex}
.bbw.ov .bba.off{visibility:hidden}
.bbw.ov .bba.l{box-shadow:8px 0 10px -6px rgba(0,0,0,.12)}
.bbw.ov .bba.r{box-shadow:-8px 0 10px -6px rgba(0,0,0,.12)}
.bbw.ov .bb:first-child{padding-left:6px}
.bbph{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.bbph b{font-size:16px;font-weight:900;font-stretch:112%}
.bbph .bball{margin-top:0}
@media(max-width:640px){.bba{display:none!important}.bbw .bbin{justify-content:flex-start}}
@media(max-width:640px){.bbin{scroll-snap-type:x proximity;scroll-padding-left:4px}.bb{scroll-snap-align:start}}
.pdesc .gen table,.pdesc table{width:100%;max-width:100%;table-layout:auto}.pdesc .gen{overflow-x:auto}
/* marka çubuğu: 12 marka masaüstünde tek satıra sığsın */
@media(min-width:1000px){.bbw .bbin{gap:0}.bbw .bb{padding:0 7px;font-size:13.5px;gap:3px}.bbw .bb:first-child{padding-left:0}.bbw .bb:last-child{padding-right:0}.bbw .bb .cv{width:12px;height:12px}}
/* checklist: kart görseli ipucu */
.clhint{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;border-radius:14px;background:#FFF4E2;border:1px solid #F6D9A8;font-size:14.5px;line-height:1.45;color:var(--ink)}
.clhint .clhi{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--neon);color:#fff}
.clhint .clhi svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2}
.clhint b{font-weight:800}
.clset li .cle{color:var(--neon);background:#FFF4E2}
.clset li.ci{cursor:pointer}
.clset li.ci:hover span{text-decoration:underline;text-decoration-color:var(--neon);text-underline-offset:3px}

/* marka sayfası: grup sekmeleri (ör. İngilizce / Japonca / Çince setler) */
.bgtabs{display:flex;flex-wrap:wrap;gap:10px;margin:-6px 0 18px}
.bgtabs button{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:14px;border:2px solid var(--line);background:#fff;font:inherit;font-weight:800;font-size:15.5px;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.bgtabs button small{font-weight:700;color:var(--mute);font-size:12.5px}
.bgtabs button:hover{border-color:var(--ink)}
.bgtabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.bgtabs button.on small{color:rgba(255,255,255,.7)}
@media(max-width:640px){.bgtabs{gap:8px}.bgtabs button{height:42px;padding:0 13px;font-size:14px}}

/* menü paneli: dil seçimi (İngilizce / Japonca / Çince) */
.bblang{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.bblang a{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:12px;border:2px solid var(--line);font-weight:800;font-size:14.5px;color:var(--ink);background:#fff}
.bblang a small{font-weight:700;color:var(--mute);font-size:12px}
.bblang a:hover{border-color:var(--ink)}

/* büyük görsel açılamadığında */
.lb.nimg img{visibility:hidden}
.lb.nimg::after{content:"Bu kartın görseli kaynakta bulunamadı.";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:16px;background:rgba(0,0,0,.5);padding:12px 18px;border-radius:12px;text-align:center;max-width:80vw}

/* marka kutusu: dil seçimi (İngilizce / Japonca / Çince) */
.btile.btl .btlink{display:flex;flex-direction:column;flex:1;color:inherit}
.btlang{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px}
.btlang a{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;padding:6px 10px;border-radius:9px;border:1.5px solid var(--line);color:var(--ink);background:#fff}
.btlang a small{font-size:11px;font-weight:700;color:var(--mute)}
.btlang a:hover{border-color:var(--ink);background:var(--ink);color:#fff}.btlang a:hover small{color:rgba(255,255,255,.7)}
.btiles.sm .btlang{display:none}
/* mobil: metin boyutları */
@media(max-width:640px){
  .artbody{font-size:16px;line-height:1.65}
  .artbody h2{font-size:21px}.artbody h3{font-size:18px}.artbody blockquote{font-size:17px}
  .artbody [style*="font-size"],.artbody .has-large-font-size,.artbody .has-x-large-font-size,.artbody .has-huge-font-size,.artbody .has-medium-font-size{font-size:inherit!important;line-height:inherit!important}
  .arth .hd{font-size:27px;line-height:1.08}.arth .lead{font-size:16px}
  .hst .hd{font-size:26px}.hsl.hnews .hst .hd{font-size:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hst p{font-size:14px}.hsl.hnews .hst p{-webkit-line-clamp:2}
  .ph .hd{font-size:30px}.pinfo .hd{font-size:28px;line-height:1.04}
  .pdesc{font-size:15.5px}
}

/* Mobil slider: daha kısa (1.29.7) */
@media(max-width:820px){
  .hsv{height:300px}
  .hsl{grid-template-columns:1fr 40%;align-content:center;align-items:center;gap:8px;padding:16px 16px 34px}
  .hsl::before{right:-24%;top:-20px;bottom:auto;width:52%;height:140%;transform:skewX(-14deg)}
  .hsl .hst .kicker{font-size:11px}
  .hsl .hst .hd,.hst .hd{font-size:20px;line-height:1.08;margin:6px 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hsl .hst p{display:none}
  .hbtn{padding:8px 13px;font-size:13px;border-radius:9px;gap:6px}.hbtn svg{width:15px;height:15px}
  .hsi{height:200px}
  .hsi img{max-width:70%;max-height:74%}
  .hsi img[style*="--j:1"]{max-height:86%}
  .hsl.hnews{grid-template-columns:1fr;align-content:end;padding:16px 16px 34px}
  .hsl.hnews .hst .hd{font-size:19px;-webkit-line-clamp:2}
  .hsl.hnews .hst p{display:-webkit-box;-webkit-line-clamp:1;font-size:13px;margin-bottom:10px}
  .hsd{bottom:12px}
}
@media(max-width:420px){.hsv{height:290px}}
@media(max-width:820px){
  .hsl.adsl .adci{aspect-ratio:auto;height:120px}
  .hsl.adsl .adcar .adcc{flex-basis:150px}
  .hsl.adsl:has(.adcar){padding:8px 8px 30px}
}
/* Kutu içeriğindeki terim açıklaması (?) işareti küçük kalır (1.29.8) */
.pchips{align-items:center}
.hasg .gq{width:16px;height:16px;font-size:11px;font-stretch:normal;display:inline-flex;flex:none}
/* Arama: marka ve bölüm eşleşmeleri (1.29.9) */
.rgx{margin:0 4px 14px}
.rgxt{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.rgxl{display:flex;flex-wrap:wrap;gap:8px}
.rgxl a{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:12px;border:2px solid var(--ink);font-weight:800;font-size:15px;background:#fff;transition:background .15s,color .15s}
.rgxl a small{font-weight:700;font-size:12px;color:var(--mute)}
.rgxl a:hover{background:var(--ink);color:#fff}.rgxl a:hover small{color:rgba(255,255,255,.7)}
.rgh{margin:18px 4px 2px;padding-bottom:6px;font-weight:900;font-stretch:112%;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--neon);border-bottom:2px solid var(--neon)}
/* Kategori sayfasındaki bölüm şeridi: bilgisayarda oklarla kaydırma */
.hsw{position:relative}
.hsa2{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);align-items:center;justify-content:center;cursor:pointer;padding:0}
.hsa2 svg{width:16px;height:16px}
.hsa2.l{left:-6px}.hsa2.r{right:-6px}
.hsw.ov .hsa2{display:inline-flex}.hsw .hsa2.off{opacity:0;pointer-events:none}
@media(hover:none){.hsw.ov .hsa2{display:none}}
.bfind .hsw .bjump{margin-top:10px}
.hsa2 svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* Şeridi fareyle sürükleme (1.30.0) */
@media(hover:hover){.hsw .bjump{cursor:grab}.hsw .bjump.drag{cursor:grabbing;user-select:none}.hsw .bjump.drag a{pointer-events:none}}

/* En yeni setler sayfası */
.nwm{padding-top:22px}
.nwmore{display:flex;justify-content:center;padding:26px 0}.nwmore[hidden]{display:none}
.nwmore span{width:30px;height:30px;border-radius:50%;border:3px solid rgba(29,29,27,.12);border-top-color:var(--neon);animation:tlspin .8s linear infinite}
.nwbtn{height:46px;padding:0 22px;border-radius:14px;border:2px solid var(--ink);background:#fff;font:inherit;font-weight:800;cursor:pointer}
@keyframes tlspin{to{transform:rotate(360deg)}}
@media (max-width:760px){.nwtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.nwtabs::-webkit-scrollbar{display:none}.nwtabs button{flex:none;height:40px;font-size:14px;padding:0 14px}}

/* ---------- haber yazısı: geniş okuma alanı, mobilde önce yazı ---------- */
.blog .art{max-width:1120px;margin:0 auto}
.art .arth{max-width:none;padding:28px 0 20px}
.art .arth .hd{font-size:clamp(28px,3.6vw,46px);line-height:1.06;max-width:1000px}
.art .arth .lead{font-size:19px;max-width:900px}
.art .artimg{margin:4px 0 30px}
.art .artimg img{max-height:520px;aspect-ratio:16/8}
.artgrid.noside{grid-template-columns:minmax(0,1fr)}
.artgrid.noside .artbody,.artgrid.noside+.arttags{max-width:900px}
.artbody{font-size:18.5px;line-height:1.8;word-break:normal;overflow-wrap:break-word}
.artbody>*:first-child{margin-top:0}
.artbody p{margin:0 0 20px}
.artbody ul,.artbody ol{margin:0 0 20px;padding-left:24px}
.artbody li{margin:0 0 10px}
.artbody h2{margin:36px 0 14px}
.artbody h3{margin:28px 0 12px}
/* editördeki sola/sağa yaslı görseller yazıyı sıkıştırmasın: ortada, tam satır */
.artbody .alignleft,.artbody .alignright,.artbody img.alignleft,.artbody img.alignright,.artbody figure.alignleft,.artbody figure.alignright{float:none!important;display:block;margin:22px auto!important;max-width:100%}
.artbody .wp-block-image,.artbody figure{margin:24px 0;text-align:center}
.artbody img{display:inline-block;max-width:100%;height:auto;max-height:560px;width:auto;object-fit:contain}
.artbody figcaption,.artbody .wp-element-caption{font-size:14px;text-align:center;margin-top:8px}
.artbody .wp-block-columns{gap:18px}
.artbody table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px}
.artbody td,.artbody th{border:1px solid var(--line);padding:8px 10px;text-align:left}
.artbody .wp-block-table{overflow-x:auto}
@media(max-width:640px){
  .art .arth{padding:14px 0 10px}
  .art .arth .kicker{font-size:11.5px}
  .art .arth .hd{font-size:22px;line-height:1.15;margin:8px 0 8px}
  .art .arth .lead{font-size:15.5px;line-height:1.5}
  .art .artimg{margin:2px 0 18px;border-radius:12px}
  .art .artimg img{aspect-ratio:16/9;max-height:200px}
  .artbody{font-size:16.5px;line-height:1.7}
  .artbody p{margin:0 0 16px}
  .artbody h2{font-size:20px;margin:26px 0 10px}
  .artbody img{max-height:340px}
  .blog .pcrumb{padding-top:12px;font-size:13px}
}

.artgrid>*,.artbody{min-width:0}
.artbody{max-width:100%;overflow-x:hidden}
.artad{max-width:900px;margin:30px 0 0;overflow:hidden}
.artbody figure.alignleft,.artbody figure.alignright,.artbody .wp-block-image .alignleft,.artbody .wp-block-image .alignright,.artbody .wp-block-image .aligncenter{display:block!important;width:auto!important}
.artbody figure figcaption,.artbody .wp-block-image figcaption{display:block!important;caption-side:initial}
.artad{max-width:340px}
@media(max-width:640px){.art .arth .hd{font-size:20.5px;line-height:1.17}.art .artimg img{max-height:170px}.art .arth{padding-top:10px}}

/* haber üstü küçük yatay reklam */
.arttop{margin:14px 0 0;max-width:900px}
.arttop .ad,.arttop .adlive{margin:0}
.arttop .ad-lb{max-width:100%;height:64px}
.arttop .adlive-lb{max-width:100%;max-height:120px}
.arttop .adcar .adch{margin-bottom:4px}
.arttop .adcar .adcc{flex:0 0 250px;flex-direction:row;align-items:center;gap:10px;padding:6px 10px 6px 6px}
.arttop .adcar .adci{width:52px;height:52px;aspect-ratio:1/1;border-radius:8px}
.arttop .adcar .adci img{padding:3px}
.arttop .adcar .adct{padding:0;min-width:0}
.arttop .adcar .adct b{font-size:13px;-webkit-line-clamp:1}
.arttop .adcar .adcb{margin:0 0 0 auto;padding:5px 9px;font-size:12px;white-space:nowrap}
.artbody .wp-lightbox-overlay{display:none}
@media(max-width:640px){.arttop{margin-top:8px}.arttop .adcar .adcc{flex-basis:84%}.arttop .ad-lb{height:54px}}
.arttop .adcar .adcc{flex-basis:280px}
.arttop .adcar .adct{flex:1}
.arttop .adcar .adct b{-webkit-line-clamp:2;font-size:12.5px}
.arttop .adcar .adcb{padding:4px 8px;font-size:11.5px}
.arttop+.arth{padding-top:18px}
@media(max-width:640px){.arttop .adcar .adcb{display:none}.arttop .adcar .adcc{flex-basis:72%}.arttop+.arth{padding-top:12px}}

/* ---------- Kart değerleri ---------- */
.prc .prnote{font-size:14px;color:var(--mute);margin:-4px 0 14px;max-width:820px}
.prctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.prq{position:relative;flex:1 1 260px;max-width:420px}
.prq svg{position:absolute;left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--mute);stroke-width:2}
.prq input{width:100%;height:44px;border:2px solid var(--line);border-radius:12px;padding:0 12px 0 38px;font:inherit;font-size:15px;background:#fff}
.prq input:focus{outline:none;border-color:var(--ink)}
.prsort{display:flex;gap:6px;flex-wrap:wrap}
.prsort button{height:40px;padding:0 14px;border-radius:11px;border:2px solid var(--line);background:#fff;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.prsort button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.prgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.prc1{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;padding:8px;cursor:pointer;font:inherit;color:var(--ink);transition:box-shadow .2s,transform .2s}
.prc1:hover{box-shadow:0 8px 22px rgba(0,0,0,.09);transform:translateY(-2px)}
.prc1 .pim{display:block;aspect-ratio:5/7;border-radius:9px;background:var(--soft);overflow:hidden}
.prc1 .pim img{width:100%;height:100%;object-fit:contain}
.prc1 .ptx{display:flex;flex-direction:column;gap:2px;padding:8px 2px 2px}
.prc1 b{font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prc1 small{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pval{display:flex;align-items:center;gap:6px;font-weight:900;font-size:16px;margin-top:4px}
.pval em,.prbig em{font-style:normal;font-size:12px;font-weight:800;padding:2px 7px;border-radius:99px}
em.up{background:#E3F4EA;color:#1F7A44}em.dn{background:#FBE7E5;color:#B03A2E}em.eq{background:#F1EEE8;color:var(--mute)}
.prfoot{display:flex;justify-content:center;margin-top:16px}.prfoot [hidden]{display:none}
.prmore{height:44px;padding:0 20px;border-radius:12px;border:2px solid var(--ink);background:#fff;font:inherit;font-weight:800;cursor:pointer}
.prnone{color:var(--mute)}
.prm{position:fixed;inset:0;z-index:80;background:rgba(20,20,18,.55);display:none;align-items:center;justify-content:center;padding:20px}
.prm.on{display:flex}
.prbox{position:relative;background:#fff;border-radius:20px;max-width:920px;width:100%;max-height:92vh;overflow:auto;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:26px;padding:24px}
.prx{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:var(--soft);cursor:pointer;display:flex;align-items:center;justify-content:center}
.prx svg{width:18px;height:18px;stroke:var(--ink);stroke-width:2.4;fill:none}
.prl img{width:100%;border-radius:14px;background:var(--soft)}
.prr h3{font-size:24px;font-weight:900;line-height:1.15;margin:6px 0 4px}
.prrar{font-size:14px;color:var(--mute);font-weight:700}
.prbig{display:flex;align-items:center;gap:8px;font-size:30px;font-weight:900;margin:12px 0 2px}
.prbig small{font-size:13px;color:var(--mute);font-weight:600}
.prps{font-size:12.5px;color:var(--mute)}
.prch{margin:14px 0 6px}.prch svg{width:100%;height:90px;display:block;background:linear-gradient(#fff,#FAF8F4);border-radius:10px}
.prchl{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--mute);margin-top:4px}
.prvt{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0}
.prvt th,.prvt td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line)}.prvt th{font-size:12px;color:var(--mute)}
.prx2{display:grid;gap:8px;margin:12px 0}
.prx2 div{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:14px;line-height:1.5}
.prx2 dt{color:var(--mute);font-weight:700}.prx2 dd{margin:0}
.prbtn{margin-top:8px}
@media(max-width:760px){
  .prgrid{grid-template-columns:repeat(2,1fr);gap:10px}
  .prbox{grid-template-columns:1fr;padding:16px;gap:14px;border-radius:16px}
  .prl{max-width:240px;margin:0 auto}
  .prr h3{font-size:20px}.prbig{font-size:25px}
  .prx2 div{grid-template-columns:96px 1fr}
  .prm{padding:10px;align-items:flex-end}
}

/* ---------- Kart değerleri v2 ---------- */
/* "Kart değerlerini incele": koyu zemin + hafif parlama */
.clbtn.prbtn{position:relative;overflow:hidden;background:linear-gradient(135deg,#F39612,#FFB547);color:var(--ink);box-shadow:0 8px 22px rgba(243,150,18,.35);flex-wrap:wrap}
.clbtn.prbtn small{color:rgba(29,29,27,.7);font-style:normal;font-weight:700}
.clbtn.prbtn:hover{box-shadow:0 10px 26px rgba(243,150,18,.5)}
.clbtn.prbtn .prbi{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--neon);font-weight:900;font-style:normal;font-size:15px;flex:none}
.clbtn.prbtn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:prshine 3.6s ease-in-out infinite}
@keyframes prshine{0%,55%{left:-60%}85%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){.clbtn.prbtn::after{animation:none;display:none}}
.pinfo .pad{margin-top:16px}.pinfo .pad .ad,.pinfo .pad .adlive,.pinfo .pad .adcar{margin:0 auto 0 0;max-width:336px}

/* Bölüm başlığı */
.prc{scroll-margin-top:120px}
.prhero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:center;background:linear-gradient(135deg,#1D1D1B 0%,#2C2A26 60%,#3A2C14 100%);color:#fff;border-radius:22px;padding:26px 28px;position:relative;overflow:hidden}
.prhero::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(243,150,18,.35),transparent 70%)}
.prhero .kicker{color:var(--neon)}
.prhero h2{font-style:italic;font-weight:900;font-size:clamp(22px,2.6vw,32px);line-height:1.05;margin:8px 0 8px;color:#fff}
.prhero p{color:rgba(255,255,255,.7);font-size:14px;margin:0}
.prstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative}
.prstats div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px}
.prstats small{display:block;font-size:11.5px;letter-spacing:.04em;color:rgba(255,255,255,.62);font-weight:700}
.prstats b{display:block;font-size:22px;font-weight:900;margin-top:2px}
.prstats .up{color:#5FD08F}.prstats .dn{color:#FF8A7A}
/* En değerli 3 */
.prtop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.prt{display:flex;gap:12px;align-items:center;text-align:left;border:1.5px solid var(--line);border-radius:16px;padding:10px;background:#fff;cursor:pointer;font:inherit;color:var(--ink);position:relative;transition:transform .2s,box-shadow .2s}
.prt:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.1)}
.prt:first-child{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#F39612,#FFD27A,#C46A00) border-box}
.prt .pim{flex:none;width:64px;aspect-ratio:5/7;border-radius:8px;overflow:hidden;background:var(--soft)}.prt .pim img{width:100%;height:100%;object-fit:contain}
.prt .ptx{display:flex;flex-direction:column;gap:2px;min-width:0}
.prt .ptx small{font-size:11px;font-weight:800;color:var(--mid);letter-spacing:.04em}
.prt .ptx b{font-size:14.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prk{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.prt:first-child .prk{background:var(--neon);color:var(--ink)}
/* Kart kutuları */
.prc1{position:relative;border-radius:16px;padding:9px;background:linear-gradient(180deg,#fff,#FCFBF8)}
.prc1 .pim{position:relative;border-radius:10px;background:linear-gradient(160deg,#F5F3EF,#ECE8E0)}
.prc1 .pim .prk{top:6px;left:6px;width:24px;height:24px;font-size:12px}
.prc1.hot{border-color:#F4C37A}
.prc1.hot .pim::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%);background-size:250% 100%;animation:prholo 4.5s ease-in-out infinite;pointer-events:none}
@keyframes prholo{0%,60%{background-position:120% 0}100%{background-position:-60% 0}}
@media (prefers-reduced-motion:reduce){.prc1.hot .pim::after{animation:none}}
.prc1 .pval{font-size:17px}
.pspk{display:block;width:100%;height:20px;margin-top:6px;opacity:.9}
.pval em,.prbig em{white-space:nowrap}
/* Ayrıntı penceresi */
.prr .prsub{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--mute);margin-top:14px}
.prbig span{line-height:1}
.prch{position:relative;margin:8px 0 6px}
.prch svg{width:100%;height:auto;display:block;background:linear-gradient(#fff,#FAF8F4);border:1px solid var(--line);border-radius:12px;overflow:visible}
.prch .gl{stroke:#ECE8E0;stroke-width:1}.prch .ml{stroke:#DDD7CC;stroke-width:1;stroke-dasharray:3 4}
.prch .ax{font-size:11px;fill:#8A847A;font-family:inherit}.prch .mx{font-weight:800;fill:#5B564E}
.prch .mb{fill:transparent;cursor:pointer}.prch .mb.on{fill:rgba(243,150,18,.08)}
.prtip{position:absolute;top:6px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:10px;padding:7px 11px;font-size:12.5px;display:flex;flex-direction:column;gap:1px;pointer-events:none;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.prtip b{font-size:12px;color:var(--neon)}.prtip span{font-size:16px;font-weight:900}
.prtip em{font-style:normal;font-size:11.5px;font-weight:700;background:none!important;padding:0!important}
.prtip em.up{color:#6FE0A0!important}.prtip em.dn{color:#FF9A8A!important}.prtip em.eq{color:rgba(255,255,255,.7)!important}
.prch0{font-size:13px;color:var(--mute);background:var(--soft);border-radius:10px;padding:12px;margin:8px 0}
.prvt td small{color:var(--mute);font-size:12px}
.prx2{display:block;margin:14px 0;border-top:1px solid var(--line)}
.prx2 div{display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.6}
.prx2 dt{color:var(--ink);font-weight:800;font-size:13.5px;line-height:1.35}
.prx2 dt small{display:block;font-weight:600;font-size:11.5px;color:var(--mute);margin-top:2px}
.prx2 dd{margin:0;color:#2D2B27;white-space:pre-line}
.prbox{max-width:980px;grid-template-columns:minmax(0,360px) minmax(0,1fr)}
@media(max-width:900px){.prhero{grid-template-columns:1fr;padding:20px}.prtop{grid-template-columns:1fr;gap:10px}}
@media(max-width:760px){.prx2 div{grid-template-columns:1fr;gap:2px}.prstats b{font-size:19px}}
/* Genel aramada tekli kartlar */
.kres{margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.kresh{display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.kresh small{font-weight:700;letter-spacing:0;text-transform:none;color:var(--mute);font-size:12px}
.kresl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.kre{display:flex;gap:10px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.kre:hover{border-color:var(--ink);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.krei{flex:none;width:44px;aspect-ratio:5/7;border-radius:6px;overflow:hidden;background:var(--soft)}.krei img{width:100%;height:100%;object-fit:contain}
.kret{display:flex;flex-direction:column;min-width:0}
.kret b{font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kret small{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.krep{font-weight:900;font-size:14px;margin-top:1px}
@media(max-width:560px){.kresl{grid-template-columns:1fr}}

.prgrid>*{min-width:0}.prc1 .ptx{min-width:0}
@media(max-width:760px){.prgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.prbox{grid-template-columns:1fr;padding:16px;gap:14px}.prl{max-width:230px;margin:0 auto}.prtop{grid-template-columns:1fr}}
.prch svg text{stroke:none!important;font-style:normal}.prch svg rect.mb{stroke:none!important}.prch svg path{stroke:none}
.pspk polyline{fill:none}
.prr .prnote,.prc .prnote{font-size:13px;line-height:1.5;color:var(--mute)}

/* ---------- Kart ayrıntısı (vitrin) ---------- */
html.pdx-lock{overflow:hidden}
.prm{background:rgba(18,17,15,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:24px}
.prm.on .pdx{animation:pdxin .28s var(--ease) both}
@keyframes pdxin{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.prm.on .pdx{animation:none}}
.pdx{position:relative;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);width:100%;max-width:1080px;height:min(88vh,780px);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
/* sol: vitrin */
.pdx-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:36px 28px 22px;background:radial-gradient(120% 80% at 50% 38%,#43392A 0%,#262420 48%,#1D1D1B 100%);perspective:1100px;overflow:hidden}
.pdx-stage::after{content:"";position:absolute;left:12%;right:12%;bottom:14%;height:26px;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);filter:blur(6px);pointer-events:none}
.pdx-card{position:relative;z-index:1;width:100%;max-width:330px;aspect-ratio:5/7;border-radius:4.5% / 3.2%;overflow:hidden;transition:transform .18s ease-out;transform-style:preserve-3d;box-shadow:0 22px 45px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06)}
.pdx-card img{width:100%;height:100%;object-fit:cover;display:block;background:#2b2925}
.pdx-glare{position:absolute;inset:0;opacity:0;transition:opacity .25s;mix-blend-mode:soft-light;pointer-events:none}
.pdx-nav{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%;max-width:360px}
.pdx-pos{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
.pdx-step{display:flex;align-items:center;gap:6px;min-width:0;height:38px;padding:0 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
.pdx-step:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.pdx-step span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdx-step svg{width:16px;height:16px;flex:none;stroke:var(--neon)}
.pdx-step.r{justify-content:flex-end;justify-self:end}
.pdx-step:focus-visible,.pdx-copy:focus-visible,.pdx .prx:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
/* sağ: bilgiler */
.pdx-body{position:relative;overflow-y:auto;padding:30px 34px 26px;overscroll-behavior:contain}
.pdx .prx{position:absolute;top:16px;right:16px;margin:0;z-index:4;background:#F3F1EC}
.pdx-body{padding-right:72px}
.pdx-set{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;font-weight:700;color:var(--mute)}
.pdx-set span{padding:2px 8px;border-radius:6px;background:var(--soft);color:var(--ink);font-variant-numeric:tabular-nums}
.pdx-name{font-size:clamp(24px,2.4vw,32px);font-weight:900;line-height:1.08;letter-spacing:-.01em;margin:8px 0 6px;color:var(--ink)}
.pdx-rar{display:inline-block;font-size:13px;font-weight:700;color:#7A5A1C;background:#FFF2DC;border-radius:8px;padding:3px 9px}
.pdx-price{margin:20px 0 6px;padding:18px 18px 16px;border-radius:18px;background:#FAF8F4;border:1px solid var(--line)}
.pdx-now{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}
.pdx-val{font-size:clamp(34px,3.6vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.pdx-chg{display:inline-flex;align-items:baseline;gap:6px;font-weight:900;font-size:16px;padding:5px 10px;border-radius:10px}
.pdx-chg small{font-size:12px;font-weight:700;opacity:.8}
.pdx-chg.up{background:#E3F4EA;color:#17713E}.pdx-chg.dn{background:#FBE7E5;color:#A8352A}.pdx-chg.eq{background:#EFECE6;color:var(--mute)}
.pdx-cap{font-size:12.5px;color:var(--mute);margin-top:8px}.pdx-cap small{font-size:inherit}
.pdx-range{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:16px}
.pdx-range small{display:block;font-size:11.5px;color:var(--mute);font-weight:700}
.pdx-range b{font-size:15px;font-variant-numeric:tabular-nums}.pdx-range .r{text-align:right}
.pdx-bar{position:relative;height:6px;border-radius:99px;background:linear-gradient(90deg,#F6C9C2,#EDE6D8 50%,#BFE6CD)}
.pdx-bar i{position:absolute;top:50%;width:14px;height:14px;margin-left:-7px;margin-top:-7px;border-radius:50%;background:var(--ink);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.pdx-vars{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}
.pdx-var{display:flex;flex-direction:column;gap:1px;padding:9px 12px;border-radius:12px;border:1.5px solid var(--line);min-width:120px}
.pdx-var span{font-size:12.5px;font-weight:700;color:var(--mute)}.pdx-var span small{font-weight:600}
.pdx-var b{font-size:16px;font-variant-numeric:tabular-nums}.pdx-var small{font-size:11.5px;color:var(--mute)}
.pdx-var.on{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.pdx-sec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:24px 0 8px}
.pdx-sec h4{font-size:16px;font-weight:900;margin:0}
.pdx-hint{font-size:12px;color:var(--mute)}
.pdx .prch{margin:0}
.pdx-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pdx-fact{padding:10px 12px;border-radius:12px;background:#FAF8F4;border:1px solid var(--line)}
.pdx-fact small{display:block;font-size:11.5px;font-weight:700;color:var(--mute);margin-bottom:2px}
.pdx-fact b{font-size:15px;line-height:1.3}
.pdx-text{margin-top:14px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--neon)}
.pdx-tl{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:900;margin-bottom:6px}
.pdx-tl span{font-size:11.5px;font-weight:600;color:var(--mute)}
.pdx-text p{margin:0;font-size:15px;line-height:1.65;color:#2D2B27;white-space:pre-line}
.pdx-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.pdx-foot p{flex:1 1 220px;margin:0;font-size:12.5px;color:var(--mute);line-height:1.5}
.pdx-copy{height:38px;padding:0 14px;border-radius:11px;border:1.5px solid var(--ink);background:#fff;font:inherit;font-weight:800;font-size:13px;cursor:pointer}
.pdx-copy.ok{background:var(--ink);color:#fff}
@media(max-width:860px){
  .prm{padding:0;align-items:flex-end}
  .pdx{grid-template-columns:1fr;grid-template-rows:auto;height:auto;max-height:94vh;border-radius:22px 22px 0 0;overflow-y:auto}
  .pdx::before{content:"";position:absolute;top:8px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:99px;background:rgba(255,255,255,.45);z-index:3}
  .pdx-stage{padding:26px 18px 16px;gap:14px}
  .pdx-card{max-width:200px}
  .pdx-body{overflow:visible;padding:20px 18px 24px}
  .pdx .prx{position:fixed;top:calc(6vh + 14px);right:14px;background:rgba(255,255,255,.92)}
  .pdx-body{position:relative;padding-right:18px}
  .pdx-nav{max-width:none}
  .pdx-range{gap:10px}
  .pdx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* güne göre oklar */
.pdd{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:900;font-style:normal;white-space:nowrap}
.pdd.up{color:#17803F}.pdd.dn{color:#C0392B}.pdd.eq{color:#8A847A}
.prhero .pdd.up{color:#6FE0A0}.prhero .pdd.dn{color:#FF9A8A}
.pper{display:flex;align-items:center;gap:6px;margin-top:4px}.pper small{font-size:11px;color:var(--mute);font-weight:700}
.pper em{font-size:11px!important;padding:1px 6px!important}
.pval{flex-wrap:wrap;row-gap:2px}
.pdx-chg.per{background:transparent!important;border:1.5px solid currentColor;font-size:14px;padding:3px 9px}
/* çeviri */
.pdx-tr{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.pdx-trl{display:inline-block;font-size:11.5px;font-weight:800;color:#7A5A1C;background:#FFF2DC;border-radius:6px;padding:1px 7px;margin-bottom:5px}
.pdx-tr p{margin:0;font-size:15px;line-height:1.65;color:#2D2B27}
.pdx-tr p.wait{color:var(--mute);font-style:italic;font-size:13.5px}
/* vitrin gezinme düğmeleri taşmasın */
.pdx-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.pdx-step{max-width:100%}

.prt .pper small{color:var(--mute);letter-spacing:0}.pper em{font-style:normal!important}

/* ---------- üyelik ---------- */
.ubtn{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px 0 10px;border-radius:10px;background:var(--ink);color:#fff;font-weight:800;font-size:14px;flex:none;transition:background .2s,color .2s}
.ubtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ubtn:hover{background:var(--neon);color:var(--ink)}
.ubtn.in{background:#fff;color:var(--ink);border:1.5px solid var(--line);padding:0 12px 0 5px}
.ubtn.in:hover{border-color:var(--ink);background:#fff}
.ubtn img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.ubtn span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.ubtn{padding:0 10px}.ubtn span{display:none}.ubtn.in{padding:0 5px}}
html.mlock{overflow:hidden}
.mbox{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:16px}
.mbox.on{display:flex}
.mbg{position:absolute;inset:0;background:rgba(29,29,27,.55);backdrop-filter:blur(3px);animation:mfade .2s}
.mpan{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:20px;padding:26px 24px 22px;box-shadow:0 30px 80px rgba(0,0,0,.3);animation:mup .28s var(--ease)}
@keyframes mfade{from{opacity:0}}@keyframes mup{from{opacity:0;transform:translateY(18px) scale(.98)}}
.mx{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;font-size:26px;line-height:1;color:var(--mute)}
.mx:hover{background:var(--soft);color:var(--ink)}
.mtabs{display:flex;gap:4px;background:var(--soft);border-radius:12px;padding:4px;margin:4px 40px 14px 0}
.mtabs button{flex:1;height:38px;border-radius:9px;font-weight:800;font-size:14px;color:var(--mute)}
.mtabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.mlead{font-size:14px;color:var(--mute);margin-bottom:14px}
.msoc{display:grid;gap:8px}
.msb{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border-radius:12px;font-weight:800;font-size:15px;border:1.5px solid var(--line);transition:border-color .2s,filter .2s}
.msb svg{width:20px;height:20px}
.msb.google:hover{border-color:var(--ink)}
.msb.facebook{background:#1877F2;border-color:#1877F2;color:#fff}
.msb.facebook:hover{filter:brightness(1.08)}
.mlegal{font-size:11.5px;color:var(--mute);margin:8px 0 0;line-height:1.45}
.mlegal a,.mck a{color:var(--mid);text-decoration:underline}
.mor{display:flex;align-items:center;gap:10px;margin:16px 0 6px;font-size:12px;color:var(--mute)}
.mor:before,.mor:after{content:"";flex:1;height:1px;background:var(--line)}
.mf{display:grid;gap:11px;margin-top:6px}
.mf label:not(.mck){display:grid;gap:4px;font-size:13px;font-weight:700}
.mf small{font-weight:500;color:var(--mute)}
.mf input:not([type=checkbox]),.pff input{height:46px;border:1.5px solid var(--line);border-radius:11px;padding:0 13px;font:inherit;font-size:16px;width:100%;background:#fff;transition:border-color .2s}
.mf input:focus,.pff input:focus{outline:0;border-color:var(--ink)}
.mhp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.mck{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45}
.mck input{width:18px;height:18px;margin-top:1px;flex:none;accent-color:var(--ink)}
.mgo{height:48px;border-radius:12px;background:var(--ink);color:#fff;font-weight:900;font-size:15px;margin-top:4px;transition:background .2s,color .2s}
.mgo:hover{background:var(--neon);color:var(--ink)}
.mgo.wait{opacity:.6;pointer-events:none}
.mlost{justify-self:center;font-size:13px;color:var(--mute);text-decoration:underline}
.mmsg{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13.5px;line-height:1.45}
.mmsg.err{background:#FDECEC;color:#9B1C1C}.mmsg.ok{background:#E8F6EC;color:#14632F}
.mmsg a{color:inherit;font-weight:800;text-decoration:underline}
.mts:empty{display:none}
@media(max-width:560px){.mbox{align-items:flex-end;padding:0}.mpan{max-width:none;border-radius:20px 20px 0 0;max-height:92vh;padding:22px 18px calc(18px + env(safe-area-inset-bottom));animation:msheet .3s var(--ease)}@keyframes msheet{from{transform:translateY(100%)}}}

/* profil */
.pfw{max-width:1040px;padding-bottom:60px}
.pfout{padding:50px 0;max-width:520px}
.pfout .hd{font-size:clamp(34px,6vw,56px);margin:10px 0}
.pfout p{color:var(--mute);margin-bottom:18px}
.pfhead{display:flex;align-items:center;gap:18px;padding:34px 0 18px;flex-wrap:wrap}
.pfav{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px var(--neon)}
.pfhead>div{flex:1;min-width:0}
.pfhead .hd{font-size:clamp(28px,4.6vw,46px);margin:6px 0 4px;overflow-wrap:anywhere}
.pfsub{color:var(--mute);font-size:14px;overflow-wrap:anywhere}
.pftabs{display:flex;gap:6px;overflow-x:auto;margin:6px 0 18px;padding-bottom:4px;scrollbar-width:none}
.pftabs a{flex:none;padding:8px 14px;border-radius:99px;background:var(--soft);font-weight:800;font-size:13px}
.pftabs a:hover{background:var(--warm)}
.pfgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pfcard{border:1.5px solid var(--line);border-radius:var(--r);padding:20px;scroll-margin-top:90px}
.pfcard h2{font-size:18px;font-weight:900;margin-bottom:12px}
.pfcard form{display:grid;gap:12px}
.pfsoon{grid-column:1/-1;background:linear-gradient(120deg,var(--warm),#fff 70%);border-color:#F6D7A6}
.pfsoon p{color:var(--mute);font-size:14px}
.pff{display:grid;gap:4px;font-size:13px;font-weight:700}
.pff small{color:var(--mute);font-weight:500}
.pff input:disabled{background:var(--soft);color:var(--mute)}
.pfc{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.pfc input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--ink)}
.pfc small{display:block;color:var(--mute);font-size:12.5px}
.pfbtn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:11px;background:var(--ink);color:#fff;font-weight:800;font-size:14px;justify-self:start;transition:background .2s,color .2s}
.pfbtn:hover{background:var(--neon);color:var(--ink)}
.pfbtn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.pfbtn.ghost:hover{border-color:var(--ink)}
.pfbtn.danger{background:#B42318}.pfbtn.danger:hover{background:#8F1C13;color:#fff}
.pfmute{color:var(--mute);font-size:13.5px;margin-bottom:10px}
.pfmute a{color:var(--mid);text-decoration:underline}
.pflink{list-style:none;display:grid;gap:8px;margin-bottom:12px}
.pflink li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:var(--soft);font-size:14px}
.pflink b{flex:1}
.pfi{width:22px;height:22px;border-radius:50%;flex:none}
.pfi.google{background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0)}
.pfi.facebook{background:#1877F2}
.pfst{font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px;background:#fff;color:var(--mute)}
.pfst.on{background:#E8F6EC;color:#14632F}
.pfnsl:empty{display:none}.pfnsl{margin-bottom:10px}
.pfmsg{padding:12px 14px;border-radius:12px;font-size:14px;font-weight:700;margin-bottom:14px}
.pfmsg.ok{background:#E8F6EC;color:#14632F}.pfmsg.err{background:#FDECEC;color:#9B1C1C}
.pfdel{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.pfdel summary{cursor:pointer;font-weight:800;color:#B42318;font-size:14px}
.pfdel p{font-size:13.5px;color:var(--mute);margin:10px 0}
@media(max-width:760px){.pfgrid{grid-template-columns:minmax(0,1fr)}.pfout2{order:3;width:100%}}
.mbox [hidden]{display:none!important}
.uini{position:relative;width:28px;height:28px;border-radius:50%;background:var(--neon);color:var(--ink);font-style:normal;font-weight:900;font-size:13px;display:grid;place-items:center;overflow:hidden;flex:none}
.uini img{position:absolute;inset:0;width:100%;height:100%}
.pfavw{position:relative;width:80px;height:80px;border-radius:50%;flex:none;box-shadow:0 0 0 2px var(--neon);border:3px solid #fff;overflow:hidden;background:var(--neon);display:grid;place-items:center}
.pfini{font-size:34px;font-weight:900;color:var(--ink)}
.pfavw .pfav{position:absolute;inset:0;width:100%;height:100%;border:0;box-shadow:none}

/* TL + küçük USD */
.pusd{font-size:.72em;font-weight:600;color:var(--mute);margin-left:5px;letter-spacing:0;white-space:nowrap}
.pval .pusd{font-size:11px}
.krep .pusd{font-size:11px}
.pdx-usd{font-size:15px;font-weight:700;color:var(--mute);margin-left:-4px}
.pdx-psa{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:10px;padding:8px 12px;border-radius:10px;background:var(--warm);font-size:13px}
.pdx-psa span{font-weight:900;font-size:12px;letter-spacing:.04em}
.pdx-psa b{font-size:15px}
.pdx-psa small{color:var(--mute);font-size:11.5px}
.pdx-vtl{font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 6px}

/* ₺ işareti: ince, net bir yazı tipiyle */
.tls{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:500;font-stretch:100%;font-style:normal;margin-right:0;letter-spacing:0}
/* en değerli 10 kart: fiyat yükselişte yeşil, düşüşte kırmızı */
.pval.tup{color:#12813F}
.pval.tdn{color:#C42B2B}
.pval.tup .pusd,.pval.tdn .pusd{color:var(--mute)}
/* bilgi notu: "Daha fazla göster" düğmesinden ayrık */
.prc .prfoot{margin:20px 0 0}
.prc .prnote{margin:34px 0 16px;padding-top:16px;border-top:1px solid var(--line)}
/* kart ayrıntısı: görsele tıklayınca büyüt */
.pdx-card.zm{cursor:zoom-in}
.pdx-card.zm::after{content:"";position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M15.5 15.5L20 20M11 8.5v5M8.5 11h5'/%3E%3C/svg%3E") center/20px no-repeat;opacity:.85;pointer-events:none;transition:opacity .2s}
.pdx-card.zm:hover::after{opacity:1}
.lb{z-index:120}
.prt .pval .pusd{color:var(--mute)}

/* ---------- KartFiyat fiyat bloğu ---------- */
.pdx-price.kf{padding:16px;background:#FBFAF7}
.kfh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.kfh>span:first-child{font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.kfsrc{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 8px;border-radius:99px;background:#fff;border:1px solid var(--line)}
.kfsrc i{font-style:normal;font-size:11.5px;font-weight:700;color:var(--mute)}
.kflogo{height:20px;width:auto;display:block}
.kft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.kft.solo{grid-template-columns:minmax(0,1fr)}
.kft>div{border-radius:14px;padding:13px 14px 12px;min-width:0}
.kft-raw{background:#fff;border:1px solid var(--line)}
.kft-lab{font-size:12px;font-weight:800;color:var(--mute);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.kft-lab small{font-weight:600;font-size:11px;opacity:.85}
.kft-v{font-size:clamp(26px,2.8vw,34px);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin:6px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kft-chips{display:flex;flex-wrap:wrap;gap:6px}
.kft-chips .pdx-chg{font-size:13px;padding:3px 8px}
.kft-sub{font-size:11.5px;color:var(--mute);margin-top:8px;line-height:1.35}
.kft-psa{position:relative;overflow:hidden;color:#fff;background:linear-gradient(140deg,#1D1D1B 0%,#2C2617 55%,#4A3A12 100%);border:1px solid transparent;
  background-clip:padding-box;box-shadow:0 0 0 1.5px #C9A44A inset,0 10px 24px -14px rgba(201,164,74,.9)}
.kft-psa::after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(115deg,transparent 42%,rgba(255,236,170,.22) 50%,transparent 58%);animation:kfshine 5.5s ease-in-out infinite;pointer-events:none}
@keyframes kfshine{0%,60%{transform:translateX(-45%)}100%{transform:translateX(45%)}}
@media (prefers-reduced-motion:reduce){.kft-psa::after{animation:none;opacity:0}}
.kft-psa .kft-lab{color:#E9D9A6}
.kft-psa .kft-v{color:#F6D77A;text-shadow:0 1px 0 rgba(0,0,0,.4)}
.kft-psa .kft-sub{color:rgba(255,255,255,.62)}
.psab{display:inline-block;background:#C8102E;color:#fff;font-weight:900;font-size:11px;letter-spacing:.04em;padding:3px 7px;border-radius:5px;border:1.5px solid #fff}
.kft-x{display:inline-block;font-size:12px;color:#1D1D1B;background:linear-gradient(90deg,#F6D77A,#E9B949);padding:3px 9px;border-radius:99px;font-weight:700}
.kft-x b{font-weight:900}
.kfg{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px 8px}
.kfg-h{font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.kfg-r{display:grid;grid-template-columns:118px minmax(0,1fr) auto 46px;align-items:center;gap:10px;padding:5px 0;font-size:13px}
.kfg-r+.kfg-r{border-top:1px dashed var(--line)}
.kfg-k{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kfg-b{height:8px;border-radius:99px;background:#F1EEE7;overflow:hidden}
.kfg-b i{display:block;height:100%;border-radius:99px;background:#B9B3A6}
.kfg-r.gr .kfg-b i{background:#7FA7C9}
.kfg-r.gem .kfg-b i{background:linear-gradient(90deg,#E9B949,#F6D77A)}
.kfg-r b{font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}
.kfg-r em{font-style:normal;font-size:11.5px;font-weight:800;color:var(--mute);text-align:right}
.kfg-r.gem em{color:#9A7313}
.pdx-price.kf .pdx-range{margin-top:14px}
@media(max-width:560px){.kft{grid-template-columns:minmax(0,1fr)}.kfg-r{grid-template-columns:92px minmax(0,1fr) auto 40px;gap:8px;font-size:12.5px}}

/* En değerli setler */
.setv{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.setv b{display:block;font-size:17px;font-weight:900;font-stretch:115%;color:var(--ink)}
.setv small{display:block;font-size:12px;color:var(--mute);line-height:1.35;margin-top:2px}
.setvn{font-size:12px;color:var(--mute);margin:10px 0 0}
.adsrch{margin-top:6px}

.topv .pcard{position:relative}
.topv .pcard .im{position:relative}
.topv .prk{top:10px;left:10px;width:30px;height:30px;font-size:14px}
.topv .tv3 .prk{background:var(--neon);color:var(--ink)}
.topv .pcard:not(.tv3) .prk{background:var(--ink);color:#fff}
.setv b{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.setd{font-size:13px;font-weight:800;font-stretch:100%}
.setd.tz{color:var(--mute)}
.tv3 .setv.up{background:#E8F6EE;border-top-color:#12813F;margin-left:-10px;margin-right:-10px;padding:8px 10px;border-radius:0 0 10px 10px}
.tv3 .setv.dn{background:#FCEBEB;border-top-color:#C42B2B;margin-left:-10px;margin-right:-10px;padding:8px 10px;border-radius:0 0 10px 10px}
.tv3 .setv.up b{color:#12813F}.tv3 .setv.dn b{color:#C42B2B}
@media(min-width:1000px){.grid.topv{grid-template-columns:repeat(5,1fr)}}
.topv .pcard.noimg{display:flex}

/* Üretici tahmini değerleri */
.mv .mvlead{color:var(--mute);font-size:14.5px;margin:0 0 12px;max-width:760px}
.mvw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.mvt{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.mvt th,.mvt td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.mvt thead th{background:var(--ink);color:#fff;font-weight:900;font-stretch:115%}
.mvt thead th small{display:block;font-size:10.5px;font-weight:700;opacity:.75;letter-spacing:.04em;text-transform:uppercase;font-stretch:100%}
.mvt thead th.wt{background:#1C3087}
.mvt tbody th{text-align:left;font-weight:800}
.mvt td{font-weight:800;font-variant-numeric:tabular-nums}
.mvt td.dg{color:var(--mute);font-weight:700}
.mvt tbody tr:last-child th,.mvt tbody tr:last-child td{border-bottom:0}
.mvnote{font-size:12.5px;color:var(--mute);margin:10px 0 0}