/* Ürünler sayfası (urunler.html, üretici _ic/urunler.py): anasayfa ürün grubu kartı (.urs5 .u2-c, zumer-urs.css) + üst koyu şerit ve içinde kayan ürün etiketleri (konsept urun-kart-konsept.html 4A) */
.urk-s{background:#fff}
.urk-s .ay2 span:not(:first-child){background:#e3e6e9}
.urk-s .u2-c{box-shadow:inset 0 0 0 1px #e6e8eb}
.urk{scroll-margin-top:120px}
/* numara rozeti yerine kartın tepesinde koyu şerit: no + kayan ürünler; üzerine gelince soldan kırmızıyla dolar */
.urs5 .urk .kn{display:none}
.urk .ser{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;align-items:center;gap:16px;height:42px;padding:0 0 0 20px;background:#1d1f22;color:#fff;font:700 13px/1 "Plus Jakarta Sans",sans-serif;isolation:isolate}
.urk .ser>b{flex:none}
.urk .ser>b i{font-style:normal;color:rgba(255,255,255,.45)}
.urk .ser::before{content:"";position:absolute;inset:0;z-index:-1;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.77,0,.18,1)}
.urk:hover .ser::before{transform:none}
.urk:hover .ser>b i{color:rgba(255,255,255,.75)}
.urk .mq{position:relative;flex:1;align-self:stretch;display:flex;align-items:center;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.urk .mq-i{display:flex;width:max-content;animation:urkMq 26s linear infinite}
.urk .mq-k{display:flex}
.urk .mq span>span,.urk .mq-i>span{position:relative;padding:0 14px 0 16px;font:600 12px/1 "Plus Jakarta Sans",sans-serif;color:rgba(255,255,255,.8);white-space:nowrap}
.urk .mq-i>span::before,.urk .mq-k>span::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%);transition:background .4s}
.urk:hover .mq-i>span::before,.urk:hover .mq-k>span::before{background:#fff}
.urk:hover .mq-i{animation-duration:13s}
@keyframes urkMq{to{transform:translateX(-50%)}}
.urs5 .urk .fz{top:66px}
/* ok kutusu: anasayfadaki logo işaretiyle aynı (zumer-z-isaret.css .u2 .ok3) */
.urs5 .ok3 i{inset:0!important;margin:auto;width:64%;height:50.4%}
.urs5 .ok3 .g{clip-path:polygon(0 17%,64.8% 17%,0 100%)!important}
.urs5 .ok3 .r{clip-path:polygon(100% 0,100% 83.2%,34.9% 83.2%)!important}
.urs5 .ok3 :is(.g,.r)::before{content:"";position:absolute;inset:0}
.urs5 .ok3 .g::before{background:rgba(0,0,0,.17);clip-path:polygon(0 17%,32.5% 58.4%,0 100%)}
.urs5 .ok3 .r::before{background:rgba(255,20,30,.35);clip-path:polygon(67.3% 41.8%,100% 83.2%,34.9% 83.2%)}
@media (max-width:991px){.urs5 .ok3{width:54px;height:54px}.urs5 .u2-c:hover .ok3{width:54px;height:54px}.urs5 .u2-c .ug-say{bottom:62px;font-size:12px}.urs5 .u2-c:hover .ug-say{bottom:62px}}
@media (max-width:575px){.urk .ser{padding-left:16px}}
@media (prefers-reduced-motion:reduce){.urk .mq-i{animation:none}}
@media (min-width:1200px){.urs5 .u2-c .ug-ad{white-space:nowrap;font-size:21px}}