/*
   egitim-oyun · tema katmanı (nesa-baslangic › variants.css'ten sonra yüklenir).
   Dil: okul ve öğretmene ders oyunu satan mağaza. Beyaz üst bilgi + geniş arama, altında koyu lacivert kategori çubuğu;
   orman yeşili tek eylem rengi, sarı yalnız sınıf rozetlerinde. Her dersin kendi rengi (ders şeridi, bulucu, seri kartları).
   Bricolage Grotesque başlık, Figtree gövde, 10px köşe, hap düğmeler. Sayfa zemini tam beyaz; paneller #f5f5f5 ya da ders tonu.
*/

/* ---------- 1) belirteçler ---------- */
:root{
  --font-heading:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ss-green:var(--c-primary);--ss-green-dark:#175aa0;--ss-green-soft:#e8f1fb;
  --ss-ink:#10243b;--ss-ink-2:#34475c;--ss-muted:#5d6f82;--ss-line:#e1e7ed;--ss-soft:#f5f5f5;--ss-yellow:#ffc53d;
}
:root,body,.nk{--page:#fff;--surface:#fff;--paper:#fff;--paper-2:#fff;--bg:#f5f5f5;--surface-2:#f7f7f7;--soft:#f5f5f5;--soft-2:#f0f0f0;--hp-bg:#fff;--tb-bg:#f7f7f7;--split-bg:#f5f5f5;--line:#e1e7ed;--line-2:#e1e7ed;--line-soft:#eef1f4;--ink-2:#34475c;--ink-3:#5d6f82;--ink-4:#93a1ae;--sale:var(--c-sale)}
html,body,.main{background:#fff}
body{color:var(--ss-ink);font-family:var(--font-body)}
.nk{--paper:#fff;--ink:var(--ss-ink);--muted:var(--ss-muted);--accent:var(--ss-green);--accent-dark:var(--ss-green-dark);--display:var(--font-heading);--sans:var(--font-body);--mono:var(--font-body)}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--ss-ink)}

/* ---------- 2) düğmeler ---------- */
.btn,.nk .btn{font-family:var(--font-body);font-weight:700;letter-spacing:0;text-transform:none}
.btn--primary,.nk .btn-primary,.nk .btn.btn-primary{background:var(--ss-green);border-color:var(--ss-green);color:#fff}
.btn--primary:hover,.nk .btn-primary:hover{background:var(--ss-green-dark);border-color:var(--ss-green-dark);color:#fff}
.btn--secondary{border-color:var(--ss-ink);color:var(--ss-ink)}
:focus-visible{outline:2px solid var(--ss-green);outline-offset:2px}

/* ---------- 3) duyuru şeridi + üst bilgi ---------- */
.nk .topbar.topbar-static{background:var(--ss-green);color:#fff;font-size:13px;font-weight:600;letter-spacing:0;border-bottom:0}
.nk .topbar-static a{color:#fff}
.nk .topbar-static .mq-sep{background:var(--ss-yellow);opacity:1}
.nk .header{background:#fff;border-bottom:0}
.nk .header .logo-img{max-height:42px}
body[data-v-header="market"] .nk .hdr-search{background:#f5f5f5;border:1.5px solid #f5f5f5;border-radius:999px;color:var(--ss-muted);padding:4px 4px 4px 18px}
body[data-v-header="market"] .nk .hdr-search:focus-within{background:#fff;border-color:var(--ss-green)}
body[data-v-header="market"] .nk .hdr-search input{color:var(--ss-ink);font-size:14.5px;padding:10px 0}
body[data-v-header="market"] .nk .hdr-search input::placeholder{color:#8696a4}
body[data-v-header="market"] .nk .hdr-search button{background:var(--ss-green);color:#fff;font-weight:700;border-radius:999px;padding:10px 22px}
body[data-v-header="market"] .nk .hdr-search button:hover{background:var(--ss-green-dark)}
body[data-v-header="market"] .nk .header .nav{--v-band:var(--ss-ink);background:var(--ss-ink);border-top:0;margin-top:14px;padding:0;gap:0;font-size:14px;font-weight:600}
body[data-v-header="market"] .nk .header .nav::before{border:0}
body[data-v-header="market"] .nk .header .nav > a,body[data-v-header="market"] .nk .header .nav .nav-item > a{color:#fff;padding:13px 16px;display:inline-flex;align-items:center;gap:6px}
body[data-v-header="market"] .nk .header .nav > a:first-child{padding-left:0}
body[data-v-header="market"] .nk .header .nav > a:hover,body[data-v-header="market"] .nk .header .nav > a.active{color:var(--ss-yellow)}
body[data-v-header="market"] .nk .header .nav .nav-sub a{color:var(--ss-ink)}
.nk .header .header-actions a{font-weight:600;color:var(--ss-ink)}
.nk .header .cart-btn{background:var(--ss-green);border-color:var(--ss-green);color:#fff;border-radius:999px}
.nk .header .cart-btn:hover{background:var(--ss-green-dark);color:#fff}
.nk .header .header-actions .cart-btn,.nk .header .header-actions .cart-btn .count{color:#fff}

/* ---------- 4) bölüm başlıkları ---------- */
.nchd__title{font-size:clamp(23px,2.1vw,30px);font-weight:700;letter-spacing:-.025em}
.nchd__sub{font-size:14.5px;color:var(--ss-muted)}
.nchd__link{font-weight:700;font-size:14px;color:var(--ss-green)}
.nk .eyebrow{font-family:var(--font-body);font-size:13.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ss-green)}

/* ---------- 5) açılış (sections/ss-vitrin.liquid) ---------- */
.ssv{padding-top:18px}
.ssv__grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:14px}
.ssv__grid--solo{grid-template-columns:1fr}
.ssv__main{position:relative;border-radius:14px;overflow:hidden;background:#eaf3ee}
.ssv__track{position:relative;height:100%;min-height:440px}
.ssv__slide{position:absolute;inset:0;background:var(--ssv-bg,#eaf3ee);color:var(--ss-ink);opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s}
.ssv__slide.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}
.ssv__img{position:absolute;top:5%;right:2.5%;bottom:0;width:50%;height:95%;object-fit:contain;object-position:right bottom}
.ssv__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;height:100%;max-width:min(456px,49%);padding:36px 0 58px 44px}
.ssv__tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--ss-yellow);color:var(--ss-ink);font-size:13px;font-weight:800}
.ssv__tag--sale{background:var(--c-sale);color:#fff}
.ssv__title{margin:0;font-family:var(--font-heading);font-size:clamp(27px,2.6vw,40px);line-height:1.1;font-weight:800;letter-spacing:-.03em;color:inherit;text-wrap:balance}
.ssv__text{margin:0;max-width:42ch;font-size:15.5px;line-height:1.55;color:var(--ss-ink-2)}
.ssv__price{display:flex;align-items:baseline;gap:12px;margin:2px 0 0}
.ssv__price b{font-family:var(--font-heading);font-size:30px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ssv__price s{font-size:16px;color:var(--ss-muted)}
.ssv__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ssv__btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:999px;background:var(--ss-green);color:#fff;font-weight:700;font-size:15px;text-decoration:none;transition:background .15s}
.ssv__btn:hover{background:var(--ss-green-dark);color:#fff}
.ssv__btn--ghost{background:#fff;color:var(--ss-ink);box-shadow:inset 0 0 0 1.5px var(--ss-line)}
.ssv__btn--ghost:hover{background:#fff;color:var(--ss-green);box-shadow:inset 0 0 0 1.5px var(--ss-green)}
.ssv__dots{position:absolute;left:48px;bottom:24px;z-index:3;display:flex;gap:6px}
.ssv__dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(16,36,59,.22);cursor:pointer;transition:width .2s,background .2s}
.ssv__dots button.is-active{width:26px;background:var(--ss-green)}
.ssv__arrow{position:absolute;top:50%;z-index:3;width:42px;height:42px;margin-top:-21px;border:0;border-radius:50%;background:#fff;color:var(--ss-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(16,36,59,.16);opacity:0;transition:opacity .2s}
.ssv__main:hover .ssv__arrow{opacity:1}
.ssv__arrow .icon{width:16px;height:16px}
.ssv__arrow--prev{left:12px;transform:rotate(90deg)}
.ssv__arrow--next{right:12px;transform:rotate(-90deg)}
.ssv__side{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.ssv__card{position:relative;display:flex;align-items:flex-start;min-height:213px;border-radius:14px;overflow:hidden;background:var(--ssc-bg,#fff4d6);color:var(--ss-ink);text-decoration:none}
.ssv__card img{position:absolute;right:12px;bottom:10px;width:44%;height:auto;max-height:80%;object-fit:contain;object-position:right bottom;transform-origin:right bottom;transition:transform .35s}
.ssv__card:hover img{transform:scale(1.04)}
.ssv__card-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;max-width:56%;padding:22px 0 22px 24px}
.ssv__card-copy small{font-size:13px;font-weight:700;color:var(--ss-green)}
.ssv__card-copy b{font-family:var(--font-heading);font-size:21px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.ssv__card-copy span{font-size:13.5px;line-height:1.45;color:var(--ss-ink-2)}
.ssv__card-copy em{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-style:normal;font-size:14px;font-weight:700;color:var(--ss-ink)}
.ssv__card-copy em .icon{width:15px;height:15px;transition:transform .2s}
.ssv__card:hover em{color:var(--ss-green)}
.ssv__card:hover em .icon{transform:translateX(3px)}
.ssv__subs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:14px}
.ssv__sub{display:flex;align-items:center;gap:10px;padding:12px 12px;border:1px solid var(--ss-line);border-radius:12px;background:#fff;color:var(--ss-ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.ssv__sub:hover{border-color:var(--sub);box-shadow:0 10px 22px -16px rgba(16,36,59,.5);transform:translateY(-2px)}
.ssv__ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--sub);color:#fff}
.ssv__ico svg{width:26px;height:26px}
.ssv__sub-t{display:flex;flex-direction:column;min-width:0}
.ssv__sub-t b{font-family:var(--font-heading);font-size:14px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.ssv__sub-t small{font-size:12.5px;color:var(--ss-muted)}
@media (min-width:1181px){
  .ssv__sub{flex-direction:column;justify-content:center;gap:9px;padding:16px 8px 14px;text-align:center}
  .ssv__sub-t{align-items:center}
  .ssv__sub-t b{white-space:nowrap}
}
@media (max-width:1180px){.ssv__subs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1099px){
  .ssv__grid{grid-template-columns:1fr}
  .ssv__side{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .ssv__copy{max-width:52%;padding-left:32px}
  .ssv__img{width:46%}
  .ssv__dots{left:32px}
}
@media (max-width:639px){
  .ssv{padding-top:10px}
  .ssv__main{border-radius:12px}
  .ssv__track{height:590px;min-height:0}
  .ssv__img{top:auto;right:4%;bottom:34px;width:92%;height:206px;object-position:center bottom}
  .ssv__copy{justify-content:flex-start;height:auto;max-width:none;padding:22px 20px 0;gap:10px}
  .ssv__title{font-size:25px}
  .ssv__text{font-size:14.5px}
  .ssv__price b{font-size:24px}
  .ssv__btn{height:44px;padding:0 18px;font-size:14px}
  .ssv__dots{left:50%;transform:translateX(-50%);bottom:14px}
  .ssv__arrow{display:none}
  .ssv__side{grid-template-columns:1fr;gap:10px}
  .ssv__card{min-height:150px}
  .ssv__card img{width:40%;right:10px;bottom:10px}
  .ssv__card-copy{max-width:60%;padding:18px 0 18px 18px}
  .ssv__card-copy b{font-size:18px}
  .ssv__subs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin-inline:-12px;padding:2px 12px 6px;scrollbar-width:none;scroll-padding-inline:12px}
  .ssv__subs::-webkit-scrollbar{display:none}
  .ssv__sub{flex:0 0 46%;scroll-snap-align:start;padding:10px}
  .ssv__ico{width:38px;height:38px}
  .ssv__ico svg{width:22px;height:22px}
}

/* ---------- 6) hizmet şeridi ---------- */
.ncfeat--row{margin-top:24px;padding:20px 24px;border:0;border-radius:14px;background:#f5f5f5}
.ncfeat__icon{width:46px;height:46px;border-radius:12px;background:#fff;color:var(--ss-green)}
.ncfeat__icon .icon{width:22px;height:22px}
.ncfeat__item b{font-family:var(--font-heading);font-weight:700;font-size:14.5px}
.ncfeat__item div>span{font-size:13px;color:var(--ss-muted)}
@media (max-width:639px){
  .ncfeat--row{grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:16px;padding:18px 14px}
  .ncfeat__item{align-items:flex-start;gap:10px}
  .ncfeat__icon{width:38px;height:38px}
  .ncfeat__item b{font-size:13.5px}
  .ncfeat__item div>span{font-size:12.5px}
}

/* ---------- 7) oyun bulucu (sections/ss-bulucu.liquid) · açık tonlu, numaralı adımlar ---------- */
.ssb .container{max-width:none}
.ssb__wrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0;border-radius:28px;overflow:hidden;background:linear-gradient(150deg,#f3f9f6 0%,#eef6fb 100%);border:1px solid #e3eee9;color:var(--ss-ink)}
.ssb__panel{padding:44px 44px 40px;display:flex;flex-direction:column;gap:14px;min-width:0}
.ssb__eyebrow{margin:0;display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;color:var(--ss-green);font-size:12.5px;font-weight:800;letter-spacing:.04em;box-shadow:0 1px 0 #e3eee9}
section.ssb h2.ssb__title{margin:0;font-size:clamp(28px,2.6vw,38px)!important;line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--ss-ink)}
.ssb__text{margin:0 0 4px;max-width:52ch;font-size:15.5px;line-height:1.6;color:#5d6f82}
.ssb__group{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.ssb__label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--ss-ink)}
.ssb__label em{font-style:normal;width:24px;height:24px;border-radius:8px;background:var(--ss-ink);color:#fff;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.ssb__chips{display:flex;flex-wrap:wrap;gap:8px}
.ssb__chips label{position:relative;cursor:pointer}
.ssb__chips input{position:absolute;opacity:0;pointer-events:none}
.ssb__chips span{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;background:#fff;border:1.5px solid #e1e8ee;color:#2b3d51;font-size:14.5px;font-weight:600;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}
.ssb__chips span:hover{border-color:#b9c6d1}
.ssb__chips span i{width:10px;height:10px;border-radius:50%;background:var(--sc,#9aa7b3)}
.ssb__chips label[style] input:checked+span{border-color:var(--sc);background:color-mix(in srgb,var(--sc) 12%,#fff);color:color-mix(in srgb,var(--sc) 70%,#10243b)}
.ssb__chips input:checked+span{border-color:var(--ss-ink);background:var(--ss-ink);color:#fff}
.ssb__chips label[style] input:checked+span{box-shadow:0 6px 16px -10px var(--sc)}
.ssb__chips input:focus-visible+span{outline:2px solid var(--ss-green);outline-offset:2px}
.ssb__chips--grade{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:440px}
.ssb__chips--grade span{flex-direction:column;justify-content:center;gap:0;height:64px;padding:0;border-radius:16px;width:100%}
.ssb__chips--grade span b{font-family:var(--font-heading);font-size:24px;font-weight:800;line-height:1}
.ssb__chips--grade span small{font-size:11.5px;font-weight:600;color:#7a8896;margin-top:3px}
.ssb__chips--grade input:checked+span{background:var(--ss-green);border-color:var(--ss-green);color:#fff;box-shadow:0 10px 22px -12px rgba(31,111,192,.8);transform:translateY(-1px)}
.ssb__chips--grade input:checked+span small{color:rgba(255,255,255,.85)}
.ssb__out{display:flex;flex-direction:column;gap:14px;padding:28px;background:#fff;color:var(--ss-ink);margin:14px;border-radius:22px;min-width:0;box-shadow:0 20px 50px -34px rgba(16,36,59,.45)}
.ssb__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ssb__sum{margin:0;display:flex;flex-direction:column;gap:2px}
.ssb__sum span{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a97a4}
.ssb__sum b{font-family:var(--font-heading);font-size:22px;font-weight:800;letter-spacing:-.02em}
.ssb__all{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;background:#eaf4ef;font-size:13.5px;font-weight:700;color:var(--ss-green);text-decoration:none;transition:background .15s}
.ssb__all:hover{background:#d9ece3}
.ssb__all .icon,.ssb__all svg{width:16px;height:16px}
.ssb__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ssb__item{display:flex;flex-direction:column;gap:10px;height:100%;padding:10px 10px 14px;border:1px solid #edf0f3;border-radius:16px;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.ssb__item:hover{border-color:#cfe3d9;box-shadow:0 16px 30px -22px rgba(16,36,59,.55);transform:translateY(-2px)}
.ssb__img{display:block;aspect-ratio:4/3;width:100%;border-radius:12px;background:#f7f9fa;overflow:hidden}
.ssb__img img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply;transition:transform .4s ease}
.ssb__item:hover .ssb__img img{transform:scale(1.04)}
.ssb__info{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0 4px}
.ssb__info small{font-size:12px;font-weight:700;color:var(--ss-green)}
.ssb__info b{font-size:14px;font-weight:650;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ssb__info span{font-size:12px;color:#7a8896;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssb__info span:empty{display:none}
.ssb__price{display:flex;align-items:baseline;gap:8px;padding:0 4px;margin-top:auto;white-space:nowrap}
.ssb__price b{font-family:var(--font-heading);font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.ssb__price s{font-size:12.5px;color:var(--ink-4)}
.ssb__empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:26px;border-radius:16px;background:#f7f9fa}
.ssb__empty[hidden],.ssb__list[hidden],.ssb__all[hidden]{display:none}
.ssb__empty b{font-family:var(--font-heading);font-size:18px}
.ssb__empty p{margin:0;font-size:14.5px;color:var(--ss-ink-2)}
.ssb__btn{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:var(--ss-green);color:#fff;font-weight:700;text-decoration:none}
.ssb__btn--ghost{background:#fff;color:var(--ss-ink);box-shadow:inset 0 0 0 1.5px var(--ss-line)}
.ssb__btn--ghost:hover{color:var(--ss-green);box-shadow:inset 0 0 0 1.5px var(--ss-green)}
@media (max-width:1100px){.ssb__wrap{grid-template-columns:1fr}.ssb__chips--grade{max-width:none}}
@media (max-width:639px){
  .ssb .container{padding:0}
  .ssb__wrap{border-radius:22px}
  .ssb__panel{padding:26px 18px 10px;gap:12px}
  .ssb__chips{gap:6px}
  .ssb__chips span{height:36px;padding:0 12px;font-size:13px;border-radius:10px}
  .ssb__chips--grade{gap:6px}
  .ssb__chips--grade span{height:54px;border-radius:12px}
  .ssb__chips--grade span b{font-size:20px}
  .ssb__out{margin:8px;padding:16px 12px;border-radius:18px}
  .ssb__list{gap:8px}
  .ssb__item{padding:8px 8px 12px;gap:8px}
  .ssb__info b{font-size:13px}
  .ssb__sum b{font-size:18px}
}

/* ---------- 8) ürün rafı sekmeleri ---------- */
.nctabs{gap:6px}
.nctabs__tab{border-radius:999px;font-family:var(--font-body);font-weight:700;font-size:14px;letter-spacing:0;text-transform:none;border:1px solid var(--ss-line);background:#fff;color:var(--ss-ink-2)}
.nctabs__tab.is-active,.nctabs__tab:hover{background:var(--ss-ink);border-color:var(--ss-ink);color:#fff}
.nk [data-nc-panel] .reveal,.nk [data-nc-panel].reveal{opacity:1!important;transform:none!important;animation:none!important}

/* ---------- 9) ürün kartı (classic · 1:1) ----------
   Fiyat adın hemen altında (margin-top:auto değil): ad her zaman 2 satır yer tutar, fiyatlar yine aynı hizada kalır.
   Görsel kutusu açık gri; beyaz zeminli ürün fotoğrafı multiply ile kutuya karışır. Boş renk satırı yer kaplamaz. */
.nk .card{gap:0}
.nk .card-img-wrap{background:#f6f8f9!important;border:1px solid #edf0f3;border-radius:16px;transition:border-color .2s,box-shadow .25s}
.nk .card-img-wrap img{mix-blend-mode:normal}
.nk .card-img-wrap .ph.has-img{mix-blend-mode:multiply;isolation:isolate}
.nk .card-img-wrap .ph,.nk .card-img-wrap .ph.has-img{background:transparent!important}
.nk .card:hover .card-img-wrap{border-color:#dbe3ea;box-shadow:0 16px 30px -24px rgba(16,36,59,.55)}
.nk .card-meta{align-items:flex-start;text-align:left;gap:3px;padding:12px 2px 0;flex:0 0 auto}
.nk .card-name{font-family:var(--font-body);font-weight:600;font-size:14.5px;line-height:1.4;color:var(--ss-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0;margin:0}
.nk .card:hover .card-name{color:var(--ss-green)}
.nk .card-price,.nk .card .card-price{margin-top:0!important;justify-content:flex-start;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums;font-family:var(--font-body)}
.nk .card-swatches:empty{display:none}
.nk .price-now{font-family:var(--font-heading);font-weight:800;font-size:18px;color:var(--ss-ink)}
.nk .card-price.has-discount .price-now{color:var(--c-sale)}
.nk .price-old{font-size:13px;color:var(--ink-4);margin-right:0}
.nk .card-price .price-badge{display:none}
.nk .card-badges .pill,.nk .pill{border-radius:999px;font-size:12px;font-weight:800;padding:4px 9px;background:var(--ss-ink);color:#fff;letter-spacing:0;text-transform:none}
.nk .card-badges .pill-sale,.nk .pill.pill-sale{background:var(--c-sale);color:#fff}
.nk .card-badges{top:12px;left:12px}
.nk .card-quick{left:12px;right:12px;bottom:12px}
.nk .card-quick .btn{border-radius:999px;font-size:13px;height:42px;padding:0 14px;box-shadow:0 10px 20px -12px rgba(31,111,192,.8)}
@media (max-width:640px){
  .nk .card-meta{padding-top:10px;gap:4px}
  .nk .card-name{font-size:13.5px}
  .nk .price-now{font-size:16px}
  .nk .price-old{font-size:12px}
  .nk .card-price .price-now{flex:0 0 auto;order:0}
  .nk .card-price .price-old{order:1}
  .nk .card-img-wrap{border-radius:12px}
  .nk .card-badges{top:8px;left:8px}
  .nk .card-badges .pill{font-size:11px;padding:3px 7px}
}

/* ---------- 10) seri sırası (sections/ss-seri.liquid) ---------- */
.sss__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.sss__eyebrow{margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--ss-green)}
.sss__title{margin:0;font-size:clamp(23px,2.1vw,30px);font-weight:700;letter-spacing:-.025em;line-height:1.15}
.sss__text{margin:8px 0 0;max-width:62ch;font-size:14.5px;line-height:1.55;color:var(--ss-muted)}
.sss__more{flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--ss-green);text-decoration:none}
.sss__more .icon{width:15px;height:15px}
.sss__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.sss__card{display:flex;flex-direction:column;border:1px solid var(--ss-line);border-radius:14px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}
.sss__card:hover{border-color:var(--sc);box-shadow:0 14px 26px -20px rgba(16,36,59,.55)}
.sss__media{display:block;aspect-ratio:1/1;background:var(--sl);border-bottom:4px solid var(--sc)}
.sss__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}
.sss__card:hover .sss__media img{transform:scale(1.04)}
.sss__body{display:flex;flex-direction:column;gap:5px;padding:14px 14px 16px;flex:1}
.sss__body small{font-size:12.5px;font-weight:700;color:var(--sc)}
.sss__body h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}
.sss__body h3 a{color:inherit;text-decoration:none}
.sss__body p{margin:0;font-size:13px;line-height:1.45;color:var(--ss-muted)}
.sss__grades{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:auto;padding-top:10px}
.sss__grades span{font-size:12.5px;font-weight:600;color:var(--ss-muted);margin-right:2px}
.sss__grades a{display:grid;place-items:center;min-width:34px;height:32px;padding:0 6px;border-radius:999px;background:#f5f5f5;font-family:var(--font-heading);font-weight:800;font-size:14px;color:var(--ss-ink);text-decoration:none;transition:background .15s,color .15s}
.sss__grades a:hover{background:var(--sc);color:#fff}
@media (max-width:1180px){.sss__row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:639px){
  .sss__head{flex-direction:column;align-items:flex-start;gap:8px}
  .sss__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-12px;padding:0 12px 6px;scrollbar-width:none;scroll-padding-inline:12px}
  .sss__row::-webkit-scrollbar{display:none}
  .sss__card{flex:0 0 64%;scroll-snap-align:start}
}

/* ---------- 11) tanıtım afişleri (nc-banners · soft) ---------- */
.ncban--soft .ncban__item{min-height:260px;border-radius:14px}
.ncban--soft .ncban__item img{left:auto;right:0;top:0;height:100%;width:52%;object-fit:cover;object-position:center}
.ncban--soft .ncban__copy{max-width:52%;padding:30px 32px;gap:8px}
.ncban__copy small{font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ss-green);opacity:1}
.ncban__copy b{font-family:var(--font-heading);font-size:clamp(21px,1.9vw,26px);font-weight:800;letter-spacing:-.025em;line-height:1.15}
.ncban__copy span{font-size:14.5px;color:var(--ss-ink-2);opacity:1}
.ncban__copy em{display:inline-flex;align-self:flex-start;align-items:center;height:42px;padding:0 20px;margin-top:10px;border-radius:999px;background:var(--ss-ink);color:#fff;text-decoration:none;font-style:normal;font-size:14px;font-weight:700}
.ncban__item:hover .ncban__copy em{background:var(--ss-green)}
@media (max-width:639px){.ncban--soft .ncban__item{min-height:0;flex-direction:column;align-items:stretch}.ncban--soft .ncban__copy{padding:22px 18px 4px;max-width:none}.ncban--soft .ncban__item img{position:relative;inset:auto;order:2;z-index:0;width:100%;height:180px;object-fit:cover;object-position:center}}

/* ---------- 12) okul siparişi (sections/ss-kurum.liquid) ---------- */
.ssk__wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:44px;border-radius:16px;background:var(--ss-green-soft)}
.ssk__eyebrow{margin:0 0 8px;font-size:13.5px;font-weight:700;color:var(--ss-green)}
.ssk__title{margin:0;font-size:clamp(25px,2.4vw,34px);line-height:1.12;font-weight:800;letter-spacing:-.03em}
.ssk__text{margin:12px 0 0;max-width:52ch;font-size:15px;line-height:1.6;color:var(--ss-ink-2)}
.ssk__list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.ssk__list li{display:flex;gap:12px;align-items:flex-start}
.ssk__tick{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ss-green);color:#fff}
.ssk__tick .icon{width:16px;height:16px}
.ssk__list li>span:last-child{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.5;color:var(--ss-ink-2)}
.ssk__list b{font-family:var(--font-heading);font-size:15.5px;color:var(--ss-ink)}
.ssk__form{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:14px;background:#fff;box-shadow:0 18px 40px -30px rgba(16,36,59,.45);min-width:0}
.ssk__form-title{margin:0;font-family:var(--font-heading);font-size:19px;font-weight:800;letter-spacing:-.02em}
.ssk__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ssk__field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ssk__field>span:first-child{font-size:13px;font-weight:700;color:var(--ss-ink-2)}
.ssk__field input[type=number],.ssk__field input[type=text],.ssk__field select{height:46px;width:100%;padding:0 12px;border:1px solid #d3dbe3;border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--ss-ink)}
.ssk__field input:focus,.ssk__field select:focus{outline:0;border-color:var(--ss-green);box-shadow:0 0 0 3px rgba(31,111,192,.15)}
.ssk__seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ssk__seg label,.ssk__checks label{position:relative}
.ssk__seg input,.ssk__checks input{position:absolute;opacity:0;pointer-events:none}
.ssk__seg span{display:grid;place-items:center;height:44px;border:1px solid #d3dbe3;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer}
.ssk__seg input:checked+span{background:var(--ss-ink);border-color:var(--ss-ink);color:#fff}
.ssk__checks{display:flex;flex-wrap:wrap;gap:6px}
.ssk__checks span{display:inline-flex;align-items:center;height:38px;padding:0 13px;border:1px solid #d3dbe3;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer}
.ssk__checks input:checked+span{background:var(--ss-green-soft);border-color:var(--ss-green);color:var(--ss-green-dark)}
.ssk__seg input:focus-visible+span,.ssk__checks input:focus-visible+span{outline:2px solid var(--ss-green);outline-offset:2px}
.ssk__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:4px}
.ssk__est{margin:0;font-size:13.5px;line-height:1.45;color:var(--ss-muted);flex:1 1 200px}
.ssk__est b{color:var(--ss-ink);font-size:15px}
.ssk__btn{display:inline-flex;align-items:center;height:48px;padding:0 26px;border-radius:999px;background:var(--ss-green);color:#fff;font-weight:700;text-decoration:none}
.ssk__btn:hover{background:var(--ss-green-dark);color:#fff}
.ssk__note{margin:0;font-size:12.5px;color:var(--ss-muted)}
@media (max-width:899px){.ssk__wrap{grid-template-columns:1fr;gap:26px;padding:30px}}
@media (max-width:639px){.ssk__wrap{padding:24px 14px;border-radius:14px}.ssk__form{padding:18px 14px}.ssk__row{grid-template-columns:1fr}.ssk__btn{width:100%;justify-content:center}}

/* ---------- 13) SSS + bülten ---------- */
.ncfaq h2{font-size:clamp(24px,2.3vw,32px);letter-spacing:-.025em}
.ncfaq p{font-family:var(--font-body);font-size:15px;letter-spacing:0;color:var(--ss-muted)}
.ncfaq__item{background:#fff;border:1px solid var(--ss-line);border-radius:12px}
.ncfaq__item summary,.ncfaq__q{font-family:var(--font-heading);font-weight:700;font-size:15.5px}
.ncnews,.ncnl{border-radius:16px}
.ncnews .eyebrow,.ncnl .eyebrow{color:var(--ss-yellow)}
.ncnl__eyebrow{font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ss-yellow)}
.ncnl input[type=email]{border-radius:999px}
.ncnl .btn--primary,.ncnl button[type=submit]{background:var(--ss-yellow);border-color:var(--ss-yellow);color:var(--ss-ink);border-radius:999px;padding-inline:24px}
.ncnl .btn--primary:hover,.ncnl button[type=submit]:hover{background:#fff;border-color:#fff;color:var(--ss-ink)}

/* ---------- 14) alt bilgi (sütunlar · koyu lacivert) ---------- */
body[data-v-footer-tone="dark"] .nk .footer{background:var(--ss-ink);color:#aebccb}
.nk .footer .foot-col-title{font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;color:#fff}
.nk .footer .footer-bottom,.nk .footer .footer-bottom-meta span{font-family:var(--font-body);font-size:13px;letter-spacing:0;text-transform:none;color:#c3cfdb}
.nk .footer a:hover{color:#fff}
body[data-v-footer-tone="dark"] .nk .footer .newsletter-form button{background:var(--ss-yellow);color:var(--ss-ink);font-weight:700}
.nk .footer .newsletter-form input{border-radius:999px}
.nk .newsletter-form button{white-space:nowrap;padding-inline:18px;border-radius:999px}

/* ---------- 15) kategori, ürün, sepet, iletişim ---------- */
.nk .collection-hero{border-bottom:1px solid var(--ss-line)}
.nk .collection-hero h1,.nk .page-hero h1{font-weight:800;letter-spacing:-.03em}
.nk .page-hero h1 em,.nk .collection-hero h1 em,.nk .auth-art em{font-style:normal;font-family:inherit;color:inherit}
.nk .v-facets__label{font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ss-ink-2)}
.nk .v-facets__chip{border-radius:999px;font-weight:600}
.nk .v-facets__chip.is-on{background:var(--ss-green);border-color:var(--ss-green);color:#fff}
.nk .gallery-cell{background:#fff;border:1px solid var(--ss-line);border-radius:14px}
.nk .gallery-cell:only-child{grid-column:1/-1;max-width:620px}
.nk .pdp-info h1{font-weight:800;letter-spacing:-.025em}
.nk .pdp-price .price-now{font-family:var(--font-heading);font-weight:800}
.nk .pdp-tab{font-size:14.5px;font-weight:700;letter-spacing:0;text-transform:none}
.nk .pdp-tab[aria-selected="true"],.nk .pdp-tab.active{box-shadow:inset 0 -3px 0 var(--ss-green)}
.nk .pdp-fact__l{font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--ss-muted)}
.nk .pdp-fact__v{font-weight:700}
.nk .add-btn,.nk .pdp .btn-primary{background:var(--ss-green);border-color:var(--ss-green);color:#fff}
.nk .pdp .btn-primary:hover{background:var(--ss-green-dark);border-color:var(--ss-green-dark)}
.nk .pdp-notelist strong{color:var(--ss-ink)}
.nk ol.pdp-notelist{padding-left:1.2em}
.nk ol.pdp-notelist li{padding-left:4px;margin-bottom:8px}
.nk .field input:focus,.nk .field textarea:focus{border-color:var(--ss-green);box-shadow:0 0 0 3px rgba(31,111,192,.15)}
.nk .section.muted{background:#fff;border-top:1px solid var(--ss-line)}
.nk .crumbs{font-size:13px;letter-spacing:0;text-transform:none}
.nk .pdp-info .tag{font-family:var(--font-body);font-size:13.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ss-green)}
/* tabanın büyük harfli mikro etiketleri normal yazıya */
.nk .contact-form label,.nk .field label,.nk .field>span,.nk .cart-summary .eyebrow,.nk .contact-side .eyebrow,.nk .cart-line .variant,.nk .contact-hours span{font-family:var(--font-body);letter-spacing:0;text-transform:none}

/* yorum sayfalama (nk-reviews) */
.nk .review-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 0;border-top:1px solid var(--line);margin-top:8px}
.nk .review-pager a{font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;padding:10px 0}
.nk .review-pager a:hover{text-decoration:underline}
.nk .review-pager__count{font-size:13px;color:var(--muted)}

.nk .nc-landing-nav-more .nc-nav-more-label{display:none}
.nk .nc-landing-nav a{border-radius:999px;font-weight:600}
.nk .nc-landing-nav a.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}

/* ürün sayfası konsept bandı: kırpılmış sahne görseli zeminle birleşir */
.nk .pdp-story__img{background:#eaf3ee;display:flex;align-items:flex-end;justify-content:center}
.nk .pdp-story__img img{width:100%;height:100%;max-height:480px;object-fit:contain;object-position:center bottom;padding:32px 32px 0}

/* ---------- 20) ortak hizalama + mobil tutarlılık (2026-11) ----------
   Tüm bölümler aynı kenara hizalanır: sayfa genişliği 1440, iç boşluk masaüstünde 32 px, mobilde 16 px
   (Devo bölümleri .dv*-wrap, eski bölümler --side/--maxw ve .container). Mobilde yazı ölçeği bir tık küçük,
   düğmeler 40 px, ürün rafları yana kaydırılır. */
.nk{--maxw:calc(var(--page-width,1440px) - 64px);--gutter:32px}
.container{width:min(calc(var(--page-width,1440px) - 64px),calc(100% - 64px))}
@media (max-width:1024px){.nk{--gutter:24px}.container{width:calc(100% - 48px)}}
@media (max-width:768px){.nk{--gutter:16px}.container{width:calc(100% - 32px)}}
@media (max-width:640px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:14.5px}
  .nk .section{padding-left:16px!important;padding-right:16px!important;padding-top:44px!important;padding-bottom:44px!important}
  .nk h2,.nk .section-head h2{font-size:clamp(21px,5.8vw,25px)!important;line-height:1.15}
  .nk h3{font-size:17px}
  .nk p{line-height:1.6}
  /* düğmeler: tek yükseklik, daha küçük yazı */
  .nk .btn,.btn{min-height:40px;font-size:14px;padding-top:0;padding-bottom:0}
  .dvp-bar__filter{height:38px;padding:0 13px;font-size:13px;border-radius:10px}
  .dvp-sort select{height:38px;font-size:13px;padding:0 32px 0 12px;border-radius:10px;background-position:right 10px center}
  .dvp-bar{gap:8px;padding-bottom:14px;margin-bottom:16px}
  .dvp-crumbs{font-size:12.5px;padding-top:12px}
  .dvp .dvp-head h1{font-size:23px!important}
  .dvp-eyebrow{font-size:12.5px}
  /* ürün rafları: 2 sütun uzun ızgara yerine yana kaydırılan tek sıra */
  .ncprod .ncgrid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:2px 16px 10px;scrollbar-width:none}
  .ncprod .ncgrid::-webkit-scrollbar{display:none}
  .ncprod .ncgrid>div{flex:0 0 46%;scroll-snap-align:start}
  .nctabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
  .nctabs::-webkit-scrollbar{display:none}
  .nctabs__tab{flex:none;font-size:13px;height:36px;padding:0 14px}
  /* hizmet şeridi: yatay kaydırılan kompakt satır */
  .ncfeat--row{display:flex!important;overflow-x:auto;gap:10px;margin:12px -16px 0;padding:14px 16px;scrollbar-width:none;border-radius:0}
  .ncfeat--row::-webkit-scrollbar{display:none}
  .ncfeat--row .ncfeat__item{flex:0 0 72%}
  /* ürün sayfası */
  .nk .pdp-info{border:0!important;padding:4px 0 0!important;box-shadow:none!important}
  .nk .pdp-info h1{font-size:23px!important;line-height:1.2}
  .nk .pdp-price,.nk .pdp-price .price-now{font-size:26px}
  .nk .pdp-desc{font-size:14px;line-height:1.6}
  .nk .breadcrumbs,.nk .crumbs{font-size:12px}
  .nk .pdp-tablist{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .nk .pdp-tab{flex:none;font-size:13.5px}
  /* mobil menü: daha sıkı satırlar */
  .dvm-group summary,.dvm-link{padding:12px 10px;font-size:15px}
  .dvm-sub a{padding:8px 10px;font-size:14px}
  .dvm-foot a{padding:9px 10px;font-size:14px}
}

/* ---------- 21) ürün sayfası · eğlenceli Devo görünümü ----------
   Sağ panel çerçevesiz; galeri serinin renginde tonlu, noktalı sahne; etiket renkli hap; rozetler dünya renkleriyle;
   sepete ekle iri ve canlı. --pc: ürünün serisine göre renk (sections/main-product.liquid başı). */
.nk .pdp.pdp-panel--boxed .pdp-info,.nk .pdp .pdp-info{border:0!important;box-shadow:none!important;background:transparent!important;padding:6px 0 0!important}
.nk .pdp.pdp--stage .gallery-cell{background:color-mix(in srgb,var(--pc,#1f6fc0) 7%,#fff)!important;border-radius:22px!important;position:relative;overflow:hidden}
.nk .pdp.pdp--stage .gallery-cell:first-child{background:radial-gradient(circle at 50% 45%,#fff 0%,color-mix(in srgb,var(--pc,#1f6fc0) 10%,#fff) 70%)!important}
.nk .pdp.pdp--stage .gallery-cell:first-child::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--pc,#1f6fc0) 22%,transparent) 1.2px,transparent 1.3px);background-size:20px 20px;opacity:.55;pointer-events:none}
.nk .pdp .gallery-cell img{mix-blend-mode:multiply;position:relative}
.nk .pdp .gallery-cell:hover img{transform:scale(1.03)}
.nk .pdp .gallery-cell img{transition:transform .5s ease}
.nk .pdp-info .tag{display:inline-flex!important;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--pc,#1f6fc0) 12%,#fff);color:color-mix(in srgb,var(--pc,#1f6fc0) 80%,#10243b)!important;font-size:13px!important;font-weight:800!important}
.nk .pdp-info .tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc,#1f6fc0)}
.nk .pdp-info h1{margin-top:12px!important}
.nk .pdp-price,.nk .pdp-price .price-now{color:var(--ss-ink,#10243b)!important}
.nk .pdp-price-row{border-bottom:1px dashed #e3e9e5!important}
.dvq li:nth-child(1){background:#e8f4fb!important;border-color:#cfe6f4!important}
.dvq li:nth-child(2){background:#fdeeec!important;border-color:#f8d6d1!important}
.dvq li:nth-child(3){background:#e8f4ee!important;border-color:#cfe6da!important}
.dvq li:nth-child(4){background:#fff6d9!important;border-color:#f5e3a6!important}
.nk .pdp-info .btn-primary.btn-lg{height:58px;border-radius:999px!important;font-size:16px!important;font-weight:800;background:var(--c-primary);box-shadow:0 16px 30px -16px rgba(31,111,192,.8);transition:transform .2s,box-shadow .2s}
.nk .pdp-info .btn-primary.btn-lg:hover{transform:translateY(-2px);box-shadow:0 20px 34px -16px rgba(31,111,192,.9)}
.nk .pdp-info .qty{border-radius:999px!important;height:58px;border:1.5px solid #e1e8e4!important;background:#fff}
.nk .pdp-trust{gap:14px!important}
.nk .pdp-trust-item{padding:8px 12px;border-radius:12px;background:#f5f8f6;font-weight:600}
.nk .pdp-trust-item svg{color:var(--pc,#1f6fc0)}
@media (max-width:640px){.nk .pdp.pdp--stage .gallery-cell{border-radius:16px!important}.nk .pdp-info .btn-primary.btn-lg,.nk .pdp-info .qty{height:52px}}

/* ---------- 22) ürün sayfası düzeltmeleri: sade galeri, büyük boyut kartları, PayTR taksit tablosu ---------- */
/* galeri: arka plan, desen ve çerçeve yok; resim doğrudan */
.nk .pdp.pdp--stage .gallery-cell,.nk .pdp.pdp--stage .gallery-cell:first-child{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.nk .pdp.pdp--stage .gallery-cell:first-child::before{content:none!important}
.nk .pdp .gallery-cell img{mix-blend-mode:normal}
/* boyut (yazılı seçenek) kartları: büyük, fiyatlı, eşit genişlikte */
.nk .pdp .color-block.is-text .color-swatches{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.nk .pdp .color-block.is-text .swatch{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:64px;height:auto!important;width:auto!important;padding:10px 14px!important;border-radius:14px!important;border:1.5px solid #e1e8e4!important;background:#fff!important;color:var(--ss-ink,#10243b)!important;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.nk .pdp .color-block.is-text .swatch .lbl{font-size:15.5px!important;font-weight:800;letter-spacing:-.01em;line-height:1.15;white-space:nowrap}
.nk .pdp .color-block.is-text .swatch .prc{font-size:12.5px;font-weight:600;color:#6b7c8c;line-height:1.2}
.nk .pdp .color-block.is-text a.swatch:hover{border-color:#b7cdc1!important;transform:translateY(-1px)}
.nk .pdp .color-block.is-text .swatch.active{border-color:var(--c-primary)!important;background:#eef7f2!important;box-shadow:0 0 0 3px rgba(31,111,192,.14)}
.nk .pdp .color-block.is-text .swatch.active .prc{color:var(--c-primary)}
.nk .pdp .color-block.is-text .swatch.oos{opacity:.5;text-decoration:line-through}
.nk .pdp .color-head{margin-bottom:10px}
.nk .pdp .color-label{font-size:13.5px!important;font-weight:800;color:var(--ss-ink,#10243b);letter-spacing:0;text-transform:none}
.nk .pdp .color-active{font-size:13.5px!important;font-weight:600;color:#5d6f82}
/* taksit özeti (fiyat altı) */
.dvt-sum{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:12px 14px;border-radius:14px;background:#f4f8fd;border:1px solid #dfe9f5;color:#24476f;font-size:14px;text-decoration:none;transition:background .15s}
.dvt-sum:hover{background:#eaf2fb}
.dvt-sum svg{color:#2f6fde;flex:none}
.dvt-sum b{font-weight:800}
.dvt-sum i{margin-left:auto;font-style:normal;font-weight:800}
/* PayTR tablosu: kart başına kart */
.dvt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:8px}
.dvt-loading{grid-column:1/-1;color:#7a8896;font-size:14px}
.dvt-grid .taksit-tablosu-wrapper{width:auto!important;margin:0!important;float:none!important;padding:14px!important;border:1px solid #e6ece8;border-radius:16px;background:#fff;text-align:left}
.dvt-grid .taksit-logo{height:34px;display:flex;align-items:center;margin-bottom:10px}
.dvt-grid .taksit-logo img{max-height:26px!important;width:auto;padding:0!important}
.dvt-grid .taksit-baslik,.dvt-grid .taksit-tutar-wrapper{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;float:none!important;width:auto!important;background:none!important}
.dvt-grid .taksit-tutari-text{float:none!important;width:auto!important;font-size:11.5px;font-weight:700;color:#8a97a4;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}
.dvt-grid .taksit-tutari{float:none!important;width:auto!important;padding:7px 8px!important;border:0!important;border-radius:9px;background:#f6f8f9;font-size:13.5px;color:var(--ss-ink,#10243b);margin:0 0 6px}
.dvt-grid .taksit-tutar-wrapper:hover .taksit-tutari{background:#eef6f2}
.dvt-grid .taksit-tutar-wrapper .taksit-tutari:first-child{font-weight:800}
@media (max-width:640px){.nk .pdp .color-block.is-text .color-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.dvt-grid{grid-template-columns:1fr 1fr;gap:10px}.dvt-grid .taksit-tutari{font-size:12.5px;padding:6px!important}}
.nk .pdp .color-block.is-text .swatch.active .lbl,.nk .pdp .color-block.is-text .swatch .lbl{color:var(--ss-ink,#10243b)!important}
.dvt-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.dvt-grid .taksit-tutari{white-space:nowrap}

/* ---------- 23) Devo "eğlenceli zemin" ortak dili (footer ile aynı) ----------
   .dv-fun       krem zemin + köşelerde yumuşak renk halkaları + seyrek konfeti deseni (tekrarlanan SVG)
   .dv-stripe4   dört dünya rengi şerit (mavi · kırmızı · yeşil · sarı)
   .dv-moment    konfetili zeminde ortada "an" kartı (404, boş sepet, sonuçsuz arama) — snippets/dv-moment.liquid */
:root{--dv-stripe4:linear-gradient(90deg,#008dcf 0 25%,#f15e4c 25% 50%,#1f6fc0 50% 75%,#ffd521 75%);
  --dv-confetti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='380'%3E%3Cg opacity='.55'%3E%3Crect x='40' y='60' width='14' height='14' rx='3' fill='%23008dcf' transform='rotate(18 47 67)'/%3E%3Ccircle cx='236' cy='34' r='5' fill='%23f15e4c'/%3E%3Crect x='420' y='104' width='18' height='8' rx='3' fill='%23ffd521' transform='rotate(-25 429 108)'/%3E%3Crect x='340' y='290' width='12' height='12' rx='3' fill='%232a9d6f' transform='rotate(40 346 296)'/%3E%3Ccircle cx='140' cy='318' r='4.5' fill='%237a5af8'/%3E%3Crect x='20' y='226' width='16' height='7' rx='3' fill='%23f15e4c' transform='rotate(-12 28 229)'/%3E%3Ccircle cx='482' cy='332' r='4' fill='%232a9d6f'/%3E%3Crect x='250' y='196' width='9' height='9' rx='2' fill='%23ffd521' transform='rotate(30 254 200)'/%3E%3C/g%3E%3C/svg%3E")}
.dv-fun{position:relative;background:var(--dv-confetti) 0 0/520px 380px,radial-gradient(520px 340px at 100% 0%,rgba(255,213,33,.20),transparent 70%),radial-gradient(520px 360px at 0% 100%,rgba(0,141,207,.12),transparent 70%),linear-gradient(180deg,#f6f8fc 0%,#f6f8fc 100%)!important}
.dv-stripe4{display:block;height:6px;background:var(--dv-stripe4)}
.dv-moment{padding:72px 16px 80px}
.dv-moment__card{position:relative;max-width:640px;margin:0 auto;padding:40px 36px 34px;border-radius:28px;background:#fff;border:1px solid #e4e9f2;box-shadow:0 30px 60px -40px rgba(16,36,59,.45);text-align:center}
.dv-moment__card::before{content:"";position:absolute;left:50%;top:-1px;width:96px;height:5px;margin-left:-48px;border-radius:0 0 5px 5px;background:var(--dv-stripe4)}
.dv-moment__ico{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:#eef7f2;color:var(--c-primary);transform:rotate(-6deg)}
.dv-moment__ico svg{width:38px;height:38px;transform:rotate(6deg)}
.dv-moment__code{font-family:var(--font-heading);font-weight:800;font-size:clamp(64px,10vw,104px);line-height:.9;letter-spacing:-.04em;background:var(--dv-stripe4);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.dv-moment__eyebrow{display:inline-flex;padding:5px 12px;border-radius:999px;background:#fff6dc;color:#7a5a00;font-size:12.5px;font-weight:800;margin-bottom:12px}
.nk .dv-moment h1,.nk .dv-moment h2,.dv-moment h1,.dv-moment h2{margin:0;font-size:clamp(24px,2.6vw,32px)!important;line-height:1.15;letter-spacing:-.025em;font-weight:800;color:var(--ss-ink,#10243b)}
.dv-moment__text{margin:10px auto 0;max-width:480px;color:#5d6f82;font-size:15.5px;line-height:1.6}
.dv-moment__acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
.dv-moment__btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 24px;border-radius:999px;background:var(--c-primary);color:#fff!important;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 14px 26px -14px rgba(31,111,192,.8);transition:transform .2s}
.dv-moment__btn:hover{transform:translateY(-2px)}
.dv-moment__btn--ghost{background:#fff;color:var(--ss-ink,#10243b)!important;box-shadow:inset 0 0 0 1.5px #dfe5ea}
.dv-moment__search{display:flex;gap:8px;max-width:440px;margin:22px auto 0;padding:5px 5px 5px 16px;border-radius:16px;background:#f3f6f8;border:1.5px solid transparent}
.dv-moment__search:focus-within{background:#fff;border-color:var(--c-primary)}
.dv-moment__search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;outline:0}
.dv-moment__search button{height:42px;padding:0 18px;border:0;border-radius:12px;background:var(--c-primary);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.dv-moment__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.dv-moment__chips a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:#f4f8f6;border:1px solid #e3ece7;color:#34475c;font-size:13.5px;font-weight:700;text-decoration:none}
.dv-moment__chips a:hover{border-color:var(--c-primary);color:var(--c-primary)}
@media (max-width:640px){.dv-moment{padding:40px 12px 48px}.dv-moment__card{padding:30px 20px 26px;border-radius:22px}.dv-moment__btn{height:46px;padding:0 18px;font-size:14px}}
/* mega menü: üst kenarda dört renk şerit */
.dvh-mega::before{content:"";position:absolute;left:0;right:0;top:-1px;height:4px;background:var(--dv-stripe4)}
/* ana sayfa ritmi: okul siparişi ve SSS bölümleri krem-konfetili zeminde (index.json anahtarları: school, faq) */
#section-school,#section-faq{position:relative;background:var(--dv-confetti) 0 0/520px 380px,radial-gradient(520px 340px at 100% 0%,rgba(255,213,33,.18),transparent 70%),radial-gradient(520px 360px at 0% 100%,rgba(0,141,207,.10),transparent 70%),linear-gradient(180deg,#f6f8fc 0%,#f6f8fc 100%)}
#section-school::before,#section-faq::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--dv-stripe4)}
#section-school>*,#section-faq>*{position:relative}
#section-school .ssk,#section-faq .section,#section-faq .ncfaq{background:transparent!important;border-top:0!important}
#section-faq{padding:64px 0 72px}
#section-school{padding:8px 0}
.products .dv-moment,.dvp-grid .dv-moment{border-radius:24px;margin:8px 0 12px}
@media (max-width:640px){#section-faq{padding:44px 0 52px}}