body.store-page {
min-height: 100vh;
position: relative;
background: linear-gradient(125deg,
#1e1035 0%, #2e1065 12%, #4c1d95 25%, #3b1e7a 38%,
#1e3a8a 50%, #312e81 60%, #5b21b6 74%, #241348 87%, #1e1035 100%);
background-size: 400% 400%;
background-attachment: fixed;
animation: storeZeminAkis 38s linear infinite;
}
@keyframes storeZeminAkis {
from { background-position: 0% 50%; }
to   { background-position: 400% 50%; }
}
body.store-page.store-anasayfa {
background: #fff;
animation: none;
}
body.store-page.store-anasayfa::after { display: none; }
body.store-page.store-anasayfa .store-perde { display: none; }
.store-perde {
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
background:
radial-gradient(ellipse 80% 55% at 50% 40%, rgba(12, 4, 30, .10), transparent 70%),
linear-gradient(180deg, rgba(14, 5, 34, .22) 0%, rgba(10, 3, 26, .38) 100%);
}
.store-top {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
padding: 30px 20px 0;
}
.store-rozet {
font-family: var(--font-mono);
font-weight: 700;
font-size: 12.5px;
letter-spacing: .06em;
color: #f3ecff;
background: rgba(255, 255, 255, .12);
border: 1px solid rgba(255, 255, 255, .34);
border-radius: 999px;
padding: 7px 16px;
text-decoration: none;
transition: translate .2s ease, background .2s ease, border-color .2s ease;
}
.store-rozet:hover,
.store-rozet:focus-visible {
translate: 0 -2px;
background: rgba(255, 255, 255, .2);
border-color: rgba(255, 255, 255, .6);
}
.store-shell {
position: relative;
z-index: 2;
max-width: 1180px;
margin: 0 auto;
padding: 56px 24px 70px;
min-width: 0;
}
body.store-anasayfa .store-shell { padding-top: 132px; }
@media (max-width: 760px) {
body.store-anasayfa .store-shell { padding-top: clamp(132px, 34vh - 125px, 190px); }
}
.store-hero {
text-align: center;
max-width: 860px;
margin: 0 auto 64px;
}
.store-title {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(34px, 5.6vw, 58px);
line-height: 1.06;
letter-spacing: -.015em;
color: #0f1117;
text-wrap: balance;
margin: 0 0 18px;
}
.store-sub {
font-size: clamp(15px, 2vw, 17.5px);
line-height: 1.6;
color: #5b6172;
margin: 0;
}
.store-raf {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
--kart-gen: clamp(196px, 20vw, 258px);
--kart-ara: clamp(26px, 4vw, 58px);
gap: var(--kart-ara);
perspective: 1100px;
}
@media (min-width: 761px) {
body.eklenti-vitrin .store-shell { padding-top: 88px; }
body.eklenti-vitrin .store-hero { margin-bottom: 10px; }
body.eklenti-vitrin .store-raf {
--kart-gen: clamp(220px, 22.5vw, 322px);
--kart-ara: clamp(18px, 2.2vw, 40px);
max-width: calc(3 * var(--kart-gen) + 2 * var(--kart-ara));
margin-left: auto;
margin-right: auto;
row-gap: 58px;
padding: 40px 0 34px;
}
body.eklenti-vitrin .urun {
--gen: var(--kart-gen);
--yuk: calc(var(--kart-gen) * 1.20);
}
body.eklenti-vitrin .urun-baslik { font-size: calc(var(--gen) * .1); }
body.eklenti-vitrin .urun-alt    { font-size: calc(var(--gen) * .0485); }
body.eklenti-vitrin .urun-metin  {
gap: calc(var(--gen) * .0233);
padding: calc(var(--gen) * .0543) calc(var(--gen) * .0698) calc(var(--gen) * .062);
}
}
@media (min-width: 761px) {
body.store-anasayfa:not(.eklenti-vitrin) .store-shell {
padding-top: clamp(92px, 67vh - 422px, 270px);
}
body.store-anasayfa:not(.eklenti-vitrin) .store-hero { margin-bottom: 34px; }
body.store-anasayfa:not(.eklenti-vitrin) .store-raf {
--kart-gen: clamp(220px, 22.5vw, 322px);
--kart-ara: clamp(18px, 2.2vw, 40px);
}
body.store-anasayfa:not(.eklenti-vitrin) .urun {
--gen: var(--kart-gen);
--yuk: calc(var(--kart-gen) * 1.20);
}
body.store-anasayfa:not(.eklenti-vitrin) .urun-baslik {
font-size: calc(var(--gen) * .092);
white-space: nowrap;
}
body.store-anasayfa:not(.eklenti-vitrin) .urun-alt    { font-size: calc(var(--gen) * .0485); }
body.store-anasayfa:not(.eklenti-vitrin) .urun-metin  {
gap: calc(var(--gen) * .0233);
padding: calc(var(--gen) * .0543) calc(var(--gen) * .0698) calc(var(--gen) * .062);
}
}
.urun {
position: relative;
--gen: var(--kart-gen);
--yuk: clamp(340px, 31vw, 436px);
width: var(--gen);
height: var(--yuk);
transform-style: preserve-3d;
text-decoration: none;
cursor: default;
}
.urun--canli { cursor: pointer; }
.urun--canli:focus-visible { outline: 2px solid #fff; outline-offset: 8px; }
.urun--yakinda { cursor: default; }
.urun--yakinda[data-slug="doodle"] { cursor: pointer; }
@keyframes doodleKartTitre {
0%, 100% { transform: translateX(0); }
18%      { transform: translateX(-4px) rotate(-.25deg); }
36%      { transform: translateX(4px) rotate(.25deg); }
54%      { transform: translateX(-3px) rotate(-.15deg); }
72%      { transform: translateX(3px) rotate(.15deg); }
88%      { transform: translateX(-1px); }
}
.urun--yakinda[data-slug="doodle"].urun--titre {
animation: doodleKartTitre .38s ease-in-out;
}
.urun-kilit {
position: absolute;
inset: 0;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: 20px;
box-sizing: border-box;
text-align: center;
color: #fff;
background: linear-gradient(180deg, rgba(8, 10, 18, .74) 0%, rgba(5, 6, 12, .86) 100%);
opacity: 0;
pointer-events: none;
transition: opacity .28s ease;
}
.urun.urun--yakinda:hover .urun-kilit,
.urun.urun--yakinda:focus-within .urun-kilit,
.urun.urun--yakinda.is-active-mobile .urun-kilit { opacity: 1; }
.urun-kilit-ikon {
display: block;
width: 68px;
height: 68px;
color: rgba(255, 255, 255, .95);
filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .6));
transform: scale(.82);
transition: transform .34s cubic-bezier(.22, 1, .36, 1);
}
.urun.urun--yakinda:hover .urun-kilit-ikon,
.urun.urun--yakinda:focus-within .urun-kilit-ikon,
.urun.urun--yakinda.is-active-mobile .urun-kilit-ikon { transform: scale(1); }
.urun-kilit-yazi {
font-family: var(--font-ui);
font-size: 25px;
font-weight: 700;
letter-spacing: .01em;
line-height: 1.4;
color: rgba(255, 255, 255, .94);
text-shadow: 0 2px 10px rgba(0, 0, 0, .8);
}
.urun-toast {
position: fixed;
left: 50%;
bottom: 26px;
z-index: 300;
max-width: min(460px, calc(100vw - 32px));
padding: 13px 20px;
border-radius: 999px;
background: rgba(20, 20, 24, .96);
color: #fff;
font: 700 14px/1.4 var(--font-ui);
text-align: center;
box-shadow: 0 18px 44px rgba(0, 0, 0, .45);
opacity: 0;
transform: translateX(-50%) translateY(12px);
pointer-events: none;
transition: opacity .22s ease, transform .22s cubic-bezier(.22, 1, .36, 1);
}
.urun-toast--acik { opacity: 1; transform: translateX(-50%); }
.urun-govde {
position: absolute;
--fiyat-serit: 40px;
--govde-yuk: calc(var(--yuk) - var(--fiyat-serit));
inset: 0 0 var(--fiyat-serit) 0;
transform-style: preserve-3d;
--d: 58px;
transform: rotateX(10deg) scaleZ(.2);
transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}
.urun:hover .urun-govde,
.urun:focus-visible .urun-govde,
.urun.is-active-mobile .urun-govde {
transform: rotateX(10deg) scaleZ(1) translateZ(17.5px);
}
.urun-fiyat-disi { transform: rotateX(10deg) scaleZ(.2); transition: transform .4s cubic-bezier(.22, 1, .36, 1); }
.urun:hover .urun-fiyat-disi,
.urun:focus-visible .urun-fiyat-disi,
.urun.is-active-mobile .urun-fiyat-disi {
transform: rotateX(10deg) scaleZ(1) translateZ(17.5px);
}
.urun-fiyat-disi-ic {
display: inline-block;
transform: scale(1);
transition: transform .3s cubic-bezier(.22, 1, .36, 1);
}
.urun:hover .urun-fiyat-disi-ic,
.urun:focus-visible .urun-fiyat-disi-ic {
transform: translateY(11px) scale(1.32);
}
.urun.is-active-mobile .urun-fiyat-disi-ic {
transform: scale(1.32);
}
.urun--turuncu {
--g1: #fb923c; --g2: #f97316; --g3: #fdba74; --g4: #ea580c;
--ust: #fdba74; --sol: #f97316; --sag: #9a3412;
--isik: rgba(251, 146, 60, .55);
}
.urun--mavi {
--g1: #60a5fa; --g2: #2563eb; --g3: #93c5fd; --g4: #1d4ed8;
--ust: #93c5fd; --sol: #3b82f6; --sag: #1e3a8a;
--isik: rgba(96, 165, 250, .55);
}
.urun--mor {
--g1: #c084fc; --g2: #9333ea; --g3: #d8b4fe; --g4: #7e22ce;
--ust: #d8b4fe; --sol: #a855f7; --sag: #581c87;
--isik: rgba(192, 132, 252, .55);
}
.urun--yesil {
--g1: #4ade80; --g2: #16a34a; --g3: #86efac; --g4: #15803d;
--ust: #86efac; --sol: #22c55e; --sag: #14532d;
--isik: rgba(74, 222, 128, .55);
}
.urun--gumus {
--g1: #a1a1aa; --g2: #3f3f46; --g3: #d4d4d8; --g4: #18181b;
--ust: #d4d4d8; --sol: #71717a; --sag: #27272a;
--isik: rgba(212, 212, 216, .5);
}
.urun--sari {
--g1: #fcd34d; --g2: #eab308; --g3: #fde68a; --g4: #a16207;
--ust: #fde68a; --sol: #facc15; --sag: #713f12;
--isik: rgba(252, 211, 77, .55);
}
.urun-yuz {
position: absolute;
display: block;
box-sizing: border-box;
backface-visibility: hidden;
}
.urun-yuz--on {
inset: 0;
transform: translateZ(calc(var(--d) / 2));
background-color: #0b0b0d;
background-image: linear-gradient(155deg, #1d1d21 0%, #101012 62%, #050506 100%);
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 0;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
transition: border-color .3s ease, box-shadow .3s ease;
}
.urun-yuz--ust {
left: 0;
right: 0;
top: 50%;
height: var(--d);
margin-top: calc(var(--d) / -2);
transform: rotateX(90deg) translateZ(calc(var(--govde-yuk) / 2));
background: linear-gradient(180deg, #35353c 0%, #1d1d22 100%);
transition: background .35s ease;
}
.urun-yuz--dip {
left: 0;
right: 0;
top: 50%;
height: var(--d);
margin-top: calc(var(--d) / -2);
transform: rotateX(-90deg) translateZ(calc(var(--govde-yuk) / 2));
background: #000;
}
.urun-yuz--sol,
.urun-yuz--sag {
top: 0;
bottom: 0;
left: 50%;
width: var(--d);
margin-left: calc(var(--d) / -2);
transition: background .35s ease;
}
.urun-yuz--sol {
transform: rotateY(-90deg) translateZ(calc(var(--gen) / 2));
background: linear-gradient(180deg, #28282e 0%, #151519 100%);
}
.urun-yuz--sag {
transform: rotateY(90deg) translateZ(calc(var(--gen) / 2));
background: linear-gradient(180deg, #101013 0%, #060607 100%);
}
.urun:hover .urun-yuz--on,
.urun:focus-visible .urun-yuz--on,
.urun.is-active-mobile .urun-yuz--on {
background-image: linear-gradient(115deg,
var(--g1) 0%, var(--g2) 25%, var(--g3) 50%, var(--g4) 75%, var(--g1) 100%);
background-size: 300% 100%;
border-color: var(--isik);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 30px var(--isik);
animation: urunAkis 4.5s linear infinite;
}
@keyframes urunAkis {
from { background-position: 0% 50%; }
to   { background-position: 300% 50%; }
}
.urun:hover .urun-yuz--ust,
.urun:focus-visible .urun-yuz--ust,
.urun.is-active-mobile .urun-yuz--ust {
background: linear-gradient(180deg, var(--ust) 0%, var(--g2) 100%);
}
.urun:hover .urun-yuz--sol,
.urun:focus-visible .urun-yuz--sol,
.urun.is-active-mobile .urun-yuz--sol {
background: linear-gradient(180deg, var(--sol) 0%, var(--g4) 100%);
}
.urun:hover .urun-yuz--sag,
.urun:focus-visible .urun-yuz--sag,
.urun.is-active-mobile .urun-yuz--sag {
background: linear-gradient(180deg, var(--sag) 0%, #10161f 100%);
}
.urun-gorsel {
display: block;
position: relative;
flex: 0 0 auto;
height: 52%;
background: rgba(255, 255, 255, .07);
border-bottom: 1px solid rgba(255, 255, 255, .16);
}
.urun-gorsel > img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.urun-gorsel--adli {
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px;
overflow: hidden;
background:
linear-gradient(135deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, 0) 48%),
linear-gradient(160deg, var(--ust) 0%, var(--sag) 100%);
}
.urun-gorsel-ad {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(26px, 3.4vw, 54px);
line-height: 1;
letter-spacing: .04em;
color: rgba(255, 255, 255, .95);
text-shadow: 0 2px 20px rgba(0, 0, 0, .45);
white-space: nowrap;
max-width: 100%;
}
.urun-gorsel > video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: 0;
transition: opacity .28s ease;
pointer-events: none;
}
.urun:hover .urun-gorsel > video,
.urun:focus-visible .urun-gorsel > video,
.urun.is-active-mobile .urun-gorsel > video {
opacity: 1;
}
.urun-metin {
display: flex;
flex-direction: column;
flex: 1 1 auto;
gap: 6px;
padding: 14px clamp(13px, 1.5vw, 18px) 16px;
}
.urun-baslik {
font-family: var(--font-display);
font-size: clamp(16px, 1.6vw, 21px);
font-weight: 800;
line-height: 1.14;
letter-spacing: -.008em;
color: #f6f6f8;
text-shadow: 0 2px 10px rgba(0, 0, 0, .7);
transition: color .3s ease, text-shadow .3s ease;
}
.urun-alt {
font-family: var(--font-ui);
font-size: clamp(11px, 1.05vw, 12.5px);
line-height: 1.42;
color: rgba(255, 255, 255, .66);
text-shadow: 0 1px 6px rgba(0, 0, 0, .7);
transition: color .3s ease, text-shadow .3s ease;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
min-height: 0;
}
.urun-fiyat-disi {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-display);
font-size: clamp(20px, 2vw, 25px);
font-weight: 900;
letter-spacing: -.01em;
color: #0f1117;
white-space: nowrap;
transform-origin: 50% calc(20px - (var(--yuk) / 2));
}
.eklenti-hata {
max-width: 46ch;
margin: 0 auto;
font-family: var(--font-ui);
font-size: 13px;
line-height: 1.5;
color: #6b7280;
text-align: center;
}
.urun:hover .urun-baslik,
.urun:focus-visible .urun-baslik,
.urun.is-active-mobile .urun-baslik {
color: #fff;
text-shadow: 0 2px 12px rgba(0, 0, 0, .85), 0 0 3px rgba(0, 0, 0, .6);
}
.urun:hover .urun-alt,
.urun:focus-visible .urun-alt,
.urun.is-active-mobile .urun-alt {
color: rgba(255, 255, 255, .95);
text-shadow: 0 1px 9px rgba(0, 0, 0, .85), 0 0 3px rgba(0, 0, 0, .55);
}
.store-foot {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 0 20px 36px;
font-size: 12.5px;
color: rgba(255, 255, 255, .68);
text-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}
.store-foot-row {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.store-foot a { color: rgba(255, 255, 255, .88); text-decoration: underline; text-underline-offset: 2px; }
.store-foot a:hover { color: #fff; }
.store-foot-sep { opacity: .5; }
body.store-anasayfa #pageRoot {
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh;
}
body.store-anasayfa .store-foot {
margin-top: auto;
padding-bottom: 26px;
color: #6b7280;
text-shadow: none;
gap: 6px;
}
body.store-anasayfa.player-active .store-foot {
padding-bottom: calc(26px + var(--player-h));
}
body.store-anasayfa .store-foot-row { gap: 14px; }
body.store-anasayfa .store-foot a { color: #3f3f46; text-decoration-color: rgba(63, 63, 70, .35); }
body.store-anasayfa .store-foot a:hover { color: #18181b; text-decoration-color: currentColor; }
body.store-anasayfa .store-foot-sep { opacity: .4; }
.store-foot-satici {
max-width: 640px;
white-space: nowrap;
margin: 10px 0 0;
font-size: 11.5px;
line-height: 1.55;
color: rgba(255, 255, 255, .58);
text-align: center;
}
.store-foot-satici strong { font-weight: 600; color: rgba(255, 255, 255, .8); }
body.store-anasayfa .store-foot-satici {
margin-top: 6px;
color: #8b8f9a;
}
body.store-anasayfa .store-foot-satici a {
color: #52525b;
font-weight: 600;
text-decoration: underline;
text-decoration-color: rgba(82, 82, 91, .3);
text-underline-offset: 2px;
transition: color .2s ease, text-decoration-color .2s ease;
}
body.store-anasayfa .store-foot-satici a:hover {
color: #18181b;
text-decoration-color: currentColor;
}
.store-ok {
display: none;
position: absolute;
top: 50%;
margin-top: -20px;
z-index: 4;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border-radius: 999px;
border: 1px solid rgba(20, 20, 25, .10);
background: rgba(255, 255, 255, .86);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #18181b;
cursor: pointer;
box-shadow: 0 6px 18px rgba(20, 20, 30, .16);
transition: opacity .2s ease, background .2s ease;
}
.store-ok--sol { left: 2px; }
.store-ok--sag { right: 2px; }
.store-ok:active { background: #fff; }
.store-ok:disabled {
opacity: .3;
cursor: default;
box-shadow: none;
}
@media (max-width: 760px) {
.store-shell { width: 100%; }
.store-vitrin {
position: relative;
width: 100vw;
margin-left: 50%;
transform: translateX(-50%);
min-width: 0;
max-width: 100vw;
overflow: hidden;
}
.store-raf {
--kart-gen: min(290px, 72vw);
--yan-bosluk: max(0px, calc((100% - var(--kart-gen)) / 2));
box-sizing: border-box;
max-width: 100%;
min-width: 0;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
gap: 16px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scrollbar-width: none;
padding: 12px var(--yan-bosluk);
cursor: grab;
}
.store-raf::-webkit-scrollbar { display: none; }
.store-raf.store-raf--surukleniyor {
cursor: grabbing;
scroll-snap-type: none;
}
.store-raf.store-raf--surukleniyor .urun { user-select: none; }
.urun {
--gen: var(--kart-gen);
--yuk: min(349px, 84vw);
flex: 0 0 auto;
scroll-snap-align: center;
filter: blur(3px);
opacity: .45;
transform: scale(.9);
transition: filter .28s ease, opacity .28s ease, transform .28s ease;
}
.urun.is-active-mobile {
filter: none;
opacity: 1;
transform: scale(1);
}
.urun { --yuk: max(min(349px, 84vw), calc(var(--gen) * .5625 + 200px)); }
.urun-gorsel { height: calc(var(--gen) * .5625); }
.urun-baslik { font-size: 26px; line-height: 1.18; white-space: nowrap; }
.urun-alt {
font-size: 16px;
line-height: 1.45;
display: block;
-webkit-line-clamp: unset;
overflow: visible;
}
.urun-metin { gap: 8px; }
.urun-yuz--ust,
.urun-yuz--dip,
.urun-yuz--sol,
.urun-yuz--sag { display: none; }
.urun-yuz--on {
transform: none;
border-radius: 0;
}
.urun.is-active-mobile .urun-yuz--on {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
}
.urun-govde,
.urun-fiyat-disi {
transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
transition: transform .14s ease-out;
}
.urun:hover .urun-govde,
.urun:focus-visible .urun-govde,
.urun.is-active-mobile .urun-govde,
.urun:hover .urun-fiyat-disi,
.urun:focus-visible .urun-fiyat-disi,
.urun.is-active-mobile .urun-fiyat-disi {
transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
}
.store-ok { display: flex; }
}
@media (max-width: 560px) {
body.store-anasayfa .store-foot-row { gap: 4px 7px; }
.store-foot-row { gap: 4px 7px; }
.store-foot-sep { margin: 0; }
.store-foot { font-size: 12px; }
.store-foot-satici { white-space: normal; }
}
@media (max-width: 420px) {
.store-shell { padding: 44px 16px 56px; }
.store-hero { margin-bottom: 44px; }
}
@media (prefers-reduced-motion: reduce) {
body.store-page { animation: none; background-position: 0% 50%; }
.urun--yakinda[data-slug="doodle"].urun--titre { animation: none; }
.urun-govde, .urun-yuz, .urun-baslik, .urun-alt, .urun-git,
.urun-kilit, .urun-kilit-ikon,
.store-rozet { transition-duration: .01ms; }
.urun-kilit-ikon { transform: none; }
.urun:hover .urun-yuz--on,
.urun:focus-visible .urun-yuz--on {
animation: none;
background-size: 100% 100%;
}
}
:root[data-tema="koyu"] body.store-page.store-anasayfa { background: var(--tm-zemin); }
:root[data-tema="koyu"] .store-title { color: var(--tm-yazi); }
:root[data-tema="koyu"] .store-sub { color: var(--tm-soluk); }
:root[data-tema="koyu"] .eklenti-hata { color: var(--tm-soluk); }
:root[data-tema="koyu"] .store-ok {
background: rgba(30, 30, 34, .82);
color: var(--tm-yazi);
border-color: var(--tm-cizgi);
box-shadow: 0 6px 18px rgba(0, 0, 0, .5);
}
:root[data-tema="koyu"] .store-ok:active { background: rgba(45, 45, 50, .95); }
:root[data-tema="koyu"] body.store-anasayfa .store-foot {
color: var(--tm-soluk);
text-shadow: none;
}
:root[data-tema="koyu"] body.store-anasayfa .store-foot a {
color: #d4d4d8;
text-decoration-color: rgba(212, 212, 216, .35);
}
:root[data-tema="koyu"] body.store-anasayfa .store-foot a:hover {
color: var(--tm-yazi);
text-decoration-color: currentColor;
}
:root[data-tema="koyu"] body.store-anasayfa .store-foot-satici { color: var(--tm-soluk); }
:root[data-tema="koyu"] body.store-anasayfa .store-foot-satici strong { color: var(--tm-yazi); }
:root[data-tema="koyu"] body.store-anasayfa .store-foot-satici a {
color: #d4d4d8;
text-decoration-color: rgba(212, 212, 216, .35);
}
:root[data-tema="koyu"] body.store-anasayfa .store-foot-satici a:hover {
color: var(--tm-yazi);
text-decoration-color: currentColor;
}
:root[data-tema="koyu"] .store-rozet {
color: var(--tm-yazi);
background: rgba(255, 255, 255, .08);
border-color: var(--tm-cizgi);
}
:root[data-tema="koyu"] .store-rozet:hover,
:root[data-tema="koyu"] .store-rozet:focus-visible {
background: rgba(255, 255, 255, .14);
border-color: rgba(255, 255, 255, .3);
}
:root[data-tema="koyu"] .urun-fiyat-disi { color: var(--tm-yazi); }