.yukleniyor {
width: 2em;
height: 1em;
flex: none;
display: block;
overflow: visible;
}
.yukleniyor-iz {
fill: none;
stroke: currentColor;
stroke-width: 8;
opacity: .22;
}
.yukleniyor-akan {
fill: none;
stroke: currentColor;
stroke-width: 8;
stroke-linecap: round;
stroke-dasharray: 26 74;
animation: yukleniyorAk 1.5s linear infinite;
}
@keyframes yukleniyorAk {
from { stroke-dashoffset: 0; }
to   { stroke-dashoffset: -100; }
}
@media (prefers-reduced-motion: reduce) {
.yukleniyor-akan { animation: yukleniyorNabiz 1.6s ease-in-out infinite; }
@keyframes yukleniyorNabiz { 0%,100% { opacity: .35; } 50% { opacity: 1; } }
}
.indiriliyor-kutu {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.is-indiriliyor { pointer-events: none; }
.marka-simge {
position: relative;
display: block;
flex-shrink: 0;
width: var(--marka-boy, 22px);
height: var(--marka-boy, 22px);
}
.marka-gozluk {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 100%;
font-size: var(--marka-boy, 22px);
transform-origin: 4% 70%;
}
.marka-simge img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.marka-gozluk .marka-koyu { display: none; }
:root[data-tema="koyu"] .marka-gozluk .marka-koyu { display: block; }
:root[data-tema="koyu"] .marka-gozluk .marka-acik { display: none; }
.marka-emoji {
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
font-size: var(--marka-boy, 22px);
width: 1.14em;
height: 1.14em;
margin: -.48em 0 0 -.57em;
opacity: 0;
pointer-events: none;
}
.marka-el {
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
font-size: var(--marka-boy, 22px);
width: 1em;
height: 1em;
margin: -.5em 0 0 -.5em;
transform-origin: 4% 70%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
opacity: 0;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}
.marka-el > img {
display: block;
width: .78em;
height: .78em;
transform: scaleX(-1);
}
.marka-yazi {
display: inline-block;
position: relative;
z-index: 1;
transform-origin: 50% 0;
}
.marka-dikey {
--marka-boy: 30px;
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
line-height: 1;
}
.marka-dikey .marka-simge { margin-top: -3px; margin-bottom: -8px; }
.sayfa-ust {
position: relative;
z-index: 2;
display: flex;
justify-content: flex-start;
padding: 26px clamp(18px, 4vw, 44px) 0;
}
.ok-ikon {
display: inline-block;
width: 1em;
height: 1em;
flex: none;
vertical-align: -.14em;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.ok-ikon--sol {
-webkit-mask-image: url('/assets/icons/ok-sol.svg');
mask-image: url('/assets/icons/ok-sol.svg');
}
.ok-ikon--sag {
-webkit-mask-image: url('/assets/icons/ok-sag.svg');
mask-image: url('/assets/icons/ok-sag.svg');
}
.sahiplik-gizli { display: none !important; }
.sahiplik-indir {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
background: #0a84ff !important;
background-image: none !important;
color: #fff !important;
border-color: transparent !important;
}
.sahiplik-indir:hover { background: #2a95ff !important; }
.sahiplik-indir .sahiplik-ikon { flex: none; }
.urun--sende .urun-fiyat-disi-ic { color: #0f1117; }