/* Sonuç ekranı: ürün işaretleri, odak çerçevesi, numune plakası (14 Ekim, v3).
   Kullanıcı: "Numune etiketinde çıkan yuvarlaklar tasarım olarak kötü." Bilye boncuk, lila hale, kuşgözü, ip,
   yarım boncuk + ok ve numaralı disk kalktı. Yerine (ref 10 sıvı metal halka, ref 07 krom kenar, ref 03 kart yuvası, tezgâh 17/18 cam):
   - İşaret: fotoğrafa gömülü 16 px mercek. Kenarında ince sıvı metal halka yavaşça akar, ortada tek ışık noktası.
     Senin eşyan: içi boş saç teli halka (metal yok, akmaz).
   - Odak: halka söner, ürünün kenarına dört krom köşe parantezi oturur; bir ışık izi ürünün çevresini bir kez dolaşır.
     Şeridi kaydırınca çerçeve ve süt sisi üründen ürüne kayar. Köşenin üstünde zarif rakam + kısa ad.
   - Ekran dışı ürün: kenarda ince ışık çubuğu ve saç teli ok.
   - Plaka: buzlu akrilik numune plakası. Çerçeveden ışık ipliği çıkar, plaka ipliğin değdiği kenardan açılır;
     ürün görseli yuvadan yükselir, yüzeyden bir parıltı geçer. Kapanırken ipliğe geri çekilir.
   Renk: sedef / gümüş / krom; yanardönerlik yalnız ince izlerde (lila, buz mavisi). Hareket azaltılmışsa hepsi durur. */

@property --n-a{syntax:"<angle>";inherits:false;initial-value:0deg}

/* ---------- İşaret: sıvı metal mercek ---------- */
#e-sonuc #s-pimler .pim.boncuk,#e-sonuc #s-pimler .pim.boncuk:hover{position:absolute;z-index:2;display:block;width:44px;height:44px;min-width:0;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;
  transform:none;translate:var(--kx,0px) 0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#15171b;outline-offset:-4px;
  transition:opacity .35s var(--ease-d),translate var(--kamera);animation:n-dog .7s var(--ease-d) both;animation-delay:calc(var(--s,0) * 70ms + 220ms)}
#e-sonuc #s-pimler .pim.boncuk::after{display:none}
/* işaretler yalnız Tasarım modunda (atolye.css gizleme kuralıyla aynı ağırlıkta olduğumuz için burada yineleniyor) */
#e-sonuc:not([data-mod=tasarim]) #s-pimler .pim.boncuk,#s-sahne.cark-acik #s-pimler .pim.boncuk{display:none}
#e-sonuc #s-pimler .pim.boncuk.dikkat-cek{animation:none}
@keyframes n-dog{0%{opacity:0;transform:scale(.35)}55%{opacity:1}100%{opacity:1;transform:none}}

.n-mercek{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;
  background:radial-gradient(60% 38% at 42% 24%,rgba(255,255,255,.55),rgba(255,255,255,0) 75%);
  -webkit-backdrop-filter:blur(1.5px) brightness(1.16) saturate(1.15);backdrop-filter:blur(1.5px) brightness(1.16) saturate(1.15);
  box-shadow:0 0 0 .5px rgba(20,24,32,.26),0 1px 2.5px rgba(20,24,32,.3);transition:transform .45s var(--yay),opacity .3s var(--ease-d),box-shadow .3s}
/* halka: krom, iki koyu bant, lila ve buz mavisi pırıltı; 9 sn'de bir tur, her işaret farklı evrede */
.n-mercek::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1.25px;
  background:conic-gradient(from var(--n-a),#fff 0deg,#c3c9d2 40deg,#3d434c 86deg,#eef0f3 126deg,#d9cff6 158deg,#fff 190deg,#9aa2ad 236deg,#2f343c 272deg,#e9ecf0 306deg,#cde6f3 334deg,#fff 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:n-don 9s linear infinite;animation-delay:calc(var(--s,0) * -1.37s);transition:opacity .4s var(--ease-d),transform .5s var(--ease-d)}
/* performans (hareket ajanı, 14 Ekim): halka daire olduğu için açıyı boyamak yerine katmanı döndürmek aynı görüntüyü verir;
   rotate kompozitörde çalışır, eskiden her karede ~6 işaretin stili ve boyası yeniden hesaplanıyordu (4x yavaş CPU'da boştayken %30) */
@keyframes n-don{to{rotate:360deg}}
/* doğuşta ve "dikkat"te halkadan bir ışık dalgası yayılır */
.n-mercek::after{content:"";position:absolute;inset:-1px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.95),0 0 6px rgba(255,255,255,.7);opacity:0;pointer-events:none;
  animation:n-dalga 1s var(--ease-d) both;animation-delay:calc(var(--s,0) * 70ms + 420ms)}
