/* Kartice proizvoda u izgledu sa početne („Izdvajamo za tebe", 27.10.2026): sivi kvadrat sa uređajem, na njemu
   oznake (gore levo), poklon (gore desno) i boje (dole); ispod naziv u najviše dva reda i cena. Važi samo za
   komponentu WooListSingleProduct — klasu .itemBox koriste i blokovi koji nisu proizvodi (BlockCards*, BlockTwoImages). */
flynt-component[name="WooListSingleProduct"]{min-width:0!important;max-width:100%}
html body flynt-component[name="WooListSingleProduct"] .itemBox{height:auto!important;width:100%!important;min-width:0!important;max-width:100%;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;cursor:pointer;overflow:visible!important}
html body flynt-component[name="WooListSingleProduct"] .itemBox--content,
html body flynt-component[name="WooListSingleProduct"] .content-wrapp{display:block!important;height:auto!important;padding:0!important;margin:0!important;background:none!important}
/* naziv ispod slike i pre skripte (redosled preko flex-a), da ništa ne skače */
html body flynt-component[name="WooListSingleProduct"] .productImage{position:relative;display:flex!important;flex-direction:column!important;flex:none!important;margin:0!important;padding:0!important}
html body flynt-component[name="WooListSingleProduct"] .productImage>a{order:1;position:relative;display:block!important;flex:none!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0!important;border-radius:22px;background:#f4f4f6;overflow:hidden;transition:background .25s}
html body flynt-component[name="WooListSingleProduct"] .itemBox:hover .productImage>a{background:#ececf0}
html body flynt-component[name="WooListSingleProduct"] .productImage>h3{order:2;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:auto!important;min-height:2.6em!important;margin:13px 4px 0!important;padding:0!important;font-size:16px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em;text-align:left!important;white-space:normal!important}
html body flynt-component[name="WooListSingleProduct"] .itemBox figure.color_image{display:none!important}
html body flynt-component[name="WooListSingleProduct"] .itemBox figure.color_main_image{position:absolute!important;inset:0;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;flex:none!important;overflow:visible}
html body flynt-component[name="WooListSingleProduct"] .itemBox figure.color_main_image img{position:absolute;left:0;top:0;display:block;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;transform-origin:0 0}
.ikp-js flynt-component[name="WooListSingleProduct"] .itemBox figure.color_main_image img{opacity:0;transition:opacity .3s}
.ikp-js flynt-component[name="WooListSingleProduct"] .itemBox.ikp-ok figure.color_main_image img,
.ikp-gotovo flynt-component[name="WooListSingleProduct"] .itemBox figure.color_main_image img{opacity:1}
/* ispod slike: cena levo, stara cena pored */
html body flynt-component[name="WooListSingleProduct"] .wrappMeta{display:block!important;margin:3px 4px 0!important;padding:0!important;text-align:left!important}
html body flynt-component[name="WooListSingleProduct"] .wrappMeta::before,
html body flynt-component[name="WooListSingleProduct"] .wrappMeta::after{content:none!important;display:none!important}
html body flynt-component[name="WooListSingleProduct"] .price{display:flex!important;flex-direction:row!important;align-items:baseline;justify-content:flex-start!important;gap:8px;margin:0!important;padding:0!important;white-space:nowrap;text-align:left!important}
html body flynt-component[name="WooListSingleProduct"] .price>.amount,
html body flynt-component[name="WooListSingleProduct"] .price>ins{order:1;display:block!important;width:auto!important;margin:0!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important;text-align:left!important;text-decoration:none!important;background:none!important}
html body flynt-component[name="WooListSingleProduct"] .price>.amount del{display:none!important}
html body flynt-component[name="WooListSingleProduct"] .price>.amount ins{text-decoration:none!important;background:none!important}
html body flynt-component[name="WooListSingleProduct"] .price>del{order:2;position:relative!important;inset:auto!important;transform:none!important;display:inline-block!important;margin:0!important;font-size:13px!important;font-weight:400!important;color:#86868b!important;opacity:1;text-decoration:line-through!important}
html body flynt-component[name="WooListSingleProduct"] .price>del::before{display:none!important}
html body flynt-component[name="WooListSingleProduct"] .price>del *{font-size:13px!important;color:#86868b!important}
html body flynt-component[name="WooListSingleProduct"] .productActions,
html body flynt-component[name="WooListSingleProduct"] .productInfo{display:none!important}
/* na slici: oznake gore levo, poklon gore desno, boje dole */
html body flynt-component[name="WooListSingleProduct"] .ikp-oznake{position:absolute;z-index:3;top:12px;left:12px;display:flex;gap:6px}
html body flynt-component[name="WooListSingleProduct"] .ikp-oznake>.discount,
html body flynt-component[name="WooListSingleProduct"] .ikp-oznake>.bto{position:static!important;inset:auto!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:auto!important;height:22px!important;margin:0!important;padding:0 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;line-height:1!important;color:#fff!important;background:#e0262b!important;vertical-align:top}
html body flynt-component[name="WooListSingleProduct"] .ikp-oznake>.bto{background:#0071e3!important}
html body flynt-component[name="WooListSingleProduct"] .productImage>a .ipk-lista{position:absolute!important;z-index:3;top:12px!important;right:12px!important;left:auto!important;margin:0!important;display:block!important;pointer-events:none}
html body flynt-component[name="WooListSingleProduct"] .productImage>a .ipk-lista>span{display:inline-flex!important;align-items:center;gap:6px;box-sizing:border-box!important;height:28px!important;margin:0!important;padding:0 10px 0 3px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;line-height:1!important;color:#0071e3!important;background:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.08)}
html body flynt-component[name="WooListSingleProduct"] .productImage>a .ipk-lista i{display:inline-flex!important;width:22px!important;height:22px!important;margin:0!important;border-radius:50%;overflow:hidden;background:#fff}
html body flynt-component[name="WooListSingleProduct"] .productImage>a .ipk-lista i img{width:100%!important;height:100%!important;object-fit:cover}
html body flynt-component[name="WooListSingleProduct"] .productImage>a .colors{position:absolute!important;z-index:3;left:50%!important;bottom:12px!important;top:auto!important;transform:translateX(-50%);display:flex!important;align-items:center;gap:6px!important;width:auto!important;margin:0!important;padding:6px 9px!important;border-radius:999px;background:rgba(255,255,255,.75)}
html body flynt-component[name="WooListSingleProduct"] .productImage>a .colors .product_color{display:block!important;width:12px!important;height:12px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
html body flynt-component[name="WooListSingleProduct"] .productImage>a .colors .product_color img{display:block;width:12px!important;height:12px!important;border-radius:50%}
@media (max-width:760px){html body flynt-component[name="WooListSingleProduct"] .productImage>h3{font-size:15px!important}}
@media (max-width:600px){html body flynt-component[name="WooListSingleProduct"] .productImage>h3{min-height:0!important}}