/* Script Mağazası CMS 1.2 — tema düzenleri: slider, üst şeritler, başlık, vitrin, ek bölümler, kart varyantları ve tema imzaları */

/* ========== slider altyapısı ========== */
.sl{position:relative;overflow:hidden}
.sl-tr{display:flex;transition:transform .75s cubic-bezier(.22,.75,.2,1);will-change:transform}
.sl-i{flex:0 0 100%;min-width:0}
.sl-fade .sl-tr{display:grid;transform:none!important}.sl-fade .sl-i{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s}
.sl-fade .sl-i.on,.sl-fade:not(.sl-on) .sl-i:first-child{opacity:1;visibility:visible}
.sl-a{position:absolute;top:50%;z-index:5;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);color:#111;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:.2s}
.sl-a:hover{transform:scale(1.07)}.sl-p{left:16px}.sl-n{right:16px}.sl-p .ic{transform:rotate(180deg)}
.sl-d{position:absolute;left:0;right:0;bottom:18px;z-index:5;display:flex;justify-content:center;gap:8px}
.sl-d button{width:10px;height:10px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.5);cursor:pointer;transition:.3s}.sl-d button.on{width:30px;background:#fff}.sl-d button i{display:none}
.sl-one .sl-a,.sl-one .sl-d{display:none}
@keyframes slprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.sl-a{display:none}}