@keyframes n-dalga{0%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(2.8)}}
@keyframes n-dalga2{0%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
#s-pimler .pim.dikkat-cek .n-mercek::after{animation:n-dalga2 1.1s var(--ease-d) 2}
.n-cekirdek{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 .5px rgba(20,24,32,.35),0 0 4px 1px rgba(255,255,255,.85);transition:transform .45s var(--yay),box-shadow .3s}
#s-pimler .pim.boncuk:hover .n-mercek{transform:scale(1.18)}
#s-pimler .pim.boncuk:focus-visible{outline:1.5px solid #15171b}

/* senin eşyan: içi boş saç teli halka; metal yok, akmaz */
#s-pimler .pim.esya .n-mercek{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;opacity:.85;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.96),0 0 0 .5px rgba(20,24,32,.4),0 1px 2px rgba(20,24,32,.25)}
#s-pimler .pim.esya .n-mercek::before{display:none}

/* sırada (değişecek / kalkacak): halkanın dışında kesik saç teli */
#s-pimler .pim.boncuk.sira-da .n-mercek{outline:1px dashed rgba(255,255,255,.95);outline-offset:3px}

/* odakta: halka söner (çerçeve devralır), yalnız ışık noktası kalır */
#e-sonuc #s-pimler .pim.boncuk.odak{z-index:5}
#s-pimler .pim.boncuk.odak .n-mercek{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
#s-pimler .pim.boncuk.odak .n-mercek::before{opacity:0;transform:scale(2.2)}
#s-pimler .pim.boncuk.odak .n-cekirdek{transform:scale(1.35);box-shadow:0 0 0 .5px rgba(20,24,32,.3),0 0 6px 2px rgba(255,255,255,.9),0 0 16px 5px rgba(226,220,247,.45)}
#s-pimler .pim.boncuk[aria-pressed=true] .n-cekirdek{transform:scale(1.7)}
#e-sonuc.odakta #s-pimler .pim.boncuk:not(.odak){opacity:.5}

/* ekran dışındaki ürün: kenarda ince ışık çubuğu + saç teli ok (yarım boncuk yok) */
.n-kenar{position:absolute;top:50%;display:none;width:3px;height:26px;margin-top:-13px;border-radius:3px;
  background:linear-gradient(180deg,rgba(255,255,255,.2),#fff 22%,#d5d9df 48%,#8f96a1 62%,#fff 80%,rgba(255,255,255,.2));
  box-shadow:0 0 0 .5px rgba(20,24,32,.22),0 0 10px 2px rgba(255,255,255,.7);animation:n-nefes 2.8s ease-in-out infinite}
.n-kenar::after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border:solid #fff;filter:drop-shadow(0 0 1.5px rgba(20,24,32,.6))}
#s-pimler .pim.boncuk.kenar .n-mercek{opacity:0;transform:scale(.4)}
#s-pimler .pim.boncuk.kenar .n-kenar{display:block}
#s-pimler .pim.boncuk.kenar.sol .n-kenar{left:7px}
#s-pimler .pim.boncuk.kenar.sol .n-kenar::after{left:8px;border-width:0 0 1.25px 1.25px;transform:rotate(45deg)}
#s-pimler .pim.boncuk.kenar.sag .n-kenar{right:7px}
#s-pimler .pim.boncuk.kenar.sag .n-kenar::after{right:8px;border-width:1.25px 1.25px 0 0;transform:rotate(45deg)}
#s-pimler .pim.esya.kenar .n-kenar{height:16px;margin-top:-8px;opacity:.75;animation:none}
/* nefes: gölge büyütmek her karede boyar; saydamlık nefesi kompozitörde (hareket ajanı, performans) */
@keyframes n-nefes{50%{opacity:.55}}

/* ---------- Odak çerçevesi: krom köşe parantezi + ışık izi ---------- */
.odak-cerceve{position:absolute;z-index:1;opacity:0;pointer-events:none;cursor:pointer;
  transition:opacity .35s var(--ease-d)} /* yer değişimi birlesik.js cerceveKaydir: FLIP, yalnız transform (performans) */
.odak-cerceve.acik{opacity:1;pointer-events:auto}
#e-sonuc:not([data-mod=tasarim]) .odak-cerceve,.s-sahne.cark-acik .odak-cerceve{display:none}
.odak-cerceve .k{position:absolute;width:18px;height:18px;border:0 solid;--dx:-1;--dy:-1;
  filter:drop-shadow(0 0 .6px rgba(20,24,32,.55)) drop-shadow(0 1px 3px rgba(20,24,32,.3)) drop-shadow(0 0 5px rgba(255,255,255,.55))}
.odak-cerceve .k1{left:-9px;top:-9px;border-width:2px 0 0 2px;border-color:#fff transparent transparent #e2dcf8;border-top-left-radius:9px}
.odak-cerceve .k2{right:-9px;top:-9px;border-width:2px 2px 0 0;border-color:#fff #d3e8f4 transparent transparent;border-top-right-radius:9px;--dx:1}
.odak-cerceve .k3{right:-9px;bottom:-9px;border-width:0 2px 2px 0;border-color:transparent #fff #c9ced6 transparent;border-bottom-right-radius:9px;--dx:1;--dy:1}
.odak-cerceve .k4{left:-9px;bottom:-9px;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;border-bottom-left-radius:9px;--dy:1}
/* plaka açıkken köşeler biraz daha parlar: plaka bu ürüne bağlı */
#e-sonuc:has(.n-plaka:not(.git)) .odak-cerceve .k{filter:drop-shadow(0 0 .6px rgba(20,24,32,.55)) drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px rgba(226,220,247,.9))}
/* çerçeve ürüne varınca köşeler içeri doğru kilitlenir (odaklama gibi) */
.odak-cerceve.iz .k{animation:k-kilit .55s var(--yay) .4s both}
/* iz2: aynı animasyonlar başka adla; sınıf değişince yerleşim zorlamadan yeniden başlar */
.odak-cerceve.iz2 .k{animation:k-kilit2 .55s var(--yay) .4s both}
@keyframes k-kilit{from{translate:calc(var(--dx) * 7px) calc(var(--dy) * 7px);opacity:.35}}
@keyframes k-kilit2{from{translate:calc(var(--dx) * 7px) calc(var(--dy) * 7px);opacity:.35}}
/* ışık izi: başı parlak, kuyruğu lila; ürünün çevresini bir kez dolaşıp söner */
.oc-iz{position:absolute;left:-5px;top:-5px;transform-origin:0 0;width:calc(100% + 10px);height:calc(100% + 10px);overflow:visible;pointer-events:none;
  filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px rgba(226,220,247,.8))}
.oc-iz rect{fill:none;stroke:#fff;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:0}
.oc-iz .iz1{stroke-width:3;stroke-dasharray:1.2 98.8;--b:1.2px}
.oc-iz .iz2{stroke-width:2;stroke-dasharray:7 93;--b:7px;stroke:#f1f4fa;--o:.85}
.oc-iz .iz3{stroke-width:1.5;stroke-dasharray:22 78;--b:22px;stroke:#d9cff6;--o:.7}
.odak-cerceve.iz .oc-iz rect{animation:iz-kos 1.25s cubic-bezier(.45,.05,.3,1) .12s both}
.odak-cerceve.iz2 .oc-iz rect{animation:iz-kos2 1.25s cubic-bezier(.45,.05,.3,1) .12s both}
@keyframes iz-kos{0%{stroke-dashoffset:var(--b);opacity:0}10%{opacity:var(--o,1)}78%{opacity:var(--o,1)}100%{stroke-dashoffset:calc(var(--b) - 100px);opacity:0}}
@keyframes iz-kos2{0%{stroke-dashoffset:var(--b);opacity:0}10%{opacity:var(--o,1)}78%{opacity:var(--o,1)}100%{stroke-dashoffset:calc(var(--b) - 100px);opacity:0}}
/* rakam + kısa ad: köşenin üstünde küçük buzlu cam künye */
.oc-ad{position:absolute;left:-9px;bottom:calc(100% + 14px);translate:var(--ax,0px) 0;display:inline-flex;align-items:center;gap:.5rem;height:1.625rem;padding:0 .625rem 0 .5rem;border-radius:8px;white-space:nowrap;
  font:650 .75rem/1 Figtree,system-ui,sans-serif;letter-spacing:-.005em;color:#15171b;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(242,243,246,.74));-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);
  box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.2),0 6px 14px -6px rgba(30,36,48,.45);opacity:0}
.oc-ad b{display:inline-flex;align-items:center;gap:.5rem;font:500 .6875rem/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.02em;color:#5b616b}
.oc-ad b::after{content:"";width:1px;height:.75rem;background:rgba(30,36,48,.18)}
.odak-cerceve.alta .oc-ad{bottom:auto;top:calc(100% + 14px)}
.odak-cerceve.iz .oc-ad{animation:ad-gel .5s var(--ease-d) .55s both}
.odak-cerceve.iz2 .oc-ad{animation:ad-gel2 .5s var(--ease-d) .55s both}
@keyframes ad-gel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes ad-gel2{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#e-sonuc:has(.n-plaka:not(.git)) .oc-ad{visibility:hidden}

/* süt sisi: ürünün dikdörtgeni açık kalır, gerisi yumuşakça sütlenir; çerçeveyle birlikte kayar */
html[data-tema] #s-mercek{background:none;transition:opacity .45s var(--ease-d)} /* --mx/--my geçişi yok: her karede stil hesabı yapıyordu */
/* performans: eskiden left/top/width/height geçişi (her karede yerleşim + tam ekran boyama); şimdi 140 px taban transform ile kayar ve ölçeklenir */
#s-mercek::before{content:"";position:absolute;left:0;top:0;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(236,238,243,0) 0,rgba(236,238,243,0) 46%,rgba(236,238,243,.34) 100%);box-shadow:0 0 0 100vmax rgba(236,238,243,.34);
  transform:translate(var(--bx,0px),var(--by,0px)) scale(var(--bsx,1),var(--bsy,1));transition:transform var(--kamera)}

/* ---------- Fiyat şeridi: numaralı disk yerine zarif rakam ---------- */
.fs-no{font:500 .625rem/1 "IBM Plex Mono",ui-monospace,monospace;font-style:normal;letter-spacing:.03em;color:#6b717b;margin-right:.375rem}
.fs-c[aria-pressed=true] .fs-no{color:#15171b}

/* ---------- Numune plakası: buzlu akrilik ---------- */
.n-plaka{position:absolute;left:0;top:0;width:13.75rem;pointer-events:auto;color:#15171b}
.n-plaka.git{pointer-events:none}
.pl-ip{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 2px rgba(255,255,255,.8))}
.pl-ip path{fill:none;stroke-linecap:round}
.pl-ip-g{stroke:rgba(20,24,32,.22);stroke-width:3}
.pl-ip-z{stroke:#fff;stroke-width:1.25;stroke-dasharray:100 100;animation:ip-ciz .34s cubic-bezier(.3,.6,.3,1) both}
.pl-ip-k{stroke:#fff;stroke-width:2.5;stroke-dasharray:14 120;opacity:0;animation:ip-kos .9s var(--ease-d) .12s both}
.pl-ip-g{stroke-dasharray:100 100;animation:ip-ciz .34s cubic-bezier(.3,.6,.3,1) both}
@keyframes ip-ciz{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes ip-kos{0%{stroke-dashoffset:14;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
.n-plaka.git .pl-ip{opacity:0;transition:opacity .18s}
/* ipliğin plakaya değdiği yerde kenar ışığı */
.pl-temas{position:absolute;z-index:3;width:56px;height:7px;margin:-3.5px 0 0 -28px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,#fff,rgba(226,220,247,.65) 45%,rgba(205,230,243,0));animation:temas .9s var(--ease-d) .26s both}
.pl-temas.dik{transform:rotate(90deg)}
@keyframes temas{0%{opacity:0;scale:.2 1}35%{opacity:1;scale:1.25 1}100%{opacity:.75;scale:1}}
.n-plaka.git .pl-temas{opacity:0;transition:opacity .15s}

.pl-yuz{position:relative;display:grid;gap:.5rem;padding:.75rem;border-radius:20px;
  background:linear-gradient(165deg,rgba(255,255,255,.84),rgba(245,246,249,.7) 52%,rgba(233,236,241,.78));
  -webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1.5px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.35),0 1px 2px rgba(30,36,48,.14),0 12px 22px -12px rgba(30,36,48,.32),0 34px 56px -24px rgba(30,36,48,.55)}
/* krom kenar (ref 07) ve üst kenarda yanardöner saç teli */
.pl-yuz::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from 210deg,#fff,#cfd4db 14%,#8f96a1 27%,#fff 40%,#d9cff6 52%,#fff 63%,#a7aeb8 76%,#cde6f3 88%,#fff);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.pl-yuz::after{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(214,206,245,.95) 26%,#fff 50%,rgba(200,228,242,.95) 74%,rgba(255,255,255,0))}
/* açılışta akrilik yüzeyden bir kez ışık geçer */
.pl-isik{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.7) 47%,rgba(226,220,247,.45) 51%,rgba(255,255,255,0) 60%) no-repeat;background-size:260% 100%;
  background-position:120% 0;animation:isik-gec 1.1s cubic-bezier(.4,0,.2,1) .42s both}
@keyframes isik-gec{from{background-position:120% 0}to{background-position:-30% 0}}
.pl-yuz>:not(.pl-isik){animation:pl-ic .44s var(--ease-d) both;animation-delay:calc(var(--d,0) * 45ms + 150ms)}
@keyframes pl-ic{from{opacity:0;transform:translateY(6px)}}

.pl-ust{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;min-height:.875rem}
.pl-no{font:500 .6875rem/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.03em;color:#15171b}
.pl-no small{font-size:inherit;color:#7d838d}
.pl-m{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:700;letter-spacing:.01em;color:#4b4f58}
/* görsel kuyusu: plakaya oyulmuş yuva; ürün içinden yükselir (ref 03) */
.pl-kuyu{position:relative;height:6rem;border-radius:13px;overflow:hidden;background:#fff;
  box-shadow:inset 0 1.5px 3px rgba(20,26,38,.16),inset 0 0 0 .5px rgba(20,26,38,.1),0 1px 0 rgba(255,255,255,.95)}
.pl-kuyu img{width:100%;height:100%;padding:.375rem;object-fit:contain;mix-blend-mode:multiply;animation:yuva .7s var(--yay) .26s both}
@keyframes yuva{from{opacity:0;transform:translateY(22px) scale(.94)}}
.pl-ad{font-size:.875rem;font-weight:750;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pl-fiyat{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(30,36,48,.09)}
.pl-olcu{font:500 .6875rem/1.2 "IBM Plex Mono",ui-monospace,monospace;color:#4b4f58;letter-spacing:.01em}
.pl-f{margin-left:auto;font-size:1.1875rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.pl-ey{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}
.pl-ey button{height:2.75rem;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.3125rem;font:750 .8125rem/1 Figtree,system-ui,sans-serif;color:#15171b;
  background:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(30,36,48,.16),0 1px 2px rgba(30,36,48,.08);cursor:pointer;transition:transform var(--bas,90ms),background .2s}
.pl-ey button:hover{background:#fff}
.pl-ey button:active{transform:scale(.96)}
.pl-ey button.koyu{color:#f7f8fa;background:linear-gradient(180deg,#2a2e36,#16181d);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 .5px rgba(10,12,16,.6),0 4px 10px -4px rgba(20,24,32,.6)}
.pl-ey button.koyu:hover{background:linear-gradient(180deg,#353a43,#1d2026)}
.pl-ey button:focus-visible{outline:2px solid #15171b;outline-offset:2px}
.pl-ey svg.i{width:14px;height:14px}
.n-plaka.basik .pl-kuyu{height:4.25rem}
.n-plaka.kompakt .pl-kuyu{display:none}
.pl-no.yazi{font:700 .6875rem/1 Figtree,system-ui,sans-serif;letter-spacing:.01em}

@media (prefers-reduced-motion:reduce){
  #e-sonuc #s-pimler .pim.boncuk,.n-mercek::before,.n-mercek::after,.n-kenar,.odak-cerceve .k,.oc-iz rect,.oc-ad,
  .pl-ip path,.pl-temas,.pl-isik,.pl-yuz>*,.pl-kuyu img{animation:none!important}
  .n-mercek::after,.oc-iz rect,.pl-ip-k,.pl-isik{opacity:0!important}
  .oc-ad{opacity:1}
  .odak-cerceve,#s-mercek::before{transition:opacity .2s}
}