.product-detail { padding-block: 28px 64px; }
.product-detail > .proizvod-glavni-div { min-width: 0; }
.product-detail .product-div-up { gap: 24px; }
.product-detail .product-div-up-up { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #79717a; font-size: 12px; line-height: 1.6; }
.product-detail .product-div-up-up a { max-width: 100%; color: #6e6470; font-size: inherit; text-decoration: none; overflow-wrap: anywhere; }
.product-detail .product-div-up-up a:hover { color: #b20135; }
.product-detail .detail-breadcrumb-current { min-width: 0; max-width: 100%; color: #332b34; overflow-wrap: anywhere; }
.product-detail .detail-breadcrumb-separator { color: #b4aab1; }
.product-detail .product-div-up-down { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); gap: 48px; align-items: start; }
.product-detail .product-div-up-down-left { display: flex; min-width: 0; flex-direction: column; gap: 32px; }
.product-detail .detail-gallery { display: flex; flex-direction: column; gap: 12px; }
.product-detail .detail-gallery-stage { min-width: 0; aspect-ratio: 1; border: 1px solid #eee9ec; border-radius: 12px; overflow: hidden; background: #fff; }
.product-detail .product-div-up-down-row-item { display: none; position: relative; width: 100%; height: 100%; max-width: none; margin: 0; padding: 0; border: 0; flex: none; background: #fff; cursor: zoom-in; }
.product-detail .product-div-up-down-row-item.is-active { display: block; }
.product-detail .product-div-up-down-row-img { display: block; width: 100%; height: 100%; box-sizing: border-box; aspect-ratio: auto; padding: clamp(12px,2vw,28px); object-fit: contain; }
.product-detail .detail-zoom { position: absolute; right: 14px; bottom: 14px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #625765; background: #fff; border: 1px solid #eee9ec; border-radius: 50%; font-size: 22px; line-height: 1; }
.product-detail .detail-thumbnails { display: flex; gap: 10px; overflow-x: auto; padding: 3px; scrollbar-width: thin; }
.product-detail .detail-thumbnail { flex: 0 0 72px; width: 72px; height: 72px; padding: 4px; border: 1px solid #e6dfe5; border-radius: 7px; background: #fff; cursor: pointer; }
.product-detail .detail-thumbnail[aria-pressed=true] { border-color: #b20135; box-shadow: 0 0 0 1px #b20135; }
.product-detail .detail-thumbnail img { width: 100%; height: 100%; object-fit: contain; }
.product-detail .detail-gallery-hint { margin: 0; color: #837985; font-size: 12px; line-height: 1.5; }
.product-detail .product-div-up-down-right { position: sticky; top: 24px; display: flex; flex-direction: column; gap: 0; min-width: 0; width: auto; flex: none; padding: 26px; background: #fff; border: 1px solid #eee9ec; border-radius: 12px; }
.product-detail .product-div-up-down-right-brend { align-items: center; gap: 20px; min-height: 28px; margin-bottom: 12px; }
.product-detail .product-div-up-down-right-brend-text { min-width: 0; color: #6e626d; font-size: 13px; font-weight: 700; letter-spacing: .45px; overflow-wrap: anywhere; }
.product-detail .product-div-up-down-right-brend-icon { min-height: 0; }
.product-detail .product-div-up-down-right-brend-icon-img { width: 84px; height: 28px; object-fit: contain; object-position: right center; }
.product-detail .detail-title { margin: 0; color: #28212b; font-size: clamp(25px,2.3vw,34px); line-height: 1.25; letter-spacing: -.6px; font-weight: 600; overflow-wrap: anywhere; }
.product-detail .detail-sku { margin: 10px 0 0; color: #817581; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.product-detail .product-div-up-down-right-price { flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 8px 12px; margin: 22px 0; }
.product-detail .product-div-up-down-right-price-osnovna { color: #28212b; font-size: 29px; font-weight: 700; line-height: 1.3; letter-spacing: -.6px; text-align: left; white-space: nowrap; }
.product-detail .product-div-up-down-right-price-akcija { color: #b20135; }
.product-detail .proizvod-down-cijena-stara { min-height: 0; color: #8a808c; font-size: 15px; line-height: 1.4; white-space: nowrap; }
.product-detail .product-div-up-down-right-discount { align-self: center; margin: 0; padding: 4px 8px; border-radius: 5px; font-size: 11px; font-weight: 700; line-height: 1.4; }
.product-detail .product-div-up-down-right-color { gap: 12px; padding-block: 18px; border-top: 1px solid #eee9ec; }
.product-detail .product-div-up-down-right-color-header { align-items: center; gap: 10px; }
.product-detail .product-div-up-down-right-color-header-left { color: #4c414e; font-size: 13px; line-height: 1.5; font-weight: 500; }
.product-detail .product-div-up-down-right-color-header-content { color: #28212b; font-weight: 600; }
.product-detail .product-div-up-down-right-color-colors { gap: 8px; width: 100%; flex-wrap: wrap; }
.product-detail .proizvod-boja-detalji { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; border: 0; outline: none; border-radius: 6px; background: none; }
.product-detail .proizvod-boja-detalji::before { content: ''; width: 28px; height: 28px; border: 1px solid #0003; border-radius: 50%; background: var(--product-swatch,transparent); background-size: contain; background-position: center; background-repeat: no-repeat; }
.product-detail .proizvod-boja-aktivna::before { box-shadow: 0 0 0 3px #fff,0 0 0 4px #3f3340; }
.product-detail .proizvod-velicina-detalji { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 var(--size-option-diameter); box-sizing: border-box; width: var(--size-option-diameter); height: var(--size-option-diameter); min-width: var(--size-option-diameter); max-width: var(--size-option-diameter); min-height: var(--size-option-diameter); max-height: var(--size-option-diameter); border: 1px solid #cfc6ce; border-radius: 50%; background: #fff; color: #433745; padding: 2px; font: inherit; font-size: 12px; line-height: 1.15; white-space: nowrap; cursor: pointer; }
.product-detail .proizvod-velicina-detalji-aktivna { background: #000; color: #fff; border-color: #000; }
.product-detail .detail-text-button { padding: 0; border: 0; background: none; color: #6d5869; font: inherit; font-size: 12px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.product-detail .product-div-up-down-right-dostupno { flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; padding: 14px 0; border-top: 1px solid #eee9ec; border-bottom: 1px solid #eee9ec; font-size: 12px; }
.product-detail .product-div-up-down-right-dostupno-right { gap: 7px; color: #4c414e; font-size: 12px; }
.product-detail .product-dostpuno-indikator { flex: 0 0 7px; width: 7px; height: 7px; }
.product-detail .product-div-up-down-right-add-cart-div { gap: 10px; }
.product-detail .product-div-up-down-right-add-cart-div-button-add { display: flex; align-items: center; justify-content: center; flex: 1; gap: 10px; min-width: 0; height: 54px; min-height: 54px; padding: 14px; border: 1px solid #b20135; border-radius: 7px; background: #b20135; color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.product-detail .product-div-up-down-right-add-cart-div-button-add svg path { fill: none; stroke: currentColor; }
.product-detail .product-div-up-down-right-add-cart-div-button-add:hover { background: #91032e; }
.product-detail .product-div-up-down-right-add-cart-div-button-add:disabled { color: #8c818c; background: #f1edf0; border-color: #e2dbe1; cursor: not-allowed; }
.product-detail .product-div-up-down-right-add-cart-div-button-fav { flex: 0 0 54px; width: 54px; height: 54px; padding: 0; border: 1px solid #ded5dd; border-radius: 7px; background: #fff; color: #514152; font: inherit; }
.product-detail .page-product-div-heart { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.product-detail .product-div-up-down-right-add-cart-div-button-fav.popuni-srce { color: #b20135; background: #fff4f7; border-color: #ecc9d6; }
.product-detail .detail-unavailable { margin: 0 0 14px; padding: 12px; border-radius: 6px; background: #f7f3f5; color: #766775; font-size: 13px; line-height: 1.5; }
.product-detail .product-div-up-down-row { min-width: 0; }
.product-detail .detail-information { width: 100%; }
.product-detail .product-div-up-down-row-tabs { width: 100%; border: 1px solid #eee9ec; border-radius: 10px; overflow: hidden; }
.product-detail .product-div-up-down-row-tabs-header { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0; border-bottom: 1px solid #eee9ec; background: #fcfafb; scrollbar-width: thin; }
.product-detail .product-div-up-down-row-tabs-header-item { flex: 0 0 auto; max-width: none; padding: 14px 12px; border: 0; border-bottom: 2px solid transparent; background: none; color: #7a6c79; font: inherit; font-size: 12px; line-height: 1.5; cursor: pointer; }
.product-detail .product-div-up-down-row-tabs-header-item-active { border-bottom-color: #b20135; color: #b20135; font-weight: 600; }
.product-detail .product-div-up-down-row-tabs-content { flex-direction: column; gap: 20px; padding: 22px; color: #5e505f; font-size: 14px; line-height: 1.8; }
.product-detail .detail-description { overflow-wrap: anywhere; }
.product-detail .detail-description img { max-width: 100%; height: auto; }
.product-detail .detail-description > :first-child { margin-top: 0; }
.product-detail .detail-description > :last-child { margin-bottom: 0; }
.product-detail .detail-attributes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 22px; margin: 0; }
.product-detail .detail-attributes > div { padding: 12px 0; border-bottom: 1px solid #f0ebef; }
.product-detail .detail-attributes dt { color: #8a7e89; font-size: 12px; }
.product-detail .detail-attributes dd { margin: 3px 0 0; color: #3e3341; overflow-wrap: anywhere; }
.product-detail .detail-muted { color: #877a87; }
.product-detail .product-size-table,.product-detail .product-quantity-table { border: 1px solid #e9dfe6; border-radius: 12px; box-shadow: 0 20px 70px #24132626; }
.product-detail .product-size-table { max-height: calc(100dvh - 32px); overflow: auto; }
.product-detail .detail-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; color: #3c2d3e; }
.product-detail .detail-dialog-close { flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid #e3d8e0; border-radius: 50%; background: #fff; color: #514152; font-size: 23px; cursor: pointer; }
.product-detail .product-size-tabs-tab { border: 0; font: inherit; font-size: 12px; cursor: pointer; }
.product-detail .product-gallery-div-parent { max-width: calc(100vw - 32px); }
.product-detail .product-gallery-close,.product-detail .product-gallery-prev,.product-detail .product-gallery-next { border: 0; cursor: pointer; }
.product-detail button:focus-visible,.product-detail a:focus-visible,.product-detail [tabindex]:focus-visible { outline: 2px solid #b20135; outline-offset: 2px; }
.product-detail .product-div-up-down-row-item:focus-visible { outline-offset: -4px; }
@media(max-width:1199px) { .product-detail .product-div-up-down { gap: 24px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .product-detail .product-div-up-down-right { padding: 20px; } .product-detail .detail-title { font-size: 27px; } }
@media(max-width:991px) { .product-detail .product-div-up-down { display: flex; flex-direction: column; gap: 24px; } .product-detail .product-div-up-down-left { display: contents; } .product-detail .detail-gallery { width: 100%; max-width: 600px; align-self: center; order: 0; } .product-detail .product-div-up-down-right { position: static; width: 100%; order: 1; } .product-detail .detail-information { order: 2; } .product-detail .detail-gallery-stage { aspect-ratio: 1.1; } }
@media(max-width:767px) { .product-detail { padding-block: 18px 40px; } .product-detail .product-div-up { gap: 16px; } .product-detail .product-div-up-up { font-size: 11px; gap: 5px 7px; } .product-detail .product-div-up-down { gap: 20px; } .product-detail .product-div-up-down-right { padding: 18px; border-radius: 10px; } .product-detail .detail-title { font-size: 25px; } .product-detail .product-div-up-down-right-price { margin: 18px 0; } .product-detail .product-div-up-down-right-price-osnovna { font-size: 27px; } .product-detail .detail-thumbnail { width: 62px; height: 62px; flex-basis: 62px; } .product-detail .detail-gallery { gap: 9px; } .product-detail .detail-gallery-stage { aspect-ratio: 1; } .product-detail .product-div-up-down-row-tabs-content { padding: 18px; } }
@media(hover:hover) { .product-detail .detail-thumbnail:hover,.product-detail .proizvod-velicina-detalji:hover { border-color: #b20135; } }