.shop-product-card { display: flex; min-width: 0; height: 100%; }
.shop-product-card > .proizvod { width: 100%; min-width: 0; max-width: none; gap: 12px; flex: 1; }
.shop-product-card .proizvod-up { aspect-ratio: 1; flex-shrink: 0; overflow: hidden; border: 1px solid #efeded; border-radius: 8px; background: #fff; }
.shop-product-card .parent-od-swippera { display: block; width: 100%; max-width: 100%; height: 100%; }
.shop-product-card .slike-proizvoda { height: 100%; }
.shop-product-card .proizvod-up-img { box-sizing: border-box; width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; padding: clamp(8px,1.1vw,18px); transition: transform .25s ease; }
.shop-product-card .proizvod-up-heart { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; top: 10px; right: 10px; padding: 0; color: #343039; border: 1px solid #eee9ec; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px #25121a08; cursor: pointer; transition: color .15s,background-color .15s,border-color .15s; }
.shop-product-card .proizvod-up-heart svg { width: 21px; height: 19px; }
.shop-product-card .proizvod-up-heart.popuni-srce { color: #b20135; border-color: #efd5de; background: #fff4f7; }
.shop-product-card .proizvod-up-heart.popuni-srce path { fill: currentColor; stroke: currentColor; }
.shop-product-card .proizvod-up-text { top: 12px; left: 12px; max-width: calc(100% - 72px); box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 6px 9px; border-radius: 4px; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: .1px; }
.shop-product-card .proizvod-down { flex: 1; min-width: 0; padding: 0 2px; gap: 6px; }
.shop-product-card .proizvod-down-color { flex-wrap: nowrap; gap: 0; min-height: 32px; height: 32px; margin: 0 -6px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.shop-product-card .proizvod-down-color::-webkit-scrollbar { display: none; }
.shop-product-card .proizvod-boja { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; margin: 0; border: 0; outline: none; background: none; border-radius: 5px; }
.shop-product-card .proizvod-boja::before { content: ''; width: 17px; height: 17px; border: 1px solid #0003; border-radius: 50%; background: var(--product-swatch,transparent); background-size: contain; background-position: center; background-repeat: no-repeat; }
.shop-product-card .proizvod-boja-aktivna::before { box-shadow: 0 0 0 2px #fff,0 0 0 3px #393039; }
.shop-product-card .proizvod-boja-plus { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 5px; font-size: 12px; line-height: 1; color: #625960; }
.shop-product-card .proizvod-down-brend { display: flex; align-items: center; min-height: 24px; height: 24px; overflow: hidden; font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: .35px; color: #4c444b; }
.shop-product-card .proizvod-down-brend-img { width: 84px; height: 24px; max-width: 100%; object-fit: contain; object-position: left center; }
.shop-product-card .proizvod-down-naziv { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 44px; max-height: 44px; margin: 0; color: #262028; font-size: 15px; font-weight: 500; line-height: 22px; text-decoration: none; overflow-wrap: anywhere; }
.shop-product-card .proizvod-down-cijena { display: flex; flex-wrap: wrap; align-items: baseline; align-content: flex-start; min-height: 48px; margin-top: auto; padding-top: 4px; gap: 3px 8px; }
.shop-product-card .proizvod-down-cijena-obicna { color: #262028; font-size: 21px; font-weight: 700; line-height: 1.35; text-align: left; letter-spacing: -.35px; white-space: nowrap; }
.shop-product-card .proizvod-down-cijena-akcija { color: #b20135; }
.shop-product-card .proizvod-down-cijena-stara { min-height: 0; color: #88808a; font-size: 13px; font-weight: 400; line-height: 1.4; white-space: nowrap; }
.shop-product-card a:focus-visible,.shop-product-card button:focus-visible { outline: 2px solid #b20135; outline-offset: 1px; }
.shop-product-card .parent-od-swippera:focus-visible { outline-offset: -3px; }
.product-div-lista .product-list-parent-products { gap: 32px 22px; }
@media(min-width:1280px) { .product-div-lista .product-list-parent-products { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media(min-width:1024px) and (max-width:1279px) { .product-div-lista .product-list-parent-products { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:767px) { .product-div-lista .product-list-parent-products { gap: 26px 12px; } }
@media(hover:hover) { .shop-product-card .parent-od-swippera:hover .proizvod-up-img { transform: scale(1.035); } .shop-product-card .proizvod-up-heart:hover { color: #b20135; border-color: #d6a5b6; background: #fff4f7; } .shop-product-card .proizvod-down-naziv:hover { color: #b20135; } }
@media(max-width:767px) { .shop-product-card > .proizvod { gap: 9px; } .shop-product-card .proizvod-up-heart { width: 36px; height: 36px; top: 6px; right: 6px; } .shop-product-card .proizvod-up-text { top: 8px; left: 8px; max-width: calc(100% - 55px); padding: 5px 7px; font-size: 11px; } .shop-product-card .proizvod-down { gap: 4px; } .shop-product-card .proizvod-down-naziv { font-size: 14px; line-height: 20px; min-height: 40px; max-height: 40px; } .shop-product-card .proizvod-down-cijena-obicna { font-size: 18px; } .shop-product-card .proizvod-down-cijena-stara { font-size: 12px; } }
@media(prefers-reduced-motion:reduce) { .shop-product-card .proizvod-up-img,.shop-product-card .proizvod-up-heart { transition: none; } .shop-product-card .parent-od-swippera:hover .proizvod-up-img { transform: none; } }