/* Odadan Sepete atölyesi, v2 "Sıvı metal" (açık tonlar).
   Kullanıcı notu (13 Ekim): "Sıvı metal düğme örneği bir tık daha yaratıcı. v2'de rengini de deneyelim, daha açık tonlar."
   v1 (dumanlı cam + pirinç) olduğu gibi kalır: buradaki her kural html[data-tema="sivi"] altında; öznitelik yoksa hiçbiri çalışmaz.
   Malzemeler: süt camı levha, sedef hap, soluk krom kenar, ekranda tek sıvı metal ana düğme, grafit yazı ve onay düğmesi.
   Yanardönerlik yalnız ince iz: lila, buz mavisi, şampanya (doygunluk düşük). Neon ve doygun gökkuşağı yok.
   Hareket: metal gövdede sedef bant 18 sn'de bir yavaşça akar; halka yalnız hazır / bas / çalışıyor anlarında döner.
   Hareketi azalt açıksa metal tamamen durur. */

/* ---------- Belirteçler ---------- */
html[data-tema="sivi"]{background:#e6e8ec;color-scheme:light}
html[data-tema="sivi"] body{
  color-scheme:light;
  /* grafit yazı: --ink-3 en koyu açık yüzeyde (oyuk #dfe2e6) bile ≥ 4,5:1 */
  --ink:#15171b;--ink-2:#30333a;--ink-3:#4b4f58;
  /* süt camı levha, kenarında sedef izi */
  --glass-a:rgba(252,252,253,.84);--glass-b:rgba(236,238,242,.9);--glass-fx:blur(22px) saturate(1.5);
  --rim-1:#fff;--rim-2:rgba(226,220,247,.9);--rim-0:rgba(210,231,244,.55);--rim-3:rgba(255,255,255,.95);
  --glow:rgba(255,255,255,.9);--edge:rgba(40,46,58,.15);
  --streak:rgba(255,255,255,.62);--streak-2:rgba(255,255,255,.38);--hot-on:rgba(255,255,255,.42);
  --lift:0 0 0 1px rgba(30,36,48,.06),0 1px 1px rgba(30,36,48,.07),0 4px 10px -3px rgba(30,36,48,.12),0 24px 46px -18px rgba(30,36,48,.34);
  --line:rgba(20,24,32,.1);--line-2:rgba(20,24,32,.2);--hover:rgba(20,24,32,.05);--sel:rgba(20,24,32,.08);
  --inner:rgba(255,255,255,.6);--inner-sh:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.55),0 0 0 .5px rgba(30,36,48,.1),0 1px 2px rgba(30,36,48,.1);
  --lite-a:rgba(250,250,252,.97);--lite-b:rgba(236,238,242,.97);
  /* oyuk kapsül (ref 7'deki yuva) ve içinde sedef hap */
  --cap:rgba(30,38,52,.075);--cap-solid:#e9ebef;--cap-2:#dde0e5;--cap-ink:#15171b;--cap-ink-2:#3a3e46;--cap-line:rgba(20,24,32,.13);--cap-hover:rgba(20,24,32,.05);
  --cap-sh:inset 0 1px 2px rgba(20,26,38,.16),inset 0 0 0 .5px rgba(20,26,38,.07),inset 0 -1px 0 rgba(255,255,255,.9),0 1px 0 rgba(255,255,255,.75);
  --pill-a:#fff;--pill-b:#eceef2;--pill-ink:#15171b;
  --pill-sh:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(40,46,58,.1),0 0 0 .5px rgba(40,46,58,.22),0 1px 2px rgba(30,36,48,.16),0 4px 10px -3px rgba(30,36,48,.22);
  --primary:#1b1e24;--primary-ink:#f7f8fa;--primary-hover:#2b2f37;
  --iyi:#1f7344;--dikkat:#93590a;--notr:#5c5f65;--focus:#15171b;
  /* v1'in pirinç belirteçleri (odak halkası, not çizgisi, imleç) soluk metale döner */
  --sale-a:#fbfbfc;--sale-b:#7a818c;--sale-c:#646b76;--sale-ink:#15171b;
  /* v2: krom ve sedef */
  --v2-zemin:#eceef2;
  --krom-6:#3b4048;
  --iz-lila:#b4a9e6;--iz-buz:#97cbe8;--iz-sampanya:#e4dbe6;--iz-gul:#e9b9c4;
  --krom-kenar:linear-gradient(168deg,#fff 0%,#d3d7dd 36%,#8f96a1 62%,#e7eaee 84%,#fff 100%);
  --sedef-yuz:linear-gradient(180deg,#fff,#eceef2);
}

/* ---------- Masa ve cihaz ---------- */
html[data-tema="sivi"] body.atolye{background:radial-gradient(110% 85% at 50% 16%,#fbfbfc 0%,#eaecf0 55%,#dcdfe4 100%)}
html[data-tema="sivi"] .cihaz{background:var(--v2-zemin)}
@media (min-width:760px){
  /* açık titanyum çerçeve */
  html[data-tema="sivi"] .cihaz{box-shadow:0 0 0 9px #f1f2f5,0 0 0 10px #c2c7ce,0 0 0 11px rgba(255,255,255,.95),0 50px 90px -34px rgba(30,36,48,.45),0 18px 30px -18px rgba(30,36,48,.28)}
}
html[data-tema="sivi"] .karartma{background:rgba(28,32,40,.3)}

/* Atölye yan paneli */
html[data-tema="sivi"] .yan{color:#30333a}
html[data-tema="sivi"] .yan-ust b{color:#15171b}
html[data-tema="sivi"] .yan-ust p{color:#4b4f58}
html[data-tema="sivi"] .yan-liste button{color:#30333a}
html[data-tema="sivi"] .yan-liste button:hover{background:rgba(20,24,32,.05)}
html[data-tema="sivi"] .yan-liste button[aria-current=true]{background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.14),0 6px 14px -8px rgba(30,36,48,.35)}
html[data-tema="sivi"] .yan-liste .s{color:#646b76}
html[data-tema="sivi"] .yan-liste b{color:#15171b}
html[data-tema="sivi"] .yan-liste small{color:#4b4f58}
html[data-tema="sivi"] .yan-not{color:#30333a;background:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.12)}
html[data-tema="sivi"] .yan-not b{color:#15171b}
@media (max-width:759px){
  html[data-tema="sivi"] .yan{background:#f3f4f7;box-shadow:0 -1px 0 #fff,0 -20px 60px rgba(30,36,48,.3)}
  html[data-tema="sivi"] .yan-kapat{color:#15171b;background:rgba(20,24,32,.07)}
  html[data-tema="sivi"] .ekranlar-d{background:rgba(250,250,252,.74);color:#15171b;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);
    box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.18),0 6px 14px -6px rgba(30,36,48,.4)}
}

/* ---------- Sıvı metal ana düğme (ref 6, 7, 10) ----------
   Gövde: soluk krom ufuk çizgisi + üst parlama. ::before: yavaş akan sedef bant (yazının altında).
   Halka: krom, koyu grafit çizgi ve parlak noktaların yanında çok ince lila / buz / şampanya izi. */
html[data-tema="sivi"] .altin{color:#15171b;isolation:isolate;text-shadow:0 1px 0 rgba(255,255,255,.75);
  background:
    linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.3) 40%,rgba(255,255,255,0) 50%),
    linear-gradient(180deg,#fdfdfe 0%,#eef0f3 34%,#d5d9df 52%,#e1e4e8 68%,#f6f7f9 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1.5px 1px rgba(59,64,72,.22),inset 0 0 0 1px rgba(255,255,255,.45),
    0 0 0 4px rgba(255,255,255,.62),0 0 0 5px rgba(30,36,48,.075),
    0 12px 26px -12px rgba(52,60,80,.55),0 2px 5px -1px rgba(30,36,48,.18)}
html[data-tema="sivi"] .altin:hover{filter:brightness(1.03)}
html[data-tema="sivi"] .altin:disabled{filter:saturate(0);opacity:.55}
html[data-tema="sivi"] .altin:disabled .sivi-halka{opacity:.35}
html[data-tema="sivi"] .altin.sivi::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(102deg,transparent 0 14%,rgba(216,209,241,.75) 25%,rgba(255,255,255,.95) 33%,rgba(205,229,242,.75) 41%,transparent 52%,transparent 62%,rgba(220,230,241,.72) 74%,rgba(255,255,255,.85) 80%,rgba(239,215,221,.55) 85%,transparent 93%) 0 0/300% 100% no-repeat;
  opacity:.9;animation:v2-akis 18s ease-in-out infinite alternate}
html[data-tema="sivi"] .altin.sivi.calisiyor::before{animation-duration:3.4s}
html[data-tema="sivi"] .altin.sivi:disabled::before{animation:none}
@keyframes v2-akis{from{background-position:0% 0}to{background-position:100% 0}}
html[data-tema="sivi"] .sivi-halka{
  background:conic-gradient(from var(--a),#4a5059 0deg,#959ca7 30deg,#f7f8fa 54deg,var(--iz-lila) 62deg,var(--iz-buz) 70deg,#fff 80deg,#aab0b9 112deg,#565c66 150deg,#3b4048 172deg,#7d848f 205deg,#eef0f3 236deg,var(--iz-sampanya) 246deg,var(--iz-gul) 253deg,#fff 262deg,#b8bec6 292deg,#6c737d 330deg,#4a5059 360deg)}
html[data-tema="sivi"] .sivi.calisiyor .sivi-halka{animation-duration:3.2s}
html[data-tema="sivi"] .sivi::after{background:linear-gradient(105deg,transparent 30%,rgba(216,209,241,.6) 43%,rgba(255,255,255,.95) 50%,rgba(205,229,242,.6) 57%,transparent 70%) -120% 0/250% 100% no-repeat}

/* Gönder düğmesi: soluk metal disk, aynı halka */
html[data-tema="sivi"] .gonder-d{color:#15171b;background:radial-gradient(circle at 50% 26%,#fff 0 22%,#eceef2 54%,#c6cbd3 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px rgba(59,64,72,.25),0 2px 6px -1px rgba(30,36,48,.3)}

/* ---------- Oyuk kapsül, sedef hap ---------- */
html[data-tema="sivi"] .seg{--focus:#15171b}
html[data-tema="sivi"] .seg button{border:1px solid transparent}
html[data-tema="sivi"] .seg button[aria-pressed=true],html[data-tema="sivi"] .seg button[aria-selected=true],html[data-tema="sivi"] .seg button[aria-checked=true],html[data-tema="sivi"] .adimlar button.simdi{
  color:#15171b;background:var(--sedef-yuz) padding-box,linear-gradient(180deg,#fff 0%,#cdd2d9 55%,#9aa1ab 100%) border-box;
  box-shadow:0 1px 2px rgba(30,36,48,.16),0 4px 10px -3px rgba(30,36,48,.22)}
/* seçimde kenarda bir kez süzülen ışık: beyaz + ince sedef izi */
html[data-tema="sivi"] .seg button.pah::after{background:conic-gradient(from var(--a),transparent 0 60%,rgba(255,255,255,.95) 69%,var(--iz-lila) 74%,var(--iz-buz) 78%,var(--iz-sampanya) 82%,transparent 91%)}
html[data-tema="sivi"] .not-cubuk{--focus:#15171b}

/* ---------- Fotoğraf üstü: pimler, etiketler, kesit ---------- */
html[data-tema="sivi"] .pim:not(.boncuk){color:#15171b;border:1px solid transparent;--focus:#15171b;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(236,238,242,.9)) padding-box,linear-gradient(170deg,#fff 0%,#cfd4db 45%,#8e95a0 76%,#e6e9ed 100%) border-box;
  box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(30,36,48,.18),0 8px 16px -6px rgba(30,36,48,.45)}
html[data-tema="sivi"] .pim:not(.boncuk) .no{color:#15171b;background:radial-gradient(circle at 38% 28%,#fff 0 16%,#e1e4e9 50%,#a7aeb8 100%);box-shadow:inset 0 0 0 .5px rgba(59,64,72,.45),0 1px 1px rgba(30,36,48,.18)}
html[data-tema="sivi"] .pim:not(.boncuk).esya{color:#15171b;font-weight:700;border:1px solid rgba(255,255,255,.9);background:rgba(244,245,248,.72);
  -webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);box-shadow:0 0 0 .5px rgba(30,36,48,.2),0 8px 16px -6px rgba(30,36,48,.4)}
html[data-tema="sivi"] .pim:not(.boncuk).esya .nokta{background:transparent;box-shadow:inset 0 0 0 1.5px #4b4f58;opacity:1}
html[data-tema="sivi"] .pim:not(.boncuk).soru{color:#15171b;background:rgba(244,245,248,.66);box-shadow:inset 0 0 0 1px #fff,0 8px 16px -6px rgba(30,36,48,.4);outline:1.5px dashed rgba(59,64,72,.7)}
html[data-tema="sivi"] .pim:not(.boncuk).acik,html[data-tema="sivi"] .pim:not(.boncuk)[aria-pressed=true]{color:#f7f8fa;background:#1b1e24 padding-box,linear-gradient(170deg,#fff,#9aa1ab 60%,#e6e9ed) border-box;
  box-shadow:0 0 0 2px rgba(255,255,255,.75),0 8px 16px -6px rgba(30,36,48,.55)}
html[data-tema="sivi"] .pim:not(.boncuk).acik .nokta,html[data-tema="sivi"] .pim:not(.boncuk)[aria-pressed=true] .nokta{box-shadow:inset 0 0 0 1.5px #f7f8fa}
html[data-tema="sivi"] .pim:not(.boncuk).sira-da{outline:1.5px dashed #3b4048;outline-offset:2px;box-shadow:inset 0 1px 0 #fff,0 0 0 4px rgba(255,255,255,.55),0 8px 16px -6px rgba(30,36,48,.45)}
html[data-tema="sivi"] .etiket-mini,html[data-tema="sivi"] .k-etiket{color:#15171b;border:1px solid transparent;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(236,238,242,.88)) padding-box,linear-gradient(170deg,#fff,#cdd2d9 50%,#959ca7 80%,#eef0f3) border-box;
  box-shadow:0 7px 14px -6px rgba(30,36,48,.45)}
html[data-tema="sivi"] .kesit-bas{color:#15171b;border:1.5px solid transparent;background:var(--sedef-yuz) padding-box,var(--krom-kenar) border-box;box-shadow:0 4px 14px rgba(30,36,48,.4)}
html[data-tema="sivi"] .kutu-katman .kose-kutu b,html[data-tema="sivi"] .pim-katman .kose-kutu b{background:rgba(250,250,252,.9);color:#15171b;box-shadow:0 0 0 .5px rgba(30,36,48,.22)}
html[data-tema="sivi"] .pim-katman .kose-kutu span{background:rgba(250,250,252,.88);color:#15171b;box-shadow:0 0 0 .5px rgba(30,36,48,.22)}


/* ---------- 2. Oda hakkı ---------- */
html[data-tema="sivi"] #e-hak{background:radial-gradient(120% 55% at 50% 0%,#fff,#e8eaee 72%)}
html[data-tema="sivi"] .yuva{background:linear-gradient(#fafbfc,#cdd2d9);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(59,64,72,.3),0 0 0 .5px rgba(30,36,48,.2),0 14px 26px -12px rgba(30,36,48,.45)}
html[data-tema="sivi"] .yuva i{background:#262a31;box-shadow:inset 0 1.5px 2px #000,0 1px 0 rgba(255,255,255,.9)}
html[data-tema="sivi"] .plaka{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 6px rgba(40,46,58,.14),0 1px 1px rgba(30,36,48,.25),0 26px 40px -18px rgba(30,36,48,.5)}
html[data-tema="sivi"] .plaka-delik{background:#3a3f47;box-shadow:inset 0 1px 2px #000,0 1px 0 rgba(255,255,255,.75)}
html[data-tema="sivi"] .paket .mini{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 18px -8px rgba(30,36,48,.45)}
html[data-tema="sivi"] .paket[aria-checked=true]{box-shadow:var(--inner-sh),0 0 0 1.5px var(--krom-6),0 16px 26px -14px rgba(30,36,48,.5)}
html[data-tema="sivi"] .ucan-plaka{box-shadow:0 20px 30px -12px rgba(30,36,48,.5)}
/* v1'in pirinç numunesi v2'de sedef kromdur */
html[data-tema="sivi"] .pirinc{color:#1d2026;background:
  linear-gradient(118deg,transparent 30%,rgba(216,209,241,.5) 42%,transparent 52%,transparent 60%,rgba(205,229,242,.5) 70%,transparent 80%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 1px,transparent 1px 3px),
  linear-gradient(118deg,#99a0aa,#f2f3f5 26%,#bec4cc 50%,#fff 68%,#a2a9b3 92%)}
html[data-tema="sivi"] .pirinc .odometre,html[data-tema="sivi"] .pirinc .plaka-alt{color:rgba(29,32,38,.86)}
html[data-tema="sivi"] .kartus{background:rgba(255,255,255,.45)}
/* mühür: soluk metal folyo, kâğıda gömülü (kabartma gölgesi) */
html[data-tema="sivi"] .muhur-damga{color:#6c737d;filter:drop-shadow(0 1px 0 rgba(255,255,255,.95)) drop-shadow(0 -.5px .5px rgba(30,36,48,.35))}

/* ---------- 3. Bekleme: opal küre → sedef cıva damlası ---------- */
html[data-tema="sivi"] .foto-kutu{background:#d9dce1;box-shadow:0 0 0 .5px rgba(30,36,48,.14),0 16px 30px -18px rgba(30,36,48,.45)}

/* ---------- 4. Sonuç ---------- */
html[data-tema="sivi"] #e-sonuc{background:var(--v2-zemin)}
html[data-tema="sivi"] .cip-i .yigin img{box-shadow:0 0 0 1.5px #fff,0 0 0 2px rgba(30,36,48,.18)}
html[data-tema="sivi"] .cip-i .disk{color:#15171b;background:radial-gradient(circle at 40% 28%,#fff 0 15%,#e1e4e9 50%,#a7aeb8 100%);box-shadow:inset 0 0 0 .5px rgba(59,64,72,.4)}
html[data-tema="sivi"] .urun-k.sirada{box-shadow:var(--inner-sh),0 0 0 1.5px var(--krom-6)}
/* dok: fotoğraf ve ürünlerin üstünde yüzen süt camı kapsül */
html[data-tema="sivi"] .s-dok>.seg{background:rgba(238,240,244,.8);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 .5px rgba(255,255,255,.6),0 0 0 .5px rgba(30,36,48,.16),0 14px 30px -12px rgba(30,36,48,.45)}
/* araç tepsisi süt camı levhanın üstünde yüzer: daha beyaz cam, daha derin gölge */
html[data-tema="sivi"] .tepsi{--glass-bg:linear-gradient(180deg,rgba(255,255,255,.93),rgba(247,248,250,.95));
  box-shadow:var(--slab-in),0 0 0 .5px rgba(30,36,48,.14),0 2px 4px rgba(30,36,48,.08),0 34px 60px -22px rgba(30,36,48,.55)}
html[data-tema="sivi"] .tepsi .arac{background:linear-gradient(180deg,#fff,#f1f2f5);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.12),0 2px 5px -2px rgba(30,36,48,.18)}
html[data-tema="sivi"] .duzen-d{color:#15171b;border:1.5px solid transparent;background:var(--sedef-yuz) padding-box,var(--krom-kenar) border-box;
  box-shadow:0 1px 2px rgba(30,36,48,.18),0 14px 30px -12px rgba(30,36,48,.45)}
/* numune plakası: birlesik/numune.css (14 Eki v3) */
/* sürüm çarkı: aydınger serinler, fotoğraf sütlü cama çekilir */
html[data-tema="sivi"] .s-sahne.cark-acik .foto-kutu::after{background:linear-gradient(90deg,transparent 25%,rgba(238,240,244,.84))}
html[data-tema="sivi"] .rev{color:#30333a;background:linear-gradient(rgba(255,255,255,.95),rgba(242,243,246,.95));box-shadow:0 0 0 .5px rgba(30,36,48,.16),0 18px 30px -12px rgba(30,36,48,.45)}
html[data-tema="sivi"] .rev .ant{border-top-color:rgba(48,51,58,.25)}
html[data-tema="sivi"] .rev .ant b{color:#15171b}
html[data-tema="sivi"] .rev.secili{box-shadow:0 0 0 1.5px var(--krom-6),0 18px 30px -12px rgba(30,36,48,.5)}
html[data-tema="sivi"] .rev.guncel .ant b::after{color:#575d67}
html[data-tema="sivi"] .cark-yazi{color:#15171b;text-shadow:0 1px 0 rgba(255,255,255,.85),0 0 10px rgba(255,255,255,.9)}
/* kartela yelpazesi */
html[data-tema="sivi"] .yelpaze-kat{color:#15171b;background:radial-gradient(120% 70% at 50% 45%,rgba(246,247,249,.93),rgba(226,229,234,.95) 70%);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
html[data-tema="sivi"] .yelpaze-ust{color:#15171b}
html[data-tema="sivi"] .yelpaze-ust small{color:#4b4f58}
html[data-tema="sivi"] .yelpaze-kat .ic.kuyu,html[data-tema="sivi"] .yelpaze-kat .tb.kuyu{color:#15171b;background:rgba(255,255,255,.72);box-shadow:var(--inner-sh)}
html[data-tema="sivi"] .yelpaze-kat .tb.kuyu:hover{background:#fff}
html[data-tema="sivi"] .yelpaze-kat :focus-visible{outline-color:#15171b}
html[data-tema="sivi"] .yelpaze:focus-visible .kartela.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #15171b,0 30px 50px -18px rgba(30,36,48,.55)}
html[data-tema="sivi"] .yelpaze-sayfa{color:#30333a}
html[data-tema="sivi"] .yelpaze-nokta i{background:rgba(30,36,48,.2)}
html[data-tema="sivi"] .yelpaze-nokta i.on{background:var(--krom-6)}
/* yelpazenin tek kararı (Bunu koy): onay düğmeleri gibi grafit */
html[data-tema="sivi"] .tb.beyaz{color:#f7f8fa;background:#1b1e24;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 6px -2px rgba(30,36,48,.5)}
html[data-tema="sivi"] .tb.beyaz:hover{color:#fff;background:#2b2f37}
html[data-tema="sivi"] .kartela{color:#15171b;background:linear-gradient(170deg,#fff,#f2f3f6);box-shadow:0 0 0 .5px rgba(30,36,48,.14),0 24px 40px -18px rgba(30,36,48,.5)}
html[data-tema="sivi"] .kartela .m,html[data-tema="sivi"] .kartela .alt{color:#4b4f58}
html[data-tema="sivi"] .kartela .alt strong{color:#15171b}
html[data-tema="sivi"] .kartela.on{box-shadow:0 0 0 1.5px var(--krom-6),0 30px 50px -18px rgba(30,36,48,.55)}
html[data-tema="sivi"] .kartela .sec{background:#1b1e24;color:#f7f8fa}
html[data-tema="sivi"] .yelpaze-ipucu{color:#4b4f58}

/* ---------- Sonuç: numune boncuğu, odak merceği, sürüklenen levha, fiyat şeridi ---------- */
/* ürün işaretleri ve odak çerçevesi: birlesik/numune.css (14 Eki v3) */
/* odak: koyu vinyet yerine ürünün çevresinde hafif süt sisi */
html[data-tema="sivi"] .mercek{background:radial-gradient(circle 15.5rem at var(--mx) var(--my),rgba(238,240,244,0) 0,rgba(238,240,244,0) 30%,rgba(238,240,244,.1) 58%,rgba(238,240,244,.3) 100%)}
html[data-tema="sivi"] .s-karartma{background:#20242c}
html[data-tema="sivi"] .s-sahne .foto-kutu{background:#d9dce1}
html[data-tema="sivi"] .temiz-ipucu{color:#15171b;background:rgba(248,249,251,.8);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.16),0 6px 14px -6px rgba(30,36,48,.35)}
/* fiyat şeridi: seçili çip sedef hap + krom kenar */
html[data-tema="sivi"] .fs-c{border:1px solid transparent}
html[data-tema="sivi"] .fs-c[aria-pressed=true]{color:#15171b;background:var(--sedef-yuz) padding-box,linear-gradient(180deg,#fff 0%,#cdd2d9 55%,#9aa1ab 100%) border-box;
  box-shadow:0 1px 2px rgba(30,36,48,.16),0 6px 14px -5px rgba(30,36,48,.28)}
html[data-tema="sivi"] .fs-c[aria-pressed=true] small{color:#4b4f58}
html[data-tema="sivi"] .fs-g{box-shadow:inset 0 0 0 1px rgba(30,36,48,.08),0 0 0 .5px rgba(30,36,48,.12)}
html[data-tema="sivi"] .fs-c.sirada .fs-g{box-shadow:0 0 0 2px var(--krom-6)}

/* ---------- Alışveriş fişi: sedef masa, soluk metal yazıcı ---------- */
html[data-tema="sivi"] .fis-kat{background:radial-gradient(100% 55% at 50% 0%,#f4f5f7,#dcdfe4 74%)}
html[data-tema="sivi"] .fis-ust{color:#15171b}
html[data-tema="sivi"] .fislerim{color:#3b4048}
html[data-tema="sivi"] .yazici{background:linear-gradient(#fbfbfc,#cdd2d9);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(59,64,72,.3),0 0 0 .5px rgba(30,36,48,.18),0 12px 22px -10px rgba(30,36,48,.45)}
html[data-tema="sivi"] .yazici i{height:5px;background:linear-gradient(#2a2e35,#4a505a);box-shadow:inset 0 1.5px 2px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.9)}
html[data-tema="sivi"] .fis-kat.basiyor .yazici::after{background:rgba(151,203,232,.95);box-shadow:0 0 10px rgba(180,169,230,.85)}
html[data-tema="sivi"] .fis{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .34 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#fff,#f5f6f8);
  box-shadow:inset 1px 0 0 rgba(30,36,48,.07),inset -1px 0 0 rgba(30,36,48,.07)}
html[data-tema="sivi"] .fis .delikli{background:radial-gradient(circle at 7px 6px,#dfe2e7 2.2px,#c3c8cf 2.8px,transparent 3.3px) 0 0/14px 12px repeat-x;opacity:1}
html[data-tema="sivi"] .fis-toplam-yuzen{color:#15171b;border:1px solid transparent;background:var(--sedef-yuz) padding-box,var(--krom-kenar) border-box;box-shadow:0 10px 24px -10px rgba(30,36,48,.5)}
html[data-tema="sivi"] .fis-eylem{background:rgba(240,242,245,.8);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.16),0 14px 30px -12px rgba(30,36,48,.45)}
html[data-tema="sivi"] .fis-eylem .tb{color:#15171b}
html[data-tema="sivi"] .fis-eylem .tb.kuyu{background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.14)}
html[data-tema="sivi"] .fis-eylem .tb.ana{background:#1b1e24;color:#f7f8fa;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 6px -2px rgba(30,36,48,.5)}
html[data-tema="sivi"] .cekme-ipucu{color:#4b4f58}

/* ---------- 5. Düğme dili ---------- */
html[data-tema="sivi"] .pirinc-ornek{background:radial-gradient(circle at 50% 30%,#fff,#e3e6ea 58%,#b5bbc4)}
html[data-tema="sivi"] .pirinc-ornek i{background:conic-gradient(from var(--a),#4a5059 0deg,#959ca7 30deg,#f7f8fa 54deg,var(--iz-lila) 62deg,var(--iz-buz) 70deg,#fff 80deg,#aab0b9 112deg,#565c66 150deg,#3b4048 172deg,#7d848f 205deg,#eef0f3 236deg,var(--iz-sampanya) 246deg,var(--iz-gul) 253deg,#fff 262deg,#b8bec6 292deg,#6c737d 330deg,#4a5059 360deg)}

/* ---------- Hareketi azalt: metal durur ---------- */
@media (prefers-reduced-motion:reduce){
  html[data-tema="sivi"] .altin.sivi::before{animation:none!important}
}