/* Satış mağazası wall cards only: small ölçü cluster under the visual. */
#urunler .vui-olcu{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.6rem .75rem;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.35);font-size:.8rem;line-height:1.3;min-width:0}
#urunler .vui-olcu[hidden]{display:none}
#urunler .vui-olcu-env{display:inline-flex;border:1px solid rgba(34,211,238,.28);border-radius:.55rem;overflow:hidden;flex:0 0 auto}
#urunler .vui-olcu-btn{min-height:36px;padding:.35rem .6rem;background:transparent;color:inherit;border:0;font:inherit;cursor:pointer;white-space:nowrap}
#urunler .vui-olcu-btn+.vui-olcu-btn{border-left:1px solid rgba(34,211,238,.28)}
#urunler .vui-olcu-btn[aria-pressed="true"]{background:rgba(34,211,238,.16);color:#e6fbff}
#urunler .vui-olcu-btn:focus-visible,#urunler .vui-olcu-input:focus-visible{outline:2px solid rgba(34,211,238,.45);outline-offset:1px}
#urunler .vui-olcu-dims{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}
#urunler .vui-olcu-field{display:inline-flex;align-items:center;gap:.3rem;min-width:0}
#urunler .vui-olcu-input{width:4.25rem;min-width:0;min-height:36px;padding:.3rem .45rem;border:1px solid rgba(148,163,184,.35);border-radius:.45rem;background:rgba(2,6,23,.55);color:inherit;font:inherit;font-size:16px;text-align:right}
#urunler .vui-olcu-label,#urunler .vui-olcu-unit{opacity:.8}
/* Desktop two-column card: ölçü stays directly under the visual (col 1), text column spans both rows. */
@media(min-width:1100px){#urunler .vui-card .vui-photo{grid-column:1;grid-row:1}#urunler .vui-card .vui-olcu{grid-column:1;grid-row:2;align-self:start;margin-top:-28px}#urunler .vui-card .vui-body{grid-column:2;grid-row:1/span 2}}
/* Cards already reserve bottom space for the assistant bubble; add a little more on small screens. */
@media(max-width:640px){#urunler .vui-card{padding-bottom:136px}#urunler .vui-olcu{padding:.6rem;margin-top:-12px}}
@media(max-width:640px),(pointer:coarse){#urunler .vui-olcu-btn,#urunler .vui-olcu-input{min-height:44px}}
/* Fixed large frame; inner composition (scene+LED as one photo) scales uniformly. contain, no cover, no aspect rewrite. */
#urunler .vui-photo.vui-frame{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:16/9;overflow:hidden}
#urunler .vui-frame .vui-zoom{display:block;width:100%;height:100%;transform-origin:center center;transition:transform .3s ease}
#urunler .vui-frame .vui-zoom img,#urunler .vui-frame .vui-zoom video{width:100%;height:100%;max-width:100%;aspect-ratio:auto;object-fit:contain}
#urunler .vui-photo.vui-still-only .vui-motion-still,#urunler .vpm-photo.vpm-still-only .vui-motion-still{display:block}
#urunler .vui-zoom.vui-loop-unavailable video{display:none}
#urunler .vui-zoom.vui-loop-unavailable .vui-motion-still{display:block}
#urunler .vui-card[data-vui-env="dis"] .vui-photo video{display:none!important}
#urunler .vui-card[data-vui-env="dis"] .vui-photo .vui-motion-still{display:block!important}
#urunler .vui-card:hover .vui-frame img,#urunler .vui-card:hover .vui-frame video,#urunler .vui-card:focus-within .vui-frame img,#urunler .vui-card:focus-within .vui-frame video{transform:none!important}
@media(prefers-reduced-motion:reduce){#urunler .vui-frame .vui-zoom{transition:none!important}}