.iv-vitrin{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;background:var(--iv-bg,#fff);padding:var(--iv-padding,14px);position:relative;z-index:1}.iv-vitrin *{box-sizing:border-box}.iv-track{display:flex;width:max-content;max-width:none;gap:var(--iv-gap,14px)}.iv-group{display:flex;flex:0 0 auto;gap:var(--iv-gap,14px)}.iv-item{position:relative;display:block;flex:0 0 var(--iv-desktop,210px);width:var(--iv-desktop,210px);height:var(--iv-height,155px);overflow:hidden;border-radius:var(--iv-radius,12px);text-decoration:none;background:#f0f0f0;box-shadow:0 2px 10px rgba(0,0,0,.09)}.iv-image{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .25s ease}.iv-hover .iv-item:hover .iv-image{transform:scale(1.045)}.iv-moving .iv-track{animation:iv-marquee var(--iv-speed,35s) linear infinite}.iv-reverse .iv-track{animation-direction:reverse}@keyframes iv-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:767px){.iv-item{flex-basis:var(--iv-mobile,145px);width:var(--iv-mobile,145px)}}@media(prefers-reduced-motion:reduce){.iv-moving .iv-track{animation:none}.iv-vitrin{overflow-x:auto}} 

.iv-title{position:absolute;bottom:9px;left:9px;z-index:2;max-width:calc(100% - 18px);padding:5px 9px;border-radius:7px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;pointer-events:none;text-align:left;box-shadow:0 1px 5px rgba(0,0,0,.15)}

.iv-badge{position:absolute;top:9px;left:9px;z-index:3;max-width:calc(100% - 18px);padding:5px 9px;border-radius:7px;background:#b91c1c;color:#fff;font-size:12px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;pointer-events:none;box-shadow:0 1px 5px rgba(0,0,0,.2)}

/* Üç sütunlu, alt alta ilan vitrini */
.iv-grid-vitrin .iv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--iv-gap,14px);width:100%;max-width:1200px;margin:0 auto;align-items:stretch}
.iv-grid-vitrin .iv-item{display:block;min-width:0;width:100%;height:auto;aspect-ratio:4/3;flex:none}
.iv-grid-vitrin .iv-image{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
@media(max-width:767px){.iv-grid-vitrin{padding:8px}.iv-grid-vitrin .iv-grid{gap:7px}.iv-grid-vitrin .iv-title{font-size:10px;padding:3px 5px;bottom:5px;left:5px;max-width:calc(100% - 10px)}.iv-grid-vitrin .iv-badge{font-size:10px;padding:3px 5px;top:5px;left:5px;max-width:calc(100% - 10px)}}

/* Responsive grid: 3 desktop, 2 tablet, 1 phone */
@media (min-width:768px) and (max-width:1024px){
 .iv-grid-vitrin .iv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:767px){
 .iv-grid-vitrin{padding:12px}
 .iv-grid-vitrin .iv-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .iv-grid-vitrin .iv-item{width:100%;aspect-ratio:4/3}
 .iv-grid-vitrin .iv-title{font-size:15px;padding:7px 11px;bottom:10px;left:10px;max-width:calc(100% - 20px)}
 .iv-grid-vitrin .iv-badge{font-size:13px;padding:6px 10px;top:10px;left:10px;max-width:calc(100% - 20px)}
}
/* Mobilde 3 ilan: tam genişlik, minimum boşluk, dikey büyük görsel */
@media(max-width:767px){
 .iv-grid-vitrin{padding:2px!important;width:100%;max-width:100%}
 .iv-grid-vitrin .iv-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;max-width:none}
 .iv-grid-vitrin .iv-item{width:100%;min-width:0;aspect-ratio:3/4!important;border-radius:5px}
 .iv-grid-vitrin .iv-image{object-fit:cover}
 .iv-grid-vitrin .iv-title{font-size:9px;line-height:1.15;padding:3px 4px;left:3px;bottom:3px;max-width:calc(100% - 6px);border-radius:3px}
 .iv-grid-vitrin .iv-badge{font-size:9px;line-height:1.15;padding:3px 4px;left:3px;top:3px;max-width:calc(100% - 6px);border-radius:3px}
}