/* Shared sizing, then laptop, tablet and phone layouts. Loaded after page styles. */
#lista-proizvoda-glavna { display: flex; flex-direction: column; align-items: stretch; gap: 24px; min-width: 0; }
.catalog-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; width: 100%; }
.catalog-result-count { margin: 0; color: #62626a; }
.catalog-result-count strong { color: #17171b; }
.catalog-sort { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.catalog-sort select { min-height: 44px; padding: 10px 32px 10px 12px; border: 1px solid #dcdce0; background: white; color: #17171b; font: inherit; border-radius: 4px; }
.catalog-price-range { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; width: 100%; margin: 0 0 16px; padding: 16px; background: #f7f7f8; border: 1px solid #ededee; border-radius: 6px; }
.catalog-price-title { flex-basis: 100%; font-weight: 700; font-size: 14px; }
.catalog-price-range label { display: flex; flex-direction: column; gap: 6px; flex: 1 1 0; min-width: 0; font-size: 13px; }
.catalog-price-range input { width: 100%; height: 44px; padding: 10px 12px; border: 1px solid #dcdce0; border-radius: 4px; background: white; color: #17171b; font: inherit; font-size: 16px; }
.catalog-range-dash { align-self: end; line-height: 44px; color: #777; }
.catalog-price-range button { flex-basis: 100%; min-height: 44px; padding: 10px 20px; border: 1px solid var(--osnovnaBoja); border-radius: 4px; color: white; background: var(--osnovnaBoja); font: inherit; font-weight: 700; cursor: pointer; }
.catalog-active-filters { width: 100%; display: flex; flex-direction: column; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid #ededee; }
.catalog-active-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; }
.catalog-clear-filters { background: none; border: 0; color: var(--osnovnaBoja); text-decoration: underline; cursor: pointer; padding: 8px 0 8px 12px; font: inherit; }
.catalog-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.catalog-filter-chip { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; max-width: 100%; padding: 8px 12px; border: 1px solid #e8d7dd; border-radius: 20px; background: #fcf3f6; color: #292329; text-align: left; font: inherit; font-size: 14px; cursor: pointer; overflow-wrap: anywhere; }
.catalog-chip-label { color: #75656c; }
.catalog-filter-chip > span:last-child { font-size: 22px; line-height: 1; color: var(--osnovnaBoja); flex-shrink: 0; }
.catalog-filter-chip:hover { border-color: var(--osnovnaBoja); }
.catalog-filter-chip:focus-visible, .catalog-clear-filters:focus-visible, .catalog-price-range :focus-visible, .catalog-sort select:focus-visible { outline: 2px solid var(--osnovnaBoja); outline-offset: 3px; }
.catalog-empty { width: 100%; padding: 36px 20px; text-align: center; background: #f7f7f8; border-radius: 6px; }
.catalog-empty p { margin: 12px 0 0; color: #62626a; line-height: 1.6; }
@media (max-width: 767px) {
    .catalog-list-toolbar { gap: 12px; }
    .catalog-sort { width: 100%; justify-content: space-between; }
    .catalog-sort select { flex: 1; max-width: 78%; }
    .catalog-price-title { flex-basis: 100%; }
    .catalog-price-range { gap: 10px; padding: 14px; }
    .catalog-price-range label { flex: 1 1 0; }
    .catalog-price-range button { flex-basis: 100%; }
}
*, *::before, *::after { box-sizing: border-box; }
body { min-width: 0; }
.content, .content > *, .header-down, .header-down-right,
.product-div-up-down-left,
.cart-down-left, .cart-item-right, .cart-item-right-parent2,
.profil-page-content, .checkout-div-2-kolona,
.page-about-columns-column, .page-loyalty-section1-content-columns-column,
.other-page-columns-column { min-width: 0; }
.login-div-left-down-up-form, .login-div-left-down-up-form-div,
.login-div-left-down-up-form-div-marge, .page-loyalty-forma-registracija,
.checkout-div, .profile-page-1, .profil-page > div { min-width: 0; }
.parent-od-swippera { width: 100%; max-width: 100%; }
.red2-content .proizvod-glavni-div { width: 100%; min-width: 0; }
.kategorija-thumbs-links-div { flex-wrap: wrap; }
.kategorija-thumbs-links-div-link { overflow-wrap: anywhere; }
img, video { max-width: 100%; }
input, select, textarea { min-width: 0; max-width: 100%; }
textarea { width: 100%; }
.ogranici-sirinu { width: 100%; margin-inline: auto; }
.header-down { align-items: center; gap: 24px; }
.header-down-left { flex: 0 0 auto; }
.header-down-left > a { display: block; }
.header-down-left img { display: block; width: 113px; height: auto; max-width: none; }
.header-down-right { flex: 0 0 auto; align-items: center; }
.header-down-right-right { flex-shrink: 0; }
.header-input { flex: 0 0 auto; width: 280px; }
.menu { min-width: 0; }
.mobile-menu-toggle, .mobile-search-toggle, .mobile-submenu-toggle, .mobile-filter-toggle, .mobile-flip-toggle { display: none; }
.product-list-parent-products, .fav-down-list {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px;
}
.product-list-parent-products > *, .fav-down-list > * { min-width: 0; }
.product-list-parent-products .proizvod-list-proizvod,
.fav-down-list .proizvod-list-proizvod { width: 100%; max-width: none; margin-bottom: 0; }
.product-div-up-down-row-item { flex-basis: calc(50% - 4px); min-width: 0; }
.product-div-up-down-right { min-width: 0; flex: 0 0 40%; }
.product-div-up-down-right-color-colors { width: 100%; min-width: 0; flex-wrap: wrap; }
.product-div-up-down-right-color-colors > .proizvod-boja-detalji,
.product-div-up-down-right-color-colors > .proizvod-velicina-detalji { flex: 0 0 auto; }
.product-div-up-down-right-color-colors > .proizvod-velicina-detalji { white-space: normal; }
.page-about-contact-section2 { min-width: 0; padding-inline: 32px; }
.page-about-contact-section2 > div { max-width: 800px; text-align: center; }
.page-about-form { width: 100%; max-width: 544px; }
.page-about-form-button-block > .page-about-button-a {
    flex: 0 0 auto; justify-content: center; align-items: center;
    white-space: nowrap; overflow-wrap: normal; word-break: normal;
}
.product-list-turn-on-filter-div-item, .product-list-turn-on-filter-div-item-values { flex-wrap: wrap; }
.responsive-table-scroll { max-width: 100%; overflow-x: auto; }
.responsive-table-scroll .table-moj { min-width: 640px; }
.product-size-table, .product-quantity-table { max-width: calc(100vw - 32px); }
.popup-parent { max-height: calc(100dvh - 32px); }
.product-size-table { overflow: auto; }
.product-gallery-image { max-height: 85dvh; object-fit: contain; }
.product-div-up-down-row-tabs-header { flex-wrap: wrap; }
.product-div-up-down-row-tabs-header-item { flex: 1 1 auto; max-width: none; }
.pagination-block { flex-wrap: wrap; }
.footer-up-column, .input-newslatter-div-input { min-width: 0; }
.input-newslatter-div { flex: 0 0 auto; }
.button-newslatter { height: auto; min-height: 48px; }
.header-input-input { width: 100%; min-width: 0; }
.proizvod-down-cijena { flex-wrap: wrap; }
.product-div-up-up { flex-wrap: wrap; }
.profil-page-menu-mail, .address-detail-value, .order-napomena-value,
.other-page-block, .page-about-form, .product-div-up-down-right-opis-cell,
.detalji-narudzbe-items-item-right { overflow-wrap: anywhere; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--osnovnaBoja); outline-offset: 3px; }
.menu-item-parent:focus-within .menu-item-content { transform: none; opacity: 1; }
.profil-page-menu-icon { display: none; }

@media (max-width: 1599px) {
    .ogranici-sirinu { padding-inline: 48px; }
    .header-up { padding-inline: 48px; }
    .menu { gap: 20px; }
    .header-input { min-width: 180px; width: 180px; }
    .header-down-right-right-item { padding-inline: 10px; }
    .product-list-parent-filters { width: 240px; min-width: 240px; }
    .product-list-parent-products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .product-div-up-down-right { min-width: 0; flex: 0 0 40%; }
    .cart-item-left { min-width: 160px; max-width: 160px; }
    .cart-item { height: auto; min-height: 220px; }
    .cart-down-right { flex-basis: 32%; }
    .cart-down-right-sum { padding: 24px; }
    .profil-page, .detalji-narudzbe, .page-brend { padding-inline: 48px; }
    .profil-page { gap: 32px; }
    .profil-page-menu { min-width: 280px; max-width: 340px; padding: 24px; }
    .div-prijava-checkout2-item { padding: 30px 48px; }
    .div-prijava-checkout2-form { min-width: 0; width: 100%; }
    .page-about-form { min-width: 0; max-width: 544px; width: 100%; }
    .page-loyalty-section1-content-columns-column-margin-left { padding-left: 48px; }
    .flip-content { padding: 24px; gap: 48px; }
    .footer-up { gap: 24px; flex-wrap: wrap; }
    .footer-up-column { flex: 1 1 180px; }
    .footer-up-column:last-child { flex: 1 1 300px; }
}

@media (max-width: 1199px) {
    .ogranici-sirinu { padding-inline: 32px; }
    .header-up { padding: 8px 32px; text-align: center; font-size: 13px; }
    .header-down-parent { padding-block: 16px; }
    .header-down { flex-wrap: wrap; align-items: center; gap: 16px; }
    .header-down-left { flex: 1; }
    .header-down-left img { width: 108px; }
    .mobile-menu-toggle { order: 2; }
    .header-down-right { order: 1; }
    .mobile-navigation-ready .mobile-search-toggle {
        display: flex; align-items: center; justify-content: center; flex-shrink: 0;
        width: 44px; height: 44px; border: 0; background: white; color: #404040; cursor: pointer;
    }
    .mobile-navigation-ready .header-input { display: none; }
    .mobile-navigation-ready.mobile-search-open .header-input {
        display: flex; position: absolute; top: 100%; left: 32px; right: 32px;
        width: auto; padding: 8px; background: white; z-index: 2; box-shadow: 0 4px 12px #00000014;
    }
    .mobile-search-open .header-search-result { top: calc(100% + 58px); }
    .mobile-navigation-ready .mobile-menu-toggle {
        display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
        padding: 8px 12px; border: 1px solid var(--borderBoja); background: white;
        font-size: 16px; cursor: pointer; color: #171717;
    }
    .header-down-right { flex: 0 1 auto; align-items: center; }
    .header-input { min-width: 0; width: 200px; }
    .header-down-right-right-item { padding-inline: 8px; }
    .header-down-right-right-item a { display: flex; align-items: center; justify-content: center; min-width: 36px; min-height: 44px; }
    .menu { order: 3; flex: 1 0 100%; flex-direction: column; justify-content: flex-start; gap: 0; max-height: 65dvh; overflow-y: auto; overflow-anchor: none; }
    .menu > .menu-item, .menu > .menu-item-parent { flex-shrink: 0; }
    .mobile-navigation-ready .menu { display: none; }
    .mobile-navigation-ready.mobile-menu-open .menu { display: flex; }
    .menu > .menu-item, .menu-item-parent > .menu-item { min-height: 48px; padding: 12px 0; }
    .menu-item-parent { flex-wrap: wrap; border-bottom: 1px solid var(--borderBoja); }
    .menu-item-parent > .menu-item { flex: 1; }
    .menu-item-for-hover, .menu-item-arow { display: none; }
    .mobile-submenu-toggle { display: flex; align-items: center; justify-content: center; width: 48px; min-height: 48px; border: 0; background: white; font-size: 24px; color: var(--osnovnaBoja); cursor: pointer; }
    .menu-item-content, .menu-item-parent:hover .menu-item-content,
    .menu-item-parent:focus-within .menu-item-content { display: none; position: static; transform: none; opacity: 1; }
    .menu-item-parent.mobile-submenu-open .menu-item-content { display: flex; }
    .menu-item-content-flex { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 16px 0 24px; gap: 24px; }
    .menu-item-content-flex-column { min-width: 0; padding: 0; }
    .menu-item-content-flex-column-last { display: none; }
    .menu-item-content-flex-column-down { gap: 8px; }
    .menu-item-content-flex-column-down-item { padding-block: 8px; }
    .header-search-result { top: 100%; max-height: 70dvh; overflow-y: auto; }
    .header-search-result-content { padding-block: 24px; }
    .header-search-result-content-right { min-width: 240px; max-width: 240px; padding-left: 24px; }
    .header-search-result-content-right-column { min-width: 0; max-width: none; flex: 1; }
    .header-search-result-content-left { padding-right: 24px; }
    .header-search-result-content-left-down { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .header-search-result-content-left-down > * { width: 100%; min-width: 0; }
    .product-list-parent { gap: 24px; }
    .product-list-parent-filters { width: 210px; min-width: 210px; }
    .product-list-parent-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
    .fav-down-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cart-down { flex-direction: column; align-items: stretch; }
    .cart-down-left { width: 100%; }
    .cart-down-right { position: static; width: 100%; flex-basis: auto; }
    .profil-page, .detalji-narudzbe, .page-brend { padding-inline: 32px; }
    .profil-page-menu { min-width: 240px; max-width: 280px; }
    .frame-loyalty-card-ostvareno-parent { flex-wrap: wrap; }
    .frame-loyalty-card-ostvareno-parent-item { flex: 1 1 180px; }
    .frame-loyalty-card { width: 100%; max-width: 500px; height: auto; aspect-ratio: 5 / 3; }
    .page-loyalty-flip-section { flex-wrap: wrap; }
    .flip-card { position: relative; width: calc(50% - 12px); margin-bottom: 48px; }
    .flip-card:has(.mobile-flip-toggle):hover .flip-inner { transform: none; }
    .flip-card.mobile-flipped .flip-inner,
    .flip-card.mobile-flipped:hover .flip-inner { transform: rotateY(180deg); }
    .mobile-flip-toggle { display: block; position: absolute; top: calc(100% + 8px); width: 100%; min-height: 44px; background: white; border: 1px solid var(--osnovnaBoja); color: var(--osnovnaBoja); font-size: 16px; cursor: pointer; }
    .page-loyalty-section1-content-columns-column-margin-left { padding-left: 24px; }
    .page-loyalty-forma-registracija { padding: 40px 24px; }
    .page-about-title, .slider-item-text-1 { font-size: 48px; }
    .page-about-section, .page-about-contact-section2 { padding-block: 64px; }
    .page-about-section-first, .page-about-contact-section { padding-top: 0; }
    .section-2-min-height { min-height: 0; }
    .page-about-columns { gap: 24px; }
    .div-prijava-checkout2 { width: 100%; padding-inline: 32px; }
    .div-prijava-checkout2-item { flex: 1; padding: 24px; min-width: 0; }
    .pocetna-div, .product-div { gap: 64px; }
    .pocetna-div { padding-block: 64px; }
    .red1-header, .pocetna-preporuka-header-naslov, .red2-header-down-left { font-size: 40px; }
    .pocetna-two-banner-item-text { left: 24px; right: 24px; bottom: 24px; }
    .pocetna-two-banner-item-text-header { font-size: 26px; }
    .pocetna-preporuka-items-item-text { font-size: 24px; }
    .footer-down { gap: 24px; flex-wrap: wrap; }
    .footer-down-left { flex-wrap: wrap; }
}

@media (max-width: 991px) {
    .product-div-up-down { flex-direction: column; }
    .product-div-up-down-right { width: 100%; flex-basis: auto; order: 1; }
    .product-div-up-down-left { display: contents; }
    .product-div-up-down-row:has(.product-div-up-down-row-tabs) { order: 2; }
    .product-div-up-down-row-tabs-content { padding-top: 24px; }
    .profil-page { flex-direction: column; }
    .profil-page-menu { min-width: 0; max-width: none; width: 100%; }
    .profil-page-menu { padding: 20px; gap: 14px; border: 1px solid var(--borderBoja); border-radius: 12px; background: white; }
    .profil-page-menu-header { gap: 4px; }
    .profil-page-menu-header-h1 { font-size: 13px; line-height: 20px; color: #71717a; }
    .profil-page-menu-header-h2 { font-size: 24px; line-height: 1.3; overflow-wrap: anywhere; }
    .profil-page-menu-mail { margin-top: -8px; font-size: 14px; line-height: 20px; }
    .profil-page-menu-loyalty { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
    .profil-page-menu-loyalty-1 { font-size: 13px; line-height: 20px; }
    .profil-page-menu-loyalty-2 { font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
    .profil-page-menu-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 0; }
    .profil-page-menu-menu-item {
        display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 60px;
        padding: 10px 12px; border: 1px solid var(--borderBoja); border-radius: 8px;
        background: #fafafa; font-size: 14px; line-height: 20px; font-weight: 600;
        text-transform: none; transition: background-color .2s, border-color .2s, color .2s;
    }
    .profil-page-menu-icon { display: block; width: 20px; height: 20px; flex-shrink: 0; }
    .profil-page-menu-menu-item:hover { background: #f4f4f5; color: #18181b; font-weight: 600; }
    .profil-page-menu-menu-item-active,
    .profil-page-menu-menu-item-active:hover {
        border-color: var(--osnovnaBoja); background: #fceff1; color: var(--osnovnaBoja); font-weight: 700;
    }
    .profil-page-menu-menu-item-logout {
        grid-column: 1 / -1; justify-content: center; min-height: 44px; margin-top: 4px;
        border-color: transparent; background: transparent; color: #52525b;
    }
    .profil-page-menu-menu-item-logout:hover { color: var(--osnovnaBoja); background: #fceff1; }
    .checkout-div-2, .page-about-columns, .other-page-columns,
    .page-loyalty-section1-content-columns, .page-loyalty-red { flex-direction: column; }
    .checkout-div-2-kolona { width: 100%; }
    .page-loyalty-section1-content-columns-column-margin-left { padding-left: 0; }
    .loyalty-page-img-right2, .loyalty-page-img-right3 { height: auto; width: 100%; object-fit: contain; }
    .loyalty-page-kartica { width: 100%; }
    .page-about-img-ratio { height: auto; }
    .page-about-ko-smo-div-red { gap: 24px; flex-wrap: wrap; }
    .page-about-ko-smo-div-red-item { flex: 1 1 200px; }
    .red1-istaknuto { flex-direction: column; }
    .pocetna-banner { gap: 16px; }
    .pocetna-preporuka-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .login-div-right { display: none; }
    .login-div-left { width: 100%; }
    .detalji-narudzbe-items-item { width: 100%; }
}

@media (max-width: 767px) {
    .ogranici-sirinu { padding-inline: 16px; }
    .header-up { padding-inline: 16px; }
    .header-down { gap: 8px; }
    .header-down-right { flex: 0 0 auto; gap: 0; }
    .mobile-menu-toggle > span:last-child { display: none; }
    .mobile-navigation-ready .mobile-menu-toggle { width: 44px; padding: 8px; justify-content: center; }
    .mobile-navigation-ready.mobile-search-open .header-input { left: 16px; right: 16px; }
    .header-input { flex: 1; width: auto; }
    .header-input-input { font-size: 16px; }
    .header-down-right-right { gap: 0; flex-shrink: 0; }
    .header-down-right-right-item { padding-inline: 0; }
    .header-down-right-right-item a { width: 44px; }
    .header-down-right-right-item-count-cart { left: auto; right: 0; }
    .menu { max-height: calc(100dvh - 180px); }
    .menu-item-content-flex { grid-template-columns: minmax(0, 1fr); }
    .menu-item-content-flex-column { border-right: 0; }
    .header-search-result-content { flex-direction: column; gap: 24px; }
    .header-search-result-content-left { padding-right: 0; }
    .header-search-result-content-right { padding-left: 0; min-width: 0; max-width: none; width: 100%; border-left: 0; }
    .header-search-result-content-left-down { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .slider-item-content { height: 520px; height: min(65svh, 520px); min-height: 360px; aspect-ratio: auto; object-fit: cover; }
    .slider-item-text { max-width: 100%; padding-inline: 48px; gap: 16px; }
    .slider-item-text-1 { font-size: clamp(28px, 7vw, 40px); }
    .slider-item-text-2 { font-size: 16px; }
    .slider-pocetna .swiper-button-prev { left: 8px; }
    .slider-pocetna .swiper-button-next { right: 8px; }
    .slider-pocetna .swiper-button-next, .slider-pocetna .swiper-button-prev { width: 32px; height: 32px; }
    .pocetna-div { padding-block: 40px; gap: 48px; }
    .red1-header, .red2-header-down-left, .pocetna-preporuka-header-naslov { font-size: 30px; }
    .red2-header-down { gap: 16px; flex-wrap: wrap; }
    .red1-istaknuto { margin-top: 0; gap: 24px; }
    .red1-istaknuto-2 { gap: 12px; }
    .red1-istaknuto-2-item { min-width: 0; flex: 1; }
    .pocetna-banner { flex-direction: column; }
    .pocetna-two-banner-item-text { left: 20px; right: 20px; bottom: 20px; gap: 12px; }
    .pocetna-two-banner-img { min-height: 340px; object-fit: cover; }
    .pocetna-preporuka { gap: 32px; }
    .pocetna-preporuka-items-item-text { font-size: 22px; left: 16px; bottom: 24px; max-width: calc(100% - 32px); }
    .product-div { padding-block: 24px; gap: 40px; }
    .product-list-parent { flex-direction: column; gap: 20px; }
    .product-list-parent-filters { width: 100%; min-width: 0; }
    .mobile-filter-toggle { display: flex; align-items: center; justify-content: center; min-height: 48px; width: 100%; padding: 12px; background: white; color: var(--osnovnaBoja); border: 1px solid var(--osnovnaBoja); cursor: pointer; font-size: 16px; }
    .mobile-filters-ready { display: none; }
    .mobile-filters-ready.mobile-filters-open { display: flex; }
    .product-list-parent-products, .fav-down-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
    .proizvod-down-cijena { gap: 4px 8px; }
    .proizvod-down-cijena-obicna { font-size: 20px; }
    .proizvod-down-cijena-stara { font-size: 16px; }
    .proizvod-up-text { font-size: 12px; padding: 6px 8px; }
    .proizvod-down-color { flex-wrap: wrap; }
    .proizvod-down-naziv { overflow-wrap: anywhere; }
    .product-list-parent-products .shimmer-bg { min-height: 300px; }
    .product-div-up-down-right-opis, .product-div-up-down-right-dostupno,
    .product-div-up-down-right-color-header { flex-wrap: wrap; gap: 12px; }
    .product-div-up-down-right-opis-cell:last-child { padding-left: 0; border-left: 0; }
    .product-div-up-down-right-brend-text { font-size: 30px; }
    .product-div-up-down-row-tabs-header-item { padding: 12px; font-size: 16px; }
    .product-div-up-down-row-tabs-content-description-item-title { min-width: 100px; }
    .proizvod-velicina-detalji { min-width: var(--size-option-diameter); min-height: var(--size-option-diameter); }
    .product-div-up-down-right-add-cart-div-button-add { min-width: 0; }
    .cart { gap: 24px; }
    .cart-up-header { font-size: 30px; }
    .cart-item { flex-direction: column; height: auto; }
    .cart-item-left { min-width: 0; max-width: none; width: 100%; height: auto; }
    .cart-item-left-img { max-height: 240px; object-fit: contain; }
    .cart-item-right { width: 100%; padding: 16px; gap: 16px; }
    .cart-item-right-parent2 { gap: 16px; }
    .cart-item-right-up-up-left { flex-wrap: wrap; gap: 8px; }
    .cart-item-right-up-up-left-itemcode { margin-left: 0; padding-left: 0; border-left: 0; font-size: 16px; }
    .cart-item-right-up-up-right-parent2 { min-width: 0; }
    .korpa-cijena-iznos { flex-wrap: wrap; gap: 8px; }
    .cart-item-right-down-left { flex-wrap: wrap; }
    .cart-down-right-sum { padding: 20px; gap: 24px; }
    .cart-down-right-sum-sum { gap: 16px; flex-wrap: wrap; }
    .cart-down-right-delivery-info svg { flex-shrink: 0; }
    .empty-cart { margin-bottom: 48px; }
    .empty-cart-text { font-size: 28px; text-align: center; }
    .profil-page, .detalji-narudzbe, .page-brend { padding: 24px 16px; gap: 24px; }
    .profil-page-menu { padding: 16px; }
    .profil-page-menu-header-h2 { font-size: 22px; }
    .profil-page-content { padding-block: 0; }
    .profil-title { font-size: 28px; }
    .lista-narudzbi-row { flex-wrap: wrap; gap: 16px; }
    .lista-narudzbi-row-value {
        flex: 1 1 calc(50% - 16px);
        min-width: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        overflow-wrap: anywhere;
        padding: 0 10px;
    }
    .lista-narudzbi-row-value[data-column-label]::before { content: attr(data-column-label); color: #767685; font-size: 12px; }
    .lista-narudzbi:has([data-column-label]) > .lista-narudzbi-row:first-child { display: none; }
    .frame-loyalty-card-text { font-size: clamp(14px, 4vw, 24px); }
    .frame-loyalty-card-text2 { font-size: clamp(12px, 3vw, 18px); }
    .frame-loyalty-card-barcode { width: 30%; }
    .frame-loyalty-card-ostvareno-parent { flex-direction: column; }
    .frame-loyalty-card-ostvareno-parent-item { flex-basis: auto; padding: 20px; }
    .barcode-show { padding: 24px; height: 100dvh; }
    .barcode-show-logo, .barcode-show-img { width: 100%; height: auto; max-height: 35dvh; object-fit: contain; }
    .checkout-div { gap: 32px; }
    .checkout-div-naslov-div { flex-wrap: wrap; gap: 12px; }
    .adresa-div-unos-div-red, .checkout-loyality { flex-direction: column; gap: 20px; }
    .login-div-left-down-up-form-div-marge { flex-direction: column; gap: 20px; }
    .adresa-div-unos-div-red-kolona { width: 100%; }
    .checkout-div-2-kolona-radio-div, .radio-checkout-kartice-label { flex-wrap: wrap; gap: 16px; }
    .checkout-loyality-img { width: 100%; max-width: 360px; }
    .checkout-loyality-column-input, .page-about-form-item-input { font-size: 16px; }
    .address-detail-column { flex-wrap: wrap; gap: 8px; }
    .last-child-in-checkout { margin-bottom: 48px; }
    .detalji-narudzbe-row, .pregled-narudzbe-div-row2 { flex-wrap: wrap; gap: 24px; }
    .detalji-narudzbe-row-item, .pregled-narudzbe-div-row2-item { flex: 1 1 100%; }
    .detalji-narudzbe-items-item { gap: 12px; }
    .detalji-narudzbe-items-item-img { min-width: 80px; max-width: 80px; object-fit: contain; align-self: flex-start; }
    .detalji-narudzbe-items-item-right-details-row { flex-wrap: wrap; gap: 8px; }
    .pregled-narudzbe-div-h1 { font-size: 28px; }
    .pregled-narudzbe-div-row1 { flex-wrap: wrap; gap: 16px; }
    .pregled-narudzbe-button-div { flex-direction: column; margin-bottom: 48px; gap: 12px; }
    .pregled-narudzbe-button-potvrdi-form { width: 100%; }
    .payment-cancel-page { margin-block: 48px; padding-inline: 16px; text-align: center; }
    .payment-cancel-page-ilustration { width: min(100%, 400px); }
    .div-prijava-checkout2 { flex-direction: column; padding-inline: 16px; }
    .div-prijava-checkout2-item { width: 100%; min-height: 0; }
    .login-div-left { padding: 24px 16px; }
    .login-div-left-up { padding-inline: 0; }
    .login-div-left-down-up-title { font-size: 28px; }
    .page-brend-title { font-size: 32px; }
    .page-brend-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .page-brend-list-item { height: 110px; }
    .other-page { margin-block: 32px; }
    .other-page-h1 { font-size: 28px; padding-bottom: 24px; }
    .page-about { margin-top: 32px; }
    .page-about-section, .page-about-contact-section2 { padding-block: 40px; }
    .page-about-section-first, .page-about-contact-section { padding-top: 0; }
    .page-about-title, .page-about-ko-smo-div-red-title { font-size: 32px; }
    .page-about-ko-smo-div { gap: 32px; }
    .page-about-ko-smo-div-red-item-title { font-size: 28px; }
    .page-about-contact-section2 { padding-inline: 20px; gap: 24px; }
    .page-about-form-item-input { min-height: 48px; }
    .page-about-form-button-block > .page-about-button-a {
        width: 100%; min-height: 52px; margin-top: 8px; padding: 12px 24px;
    }
    .swiper-even { height: 260px !important; }
    .swiper-odd { height: 340px !important; }
    .page-loyalty { gap: 48px; }
    .page-loyalty-section1 { padding-block: 32px; }
    .page-loyalty-section1-content-columns-column-header { gap: 24px; }
    .page-loyalty-section1-content-columns-column-header-up,
    .page-loyalty-pravila-naslov, .page-zasto-loyalty-div-title-title { font-size: 30px; }
    .page-loyalty-forma-registracija { padding: 32px 20px; }
    .page-loyalty-flip-section { gap: 16px; margin-block: 24px; }
    .flip-card { width: 100%; height: 477px; }
    .flip-content { padding: 28px; }
    .page-zasto-loyalty { gap: 48px; }
    .page-loyalty-section1-content-columns-column-ispod-gap-2 { gap: 32px; }
    .loyalty-stavke, .page-loyalty-pravila { gap: 16px; }
    .loyalty-stavke-icon-div { flex-shrink: 0; }
    .footer-up { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 16px; padding-block: 40px; }
    .footer-up-column { gap: 20px; }
    .footer-up-column:first-child, .footer-up-column:last-child { grid-column: 1 / -1; }
    .footer-up-column-down { gap: 12px; }
    .footer-up-column-down-last { max-width: none; }
    .footer-down { padding-block: 24px; flex-direction: column; }
    .footer-down-left { flex-direction: column; }
    .footer-down-right { flex-wrap: wrap; gap: 12px; }
    .input-newslatter-div { min-height: 48px; }
    .button-newslatter { min-height: 48px; padding-inline: 16px; }
    .input-newslatter-div-icon { padding-inline: 8px; }
    .popup-text { padding: 24px; font-size: 24px; text-align: center; height: 100dvh; }
    .product-quantity-table-header { padding: 12px; gap: 12px; }
    .product-quantity-table-content { padding: 16px; }
    .store-availability-store-name { font-size: 20px; }
    .store-availability-container { padding-left: 0; }
    .store-availability-store-address, .store-availability-sizes-title { font-size: 16px; }
    .product-gallery-prev, .product-gallery-next { padding: 12px; }
    .product-size-tabs { flex-wrap: wrap; }
    .product-size-tabs-tab { min-height: 44px; }
    .slider-pocetna .swiper-button-next, .slider-pocetna .swiper-button-prev { bottom: 40px !important; }
    .slider-pocetna .swiper-button-prev { right: 80px !important; }
    .slider-pocetna .swiper-button-next { right: 24px !important; }
}

@media (max-width: 399px) {
    .header-down-left img { width: 88px; }
    .mobile-navigation-ready .mobile-search-toggle,
    .header-down-right-right-item a { width: 36px; }
    .mobile-navigation-ready .mobile-menu-toggle { width: 40px; }
    .menu-item-content-flex { grid-template-columns: minmax(0, 1fr); }
    .cart-item-right { flex-direction: column; }
    .cart-item-right-up-up-right-parent2 { align-items: flex-start; gap: 16px; }
    .korpa-cijena-iznos, .korpa-cijena-kolicina { justify-content: flex-start; }
    .pocetna-preporuka-items { grid-template-columns: minmax(0, 1fr); }
    .proizvod-down-brend-img { max-width: 80px; }
    .proizvod-up-heart { right: 6px; top: 6px; }
    .proizvod-up-text { left: 6px; top: 6px; }
    .product-div-up-down-right-add-cart-div { gap: 8px; }
    .footer-up { grid-template-columns: minmax(0, 1fr); }
    .input-newslatter-div { flex-wrap: wrap; }
    .input-newslatter-div-input { min-height: 48px; flex-basis: 100%; }
    .button-newslatter { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
.catalog-read-only-notice {
    padding: 12px 20px;
    background: #fff4e7;
    color: #5a3411;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}