/* ========== üst şerit varyantları ========== */
.tb-util{background:var(--dark);color:#cbd5e1;font-size:.82rem}.tb-util .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:38px}
.tu-l,.tu-r{display:flex;gap:16px;align-items:center;flex:none}.tb-util a{color:inherit;text-decoration:none;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.tb-util a:hover{color:#fff}.tb-util .ic{width:15px;height:15px}
.tu-m{flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#fff}
@media(max-width:1100px){.tu-r a:nth-child(-n+3){display:none}}@media(max-width:920px){.tu-r,.tu-l a:first-child{display:none}.tu-m{text-align:right}}
.tb-tick{background:var(--primary);color:#fff;font-size:.84rem;font-weight:600;overflow:hidden}
.tk{overflow:hidden;white-space:nowrap}.tk>div{display:inline-flex;gap:46px;padding:9px 0;animation:tick 45s linear infinite}.tk span{display:inline-flex;gap:8px;align-items:center}.tk .ic{width:15px;height:15px;opacity:.85}
.tb-tick:hover .tk>div{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-33.333%)}}

/* ========== başlık varyantları ========== */
.hl small{display:block;font-weight:400;font-size:.72rem;color:var(--mu);line-height:1.1}
.hd-cta{white-space:nowrap}
/* satır içi menülü başlıklar */
@media(min-width:921px){.hd-x6 .nav,.hd-mega .nav,.hd-ws .nav,.hd-ag .nav,.hd-sy .nav{flex:1;min-width:0}.hd-x6 .nav>ul,.hd-mega .nav>ul,.hd-sy .nav>ul{justify-content:center}
  .hd-x6 .hrow,.hd-mega .hrow,.hd-ws .hrow,.hd-ag .hrow,.hd-sy .hrow{gap:12px}
  .hd-x6 .nav>ul>li>a,.hd-x6 .nav>ul>li>button,.hd-mega .nav>ul>li>a,.hd-mega .nav>ul>li>button,.hd-ws .nav>ul>li>a,.hd-ws .nav>ul>li>button,.hd-ag .nav>ul>li>a,.hd-ag .nav>ul>li>button,.hd-sy .nav>ul>li>a,.hd-sy .nav>ul>li>button{padding:10px 9px;font-size:.88rem}}
@media(min-width:921px) and (max-width:1400px){.hd-x6 .nav>ul>li:nth-child(n+6),.hd-mega .nav>ul>li:nth-child(n+6),.hd-ws .nav>ul>li:nth-child(n+6),.hd-ag .nav>ul>li:nth-child(n+6),.hd-sy .nav>ul>li:nth-child(n+6){display:none}}
@media(min-width:921px) and (max-width:1180px){.hd-x6 .nav>ul>li:nth-child(n+4),.hd-mega .nav>ul>li:nth-child(n+4),.hd-ws .nav>ul>li:nth-child(n+4),.hd-ag .nav>ul>li:nth-child(n+4),.hd-sy .nav>ul>li:nth-child(n+4){display:none}.hd-cta{display:none}}
/* Codervia: büyük arama, etiketli simgeler, renkli ikonlu menü bandı */
.hd-cv .hrow{min-height:90px;gap:34px}.hd-cv .srch{max-width:none;flex:1}.hd-cv .srch input{border-radius:6px;min-height:52px;border:2px solid var(--primary);background:#fff;padding-left:18px}.hd-cv .srch>button{border-radius:4px;height:44px;width:58px;top:4px;right:4px}
.hd-cv .hi{gap:10px;border-radius:8px}.hd-cv .hi .ic{width:30px;height:30px;color:var(--primary)}.hd-cv .hi.cart-l{background:none;color:var(--dark)}.hd-cv .hi.cart-l:hover{background:var(--tint)}.hd-cv .hi em{left:30px;background:var(--primary);color:#fff}
.hd-cv .lg-m{border-radius:8px}
.hd-cv .navbar{background:var(--accent);border:0}.hd-cv .navbar .nav{width:100%}.hd-cv .navbar .nav>ul{justify-content:space-between;width:100%}
.hd-cv .navbar .nav>ul>li>a,.hd-cv .navbar .nav>ul>li>button{color:#fff;padding:14px 12px;font-size:.88rem;border-radius:0}.hd-cv .navbar .nav>ul>li>a:hover,.hd-cv .navbar .nav>ul>li>button:hover{background:rgba(255,255,255,.08);color:#fff}
.hd-cv .navbar .nav .ic{color:var(--primary)}.ddm-r{left:auto;right:0;width:300px}.ddm-r ul{grid-template-columns:1fr!important}
@media(max-width:1180px){.hd-cv .nav-flat>ul>li:nth-child(n+5):not(.dd){display:none}}
/* X6: buzlu beyaz başlık, ortalı menü, giriş düğmesi */
.hd-x6 .site-h{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}.hd-x6 .hrow{min-height:76px}
.hd-x6 .hd-cta{border-radius:99px;padding:9px 18px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#7c3aed));border:0}
.hd-x6 .hi.cart-l{background:var(--tint);color:var(--primary)}.hd-x6 .lg-m{border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent))}
/* Webliyon: lacivert başlık, büyük menü */
.hd-mega .site-h{background:var(--dark);border:0}.hd-mega .logo,.hd-mega .hi{color:#fff}.hd-mega .nav>ul>li>a,.hd-mega .nav>ul>li>button{color:#dbe6f2}.hd-mega .nav>ul>li>a:hover,.hd-mega .nav>ul>li>button:hover{color:#fff;background:rgba(255,255,255,.06)}
.hd-mega .hi:hover{background:rgba(255,255,255,.08)}.hd-mega .hd-cta{background:var(--accent);border-color:var(--accent);border-radius:10px}.hd-mega .hi.cart-l{background:rgba(255,255,255,.1)}
@media(min-width:921px){.hd-mega .ddm{width:760px;left:-40px;padding:16px}.hd-mega .ddm ul{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.hd-mega .ddm a{background:var(--bg);border-radius:12px;padding:14px}.hd-mega .ddm a .ic{width:34px;height:34px;padding:7px;border-radius:9px;background:var(--tint);margin:0}}
@media(max-width:920px){.hd-mega .hi.cart-l{color:#fff}}
/* Websoft: sarı çizgili beyaz başlık, büyük harf menü */
.hd-ws .site-h{border-bottom:3px solid var(--accent)}.hd-ws .nav>ul>li>a,.hd-ws .nav>ul>li>button{text-transform:uppercase;letter-spacing:.04em;font-size:.8rem!important;font-weight:700}
.hd-ws .hd-cta{background:var(--accent);border-color:var(--accent);color:#111;border-radius:6px}.hd-ws .hi.cart-l{background:var(--primary);border-radius:6px}.hd-ws .lg-m{border-radius:6px}
/* YN: siyah ajans başlığı */
.hd-ag .site-h{background:#0d0d0d;border-bottom:1px solid #262626}.hd-ag .logo,.hd-ag .hi{color:#fff}.hd-ag .nav>ul>li>a,.hd-ag .nav>ul>li>button{color:#e5e5e5;text-transform:uppercase;font-size:.8rem!important;letter-spacing:.06em}
.hd-ag .nav>ul>li>a:hover,.hd-ag .nav>ul>li>button:hover{color:var(--primary)}.hd-ag .hi:hover{background:#1f1f1f}.hd-ag .hd-cta{border-radius:4px}.hd-ag .lg-m{border-radius:4px}.hd-ag .hi.cart-l{border-radius:4px}
@media(max-width:920px){.hd-ag .hi.cart-l{color:#fff}}
/* Sayarsoft: yuvarlak, WhatsApp düğmeli */
.hd-sy .hrow{min-height:80px}.hd-sy .nav>ul>li>a,.hd-sy .nav>ul>li>button{border-radius:99px}.hd-sy .nav>ul>li>a:hover,.hd-sy .nav>ul>li>button:hover{background:var(--tint)}
.hd-sy .hd-cta{background:#25d366;border-color:#25d366;border-radius:99px}.hd-sy .lg-m{border-radius:14px}.hd-sy .hi.cart-l{border-radius:99px}

/* ========== GECE: tarayıcı çerçeveli ürün slider’ı ========== */
.h-neon{position:relative;overflow:hidden;padding:26px 0 0;background:radial-gradient(900px 520px at 85% 0,color-mix(in srgb,var(--primary) 20%,transparent),transparent 62%),radial-gradient(700px 420px at 0 100%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--bg)}
.nn-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at 60% 30%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 60% 30%,#000,transparent 72%);pointer-events:none}
.h-neon .wrap{position:relative}.h-neon .sl{overflow:hidden}
.nn-g{display:grid;grid-template-columns:1fr 1.18fr;gap:52px;align-items:center;padding:34px 4px 40px}
.nn-k{display:inline-flex;gap:9px;align-items:center;font:700 .76rem var(--fh);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 10%,transparent);padding:6px 13px;border-radius:99px;text-transform:uppercase;letter-spacing:.1em}
.nn-k i{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
.h-neon h1,.h-neon .h1{font-size:clamp(2rem,4vw,3.2rem);color:#fff;margin:18px 0 14px;line-height:1.08;letter-spacing:-.03em}.h-neon h1 em{color:var(--primary);font-style:normal}
.h-neon .sub{color:#94a3b8;font-size:1.05rem;max-width:520px}
.nn-f{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}.nn-f li{display:inline-flex;gap:6px;align-items:center;font-size:.84rem;color:#cbd5e1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:5px 11px;border-radius:8px}.nn-f .ic{width:15px;height:15px;color:var(--primary)}
.h-neon .h-act{margin-top:24px}.h-neon .btn-ghost{color:#e2e8f0;border-color:rgba(255,255,255,.2)}.h-neon .btn-ghost:hover{background:rgba(255,255,255,.06)}.h-neon .btn:not(.btn-ghost){color:#04130a;box-shadow:0 0 28px color-mix(in srgb,var(--primary) 45%,transparent)}
.nn-pr{display:flex;align-items:baseline;gap:12px;margin-top:20px}.nn-pr .pr b{font:700 1.6rem var(--fh);color:#fff}.nn-pr .pr s{color:#64748b;margin-right:8px}.nn-pr small{color:#64748b;font-size:.82rem}
.nn-img{margin:0;position:relative}.nn-img::before{content:"";position:absolute;inset:12% 6% -4%;background:var(--primary);filter:blur(80px);opacity:.22;border-radius:50%}
.nn-img img{position:relative;width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px rgba(0,0,0,.55);transform:perspective(1600px) rotateY(-9deg) rotateX(3deg);transition:transform 1s}
.nn-img:hover img{transform:perspective(1600px) rotateY(-3deg)}
.nn-code{position:absolute;left:-22px;bottom:34px;z-index:2;font:500 .8rem/1 ui-monospace,Menlo,monospace;background:rgba(2,6,23,.9);border:1px solid rgba(255,255,255,.12);color:#94a3b8;padding:12px 14px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.nn-code b{color:var(--primary);font-weight:600}
.sl-on .sl-i:not(.on) .nn-t>*{opacity:0;transform:translateY(18px)}.nn-t>*{transition:opacity .6s,transform .6s}.nn-t>*:nth-child(2){transition-delay:.08s}.nn-t>*:nth-child(3){transition-delay:.16s}.nn-t>*:nth-child(4){transition-delay:.24s}.nn-t>*:nth-child(5){transition-delay:.3s}
.h-neon .sl-a{display:none}
.nn-tabs{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;padding:8px 0 30px;border-top:1px solid rgba(255,255,255,.08);justify-content:stretch}
.nn-tabs button{width:auto;height:auto;border-radius:0;background:none;text-align:left;padding:14px 0 0;color:#64748b;font-size:.86rem;font-weight:600;position:relative;min-width:0}.nn-tabs button.on{width:auto;background:none;color:#fff}
.nn-tabs button i{display:block;position:absolute;left:0;right:0;top:-1px;height:2px;background:transparent;transform-origin:left}.nn-tabs button.on i{background:var(--primary);box-shadow:0 0 12px var(--primary);animation:slprog var(--sl-t,7s) linear}
.nn-tabs span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.nn-g{grid-template-columns:1fr;gap:26px;padding:18px 2px 26px}.nn-img img{transform:none}.nn-code{left:8px;bottom:-14px;font-size:.72rem}.nn-tabs{display:flex;overflow-x:auto;gap:18px;scrollbar-width:none}.nn-tabs button{flex:0 0 140px}}

/* ========== SADE: numaralı dergi slider’ı ========== */
.h-mag{border-bottom:1px solid var(--text)}.h-mag .sl{border-bottom:1px solid var(--text)}
.mg-g{display:grid;grid-template-columns:1fr 1.25fr;min-height:560px}
.mg-t{padding:48px 46px 84px 0;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--text);min-width:0}
.mg-n{font:500 4.6rem/1 var(--fh);letter-spacing:-.05em;color:var(--text)}.mg-n small{font-size:1.05rem;color:var(--mu);letter-spacing:0;margin-left:6px;font-family:var(--fb)}
.mg-k{margin:18px 0 8px;font-family:var(--fh);font-style:italic;color:var(--accent);font-size:1.05rem}
.h-mag h1,.h-mag .h1{font-size:clamp(2.3rem,4.6vw,4.1rem);font-weight:600;letter-spacing:-.035em;line-height:1.02;margin:0 0 16px;color:var(--text)}.h-mag h1 em{font-style:italic;color:var(--accent)}
.h-mag .sub{color:var(--mu);max-width:470px}
.mg-a{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:22px}.h-mag .btn{border-radius:0;background:var(--text);border-color:var(--text)}
.mg-l{color:var(--text);font-weight:600;display:inline-flex;gap:6px;align-items:center}.mg-pr .pr b{font:600 1.5rem var(--fh)}.mg-pr .pr s{color:var(--mu);margin-right:8px}
.mg-img{margin:0 calc(-1 * max(20px,(100vw - 1240px) / 2 + 20px)) 0 0;position:relative;overflow:hidden;background:#f4f4f5}
.mg-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;transform:scale(1.07);transition:transform 7s ease}.sl-i.on .mg-img img,.sl:not(.sl-on) .mg-img img{transform:scale(1)}
.sl-on .sl-i:not(.on) .mg-t>*{opacity:0;transform:translateY(14px)}.mg-t>*{transition:opacity .55s,transform .55s}.mg-t>*:nth-child(3){transition-delay:.1s}.mg-t>*:nth-child(4){transition-delay:.18s}.mg-t>*:nth-child(5){transition-delay:.24s}
.h-mag .sl-a{top:auto;bottom:22px;margin:0;border-radius:0;background:#fff;border:1px solid var(--text);box-shadow:none;width:44px;height:44px}.h-mag .sl-n{right:max(20px,calc((100vw - 1240px) / 2 + 20px))}.h-mag .sl-p{left:auto;right:calc(max(20px,calc((100vw - 1240px) / 2 + 20px)) + 52px)}.h-mag .sl-a:hover{background:var(--text);color:#fff;transform:none}
.h-mag .sl>.wrap{position:absolute;left:0;right:0;bottom:20px;z-index:5;pointer-events:none}
.mg-d{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:calc(50% - 60px);pointer-events:auto}
.mg-d button{width:auto!important;height:auto;border-radius:0;background:none!important;text-align:left;padding:10px 0 0;color:var(--mu);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;position:relative;min-width:0}.mg-d button.on{color:var(--text)}
.mg-d button i{display:block;position:absolute;left:0;right:0;top:0;height:2px;background:#e4e4e7}.mg-d button i::after{content:"";position:absolute;inset:0;background:var(--text);transform:scaleX(0);transform-origin:left}.mg-d button.on i::after{animation:slprog var(--sl-t,6.5s) linear forwards}
.mg-d span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-cats .wrap{display:flex;gap:8px 26px;flex-wrap:wrap;align-items:center;padding-top:16px;padding-bottom:16px}.mg-cats b{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.mg-cats a{font-family:var(--fh);color:var(--text);text-decoration:none;font-size:1.05rem}.mg-cats a:hover{color:var(--accent)}.mg-cats sup{font-family:var(--fb);font-size:.65rem;color:var(--mu)}
@media(max-width:860px){.mg-g{grid-template-columns:1fr;min-height:0}.mg-img{order:-1;margin:0 -20px;aspect-ratio:16/10}.mg-t{border:0;padding:22px 0 70px}.mg-n{font-size:3rem}.mg-d{max-width:none}.mg-d span{font-size:0}.mg-d span::first-letter{font-size:.74rem}}

/* ========== CODERVIA: renkli bant slider ========== */
.h-cv{padding:22px 0 0}.h-cv .sl{max-width:1200px;margin:0 auto;border-radius:12px}
.cv-i{color:#fff;position:relative;overflow:hidden;background:linear-gradient(115deg,var(--dark),color-mix(in srgb,var(--accent) 85%,#000))}
.cv-1{background:linear-gradient(115deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#7c2d12))}.cv-2{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 80%,#0ea5e9),var(--dark))}.cv-3{background:linear-gradient(115deg,#3b0764,color-mix(in srgb,var(--primary) 70%,#3b0764))}
.cv-i::before,.cv-i::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}.cv-i::before{width:520px;height:520px;right:-140px;top:-220px}.cv-i::after{width:300px;height:300px;left:30%;bottom:-200px}
.cv-g{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;min-height:450px;padding:40px 80px}
.cv-k{display:inline-block;background:rgba(255,255,255,.16);padding:5px 12px;border-radius:4px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.h-cv h1,.h-cv .h1{color:#fff;font-size:clamp(1.8rem,3.4vw,2.7rem);margin:0 0 10px;line-height:1.15}.h-cv h1 em{color:#fff;background:rgba(255,255,255,.18);padding:0 8px;border-radius:6px;font-style:normal}
.cv-s{opacity:.88;font-size:1.02rem;max-width:520px}
.h-cv .h-act{gap:10px}.h-cv .btn-lg{padding:12px 20px;font-size:.95rem;border-radius:6px}.cv-wa{background:#25d366;border-color:#25d366}.cv-go{background:#fff;color:var(--dark);border-color:#fff}.cv-ct{color:#fff;border-color:rgba(255,255,255,.55)}.cv-ct:hover{background:rgba(255,255,255,.1)}
.cv-b{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.92rem}.cv-b li{display:inline-flex;gap:7px;align-items:center}.cv-b .ic{width:18px;height:18px;padding:3px;border-radius:50%;background:#fff;color:var(--primary)}
.cv-img{margin:0;position:relative}.cv-img img{border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(-2deg);transition:transform .6s}.sl-i.on .cv-img img{transform:rotate(0)}
.cv-off{position:absolute;z-index:2;left:-16px;top:-16px;width:86px;height:86px;border-radius:50%;background:#facc15;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 1.5rem/1 var(--fh);box-shadow:0 10px 24px rgba(0,0,0,.25);transform:rotate(-12deg)}.cv-off small{font-size:.66rem;text-transform:uppercase;font-weight:700}
.h-cv .sl-a{border-radius:6px;background:rgba(255,255,255,.16);color:#fff;box-shadow:none;width:44px;height:58px;margin-top:-29px}.h-cv .sl-a:hover{background:#fff;color:var(--dark);transform:none}
@media(max-width:900px){.h-cv{padding:12px 12px 0}.cv-g{grid-template-columns:1fr;padding:30px 22px 54px;gap:24px;min-height:0}.cv-ct{display:none}.cv-off{width:68px;height:68px;font-size:1.2rem;left:-6px;top:-10px}}

/* ========== X6: koyu lacivert vitrin ========== */
.h-x6{position:relative;color:#b9c1ec;padding:60px 0 0;background:radial-gradient(800px 460px at 85% 0,color-mix(in srgb,var(--primary) 50%,transparent),transparent 62%),radial-gradient(640px 420px at 0 100%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),var(--dark)}
.h-x6::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.x6-g{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.x6-k{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;padding:7px 14px;border-radius:99px;font-size:.84rem;font-weight:600}.x6-k .ic{width:16px;height:16px;color:var(--accent)}
.h-x6 h1{color:#fff;font-size:clamp(2.2rem,4.6vw,3.7rem);margin:20px 0 14px;line-height:1.07;letter-spacing:-.035em}.h-x6 h1 em{font-style:normal;background:linear-gradient(90deg,#8ea2ff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.h-x6 .sub{color:#aab3e6;font-size:1.08rem}
.x6-av{display:flex;gap:14px;align-items:center;margin-top:26px}.avs{display:flex}.avs i{width:42px;height:42px;border-radius:50%;border:3px solid var(--dark);margin-left:-12px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;color:#fff;background:#6366f1}.avs i:first-child{margin-left:0;background:#f97316}.avs i:nth-child(2){background:#10b981}.avs i:nth-child(3){background:#ec4899}.avs i:nth-child(5){background:#fff;color:var(--dark)}
.x6-av b{display:block;color:#fff;font-size:1.05rem}.x6-av span{font-size:.84rem}.h-x6 .stars{background:#3a4170}
.x6-img{margin:0;position:relative}.x6-img img{width:100%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45))}
.x6-b{position:absolute;display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;background:#fff;color:var(--dark);padding:11px 16px;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.25);animation:float 5s ease-in-out infinite}.x6-b .ic{grid-row:span 2;width:34px;height:34px;padding:7px;border-radius:10px;background:var(--tint);color:var(--primary)}.x6-b b{font-size:.9rem}.x6-b small{font-size:.74rem;color:var(--mu)}.b1{left:-10px;top:16%}.b2{right:0;bottom:22%;animation-delay:-2.5s}
.x6-s{position:relative;z-index:2;margin:44px 0 -74px;background:#fff;border-radius:22px;padding:22px 24px;box-shadow:0 24px 60px rgba(11,16,48,.18);color:var(--text)}
.x6-s>p{margin:0;display:flex;gap:8px;align-items:center;font-size:.95rem;color:var(--mu)}.x6-s>p b{color:var(--dark)}.x6-s>p .ic{color:var(--primary)}
.h-x6 .hero-s{max-width:none!important;margin:12px 0 14px}.h-x6 .hero-s input{border-radius:14px;background:var(--bg);border-color:transparent}.h-x6 .hero-s>button{border-radius:11px}
.x6-tl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.x6-tl a{display:flex;flex-direction:column;padding:10px 14px;border-radius:12px;border:1px solid var(--ln);text-decoration:none;transition:.2s;min-width:0}.x6-tl a:hover{border-color:var(--primary);background:var(--tint)}.x6-tl b{color:var(--dark);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x6-tl span{color:var(--primary);font-weight:800;font-size:.9rem}
.h-x6+section{padding-top:120px!important}
@media(max-width:900px){.x6-g{grid-template-columns:1fr}.x6-tl{grid-template-columns:repeat(2,minmax(0,1fr))}.b1{left:0}.x6-s{margin-bottom:-40px;padding:18px}.h-x6+section{padding-top:80px!important}}

/* ========== WEBLIYON: lacivert vitrin ========== */
.h-wl{position:relative;overflow:hidden;color:#b8c7d9;padding:60px 0 118px;background:linear-gradient(160deg,var(--dark) 30%,color-mix(in srgb,var(--dark) 70%,var(--primary)))}
.h-wl::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-200px;top:-260px;border:90px solid rgba(255,255,255,.03)}
.wl-g{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.h-wl .kick{color:var(--primary)}.h-wl h1{color:#fff;font-size:clamp(2.1rem,4.4vw,3.4rem)}.h-wl h1 em{color:var(--primary)}.h-wl .sub{color:#a9bbd0}
.h-wl .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}.h-wl .btn-ghost:hover{background:rgba(255,255,255,.08)}
.wl-s{margin:22px 0 0!important;max-width:520px!important}.wl-s input{border:0;background:#fff}
.wl-q{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:.86rem}.wl-q span{opacity:.7}.wl-q a{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none}.wl-q a:hover{background:var(--primary)}.wl-q .ic{width:15px;height:15px}
.wl-img{margin:0;position:relative}.wl-img img{width:100%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.4))}.f3{right:4%;top:6%;animation-delay:-1.3s}
.tiles-s{position:relative;z-index:3;margin-top:-72px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tiles>div{display:flex;gap:14px;align-items:center;background:var(--surface);border-radius:var(--r);padding:20px;box-shadow:0 16px 40px rgba(24,46,68,.12)}
.tiles .ic{width:50px;height:50px;padding:12px;border-radius:14px;background:var(--tint);color:var(--primary);flex:none}.tiles p{margin:0;line-height:1.3}.tiles b{display:block;font:800 1.5rem var(--fh);color:var(--dark)}.tiles span{font-size:.86rem;color:var(--mu)}
@media(max-width:900px){.wl-g{grid-template-columns:1fr}.h-wl{padding:36px 0 96px}.tiles{grid-template-columns:1fr 1fr}.tiles>div{padding:14px;gap:10px}.tiles .ic{width:40px;height:40px;padding:9px}.tiles b{font-size:1.2rem}}

/* ========== WEBSOFT: geçişli slider + özellik kartı ========== */
.h-ws{position:relative;background:linear-gradient(var(--dark) calc(100% - 66px),var(--bg) 0)}
.ws-i{color:#c3cfdc;background:radial-gradient(700px 400px at 80% 30%,color-mix(in srgb,var(--primary) 85%,#fff 6%),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 14px),var(--dark)}
.ws-g{display:grid;grid-template-columns:1fr 1.1fr;gap:46px;align-items:center;min-height:470px;padding-top:44px;padding-bottom:112px}
.ws-k{display:inline-flex;gap:10px;align-items:center;color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.ws-k::before{content:"";width:28px;height:2px;background:var(--accent)}
.h-ws h1,.h-ws .h1{color:#fff;font-size:clamp(2rem,4vw,3.1rem);margin:14px 0 12px;line-height:1.1}.h-ws h1 em{color:var(--accent);font-style:normal}.h-ws .sub{color:#a8b6c6}
.h-ws .btn:not(.btn-ghost){background:var(--accent);border-color:var(--accent);color:#111}.h-ws .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.ws-pr{display:inline-flex;flex-direction:column;line-height:1.1;margin-left:8px}.ws-pr small{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#8fa1b5}.ws-pr .pr b{color:#fff;font:800 1.4rem var(--fh)}.ws-pr .pr s{color:#8fa1b5;margin-right:6px;font-size:.9rem}
.ws-img{margin:0}.ws-img img{border-radius:10px;box-shadow:0 30px 70px rgba(0,0,0,.45);transform:translateY(16px);transition:transform 1s}.sl-i.on .ws-img img,.sl:not(.sl-on) .ws-img img{transform:none}
.h-ws .sl-a{top:auto;bottom:118px;margin:0;border-radius:6px;background:var(--accent);color:#111;box-shadow:none;width:42px;height:42px}.h-ws .sl-p{left:auto;right:calc(max(20px,(100vw - 1240px) / 2 + 20px) + 50px)}.h-ws .sl-n{right:max(20px,calc((100vw - 1240px) / 2 + 20px))}
.h-ws .sl-d{justify-content:flex-start;left:max(20px,calc((100vw - 1240px) / 2 + 20px));bottom:128px}.h-ws .sl-d button.on{background:var(--accent)}
.ws-f{position:relative;z-index:3;margin-top:-66px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-radius:var(--r);box-shadow:0 20px 50px rgba(24,40,59,.14);overflow:hidden}
.ws-f>div{display:flex;gap:14px;align-items:center;padding:22px 20px;border-right:1px solid var(--ln)}.ws-f>div:last-child{border:0}.ws-f .ic{width:46px;height:46px;padding:11px;border-radius:10px;background:color-mix(in srgb,var(--accent) 22%,#fff);color:var(--dark);flex:none}
.ws-f p{margin:0;line-height:1.3}.ws-f b{display:block;font-size:.95rem;color:var(--dark);text-transform:uppercase;letter-spacing:.03em}.ws-f span{font-size:.84rem;color:var(--mu)}
@media(max-width:900px){.ws-g{grid-template-columns:1fr;padding-top:28px;padding-bottom:96px;gap:24px;min-height:0}.h-ws .sl-d{bottom:96px}.ws-f{grid-template-columns:1fr 1fr}.ws-f>div{border-bottom:1px solid var(--ln);padding:14px}}

/* ========== YN BİLİŞİM: siyah ajans vitrini ========== */
.h-yn{position:relative;overflow:hidden;background:#0d0d0d;color:#a3a3a3;text-align:center;padding:84px 0 0}
.h-yn::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 50% 20%,#000,transparent 70%)}
.h-yn::after{content:"";position:absolute;left:50%;bottom:-260px;width:900px;height:500px;margin-left:-450px;background:var(--primary);filter:blur(140px);opacity:.35;border-radius:50%}
.h-yn .wrap{position:relative;z-index:1}
.yn-k{display:inline-block;border:1px solid color-mix(in srgb,var(--primary) 60%,transparent);color:#fff;padding:8px 18px;font-size:.74rem;font-weight:700;letter-spacing:.32em;border-radius:2px}
.h-yn h1{color:#fff;text-transform:uppercase;font-size:clamp(2.3rem,6.4vw,5.2rem);font-weight:800;letter-spacing:-.025em;line-height:.98;margin:26px auto 18px;max-width:1050px}.h-yn h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--primary)}
.h-yn .sub{margin:0 auto;color:#a3a3a3}.h-yn .h-act{justify-content:center}.h-yn .btn{border-radius:4px}.h-yn .btn-ghost{color:#fff;border-color:#404040}.h-yn .btn-ghost:hover{background:#1a1a1a}
.h-yn .stats{justify-content:center;gap:44px}.h-yn .stats b{color:#fff}
.yn-mq{position:relative;z-index:2;margin-top:64px;background:var(--primary);color:#fff;transform:rotate(-1.6deg) scale(1.04);overflow:hidden;white-space:nowrap}
.yn-mq>div{display:inline-flex;gap:40px;padding:15px 0;animation:mq 36s linear infinite}.yn-mq span{display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;font:700 .95rem var(--fh);letter-spacing:.06em}.yn-mq .ic{width:16px;height:16px}
@keyframes mq{to{transform:translateX(-50%)}}

/* ========== SAYARSOFT: premium vitrin, ekran kolajı ========== */
.h-sy{overflow:hidden;padding:56px 0 36px;background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 42%),radial-gradient(circle at 0 90%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 40%),linear-gradient(180deg,#fff,var(--bg))}
.sy-g{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.sy-eb{display:inline-flex;gap:8px;align-items:center;background:var(--tint);color:var(--primary);padding:7px 15px;border-radius:99px;font-size:.84rem;font-weight:700}.sy-eb .ic{width:16px;height:16px;color:var(--accent)}
.h-sy h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:18px 0 14px;line-height:1.08;letter-spacing:-.03em}.h-sy h1 em{font-style:normal;color:var(--primary);background:linear-gradient(transparent 64%,color-mix(in srgb,var(--accent) 35%,transparent) 0)}
.h-sy .btn{border-radius:99px}
.sy-ck{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-weight:600;font-size:.92rem;color:var(--dark)}.sy-ck li{display:inline-flex;gap:7px;align-items:center}.sy-ck .ic{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--primary);color:#fff}
.sy-col{position:relative;height:450px}.sy-s{position:absolute;display:block;border-radius:16px;overflow:hidden;box-shadow:0 26px 60px rgba(6,32,29,.22);border:5px solid #fff;transition:transform .4s}.sy-s img{width:100%}
.sy-s.s0{width:68%;left:4%;top:0;transform:rotate(-5deg);z-index:1}.sy-s.s1{width:62%;right:0;top:110px;transform:rotate(4deg);z-index:2}.sy-s.s2{width:56%;left:10%;bottom:0;transform:rotate(-1deg);z-index:3}.sy-s:hover{transform:rotate(0) scale(1.03);z-index:5}
.sy-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:44px}.sy-tiles a{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--ln);text-decoration:none;transition:.2s;min-width:0}.sy-tiles a:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--sh)}
.sy-tiles .ic{width:38px;height:38px;padding:8px;border-radius:11px;background:var(--tint);color:var(--primary);margin-bottom:6px}.sy-tiles b{color:var(--dark);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sy-tiles span{color:var(--primary);font-weight:800}
@media(max-width:900px){.sy-g{grid-template-columns:1fr}.sy-col{height:300px}.sy-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ========== ek bölümler ========== */
.catimg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.ci{position:relative;display:flex;flex-direction:column;aspect-ratio:27/40;border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;box-shadow:var(--sh);padding:16px;background:linear-gradient(160deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#000))}
.ci:nth-child(6n+2){background:linear-gradient(160deg,#2563eb,#1e3a8a)}.ci:nth-child(6n+3){background:linear-gradient(160deg,#16a34a,#14532d)}.ci:nth-child(6n+4){background:linear-gradient(160deg,#db2777,#831843)}.ci:nth-child(6n+5){background:linear-gradient(160deg,var(--accent),#020617)}.ci:nth-child(6n){background:linear-gradient(160deg,#7c3aed,#3b0764)}
.ci::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-70px;background:rgba(255,255,255,.1)}
.ci-i{position:relative;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:none}.ci-i .ic{width:22px;height:22px}
.ci-t{position:relative;display:flex;flex-direction:column;gap:2px;margin-top:12px}.ci-t b{font:700 1.05rem/1.2 var(--fh)}.ci-t small{opacity:.8;font-size:.8rem}
.ci-t em{font-style:normal;margin-top:10px;display:inline-flex;gap:6px;align-items:center;align-self:flex-start;background:#fff;color:var(--dark);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:700;transition:.2s}.ci:hover .ci-t em{background:var(--dark);color:#fff}.ci-t em .ic{width:14px;height:14px}
.ci img{position:absolute;left:16px;right:-40px;bottom:-14px;width:calc(100% + 24px);max-width:none;height:36%;object-fit:cover;object-position:left top;border-radius:8px 0 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.25);transition:transform .5s}.ci:hover img{transform:translateY(-8px)}
@media(max-width:1000px){.catimg{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.catimg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.promo{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pm{position:relative;overflow:hidden;border-radius:20px;padding:24px;min-height:240px;color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 45%,var(--dark)));transition:transform .25s}.pm:hover{transform:translateY(-4px)}
.pm1{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#7c2d12))}.pm2{background:linear-gradient(135deg,var(--dark),color-mix(in srgb,var(--primary) 70%,var(--dark)))}
.pm>*:not(img){position:relative;z-index:1;max-width:58%}.pm-b{display:inline-flex;gap:6px;align-items:center;align-self:flex-start;background:rgba(255,255,255,.2);padding:5px 11px;border-radius:99px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pm-b .ic{width:14px;height:14px}
.pm b{font:800 1.2rem/1.2 var(--fh);margin-top:6px}.pm small{opacity:.8;font-size:.84rem}.pm-p{margin-top:auto}.pm-p s{opacity:.65;margin-right:8px;font-size:.9rem}.pm-p strong{font:800 1.6rem var(--fh)}.pm em{font-style:normal;font-weight:700;display:inline-flex;gap:6px;align-items:center;font-size:.9rem}
.pm img{position:absolute;right:-34px;bottom:-30px;width:48%;border-radius:10px;transform:rotate(-8deg);box-shadow:0 20px 40px rgba(0,0,0,.3);transition:transform .4s}.pm:hover img{transform:rotate(-4deg) translateY(-6px)}
@media(max-width:900px){.promo{grid-template-columns:1fr}}
.catc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cc{display:flex;flex-direction:column;gap:6px;padding:24px;background:var(--surface);border:1px solid var(--ln);border-radius:var(--r);text-decoration:none;color:var(--text);transition:.25s}.cc:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--sh2)}
.cc-i{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 50%,var(--accent)));margin-bottom:8px;box-shadow:0 10px 22px color-mix(in srgb,var(--primary) 30%,transparent)}.cc-i .ic{width:26px;height:26px}
.cc b{font:700 1.12rem var(--fh);color:var(--dark)}.cc>small{color:var(--mu);font-size:.88rem;flex:1}.cc-p{display:flex;flex-direction:column;margin-top:8px;padding-top:12px;border-top:1px dashed var(--ln)}.cc-p small{font-size:.76rem;color:var(--mu)}.cc-p strong{font:800 1.4rem var(--fh);color:var(--primary)}
.cc em{font-style:normal;font-weight:700;color:var(--primary);display:inline-flex;gap:6px;align-items:center;font-size:.9rem}
@media(max-width:900px){.catc{grid-template-columns:1fr 1fr}}@media(max-width:560px){.catc{grid-template-columns:1fr}}
.pick{display:grid;grid-template-columns:1.15fr 1fr;background:var(--surface);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh2)}
.pk-img{display:flex;align-items:center;padding:34px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--primary) 70%,#fff 10%),var(--dark))}.pk-img img{border-radius:8px;box-shadow:0 26px 50px rgba(0,0,0,.4);transition:transform .5s}.pick:hover .pk-img img{transform:scale(1.02)}
.pk-b{padding:34px;display:flex;flex-direction:column;gap:10px}.pk-tg{display:flex;flex-wrap:wrap;gap:8px}.pk-tg span{font-size:.76rem;font-weight:700;padding:5px 10px;border-radius:6px;background:var(--tint);color:var(--dark)}
.pk-tg .pk-e{background:var(--accent);color:#111;display:inline-flex;gap:6px;align-items:center}.pk-e .ic{width:15px;height:15px}.pk-tg .pk-v{background:var(--dark);color:#fff}
.pk-b h2{margin:6px 0 0;font-size:clamp(1.5rem,2.6vw,2rem)}.pk-b>p{color:var(--mu);margin:0}
.pk-b ul{list-style:none;padding:0;margin:4px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.pk-b li{display:flex;gap:8px;align-items:flex-start;font-size:.9rem}.pk-b li .ic{color:var(--primary);width:18px;height:18px;margin-top:2px}
.pk-f{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--ln)}.pk-p{display:flex;flex-direction:column;margin-right:auto;line-height:1.15}.pk-p small{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mu)}.pk-p .pr b{font:800 1.6rem var(--fh);color:var(--dark)}.pk-p .pr s{color:var(--mu);margin-right:6px}
@media(max-width:900px){.pick{grid-template-columns:1fr}.pk-img,.pk-b{padding:20px}.pk-b ul{grid-template-columns:1fr}}
.tech-s{padding:24px 0;background:var(--surface);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}.tech-s p{text-align:center;margin:0 0 12px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--mu)}
.tech{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tech span{display:inline-flex;gap:7px;align-items:center;padding:8px 15px;border:1px solid var(--ln);border-radius:99px;font-weight:700;font-size:.86rem;color:var(--dark);background:var(--bg)}.tech .ic{width:16px;height:16px;color:var(--primary)}
.dark .tech span{color:#e2e8f0}
.rsum{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}.rsum>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--ln)}
.rsum b{font:800 2rem/1 var(--fh);color:var(--primary)}.rsum span{font-size:.86rem;color:var(--mu)}@media(max-width:700px){.rsum{grid-template-columns:1fr 1fr}}

/* ========== kart varyantları ========== */
.cd-shop .sec .pgrid,.cd-store .sec .pgrid,.cd-heart .sec .pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:1100px){.cd-shop .sec .pgrid,.cd-store .sec .pgrid,.cd-heart .sec .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.cd-shop .sec .pgrid,.cd-store .sec .pgrid,.cd-heart .sec .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cd-shop .sec .pgrid,.cd-store .sec .pgrid,.cd-heart .sec .pgrid{grid-template-columns:1fr}}
.pc-cf{margin:0}
/* shop (Codervia) */
.pc-shop{text-align:center;border-radius:var(--r)}.pc-shop .pc-img img{aspect-ratio:3/2}.pc-shop .pc-b{padding:16px;gap:8px;align-items:center}
.sh-off{position:absolute;left:10px;top:10px;background:#dc2626;color:#fff;font-size:.76rem;font-weight:800;padding:5px 9px;border-radius:4px}
.pc-shop h3{font-size:.98rem;font-weight:600;line-height:1.35;min-height:2.7em}.pc-shop h3 a{color:var(--dark);text-decoration:none}.pc-shop h3 a:hover{color:var(--primary)}
.sh-c{color:var(--mu);font-size:.8rem}.sh-r{display:flex;gap:4px;align-items:center;justify-content:center}.sh-p .pr s{display:inline}.sh-p .pr{display:flex;gap:8px;align-items:baseline;justify-content:center}.sh-p .pr b{font-size:1.3rem;color:var(--primary)}.sh-p .pr s{color:var(--mu);font-size:.9rem}
.pc-shop .pc-cf{width:100%;margin-top:auto}.pc-shop .btn-block{border-radius:6px;padding:11px}.sh-d{font-size:.82rem;color:var(--mu);text-decoration:none;display:inline-flex;gap:5px;align-items:center}.sh-d .ic{width:15px;height:15px}.sh-d:hover{color:var(--primary)}
/* store (X6) */
.pc-store{border-radius:var(--r);border-color:transparent;box-shadow:0 6px 24px rgba(11,16,48,.07)}.pc-store .pc-img{margin:10px 10px 0;border-radius:calc(var(--r) - 6px)}.pc-store .pc-img img{aspect-ratio:16/10}
.pc-store .pc-b{padding:14px 16px 16px;gap:6px}.pc-store .pc-c{align-self:flex-start;background:var(--tint);padding:3px 10px;border-radius:99px;font-size:.7rem}.pc-store h3{font-size:1.02rem}.pc-store h3 a{color:var(--dark);text-decoration:none}.pc-store .pc-s{font-size:.86rem;color:var(--mu);margin:0}
.pc-store .pc-f{border:0;padding-top:8px}.pc-store .pr b{font:800 1.2rem var(--fh);color:var(--dark)}.pc-store .pr s{display:block;font-size:.8rem;color:var(--mu)}.pc-store .btn{border-radius:99px}
/* emo (Webliyon) */
.pc-emo .pc-img{margin:12px 12px 0;border-radius:calc(var(--r) - 4px)}.pc-emo .pc-b{gap:8px}
.em-c{align-self:flex-start;display:inline-flex;gap:6px;align-items:center;font-size:.78rem;font-weight:700;color:var(--primary);background:var(--tint);padding:4px 10px;border-radius:8px;text-decoration:none}.em-c .ic{width:15px;height:15px}
.pc-emo h3 a{color:var(--dark);text-decoration:none}.pc-emo .pc-s{font-size:.9rem;color:var(--mu);margin:0}.em-p{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px}.em-p .bdgs{position:static}.em-p .pr b{font:800 1.25rem var(--fh);color:var(--dark)}.em-p .pr s{color:var(--mu);margin-right:6px;font-size:.86rem}
.em-a{display:grid;grid-template-columns:1fr 1fr;gap:8px}.em-a .btn{border-radius:10px}
/* heart (Websoft) */
.pc-heart{border-radius:var(--r);border-bottom:3px solid transparent}.pc-heart:hover{border-bottom-color:var(--accent)}.pc-heart .pc-b{padding:14px 16px 16px;gap:6px}
.ht-r{display:flex;justify-content:space-between;align-items:center}.ht-t{display:inline-flex;gap:4px;align-items:center;font-size:.74rem;font-weight:800;background:color-mix(in srgb,var(--accent) 25%,#fff);color:var(--dark);padding:3px 9px;border-radius:5px}.ht-t .ic{width:13px;height:13px}
.ht-h{display:inline-flex;gap:4px;align-items:center;font-size:.8rem;color:var(--mu)}.ht-h .ic{width:15px;height:15px;color:#e11d48}
.pc-heart h3{font-size:1rem}.pc-heart h3 a{color:var(--dark);text-decoration:none}.pc-heart .pc-s{font-size:.84rem;color:var(--mu);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ht-p{display:flex;flex-direction:column;line-height:1.1}.ht-p small{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mu)}.ht-p .pr b{font:800 1.15rem var(--fh);color:var(--dark)}.ht-p .pr s{font-size:.78rem;color:var(--mu);margin-right:4px}.pc-heart .btn{border-radius:6px}
/* spec (YN, Sayarsoft) */
.pc-spec .pc-b{gap:8px}.spc-pr{position:absolute;left:12px;bottom:12px;background:#fff;color:var(--dark);padding:6px 12px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.18)}.spc-pr .pr b{font:800 1.05rem var(--fh);color:var(--primary)}.spc-pr .pr s{font-size:.76rem;color:var(--mu);margin-right:5px}
.spc-ft{position:absolute;left:12px;top:12px;display:inline-flex;gap:5px;align-items:center;background:var(--accent);color:#111;font-size:.74rem;font-weight:800;padding:5px 10px;border-radius:6px}.spc-ft .ic{width:13px;height:13px}.pc-spec .pc-img .bdgs{top:12px;bottom:auto}
.pc-spec h3 a{color:var(--dark);text-decoration:none}.pc-spec .pc-s{font-size:.88rem;color:var(--mu);margin:0}
.spc-t{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:6px 0 8px;border:1px solid var(--ln);border-radius:calc(var(--r) * .5);overflow:hidden}.spc-t>div{padding:8px 10px;border-bottom:1px solid var(--ln);min-width:0}.spc-t>div:nth-child(odd){border-right:1px solid var(--ln)}.spc-t>div:nth-last-child(-n+2){border-bottom:0}
.spc-t dt{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mu)}.spc-t dd{margin:0;font-weight:700;font-size:.82rem;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:4px;align-items:center}.spc-t .ic{width:14px;height:14px;color:var(--ok)}
.pc-spec .btn-block{margin-top:auto}

/* ========== tema imzaları ========== */
/* koyu alt bilgili temalar */
.th-codervia .site-f,.th-x6 .site-f,.th-webliyon .site-f,.th-websoft .site-f,.th-ynbilisim .site-f,.th-sayarsoft .site-f{background:var(--dark);color:#b6c0cc;border:0}
.th-codervia .site-f a,.th-x6 .site-f a,.th-webliyon .site-f a,.th-websoft .site-f a,.th-ynbilisim .site-f a,.th-sayarsoft .site-f a{color:#cfd6df}
.th-codervia .site-f h3,.th-x6 .site-f h3,.th-webliyon .site-f h3,.th-websoft .site-f h3,.th-ynbilisim .site-f h3,.th-sayarsoft .site-f h3,.th-codervia .site-f .logo,.th-x6 .site-f .logo,.th-webliyon .site-f .logo,.th-websoft .site-f .logo,.th-ynbilisim .site-f .logo,.th-sayarsoft .site-f .logo{color:#fff}
.th-codervia .f-about p,.th-x6 .f-about p,.th-webliyon .f-about p,.th-websoft .f-about p,.th-ynbilisim .f-about p,.th-sayarsoft .f-about p,.th-codervia .f-ct p,.th-x6 .f-ct p,.th-webliyon .f-ct p,.th-websoft .f-ct p,.th-ynbilisim .f-ct p,.th-sayarsoft .f-ct p{color:#9aa5b1}
.th-codervia .f-bot,.th-x6 .f-bot,.th-webliyon .f-bot,.th-websoft .f-bot,.th-ynbilisim .f-bot,.th-sayarsoft .f-bot{border-color:rgba(255,255,255,.1);color:#8a96a3}
.th-codervia .pays i,.th-x6 .pays i,.th-webliyon .pays i,.th-websoft .pays i,.th-ynbilisim .pays i,.th-sayarsoft .pays i{border-color:rgba(255,255,255,.18);color:#dfe5ec;background:rgba(255,255,255,.04)}
.th-codervia .soc a,.th-x6 .soc a,.th-webliyon .soc a,.th-websoft .soc a,.th-ynbilisim .soc a,.th-sayarsoft .soc a{background:rgba(255,255,255,.08);color:#fff}
.th-codervia .news,.th-x6 .news,.th-webliyon .news,.th-websoft .news,.th-ynbilisim .news,.th-sayarsoft .news{background:var(--primary)}.th-websoft .news{background:color-mix(in srgb,var(--primary) 80%,#000)}
.th-codervia .news .btn,.th-x6 .news .btn,.th-webliyon .news .btn,.th-ynbilisim .news .btn,.th-sayarsoft .news .btn{background:var(--dark);border-color:var(--dark)}.th-websoft .news .btn{background:var(--accent);border-color:var(--accent);color:#111}
/* Codervia */
.th-codervia .tb-util{background:#fff;color:var(--mu);border-bottom:1px solid var(--ln)}.th-codervia .tb-util a:hover{color:var(--primary)}.th-codervia .tu-m{color:var(--primary)}
.th-codervia .btn{border-radius:6px}.th-codervia .sec-h h2::after{content:"";display:block;width:54px;height:3px;background:var(--primary);margin-top:10px;border-radius:2px}.th-codervia .kick{display:none}
.th-codervia .trust{background:var(--surface);border-top:1px solid var(--ln);padding:30px 0}.th-codervia .tr-g .ic{border-radius:50%;background:var(--primary);color:#fff}
.th-codervia .band{background:linear-gradient(110deg,var(--accent),var(--dark))}
/* X6 */
.th-x6 .tb-util{background:#060a22;color:#a9b1df}.th-x6 .sec-h{flex-direction:column;align-items:center;text-align:center}.th-x6 .sec-h p{max-width:560px}
.th-x6 .kick{background:var(--tint);padding:6px 14px;border-radius:99px;letter-spacing:.06em}.th-x6 .btn{border-radius:12px}.th-x6 .why>div{border:0;box-shadow:0 6px 24px rgba(11,16,48,.06);border-radius:18px}.th-x6 .why .ic{width:48px;height:48px;padding:11px;border-radius:14px;background:var(--tint)}
.th-x6 .rv{border:0;box-shadow:0 6px 24px rgba(11,16,48,.06)}.th-x6 .cta{background:linear-gradient(120deg,var(--dark),color-mix(in srgb,var(--primary) 70%,var(--dark)))}
/* Webliyon */
.th-webliyon .tb-util{background:#0f1f30;color:#9fb3c8}.th-webliyon .tu-m{color:var(--accent)}
.th-webliyon .band{background:linear-gradient(110deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#9a3412))}.th-webliyon .band .bi{background:#fff;color:var(--accent)}.th-webliyon .band .btn{background:#fff;color:var(--accent);border-color:#fff}
.th-webliyon .cats{grid-template-columns:repeat(6,minmax(0,1fr))}.th-webliyon .cat{align-items:center;text-align:center;padding:20px 12px}.th-webliyon .cat small{display:none}.th-webliyon .cat>span{border-radius:50%;width:60px;height:60px}
@media(max-width:1000px){.th-webliyon .cats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.th-webliyon .cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Websoft */
.th-websoft h2{text-transform:uppercase;letter-spacing:.01em}.th-websoft .sec-h .kick{color:var(--dark);background:var(--accent);padding:4px 10px;border-radius:4px}
.th-websoft .why>div{border:0;border-top:3px solid var(--accent);border-radius:0;box-shadow:0 6px 20px rgba(24,40,59,.06)}.th-websoft .why b{text-transform:uppercase;letter-spacing:.03em;font-size:.95rem}
.th-websoft .cta{background:linear-gradient(110deg,var(--dark),var(--primary));border-radius:var(--r)}.th-websoft .cta .btn{background:var(--accent);color:#111;border-color:var(--accent)}
/* YN Bilişim */
.th-ynbilisim h2{text-transform:uppercase;font-weight:800;letter-spacing:-.01em}.th-ynbilisim .sec-h{border-left:5px solid var(--primary);padding-left:16px}.th-ynbilisim .kick{color:var(--primary)}
.th-ynbilisim .btn{border-radius:4px}.th-ynbilisim .pc-spec{border-radius:6px}.th-ynbilisim .pc-spec .btn-block{background:#111;border-color:#111}.th-ynbilisim .pc-spec .btn-block:hover{background:var(--primary);border-color:var(--primary)}.th-ynbilisim .spc-code{display:none}.th-ynbilisim .spc-t>div:nth-last-child(-n+2){border-bottom:1px solid var(--ln)}.th-ynbilisim .spc-t>div:last-child{border-bottom:0;grid-column:1/-1;border-right:0}
.th-ynbilisim .band,.th-ynbilisim .cta{background:#0d0d0d;border-radius:6px}.th-ynbilisim .band .bi{border-radius:4px}.th-ynbilisim .how li{border-radius:4px;border-top:3px solid var(--primary)}.th-ynbilisim .how .ic{background:#111}
/* Sayarsoft */
.th-sayarsoft .tb-tick{background:var(--dark)}.th-sayarsoft .sec-h{flex-direction:column;align-items:center;text-align:center}.th-sayarsoft .btn{border-radius:99px}
.th-sayarsoft .how{grid-template-columns:repeat(4,1fr)}.th-sayarsoft .how li{text-align:center;align-items:center;border:0;box-shadow:0 10px 30px rgba(6,32,29,.07);border-radius:22px;padding:30px 20px}.th-sayarsoft .how li::before{position:static;order:-1;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.th-sayarsoft .how .ic{background:var(--tint);color:var(--primary)}
@media(max-width:900px){.th-sayarsoft .how{grid-template-columns:1fr 1fr}}@media(max-width:520px){.th-sayarsoft .how{grid-template-columns:1fr}}
.th-sayarsoft .pc-spec{border:0;box-shadow:0 10px 30px rgba(6,32,29,.08)}.th-sayarsoft .pc-spec .pc-img{margin:10px 10px 0;border-radius:14px}.th-sayarsoft .band{background:linear-gradient(110deg,var(--primary),var(--dark));border-radius:24px}.th-sayarsoft .cta{border-radius:24px}
/* Gece ve Sade: yeni vitrinle uyumlu ayrıntılar */
.th-gece .tech-s{background:var(--surface);border-color:rgba(255,255,255,.06)}.th-gece .tech span{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}
.th-sade .mg-cats{border-top:0}
.th-ynbilisim .spc-ft{background:var(--primary);color:#fff}
@media(max-width:860px){.mg-d span{display:none}.mg-d button{padding-top:6px}}