#response_login, #response_login2, #response_fast_buy_products {
    color: #d4415b;
    font-weight: bold;
    font-size: 14px;
}

/* Breadcrumb traka */
.breadcrumb-area {
    background: #debb88;
    padding: 10px 0;
    border-bottom: 1px solid #f8f8f8;
}

/* Login modal */
.login-modal .modal-dialog {
    max-width: 440px;
    margin: 1rem auto;
}

.login-modal__content {
    position: relative;
    border: 1px solid #e8e4dc;
    border-radius: 16px;
    padding: 32px 28px 28px;
    background: linear-gradient(160deg, #faf9f6 0%, #fff 55%);
    box-shadow: 0 20px 50px rgba(40, 40, 40, 0.18);
}

.login-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    background: transparent;
    color: #888;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
}

.login-modal__close:hover {
    background: #f0ebe3;
    color: #282828;
}

.login-modal__header {
    text-align: center;
    margin-bottom: 24px;
}

.login-modal__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #282828;
    color: #ece7d8;
    font-size: 22px;
}

.login-modal__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: #282828;
    text-transform: none;
    letter-spacing: 0.01em;
}

.login-modal__form {
    margin: 0;
}

.login-modal__field {
    margin-bottom: 16px;
}

.login-modal__label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #393b3d;
}

.login-modal__input {
    display: block;
    width: 100%;
    height: 46px;
    padding: 10px 14px;
    border: 1px solid #e0d9c8;
    border-radius: 10px;
    background: #fff !important;
    font-size: 15px;
    color: #282828;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: none;
}

.login-modal__input:focus {
    outline: none;
    border-color: #282828;
    box-shadow: 0 0 0 3px rgba(40, 40, 40, 0.08);
}

.login-modal__password {
    position: relative;
}

.login-modal__password .login-modal__input {
    padding-right: 88px;
}

.login-modal__toggle-pass {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    padding: 6px 10px;
    border: none;
    border-radius: 6px;
    background: #f5f3ef;
    color: #5a5a5a;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.login-modal__toggle-pass:hover {
    background: #ece7d8;
    color: #282828;
}

.login-modal__remember {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #5a5a5a;
}

.login-modal__remember input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #282828;
}

.login-modal__response {
    min-height: 0;
    margin-bottom: 12px;
    text-align: center;
}

.login-modal__response:empty {
    display: none;
    margin: 0;
}

.login-modal__submit {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    border: none;
    border-radius: 10px;
    background: #282828;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.login-modal__submit:hover {
    background: #393b3d;
}

.login-modal__submit:active {
    transform: scale(0.99);
}

.login-modal__forgot {
    margin: 14px 0 0;
    text-align: center;
}

.login-modal__forgot a {
    font-size: 13px;
    font-weight: 600;
    color: #5a5a5a;
    text-decoration: none;
}

.login-modal__forgot a:hover {
    color: #282828;
    text-decoration: underline;
}

.login-modal__register {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #eee9e0;
    text-align: center;
}

.login-modal__register p {
    margin: 0;
    font-size: 14px;
    color: #5a5a5a;
    line-height: 1.5;
}

.login-modal__register a {
    font-weight: 600;
    color: #282828;
    text-decoration: underline;
}

.login-modal__register a:hover {
    color: #5a5a5a;
}

.login-modal.show .modal-backdrop,
.modal-backdrop.show {
    opacity: 0.45;
}

/* Header — blaga senka ispod menija (kao na sticky) */
.header-middle,
.header-top-menu.sticky4.sticker.sticky {
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07), 0 2px 6px rgba(0, 0, 0, 0.04);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07), 0 2px 6px rgba(0, 0, 0, 0.04);
    border-bottom: none;
}

.header-middle {
    padding: 5px 0;
    overflow: visible;
}

.header-middle .main-menu,
.header-middle .main-menu > nav,
.header-middle .main-menu > nav > ul {
    overflow: visible;
}

.header-top-menu.sticker.sticky,
.header-top-menu.sticker.sticky4.sticky {
    background: #fff none repeat scroll 0 0;
    margin-top: 0;
    padding: 5px 0 5px;
}

.logo-with-badge__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
}

.logo-with-badge__logo,
.logo-with-badge__badge {
    display: block;
    height: 80px;
    width: auto;
    max-width: 80px;
    object-fit: contain;
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .logo-with-badge__link {
        gap: 6px;
    }

    .logo-with-badge__logo,
    .logo-with-badge__badge {
        height: 64px;
        max-width: 64px;
    }
}

/* Mobilni header — logo levo, ikonice desno u jednom redu */
.header-mobile-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.header-mobile-bar__brand {
    flex: 0 1 auto;
    min-width: 0;
}

.header-mobile-bar__actions {
    flex: 0 0 auto;
    margin-left: auto;
}

.header-middle.home-header2.d-lg-none .logo {
    text-align: left;
}

.header-middle.home-header2.d-lg-none .mini-cart-option {
    float: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: right !important;
}

.header-middle.home-header2.d-lg-none .mini-cart-option > ul {
    justify-content: flex-end;
}

/* Header — Traži / Favoriti / Korpa (poravnato) */
.mini-cart-option {
    float: right;
    bottom: 0px;
    position: relative;
}

.mini-cart-option > ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mini-cart-option > ul > li {
    display: flex;
    align-items: center;
    margin: 0 !important;
    vertical-align: middle;
}

.mini-cart-option .header-action,
.mini-cart-option .header-search__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 0;
    min-height: 32px;
    min-width: 0;
    max-width: none;
    padding: 0 4px !important;
    border: none;
    background: transparent;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: 1 !important;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    transition: color 0.2s ease;
    box-sizing: border-box;
}

.mini-cart-option .header-action:hover,
.mini-cart-option .header-search__btn:hover,
.mini-cart-option .header-search__btn:focus {
    color: #a06b3b;
    outline: none;
}

.mini-cart-option li:hover a {
    color: #a06b3b !important;
}

/* Glavni meni — hover stavki (crna linija na vrhu kao na ostalim stranicama) */
.main-menu > nav > ul > li {
    position: relative;
}

.main-menu > nav > ul > li > a::before {
    display: none !important;
}

.main-menu > nav > ul > li::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #282828;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
    z-index: 3;
}

.main-menu > nav > ul > li:hover::before,
.main-menu > nav > ul > li:focus-within::before {
    opacity: 1;
    visibility: visible;
}

.main-menu ul li ul.dropdown li::before {
    display: none;
}

.main-menu > nav > ul > li:hover > a,
.main-menu > nav > ul > li > a:focus-visible,
.main-menu > nav > ul > li > a:hover {
    color: #a06b3b !important;
}

.main-menu ul li ul.dropdown li:hover > a {
    color: #a06b3b !important;
}

.main-menu li > a i {
    font-size: 20px;
    padding-left: 5px;
}

.main-menu__home-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 12px !important;
    line-height: 20px !important;
}

.main-menu__home-icon {
    display: block;
    line-height: 1;
}

/* Mobilni meni (slicknav) */
.slicknav_nav > li:hover > a,
.slicknav_nav > li > a:hover,
.slicknav_nav > li > a > a:hover,
.slicknav_nav ul li a:hover {
    color: #a06b3b !important;
    background-color: rgba(160, 107, 59, 0.1) !important;
}

.mini-cart-option .header-action__icon {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}

.mini-cart-option .header-action__icon img {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 !important;
    object-fit: contain;
}

.mini-cart-option .header-action__icon .fa {
    font-size: 22px;
    line-height: 1;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mini-cart-option .header-action__label {
    display: none !important;
}

.mini-cart-option .header-action__icon .count {
    position: absolute;
    top: -7px;
    right: -9px;
    left: auto;
    width: auto;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    line-height: 18px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50%;
    background: #7e2320;
    color: #fff;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* Search modal */
.search-modal .modal-dialog {
    max-width: 520px;
    margin: 1rem auto;
}

.search-modal__content {
    position: relative;
    border: 1px solid #e8e4dc;
    border-radius: 16px;
    padding: 32px 28px 28px;
    background: linear-gradient(160deg, #faf9f6 0%, #fff 55%);
    box-shadow: 0 20px 50px rgba(40, 40, 40, 0.18);
}

.search-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    background: transparent;
    color: #888;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
}

.search-modal__close:hover {
    background: #f0ebe3;
    color: #282828;
}

.search-modal__header {
    text-align: center;
    margin-bottom: 22px;
}

.search-modal__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #282828;
    color: #ece7d8;
    font-size: 22px;
}

.search-modal__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: #282828;
    text-transform: none;
}

.search-modal__form {
    margin: 0;
}

.search-modal__field {
    margin-bottom: 16px;
}

.search-modal__label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #393b3d;
}

.search-modal__input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 10px 16px;
    border: 1px solid #e0d9c8;
    border-radius: 10px;
    background: #fff !important;
    font-size: 16px;
    color: #282828;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.search-modal__input:focus {
    outline: none;
    border-color: #282828;
    box-shadow: 0 0 0 3px rgba(40, 40, 40, 0.08);
}

.search-modal__submit {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    border: none;
    border-radius: 10px;
    background: #282828;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.search-modal__submit:hover {
    background: #393b3d;
}

@media (max-width: 575px) {
    .mini-cart-option .header-action__icon,
    .mini-cart-option .header-action__icon img {
        width: 22px;
        height: 22px;
    }

    .mini-cart-option .header-action__icon .fa {
        font-size: 20px;
        width: 22px;
        height: 22px;
    }

    .mini-cart-option .header-action__label {
        font-size: 12px;
    }
}

/* Auth stranice (zaboravljena lozinka, potvrda, uspeh) */
.auth-page {
    background: #f7f5f1;
}

.auth-page .container {
    display: flex;
    justify-content: center;
}

.auth-card {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 36px 32px 32px;
    border: 1px solid #e8e4dc;
    border-radius: 16px;
    background: linear-gradient(160deg, #faf9f6 0%, #fff 55%);
    box-shadow: 0 12px 40px rgba(40, 40, 40, 0.08);
}

.auth-card__header {
    text-align: center;
    margin-bottom: 28px;
}

.auth-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: #282828;
    color: #ece7d8;
    font-size: 24px;
}

.auth-card__icon--mail {
    background: #393b3d;
}

.auth-card__icon--success {
    background: #4a7c59;
}

.auth-card__title {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    color: #282828;
    text-transform: none;
}

.auth-card__lead {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #5a5a5a;
}

.auth-card__form {
    margin: 0;
}

.auth-card__field {
    margin-bottom: 18px;
}

.auth-card__label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #393b3d;
}

.auth-card__input {
    display: block;
    width: 100%;
    height: 46px;
    padding: 10px 14px;
    border: 1px solid #e0d9c8;
    border-radius: 10px;
    background: #fff !important;
    font-size: 15px;
    color: #282828;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: none;
}

.auth-card__input:focus {
    outline: none;
    border-color: #282828;
    box-shadow: 0 0 0 3px rgba(40, 40, 40, 0.08);
}

.auth-card__password {
    position: relative;
}

.auth-card__password .auth-card__input {
    padding-right: 88px;
}

.auth-card__toggle-pass {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    padding: 6px 10px;
    border: none;
    border-radius: 6px;
    background: #f5f3ef;
    color: #5a5a5a;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.auth-card__toggle-pass:hover {
    background: #ece7d8;
    color: #282828;
}

.auth-card__response {
    min-height: 0;
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.auth-card__response:empty {
    display: none;
    margin: 0;
    padding: 0;
}

.auth-card__response--success {
    background: #e8f3eb;
    color: #2d5a3a;
}

.auth-card__response--error {
    background: #fdeeee;
    color: #a33;
}

.auth-card__submit {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    border: none;
    border-radius: 10px;
    background: #282828;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.auth-card__submit:hover {
    background: #393b3d;
    color: #fff !important;
}

.auth-card__submit--link {
    margin-bottom: 10px;
}

.auth-card__ghost-btn {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 44px;
    text-align: center;
    border: 2px solid #d8d4cc;
    border-radius: 10px;
    background: #fff;
    color: #282828 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.auth-card__ghost-btn:hover {
    border-color: #282828;
    background: #faf9f6;
}

.auth-card__footer-link {
    margin: 16px 0 0;
    text-align: center;
}

.auth-card__footer-link a {
    font-size: 14px;
    font-weight: 600;
    color: #5a5a5a;
    text-decoration: none;
}

.auth-card__footer-link a:hover {
    color: #282828;
    text-decoration: underline;
}

.auth-card__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.auth-card--success .auth-card__title {
    font-size: 20px;
}

@media (max-width: 575px) {
    .auth-card {
        padding: 28px 20px 24px;
    }

    .auth-card__title {
        font-size: 19px;
    }
}

/* Registracija */
.auth-card--register {
    max-width: 760px;
    padding: 36px 36px 32px;
}

.auth-card__lead a {
    font-weight: 600;
    color: #282828;
    text-decoration: underline;
}

.auth-card__required {
    color: #c45c5c;
}

.register-type {
    display: flex;
    gap: 12px;
    margin-bottom: 28px;
}

.register-type__option {
    flex: 1;
    margin: 0;
    cursor: pointer;
}

.register-type__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.register-type__label {
    display: block;
    padding: 12px 16px;
    border: 2px solid #e0d9c8;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #5a5a5a;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.register-type__input:checked + .register-type__label {
    border-color: #282828;
    background: #282828;
    color: #fff;
}

.register-type__option:hover .register-type__label {
    border-color: #c9c2b4;
}

.register-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
    margin-bottom: 8px;
}

.register-form__grid .auth-card__field {
    margin-bottom: 0;
}

.register-form__field--full {
    grid-column: 1 / -1;
}

.register-form__checks {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 20px 0 16px;
    padding-top: 8px;
    border-top: 1px solid #eee9e0;
}

.auth-card__checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.45;
    color: #393b3d;
    font-weight: 400;
}

.auth-card__checkbox input {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #282828;
}

.auth-card__checkbox a {
    color: #282828;
    font-weight: 600;
    text-decoration: underline;
}

.register-form .auth-card__submit {
    margin-top: 4px;
}

.register-form label.error {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #c45c5c;
}

@media (max-width: 767px) {
    .register-form__grid {
        grid-template-columns: 1fr;
    }

    .auth-card--register {
        padding: 28px 20px 24px;
    }

    .register-type {
        flex-direction: column;
    }
}

label.error

{

    color:#d4415b;

    font-weight: bold;

}



#full-reg-form-partners-srb {
    display: none;
}



.active-wishlist, .active-compare

{

    background: transparent; !important;

    color: #222 !important;

}



.product-qty-shopping-cart {

    border: 1px solid #ccc;

    cursor: pointer;

    display: inline-block;

    height: 40px;

    position: relative;

    width: 100px;

}



.product-qty-shopping-cart input {

    border: medium none;

    height: 100%;

    padding: 0 20px;

    width: 100%;

}



.product-qty-shopping-cart span {

    height: 20px;

    line-height: 20px;

    position: absolute;

    text-align: center;

    width: 20px;

}



.product-qty-shopping-cart span.dec {

    border-left: 1px solid #ccc;

    bottom: 0;

    padding-top: 2px;

    right: 0;

}



.product-qty-shopping-cart span.inc {

    border-bottom: 1px solid #ccc;

    border-left: 1px solid #ccc;

    right: 0;

    top: 0;

}



.color-outline-transparent-active.product-color-swatch {
    outline: none;
}



/*.color-outline-transparent-active:before{

    content: "\f00c";

    position: absolute;

    font: normal normal normal 20px/1 FontAwesome;

    padding-left: 20px;

}*/



.all-colors-items:not(.product-color-swatch) {
    outline: 3px solid transparent;
}



.more-colors-response, .more-colors-response-popup, .more-sizes-response, .calculate-width-height-error

{

    color:#d4415b;

    font-weight: bold;

    font-size: 14px;

    display: none;

}



.active-wishlist-details, .active-compare-details {
    color: #d8b161 !important;
}

/* Product details — zakucan font u opisu (ignoriše Summernote / controlroom) */
.product-details-rich-text,
.product-details-rich-text p,
.product-details-rich-text li,
.product-details-rich-text td,
.product-details-rich-text th,
.product-details-rich-text span,
.product-details-rich-text div,
.product-details-rich-text a,
.product-details-rich-text h1,
.product-details-rich-text h2,
.product-details-rich-text h3,
.product-details-rich-text h4,
.product-details-rich-text h5,
.product-details-rich-text h6,
.product-details-reviews .tab-content .tab-pane,
.product-details-reviews .tab-content .tab-pane p,
.product-details-reviews .tab-content .tab-pane li,
.product-details-reviews .tab-content .tab-pane td,
.product-details-reviews .tab-content .tab-pane th,
.product-details-reviews .tab-content .tab-pane span,
.product-details-reviews .tab-content .tab-pane div,
.product-details-reviews .tab-content .tab-pane a,
.product-details-reviews .tab-content .tab-pane h1,
.product-details-reviews .tab-content .tab-pane h2,
.product-details-reviews .tab-content .tab-pane h3,
.product-details-reviews .tab-content .tab-pane h4,
.product-details-reviews .tab-content .tab-pane h5,
.product-details-reviews .tab-content .tab-pane h6,
.product-summary__intro,
.product-summary__intro p,
.product-summary__intro li,
.product-summary__intro span,
.product-summary__intro div,
.product-summary__intro a {
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif !important;
}

.product-details-rich-text .fa,
.product-details-rich-text [class*="fa-"],
.product-details-reviews .tab-content .tab-pane .fa,
.product-details-reviews .tab-content .tab-pane [class*="fa-"] {
    font-family: "FontAwesome" !important;
}

.product-details-rich-text {
    font-size: 15px;
    line-height: 1.65;
    color: #5a5a5a;
}

.product-details-reviews .tab-content .tab-pane {
    font-size: 15px;
    line-height: 1.65;
    color: #5a5a5a;
}

/* Product details — tabovi (Opis / Specifikacija / Deklaracija) */
.product-details-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 4px 8px;
    margin: 0 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid #e8e4dc;
}

.product-details-tabs__nav .nav-item {
    margin: 0;
}

.product-details-tabs__nav .nav-link {
    position: relative;
    display: inline-block;
    margin: 0 !important;
    padding: 14px 20px 12px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #6b6b6b !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.2 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: color 0.2s ease;
}

.product-details-tabs__nav .nav-link::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -1px;
    height: 3px;
    background: #8f2724;
    border-radius: 3px 3px 0 0;
    transform: scaleX(0);
    transition: transform 0.25s ease;
}

.product-details-tabs__nav .nav-link:hover {
    color: #a06b3b !important;
}

.product-details-tabs__nav .nav-link.active {
    color: #282828 !important;
}

.product-details-tabs__nav .nav-link.active::after {
    transform: scaleX(1);
}

.product-details-tabs .tab-content.product-details-rich-text {
    margin-top: 24px;
    padding: 28px 24px;
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(40, 40, 40, 0.04);
    overflow-x: auto;
    max-width: 100%;
}

/* Specifikacija / Deklaracija — tabele u okviru, tekst u više redova */
.product-details-rich-text table,
.product-details-reviews .tab-content .tab-pane table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0 0 1em;
}

.product-details-rich-text table td,
.product-details-rich-text table th,
.product-details-reviews .tab-content .tab-pane table td,
.product-details-reviews .tab-content .tab-pane table th {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    vertical-align: top;
    padding: 10px 14px;
    border: 1px solid #e8e4dc;
    line-height: 1.55;
}

.product-details-rich-text table td:first-child,
.product-details-rich-text table th:first-child,
.product-details-reviews .tab-content .tab-pane table td:first-child,
.product-details-reviews .tab-content .tab-pane table th:first-child {
    width: 36%;
    font-weight: 600;
    color: #282828;
    background: #faf9f7;
}

.product-details-rich-text table tr:nth-child(even) td,
.product-details-reviews .tab-content .tab-pane table tr:nth-child(even) td {
    background: #fcfcfb;
}

.product-info.mt-half ul.nav.nav-pills.product-details-tabs__nav {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.product-info.mt-half li.nav-item a.nav-link {
    background: transparent !important;
}

.product-info.mt-half li.nav-item a.nav-link.active {
    color: #282828 !important;
}

@media (max-width: 575px) {
    .product-details-tabs__nav {
        gap: 0;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .product-details-tabs__nav .nav-link {
        flex-shrink: 0;
        padding: 12px 14px 10px !important;
        font-size: 12px !important;
    }

    .product-details-tabs__nav .nav-link::after {
        left: 14px;
        right: 14px;
    }

    .product-details-tabs .tab-content.product-details-rich-text {
        padding: 20px 16px;
        margin-top: 16px;
    }
}

/* Product details — naslov i uvodni tekst */
.product-summary {
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e8e4dc;
}

.product-summary__category {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.3;
}

.product-summary__category a {
    display: inline-block;
    padding: 5px 12px;
    color: #5a5a5a;
    text-decoration: none;
    background: #faf9f6;
    border: 1px solid #e8e4dc;
    border-radius: 999px;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.product-summary__category a:hover {
    color: #282828;
    background: #f0ebe3;
    border-color: #debb88;
}

.product-summary__title {
    margin: 0 0 14px;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #282828;
}

.product-summary .product-detail-sort-des,
.product-summary__intro {
    margin: 0;
    padding: 0;
    border: none !important;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
    color: #5a5a5a;
    letter-spacing: 0.01em;
    text-transform: none;
}

.product-summary__intro h1,
.product-summary__intro h2,
.product-summary__intro h3,
.product-summary__intro h4,
.product-summary__intro h5,
.product-summary__intro h6,
.product-summary__intro p {
    margin: 0 0 0.75em;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: none;
}

.product-summary__intro p:last-child {
    margin-bottom: 0;
}

.product-summary__intro strong,
.product-summary__intro b {
    font-weight: 700;
    color: #282828;
}

.product-summary__pricing {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 14px;
    margin-top: 4px;
    padding-top: 4px;
    border-bottom: none;
}

.product-summary__price-label {
    font-size: 14px;
    font-weight: 600;
    color: #5a5a5a;
    text-transform: none;
    letter-spacing: 0.02em;
}

.product-summary__price-label::after {
    content: ":";
}

.product-summary__price-values {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    font-weight: 700;
    color: #282828;
    line-height: 1.3;
}

.product-summary__price-values .regular-price,
.product-summary__price-values .special-price {
    font-size: inherit;
    font-weight: inherit;
}

.product-summary__price-values .old-price {
    font-size: 0.85em;
    font-weight: 500;
    color: #9a9a9a;
}

.product-summary__price-values .usteda {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #b8864a;
}

@media (max-width: 575px) {
    .product-summary {
        margin-bottom: 20px;
        padding-bottom: 18px;
    }

    .product-summary__title {
        margin-bottom: 12px;
        letter-spacing: 0.01em;
    }

    .product-summary__intro {
        font-size: 14px;
        line-height: 1.6;
    }

    .product-summary__pricing {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
}

/* Product details — quantity + add to cart */
.product-purchase-box__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px 16px;
}

.product-purchase-box__qty-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

.product-purchase-box__label {
    margin: 0;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #5a5a5a;
    letter-spacing: 0.02em;
}

.product-qty.product-qty-stepper,
.product-qty-popup.product-qty-stepper {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: auto;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 10px rgba(40, 40, 40, 0.04);
    position: static;
    cursor: default;
}

.product-qty-stepper__btn {
    width: 44px;
    height: 48px;
    padding: 0;
    border: none;
    background: #faf9f6;
    color: #282828;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.2s ease, color 0.2s ease;
}

.product-qty-stepper__btn:hover {
    background: #ece7d8;
    color: #282828;
}

.product-qty-stepper__input {
    width: 52px;
    height: 48px;
    margin: 0;
    padding: 0 4px;
    border: none;
    border-left: 1px solid #e8e4dc;
    border-right: 1px solid #e8e4dc;
    text-align: center;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #282828;
    background: #fff;
    -moz-appearance: textfield;
    box-sizing: border-box;
}

.product-qty-stepper__input::-webkit-outer-spin-button,
.product-qty-stepper__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.product-qty-stepper .qtybtn {
    position: static;
    width: 44px;
    height: 48px;
    line-height: 48px;
    border: none;
}

.product-purchase-box .product-add-cart-btn.btn-cart.lg-btn,
button.product-add-cart-btn {
    flex: 1 1 220px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px;
    min-height: 48px;
    height: 48px;
    margin: 0 !important;
    padding: 0 26px !important;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: #282828 !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(40, 40, 40, 0.18);
    cursor: pointer;
    vertical-align: middle;
    box-sizing: border-box;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.product-purchase-box .product-add-cart-btn.btn-cart.lg-btn:hover,
button.product-add-cart-btn:hover {
    background: #393b3d !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 22px rgba(40, 40, 40, 0.22);
}

.product-add-cart-btn__text {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.product-add-cart-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.product-add-cart-btn__icon img {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    filter: brightness(0) invert(1);
    vertical-align: middle;
}

.product-add-cart-btn__icon .lnr {
    font-size: 18px;
    color: #fff;
}

.product-add-cart-btn--disabled .product-add-cart-btn__icon img,
.product-add-cart-btn:disabled .product-add-cart-btn__icon img {
    filter: brightness(0);
}

.btn-cart .cart-bag-icon img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
}

.product-add-cart-btn--disabled,
.product-add-cart-btn:disabled {
    background: #c8c8c8 !important;
    color: #fff !important;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.product-purchase-box__note {
    margin: 16px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    color: #5a5a5a;
    letter-spacing: 0;
}

.product-purchase-box__note a {
    color: #393b3d;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.product-purchase-box__note a:hover {
    color: #282828;
}

@media (max-width: 575px) {
    .product-purchase-box__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .product-purchase-box__qty-group {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .product-purchase-box .product-add-cart-btn.btn-cart.lg-btn,
    button.product-add-cart-btn {
        flex: 1 1 auto;
        width: 100%;
        height: 48px;
    }
}

/* Product details — favorites button */
.product-actions-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-actions-links li {
    display: block;
    margin: 0;
}

.useful-links li a.product-fav-btn,
.product-actions-links li a.product-fav-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 220px;
    min-height: 44px;
    padding: 10px 22px;
    box-sizing: border-box;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-transform: none;
    text-decoration: none !important;
    color: #393b3d !important;
    background: #fff;
    border: 1px solid #e8e4dc !important;
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(40, 40, 40, 0.04);
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.product-fav-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.product-fav-btn__icon i {
    font-size: 17px;
    line-height: 1;
    color: #393b3d !important;
    margin: 0 !important;
    transition: color 0.2s ease;
}

.product-fav-btn__text {
    display: inline-block;
    min-width: 9.5rem;
    text-align: left;
}

.useful-links li a.product-fav-btn:hover,
.product-fav-btn:hover {
    background: #faf9f6;
    border-color: #debb88 !important;
    color: #282828 !important;
    box-shadow: 0 4px 14px rgba(40, 40, 40, 0.08);
}

.product-fav-btn:hover .product-fav-btn__icon i {
    color: #282828 !important;
}

.product-fav-btn--active,
.product-fav-btn.active-wishlist-details {
    background: linear-gradient(160deg, #fff9f0 0%, #fff 100%);
    border-color: #debb88 !important;
    color: #282828 !important;
}

.product-fav-btn--active .product-fav-btn__icon i,
.product-fav-btn.active-wishlist-details .product-fav-btn__icon i {
    color: #b8864a !important;
}

.product-fav-btn--active .product-fav-btn__text,
.product-fav-btn.active-wishlist-details {
    color: #282828 !important;
}

.useful-links li:hover a.product-fav-btn {
    color: #282828 !important;
}

@media (max-width: 575px) {
    .product-fav-btn {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .product-fav-btn__text {
        min-width: 0;
        flex: 1;
        text-align: center;
    }
}



.comment-pending

{

    background-color: #222;

    color: #fff;

}



.comment-deleted

{

    background-color: #dc3545;

    color: #fff;

}



#response_comments

{

    color: #dc3545;

}



#response_rating

{

    color: #dc3545;

    display: none;

}



.product-qty-popup {

    border: 1px solid #ccc;

    cursor: pointer;

    display: inline-block;

    height: 40px;

    position: relative;

    width: 100px;

}



.product-qty-popup input {

    border: medium none;

    height: 100%;

    padding: 0 20px;

    width: 100%;

}



.product-qty-popup span.inc {

    border-bottom: 1px solid #ccc;

    border-left: 1px solid #ccc;

    right: 0;

    top: 0;

}



.product-qty-popup span.dec {

    border-left: 1px solid #ccc;

    bottom: 0;

    padding-top: 2px;

    right: 0;

}



.product-qty-popup span {

    height: 20px;

    line-height: 20px;

    position: absolute;

    text-align: center;

    width: 20px;

}



.page-item

{

    margin: 0px 2px;

}



.myactive

{color: #282828 !important;background: #e6d0ab;border: 1px solid #e6d0ab !important;}



@media (min-width: 768px) {

    .collapse.dont-collapse-sm {

      display: block;

      height: auto !important;

      visibility: visible;

      background-color: #fff;

    }

  }

  

.slide-arrow{

    position: absolute;

    top: 50%;

    margin-top: -15px;

    background: none;

    border: none;

    border-radius: 0;

    outline: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    cursor: pointer;

}

.prev-arrow{

    left: 0px;

    width: 0;

    height: 0;

    border-left: 0 solid transparent;

    border-right: 15px solid #222;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    z-index: 2;

    display: none !important;

}

.next-arrow{

    right: 0px;

    width: 0;

    height: 0;

    border-right: 0 solid transparent;

    border-left: 15px solid #222;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    z-index: 2;

    display: none !important;

}





/**** CATEGORIES MENU

/*

*/



@media(max-width: 991px) {

    .categories-menu-bar {

        width: auto;

        top: 9px;

        display: none;

    }

    

    .categories-menu-bar .slicknav_nav {

        transition: -webkit-transform 0.3s ease 0s;

        transition: transform 0.3s ease 0s;

        transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;

        -webkit-transform: translateX(-100%);

        transform: translateX(-100%);

        box-shadow: none;

        position: fixed;

        top: 0;

        left: 0;

        padding-top: 48px;

        width: 350px;

        max-width: 100%;

        height: 100%;

        overflow-y: auto;

        z-index: 1;

    }



    .categories-menu-bar .slicknav_btn {

        transition: none;

    }



    .categories-menu-bar .slicknav_nav li {

        padding-right: 15px;

    }



    .categories-menu-bar .slicknav_nav a {

        text-transform: none;

    }



    .header-top-menu.sticker.sticky .categories-menu-bar {

        display: block;

    }



    .header-top-menu.sticker.sticky .categories-menu-bar .slicknav_nav {

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

    }



    .header-top-menu.sticker.sticky .categories-menu-bar .slicknav_btn {

        position: fixed;

        bottom: 0;

        top: auto;

        width: 100%;

        left: 50%;

        transform: translateX(-50%);

        padding: 1em;

        text-align: center;

    }



    /*.header-top-menu.sticker.sticky .categories-menu-bar .slicknav_btn:not(.slicknav_open) {

        box-shadow: 0 0 8px rgba(0,0,0,.43);

    }*/



    .header-top-menu.sticker.sticky .categories-menu-bar .slicknav_btn>span {

        display: inline-block;

        float: none;

        vertical-align: middle;

        text-transform: uppercase;

        font-family: Futura PT Demi;

        letter-spacing: 1px;

        font-size: 18px;

    }



    .header-top-menu.sticker.sticky {

        z-index: 999;

        -webkit-animation: none;

        animation: none;

    }

    

    .header-top-menu.sticker.sticky .categories-menu-bar .slicknav_btn.slicknav_open+.slicknav_nav,

    .categories-menu-bar .slicknav_btn.slicknav_open+.slicknav_nav {

        -webkit-transform: translateX(0%);

        transform: translateX(0%);

        box-shadow: 4px 0 50px -10px rgba(0, 0, 0, .8);

    }

    

    .header-top-menu.sticker.sticky .categories-menu-bar .slicknav_btn.slicknav_open>span:first-of-type,

    .categories-menu-bar .slicknav_btn.slicknav_open>span:first-of-type {

        color: #fff;

        text-shadow: none;

        text-align: left;

        text-transform: uppercase;

        font-family: Futura PT Demi;

        letter-spacing: 1px;

        font-size: 18px;

    }



    .header-top-menu.sticker.sticky .categories-menu-bar .slicknav_btn.slicknav_open>span:last-of-type,

    .categories-menu-bar .slicknav_btn.slicknav_open>span:last-of-type {

        display: none;

    }



    .header-top-menu.sticker.sticky .categories-menu-bar .slicknav_btn.slicknav_open,

    .categories-menu-bar .slicknav_btn.slicknav_open {

        position: fixed;

        top: 0;

        left: 0;

        bottom: auto;

        background: #222;

        border-bottom: 1px solid #222;

        padding-top: 10px;

        padding-bottom: 10px;

        width: 350px;

        max-width: 100%;

        transform: none;

        text-align: left;

        z-index: 101;

    }



    .categories-menu-bar .slicknav_btn.slicknav_open::after {

        content: 'x';

        position: absolute;

        right: 0;

        top: 0;

        line-height: 47px;

        width: 47px;

        height: 100%;

        background-color: #222;

        color: #fff;

        text-align: center;



    }



    .slicknav_nav .slicknav_parent.slicknav_open .cat-submenu {

        max-width: calc(100% - 20px)

    }



    .slicknav_nav .slicknav_parent.slicknav_open .cat-submenu>li {

        width: auto;

    }



    .mean-container .mean-bar {

        z-index: 997;

    }



    .categories-backdrop {

        display: none;

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: rgba(0,0,0,0.35);

        z-index: 998

        ;

    }



}



@media(max-width: 576px) {

    .header-top-menu.sticker.sticky .categories-menu-bar .slicknav_btn {

        width: 100%;

        max-width: none;

    }

}



@media(max-width: 479px) {

    .categories-menu-bar {

        bottom: 0px;

    }

}



@media(max-width: 420px) {

    .categories-menu-bar .slicknav_nav,

    .categories-menu-bar .slicknav_btn.slicknav_open {

        width: 100%!important;

    }

}

/* Memory pena dodatak — proizvod */
.memory-foam-addon-card {
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    background: linear-gradient(135deg, #faf9f6 0%, #fff 100%);
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(40, 40, 40, 0.06);
}

.memory-foam-addon-card__notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: #ece7d8;
    border-bottom: 1px solid #e0d9c8;
}

.memory-foam-addon-card__icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #282828;
    color: #ece7d8;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    font-style: normal;
}

.memory-foam-addon-card__notice p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #393b3d;
}

.memory-foam-addon-card__body {
    padding: 16px 18px 18px;
}

.memory-foam-addon-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 14px;
}

.memory-foam-addon-card__title {
    font-size: 16px;
    color: #282828;
}

.memory-foam-addon-card__price {
    font-size: 14px;
    font-weight: 600;
    color: #5a5a5a;
}

.memory-foam-addon-card__toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    margin: 0;
    font-weight: 400;
}

.memory-foam-addon-card__toggle input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.memory-foam-addon-card__toggle-ui {
    width: 44px;
    height: 24px;
    border-radius: 12px;
    background: #d8d4cc;
    position: relative;
    transition: background 0.2s ease;
}

.memory-foam-addon-card__toggle-ui::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    transition: transform 0.2s ease;
}

.memory-foam-addon-card__toggle input:checked + .memory-foam-addon-card__toggle-ui {
    background: #282828;
}

.memory-foam-addon-card__toggle input:checked + .memory-foam-addon-card__toggle-ui::after {
    transform: translateX(20px);
}

.memory-foam-addon-card__qty-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #282828;
}

.memory-foam-addon-card__qty-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.memory-foam-addon-card__qty-btn {
    width: 40px;
    height: 40px;
    border: 1px solid #d8d4cc;
    border-radius: 8px;
    background: #fff;
    font-size: 20px;
    line-height: 1;
    color: #282828;
    cursor: pointer;
    padding: 0;
}

.memory-foam-addon-card__qty-btn:hover {
    background: #ece7d8;
}

.memory-foam-addon-card__qty-row input[type="number"] {
    width: 64px;
    height: 40px;
    text-align: center;
    border: 1px solid #d8d4cc;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.memory-foam-addon-card__qty-total {
    font-size: 15px;
    color: #666;
}

.memory-foam-addon-card__hint {
    margin: 10px 0 0;
    font-size: 13px;
    color: #777;
}

.memory-foam-addon-card__preview {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f5f3ee;
    font-size: 13px;
    color: #393b3d;
    min-height: 0;
}

.memory-foam-addon-card__preview:empty {
    display: none;
}

/* Toast: proizvod dodat u korpu */
.cart-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    z-index: 10050;
    width: calc(100% - 32px);
    max-width: 520px;
    transform: translateX(-50%) translateY(120%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease, visibility 0.3s ease;
}

.cart-toast.is-visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.cart-toast__panel {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    padding: 16px 44px 16px 18px;
    background: #282828;
    color: #fff;
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.cart-toast__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #4a7c59;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.cart-toast__icon--fav {
    background: #8f2724;
}

.cart-toast__icon--removed {
    background: #5a5a5a;
}

.cart-toast__message {
    flex: 1 1 160px;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}

.cart-toast__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.cart-toast__btn {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

.cart-toast__btn--primary {
    background: #ece7d8;
    color: #282828 !important;
}

.cart-toast__btn--primary:hover {
    background: #fff;
    color: #282828 !important;
}

.cart-toast__btn--ghost {
    background: transparent;
    color: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.cart-toast__btn--ghost:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff !important;
}

.cart-toast__dismiss {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    border-radius: 6px;
    transition: color 0.2s ease, background 0.2s ease;
}

.cart-toast__dismiss:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 480px) {
    .cart-toast {
        bottom: 16px;
        width: calc(100% - 24px);
    }

    .cart-toast__panel {
        padding: 14px 40px 14px 14px;
    }

    .cart-toast__actions {
        width: 100%;
        margin-left: 0;
    }

    .cart-toast__btn {
        flex: 1 1 auto;
        text-align: center;
    }
}

/* Izbor boje / dezena — proizvod */
.product-colors-picker {
    margin-bottom: 4px;
}

.product-colors-picker__title {
    font-size: 15px;
    font-weight: 600;
    color: #282828;
    margin: 0 0 14px;
    letter-spacing: 0.02em;
    text-transform: none;
}

.product-colors-picker__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 22px;
}

.product-colors-picker__item {
    margin: 0;
    padding: 0;
    text-align: center;
    max-width: 96px;
}

.product-color-swatch-card {
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
}

.product-color-swatch {
    position: relative;
    display: block;
    width: 76px;
    height: 76px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 50%;
    outline: none;
}

.product-color-swatch:focus-visible {
    outline: 2px solid #282828;
    outline-offset: 3px;
}

.product-color-swatch__preview {
    display: block;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    border: 2px solid #e8e4dc;
    box-shadow: 0 2px 10px rgba(40, 40, 40, 0.08);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.product-color-swatch:hover .product-color-swatch__preview {
    transform: scale(1.05);
    border-color: #c9c2b4;
}

.product-color-swatch--active .product-color-swatch__preview,
.product-color-swatch.color-outline-transparent-active .product-color-swatch__preview {
    border-color: #282828;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #282828, 0 4px 14px rgba(40, 40, 40, 0.15);
}

.product-color-swatch__check {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #282828;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
}

.product-color-swatch__check::after {
    content: "\2713";
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.product-color-swatch--active .product-color-swatch__check,
.product-color-swatch.color-outline-transparent-active .product-color-swatch__check {
    opacity: 1;
    transform: scale(1);
}

.product-color-swatch__zoom {
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 2;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e8e4dc;
    box-shadow: 0 2px 10px rgba(40, 40, 40, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #393b3d !important;
    font-size: 12px;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.product-color-swatch__zoom:hover {
    background: #282828;
    border-color: #282828;
    color: #fff !important;
    transform: scale(1.08);
}

/* .img-popup i u style.css je bela — na beloj pozadini lupa nije vidljiva */
.product-color-swatch__zoom.img-popup i,
.product-color-swatch__zoom i {
    color: #393b3d !important;
    font-size: 12px;
    line-height: 1;
}

.product-color-swatch__zoom:hover i {
    color: #fff !important;
}

.product-color-swatch__name {
    display: block;
    font-size: 12px;
    line-height: 1.35;
    color: #5a5a5a;
    max-width: 96px;
    word-wrap: break-word;
}

.product-colors-picker__item:has(.product-color-swatch--active) .product-color-swatch__name {
    color: #282828;
    font-weight: 600;
}

.memory-foam-cart-note {
    color: #5a5a5a;
    line-height: 1.4;
}

/* Korpa — moderni prikaz */
.cart-page .cart-lines {
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(40, 40, 40, 0.06);
    margin-bottom: 20px;
}

.cart-page .cart-amount-wrapper {
    margin-top: 0;
}

.cart-lines__head {
    display: grid;
    grid-template-columns: minmax(200px, 2.2fr) 120px 150px 110px 120px;
    gap: 12px 16px;
    padding: 14px 20px;
    background: #faf9f6;
    border-bottom: 1px solid #e8e4dc;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #5a5a5a;
}

.cart-line {
    display: grid;
    grid-template-columns: minmax(200px, 2.2fr) 120px 150px 110px 120px;
    gap: 12px 16px;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #eee9e0;
    transition: background 0.2s ease;
}

.cart-line:last-child {
    border-bottom: none;
}

.cart-line:hover {
    background: #fcfbfa;
}

.cart-line__product {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
}

.cart-line__thumb {
    flex-shrink: 0;
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e8e4dc;
    background: #f5f3ef;
}

.cart-line__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-line__info {
    min-width: 0;
}

.cart-line__title {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

.cart-line__title a {
    color: #282828;
    text-decoration: none;
}

.cart-line__title a:hover {
    color: #5a5a5a;
}

.cart-line__addon {
    margin-top: 6px;
}

.cart-line__addon-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    background: #debb88;
    color: #393b3d;
    font-size: 12px;
    line-height: 1.4;
}

.cart-line__color {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
}

.cart-line__color-swatch {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    border: 2px solid #e8e4dc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.cart-line__color-name {
    font-size: 11px;
    color: #5a5a5a;
    max-width: 100px;
    line-height: 1.3;
}

.cart-line__color-empty {
    color: #999;
}

.cart-line__qty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.cart-qty-stepper {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e8e4dc;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.cart-qty-stepper__btn {
    width: 36px;
    height: 38px;
    padding: 0;
    border: none;
    background: #faf9f6;
    color: #282828;
    cursor: pointer;
    font-size: 11px;
    transition: background 0.2s ease;
}

.cart-qty-stepper__btn:hover {
    background: #ece7d8;
}

.cart-qty-stepper__input {
    width: 48px;
    height: 38px;
    border: none;
    border-left: 1px solid #e8e4dc;
    border-right: 1px solid #e8e4dc;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #282828;
    -moz-appearance: textfield;
}

.cart-qty-stepper__input::-webkit-outer-spin-button,
.cart-qty-stepper__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart-line__remove {
    border: none;
    background: transparent;
    color: #c45c5c;
    font-size: 12px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.2s ease, color 0.2s ease;
}

.cart-line__remove:hover {
    background: #fdeeee;
    color: #a33;
}

.cart-line__price,
.cart-line__total {
    text-align: center;
}

.cart-line__price-unit,
.cart-line__total strong {
    display: block;
    font-size: 15px;
    color: #282828;
}

.cart-line__price-hint {
    display: block;
    font-size: 11px;
    color: #888;
    margin-top: 2px;
}

.cart-line__total strong {
    font-size: 16px;
}

.cart-summary {
    background: linear-gradient(135deg, #faf9f6 0%, #fff 100%);
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    padding: 22px 24px;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.06);
}

.cart-summary__title {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 700;
    color: #282828;
}

.cart-summary__rows {
    margin: 0;
}

.cart-summary__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 10px 0;
    border-bottom: 1px solid #eee9e0;
    font-size: 14px;
}

.cart-summary__row:last-child {
    border-bottom: none;
}

.cart-summary__row dt {
    margin: 0;
    font-weight: 500;
    color: #5a5a5a;
}

.cart-summary__row dd {
    margin: 0;
    font-weight: 600;
    color: #282828;
}

.cart-summary__row--total {
    margin-top: 8px;
    padding-top: 14px;
    border-top: 2px solid #282828;
    font-size: 17px;
}

.cart-summary__row--total dt,
.cart-summary__row--total dd {
    font-weight: 700;
    color: #282828;
}

.cart-page__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding-bottom: 20px;
}

.cart-page__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    border: 2px solid transparent;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.cart-page__btn--ghost {
    background: #fff;
    color: #282828 !important;
    border-color: #d8d4cc;
}

.cart-page__btn--ghost:hover {
    border-color: #282828;
    background: #faf9f6;
}

.cart-page__btn--primary {
    background: #282828;
    color: #fff !important;
    border-color: #282828;
}

.cart-page__btn--primary:hover {
    background: #393b3d;
    border-color: #393b3d;
    color: #fff !important;
}

.cart-empty {
    text-align: center;
    padding: 48px 24px;
    background: #faf9f6;
    border: 1px dashed #e0d9c8;
    border-radius: 14px;
}

.cart-empty p {
    margin: 0 0 20px;
    font-size: 16px;
    color: #5a5a5a;
}

.order-confirmation__lead {
    max-width: 720px;
    margin: 16px auto 0;
    font-size: 17px;
    color: #5a5a5a;
    line-height: 1.6;
}

.order-confirmation__meta,
.order-confirmation__details,
.order-confirmation__items {
    margin-bottom: 32px;
}

.order-confirmation__code,
.order-confirmation__date {
    margin: 0 0 8px;
    font-size: 16px;
    color: #282828;
}

.order-confirmation__section-title {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 600;
    color: #282828;
}

.order-confirmation__details-list {
    margin: 0;
    padding: 20px 24px;
    list-style: none;
    background: #faf9f6;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
}

.order-confirmation__details-list li {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.5;
    color: #393b3d;
}

.order-confirmation__details-list li:last-child {
    margin-bottom: 0;
}

.cart-line--readonly .cart-line__qty {
    justify-content: center;
}

.cart-line__qty-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    background: #faf9f6;
    border: 1px solid #e8e4dc;
    font-weight: 600;
    color: #282828;
}

@media (max-width: 991px) {
    .cart-lines__head {
        display: none;
    }

    .cart-line {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px 16px;
    }

    .cart-line__color,
    .cart-line__qty,
    .cart-line__price,
    .cart-line__total {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        padding-top: 10px;
        border-top: 1px solid #f0ebe3;
    }

    .cart-line__color::before,
    .cart-line__qty::before,
    .cart-line__price::before,
    .cart-line__total::before {
        content: attr(data-label);
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #888;
        width: 100%;
        margin-bottom: 6px;
    }

    .cart-line__color {
        flex-direction: row;
        gap: 10px;
    }

    .cart-line__qty {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .cart-line__thumb {
        width: 72px;
        height: 72px;
    }
}

/* Favoriti — moderni prikaz */
.favorites-page__title {
    margin: 0;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: #282828;
}

.favorites-lines {
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(40, 40, 40, 0.06);
}

.favorites-lines__head {
    display: grid;
    grid-template-columns: minmax(220px, 2.4fr) 130px 150px minmax(200px, 1.6fr);
    gap: 12px 16px;
    padding: 14px 20px;
    background: #faf9f6;
    border-bottom: 1px solid #e8e4dc;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #5a5a5a;
}

.fav-line {
    display: grid;
    grid-template-columns: minmax(220px, 2.4fr) 130px 150px minmax(200px, 1.6fr);
    gap: 12px 16px;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #eee9e0;
    transition: background 0.2s ease;
}

.fav-line:last-child {
    border-bottom: none;
}

.fav-line:hover {
    background: #fcfbfa;
}

.fav-line__product {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
}

.fav-line__thumb {
    flex-shrink: 0;
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e8e4dc;
    background: #f5f3ef;
}

.fav-line__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fav-line__title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
}

.fav-line__title a {
    color: #282828;
    text-decoration: none;
}

.fav-line__title a:hover {
    color: #8f2724;
}

.fav-line__stock {
    text-align: center;
}

.fav-line__stock-badge {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.fav-line__stock-badge--in {
    background: #e8f5e9;
    color: #2e7d32;
}

.fav-line__stock-badge--out {
    background: #f5f0ee;
    color: #8f2724;
}

.fav-line__price {
    text-align: center;
}

.fav-line__price-current {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #282828;
}

.fav-line__price-old {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #999;
    text-decoration: line-through;
}

.fav-line__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.fav-line__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid #e8e4dc;
    background: #fff;
    color: #282828;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    text-decoration: none !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.fav-line__btn:hover:not(:disabled) {
    border-color: #c9c2b4;
    background: #faf9f6;
}

.fav-line__btn--view {
    color: #393b3d;
}

.fav-line__btn--view:hover {
    border-color: #282828;
    background: #282828;
    color: #fff !important;
}

.fav-line__btn--cart {
    border-color: #debb88;
    background: #faf6ef;
    color: #393b3d;
}

.fav-line__btn--cart:hover:not(:disabled) {
    background: #debb88;
    border-color: #c9a86a;
}

.fav-line__btn--cart:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.fav-line__btn--remove {
    border-color: #f0d4d4;
    background: #fff;
    color: #c45c5c;
}

.fav-line__btn--remove:hover {
    background: #fdeeee;
    border-color: #e8b4b4;
    color: #a33;
}

.fav-line__btn-label {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.favorites-empty {
    text-align: center;
    padding: 48px 24px;
    background: #faf9f6;
    border: 1px dashed #e0d9c8;
    border-radius: 14px;
}

.favorites-empty p {
    margin: 0 0 20px;
    font-size: 16px;
    color: #5a5a5a;
}

@media (max-width: 991px) {
    .favorites-lines__head {
        display: none;
    }

    .fav-line {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px 16px;
    }

    .fav-line__stock,
    .fav-line__price,
    .fav-line__actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        padding-top: 10px;
        border-top: 1px solid #f0ebe3;
    }

    .fav-line__stock::before,
    .fav-line__price::before,
    .fav-line__actions::before {
        content: attr(data-label);
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #888;
        width: 100%;
        margin-bottom: 6px;
    }

    .fav-line__actions {
        justify-content: flex-start;
    }

    .fav-line__thumb {
        width: 72px;
        height: 72px;
    }

    .fav-line__btn-label {
        display: none;
    }

    .fav-line__btn {
        min-width: 42px;
        padding: 8px 10px;
    }
}

/* Mini korpa u meniju */
.mini-cart-option .my-cart {
    position: relative;
}

.mini-cart-drop-down.mini-cart-panel {
    width: 380px;
    max-width: calc(100vw - 24px);
    padding: 0;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    background: #fff;
    border-bottom: none;
    box-shadow: 0 16px 48px rgba(40, 40, 40, 0.14);
    overflow: hidden;
}

.mini-cart-drop-down.mini-cart-panel > li {
    display: block;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.mini-cart-panel__items-wrap {
    max-height: 300px;
    overflow-y: auto;
    border-bottom: 1px solid #eee9e0;
}

/* Reset starih pravila iz style.css (.mini-cart-option li a, .mini-cart-drop-down li a) */
.mini-cart-drop-down.mini-cart-panel .mini-cart-panel__items > li {
    margin-left: 0;
}

.mini-cart-drop-down.mini-cart-panel .mini-cart-item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f3f0ea;
    list-style: none;
}

.mini-cart-panel__items {
    list-style: none;
    margin: 0;
    padding: 8px 20px 12px;
}

.mini-cart-panel__items-wrap {
    padding: 0;
}

.mini-cart-option .mini-cart-drop-down.mini-cart-panel a.mini-cart-item__thumb,
.mini-cart-option .mini-cart-drop-down.mini-cart-panel .mini-cart-item__title a {
    display: block !important;
    max-width: none !important;
    width: auto;
    text-transform: none;
    letter-spacing: normal;
}

.mini-cart-item:last-child {
    border-bottom: none;
}

.mini-cart-item__thumb {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    display: block !important;
    max-width: none !important;
    align-items: unset !important;
    border-radius: 8px;
    overflow: hidden;
    background: #f7f5f1;
    border: 1px solid #eee9e0;
    text-transform: none;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.mini-cart-item__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mini-cart-item__content {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mini-cart-item__head {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.mini-cart-item__title {
    flex: 1;
    margin: 0;
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.mini-cart-item__title a {
    color: #282828 !important;
    text-decoration: none;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: none !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 0;
    align-items: unset;
}

.mini-cart-item__title a:hover {
    color: #7e2320 !important;
}

.mini-cart-item .cart-line__addon {
    margin: 0;
}

.mini-cart-item .cart-line__addon-badge {
    font-size: 10px;
    padding: 3px 8px;
    line-height: 1.3;
}

.mini-cart-item__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 2px;
}

.mini-cart-item__qty {
    font-size: 12px;
    font-weight: 500;
    color: #888;
}

.mini-cart-item__price {
    font-size: 14px;
    font-weight: 700;
    color: #282828;
    white-space: nowrap;
}

.mini-cart-item__remove {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #aaa;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.mini-cart-item__remove:hover {
    background: #f5f3ef;
    color: #282828;
}

.mini-cart-panel__empty {
    padding: 28px 20px;
    text-align: center;
    font-size: 14px;
    color: #888;
    list-style: none;
}

.mini-cart-drop-down.mini-cart-panel > li.mini-cart-panel__footer {
    display: block !important;
    flex-direction: column;
    justify-content: flex-start !important;
    padding: 18px 24px 20px !important;
    box-sizing: border-box;
}

.mini-cart-panel__footer {
    background: #faf9f6;
}

.mini-cart-summary {
    margin-bottom: 14px;
    padding: 0 2px;
}

.mini-cart-summary__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 5px 0;
    font-size: 13px;
    color: #5a5a5a;
}

.mini-cart-summary__row--total {
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px solid #e8e4dc;
    font-size: 14px;
}

.mini-cart-summary__row--total .mini-cart-summary__label {
    font-weight: 600;
    color: #282828;
}

.mini-cart-summary__value {
    font-weight: 600;
    color: #282828;
    text-align: right;
}

.mini-cart-summary__value--free {
    color: #4a7c59;
}

.mini-cart-summary__link {
    font-weight: 600;
    color: #7e2320;
    text-decoration: underline;
    font-size: 12px;
}

.mini-cart-panel__actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 2px;
}

.mini-cart-option .mini-cart-drop-down.mini-cart-panel a.mini-cart-btn,
.mini-cart-drop-down.mini-cart-panel a.mini-cart-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: 44px;
    line-height: 1.2;
    padding: 0 20px !important;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center !important;
    text-decoration: none;
    max-width: none !important;
    margin-bottom: 0 !important;
    box-sizing: border-box;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mini-cart-btn--ghost {
    background: #fff;
    color: #282828 !important;
    border: 2px solid #d8d4cc;
}

.mini-cart-btn--ghost:hover {
    border-color: #282828;
    color: #282828 !important;
}

.mini-cart-btn--primary {
    background: #282828;
    color: #fff !important;
    border: 2px solid #282828;
}

.mini-cart-btn--primary:hover {
    background: #393b3d;
    border-color: #393b3d;
    color: #fff !important;
}

@media (max-width: 575px) {
    .mini-cart-drop-down.mini-cart-panel {
        right: -8px;
        width: min(340px, calc(100vw - 16px));
    }
}

/* Checkout — podaci za slanje */
.checkout-page {
    background: #fff;
}

.checkout-page__page-title {
    margin: 0 0 32px;
    text-align: center;
}

.checkout-page__page-title h1 {
    margin: 0;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #282828;
}

.checkout-page .checkout-area > .row {
    align-items: flex-start;
}

.checkout-page__card,
.checkout-page__sidebar {
    padding: 28px 24px;
    border: 1px solid #e8e4dc;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 32px rgba(40, 40, 40, 0.06);
    margin-bottom: 24px;
}

.checkout-page__heading {
    margin-bottom: 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eee9e0;
}

.checkout-page__heading h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #282828;
    text-transform: none;
    text-align: left;
}

.checkout-page .form-group label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #393b3d;
}

.checkout-page .form-control {
    height: 46px;
    padding: 10px 14px;
    border: 1px solid #e0d9c8;
    border-radius: 10px;
    background: #fff !important;
    font-size: 15px;
    color: #282828;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.checkout-page .form-control:focus {
    border-color: #282828;
    box-shadow: 0 0 0 3px rgba(40, 40, 40, 0.08);
}

.checkout-page .form-control[readonly],
.checkout-page .form-control:disabled {
    background: #f7f5f1 !important;
    color: #5a5a5a;
    cursor: default;
}

.checkout-page textarea.form-control {
    height: auto;
    min-height: 120px;
    resize: vertical;
}

.checkout-page .ship-box-info {
    margin-top: 16px;
    padding: 18px;
    border-radius: 12px;
    background: #faf9f6;
    border: 1px dashed #e0d9c8;
}

.checkout-page .user-actions h3 {
    border: none;
    padding: 0 0 12px;
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 600;
    background: transparent;
}

.checkout-page .user-actions h3::before {
    display: none;
}

.checkout-page .display-content {
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    padding: 20px;
    background: #fff;
}

.checkout-page .user-coupon .input-group {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 100%;
}

.checkout-page .user-coupon .input-group .form-control {
    flex: 1 1 auto;
    min-width: 0;
    width: 1%;
    height: 46px !important;
    margin: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.checkout-page .user-coupon .input-group .btn-secondary,
.checkout-page .user-coupon .input-group #use-the-coupon-btn {
    flex: 0 0 auto;
    align-self: stretch;
    height: 46px !important;
    min-height: 46px;
    margin: 0 !important;
    padding: 0 20px;
    border-radius: 0 10px 10px 0;
    border: 1px solid #282828;
    background: #282828;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.2;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    box-sizing: border-box;
}

.checkout-page .user-coupon .input-group .btn-secondary:hover,
.checkout-page .user-coupon .input-group #use-the-coupon-btn:hover {
    background: #393b3d;
    border-color: #393b3d;
    color: #fff !important;
}

/* Stavke porudžbine */
.checkout-page .checkout-items {
    max-height: 360px;
    overflow-y: auto;
    margin-bottom: 20px;
    padding: 12px;
    border-radius: 12px;
    background: #faf9f6;
    border: 1px solid #eee9e0;
}

.checkout-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 4px;
    border-bottom: 1px solid #f0ebe3;
}

.checkout-item:last-child {
    border-bottom: none;
}

.checkout-item__thumb {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eee9e0;
    background: #fff;
}

.checkout-item__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.checkout-item__body {
    flex: 1;
    min-width: 0;
}

.checkout-item__title {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.checkout-item__title a {
    color: #282828;
    text-decoration: none;
}

.checkout-item__title a:hover {
    color: #7e2320;
}

.checkout-item__color {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 1.4;
    color: #5a5a5a;
}

.checkout-item__color-label {
    font-weight: 600;
    color: #393b3d;
}

.checkout-item__color-swatch {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #d8d4cc;
    background-size: cover;
    background-position: center;
    vertical-align: middle;
}

.checkout-item__color-name {
    font-weight: 500;
    color: #282828;
}

.checkout-item__color-empty {
    color: #aaa;
}

.checkout-item__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}

.checkout-item__qty {
    font-size: 12px;
    color: #888;
}

.checkout-item__price {
    font-size: 14px;
    font-weight: 700;
    color: #282828;
    white-space: nowrap;
}

/* Rezime cena */
.checkout-page .checkout-totals-wrap {
    margin-bottom: 20px;
}

.checkout-page .checkout-totals {
    width: 100%;
    margin: 0;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    background: #fff;
}

.checkout-page .checkout-totals th,
.checkout-page .checkout-totals td {
    padding: 12px 16px;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #f3f0ea;
    vertical-align: middle;
}

.checkout-page .checkout-totals th {
    font-weight: 500;
    color: #5a5a5a;
    text-align: left;
    width: 50%;
}

.checkout-page .checkout-totals td {
    text-align: right !important;
    font-weight: 600;
    color: #282828;
}

.checkout-page .checkout-totals td.text-center,
.checkout-page .checkout-totals td.text-right {
    text-align: right !important;
}

.checkout-page .checkout-totals td > div {
    text-align: right;
}

.checkout-page .checkout-totals tr.order-total th,
.checkout-page .checkout-totals tr.order-total td {
    background: #faf9f6;
    border-bottom: none;
    font-size: 15px;
}

.checkout-page .checkout-totals tr.order-total td strong {
    font-size: 16px;
}

.checkout-page .checkout-totals__link {
    color: #7e2320;
    font-weight: 600;
    text-decoration: underline;
}

/* Plaćanje i dostava */
.checkout-page .checkout-page__panel {
    padding: 20px;
    margin-bottom: 16px;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    background: #fff;
}

.checkout-page .checkout-page__panel-title {
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee9e0;
    font-size: 16px;
    font-weight: 700;
    color: #282828;
    text-transform: none;
}

.checkout-page .checkout-payment .custom-radio {
    margin-bottom: 12px;
    padding: 14px 14px 14px 42px;
    border: 1px solid #eee9e0;
    border-radius: 10px;
    background: #faf9f6;
    border-bottom: 1px solid #eee9e0;
    width: 100%;
    position: relative;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.checkout-page .checkout-payment .custom-radio:has(input:checked) {
    border-color: #debb88;
    background: #fff;
}

.checkout-page .checkout-payment .custom-radio label {
    font-size: 14px;
    line-height: 1.45;
    color: #282828;
}

.checkout-page .checkout-payment .payment-info {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f7f5f1;
    font-size: 13px;
    line-height: 1.5;
    color: #5a5a5a;
}

.checkout-page .checkout-payment .payment-info p {
    margin-bottom: 6px;
}

.checkout-page .checkout-payment .payment-info p:last-child {
    margin-bottom: 0;
}

.checkout-page .checkout-payment .form-check-label {
    font-size: 13px;
    line-height: 1.5;
}

.checkout-page .checkout-payment .form-check a {
    color: #7e2320;
    font-weight: 600;
}

.checkout-page #response_fast_buy_products {
    margin: 12px 0;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #a33;
}

.checkout-page__submit-wrap {
    margin-top: 8px;
}

.checkout-page__submit {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 24px;
    border: none;
    border-radius: 10px;
    background: #282828;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease;
}

.checkout-page__submit:hover {
    background: #393b3d;
}

@media (max-width: 991px) {
    .checkout-page__card,
    .checkout-page__sidebar {
        padding: 22px 18px;
    }
}

/* Moj profil */
.profile-page {
    background: #fff;
}

.profile-page__top {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr auto;
    gap: 14px;
    margin-bottom: 28px;
}

.profile-page__welcome-card,
.profile-page__info-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 16px;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    background: #faf9f6;
    font-size: 13px;
    line-height: 1.5;
    color: #5a5a5a;
}

.profile-page__welcome-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #282828;
    color: #ece7d8;
    font-size: 18px;
}

.profile-page__welcome-title {
    margin: 0 0 4px;
    font-size: 14px;
    color: #282828;
}

.profile-page__welcome-title strong {
    font-weight: 700;
}

.profile-page__welcome-meta {
    margin: 0;
    font-size: 12px;
}

.profile-page__logout {
    color: #7e2320;
    font-weight: 600;
    text-decoration: underline;
}

.profile-page__info-card p {
    margin: 0;
}

.profile-page__info-card a {
    color: #282828;
    font-weight: 600;
}

.profile-page__cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 0 22px;
    border: 2px solid #282828;
    border-radius: 10px;
    background: #fff;
    color: #282828 !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
}

.profile-page__cart-btn:hover {
    background: #282828;
    color: #fff !important;
}

.profile-page__layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.profile-page__nav {
    position: sticky;
    top: 20px;
}

.profile-page__menu {
    margin: 0;
    padding: 10px;
    list-style: none;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.05);
}

.profile-page .dashboard-list li:not(:last-child) > a {
    border-bottom: none !important;
}

.profile-page__menu-item {
    margin: 0;
}

.profile-page .profile-page__menu-link,
.profile-page .dashboard-list li > a.profile-page__menu-link {
    display: block;
    padding: 14px 18px !important;
    border-radius: 8px;
    border-bottom: none !important;
    color: #393b3d !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.profile-page .profile-page__menu-link:hover {
    background: #f7f5f1;
    color: #282828 !important;
}

.profile-page .profile-page__menu-link.active {
    background: #debb88;
    color: #282828 !important;
}

.profile-page .profile-page__menu-link.active::after {
    display: none !important;
}

.profile-page__menu-link--logout {
    color: #7e2320 !important;
    margin-top: 6px;
    padding-top: 16px !important;
    border-top: 1px solid #f0ebe3;
    border-radius: 8px;
}

.profile-page__card {
    padding: 28px 24px;
    border: 1px solid #e8e4dc;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 32px rgba(40, 40, 40, 0.06);
}

.profile-page__card-title {
    margin: 0 0 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eee9e0;
    font-size: 20px;
    font-weight: 700;
    color: #282828;
    text-transform: none;
}

.profile-form__type {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #faf9f6;
    border: 1px solid #eee9e0;
}

.profile-form__type-label {
    font-size: 13px;
    font-weight: 600;
    color: #5a5a5a;
}

.profile-form__type-label,
.profile-form__type-badge {
    display: inline-block;
    height: auto !important;
    min-height: 0;
    line-height: 1.4;
    white-space: nowrap;
}

.profile-form__type-badge {
    padding: 6px 14px;
    border-radius: 20px;
    background: #debb88;
    font-size: 13px;
    font-weight: 700;
    color: #282828 !important;
    text-transform: none;
    letter-spacing: normal;
}

.profile-page .form-group.row {
    margin-bottom: 16px;
    align-items: center;
}

.profile-page .col-form-label {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    color: #393b3d;
}

.profile-page .form-control {
    height: 46px;
    padding: 10px 14px;
    border: 1px solid #e0d9c8;
    border-radius: 10px;
    background: #fff !important;
    font-size: 15px;
    color: #282828;
    box-shadow: none;
}

.profile-page .form-control:focus {
    border-color: #282828;
    box-shadow: 0 0 0 3px rgba(40, 40, 40, 0.08);
}

.profile-page .form-control:disabled {
    background: #f7f5f1 !important;
    color: #5a5a5a;
}

.profile-page .auth-card__password .form-control,
.profile-page .auth-card__password .auth-card__input {
    width: 100%;
    padding-right: 88px;
}

.profile-form__checks {
    margin: 20px 0 8px;
    padding-top: 8px;
    border-top: 1px solid #eee9e0;
}

.profile-form__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 20px;
}

.profile-page__submit {
    align-self: flex-end;
    min-width: 200px;
    height: 48px;
    padding: 0 28px;
    border: none;
    border-radius: 10px;
    background: #282828;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease;
}

.profile-page__submit:hover {
    background: #393b3d;
}

.profile-page__table-wrap {
    margin: 0;
}

.profile-page__table {
    margin: 0;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    overflow: hidden;
}

.profile-page__table thead th {
    border: none;
    border-bottom: 1px solid #e8e4dc;
    background: #faf9f6;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5a5a5a;
    padding: 12px 14px;
}

.profile-page__table tbody td {
    border-top: 1px solid #f3f0ea;
    padding: 12px 14px;
    font-size: 14px;
    vertical-align: middle;
}

@media (max-width: 1199px) {
    .profile-page__top {
        grid-template-columns: 1fr 1fr;
    }

    .profile-page__cart-btn {
        grid-column: 1 / -1;
        min-height: 48px;
    }
}

@media (max-width: 991px) {
    .profile-page__layout {
        grid-template-columns: 1fr;
    }

    .profile-page__nav {
        position: static;
    }

    .profile-page__menu {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        padding: 10px;
    }

    .profile-page__menu-item {
        flex: 1 1 auto;
    }

    .profile-page__menu-link--logout {
        border-top: none;
    }

    .profile-page__card {
        padding: 22px 18px;
    }

    .profile-page .form-group.row {
        align-items: flex-start;
    }

    .profile-page__submit {
        width: 100%;
        align-self: stretch;
    }
}

@media (max-width: 575px) {
    .profile-page__top {
        grid-template-columns: 1fr;
    }
}

/* Footer */
.site-footer__main.footer-top {
    padding: 56px 0 48px !important;
    background: #debb88 !important;
    border-top: none !important;
}

.site-footer__grid {
    display: grid;
    grid-template-columns: 1.15fr 0.9fr 0.85fr 1.1fr;
    gap: 32px 28px;
    align-items: start;
}

.site-footer__title {
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(40, 40, 40, 0.12);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #282828;
}

.site-footer__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer__list > li {
    margin: 0 0 12px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #393b3d;
    font-weight: 400;
}

.site-footer__list > li:last-child {
    margin-bottom: 0;
}

.site-footer__list strong {
    font-weight: 700;
    color: #282828;
}

.site-footer__label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5a5a5a;
    margin-bottom: 2px;
}

.site-footer__list a {
    color: #282828 !important;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.site-footer__list a:hover {
    color: #7e2320 !important;
    text-decoration: underline;
}

.site-footer__list--links a {
    display: inline-block;
    padding: 2px 0;
}

.site-footer__lead {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #393b3d;
}

.site-footer__bottom.footer-bottom {
    background: #282828 !important;
}

.site-footer__bottom-inner {
    padding: 22px 0 !important;
    text-align: center;
}

.site-footer__copyright,
.site-footer__copyright.footer-copyright {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85) !important;
}

.site-footer__copyright a {
    color: #debb88 !important;
    font-weight: 600;
    text-decoration: none;
}

.site-footer__copyright a:hover {
    color: #fff !important;
    text-decoration: underline;
}

/* Newsletter u footeru */
.site-footer .newsletter-form {
    max-width: 100%;
}

.site-footer .newsletter-form__inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-footer .newsletter-form__input {
    width: 100%;
    height: 48px;
    margin: 0 !important;
    padding: 0 16px;
    border: 1px solid rgba(40, 40, 40, 0.12);
    border-radius: 10px;
    background: #fff !important;
    color: #282828;
    font-size: 14px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(40, 40, 40, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.site-footer .newsletter-form__input::placeholder {
    color: #999;
    text-align: center;
}

.site-footer .newsletter-form__input:focus {
    outline: none;
    border-color: #282828;
    box-shadow: 0 0 0 3px rgba(40, 40, 40, 0.12);
}

.site-footer .newsletter-form__btn {
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 20px;
    border: none;
    border-radius: 10px;
    background: #282828;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 48px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.site-footer .newsletter-form__btn:hover {
    background: #393b3d;
    color: #fff !important;
}

.site-footer .newsletter-form__response {
    min-height: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}

.site-footer .newsletter-form__response:empty {
    display: none;
}

.site-footer .newsletter-form__response--success {
    color: #2d5a3a;
}

.site-footer .newsletter-form__response--error {
    color: #a33;
}

/* Page hero (kategorije, kontakt, blog…) */
.page-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    min-height: clamp(320px, 38vw, 480px);
    margin: 0;
    padding: 0;
    background-image: var(--page-hero-bg);
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    overflow: hidden;
}

.page-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        rgba(20, 18, 16, 0.62) 0%,
        rgba(20, 18, 16, 0.42) 45%,
        rgba(20, 18, 16, 0.55) 100%
    );
    pointer-events: none;
}

.page-hero .container.page-hero__inner {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 40px;
}

.page-hero__breadcrumb {
    margin-bottom: 14px;
}

.page-hero__breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.page-hero__breadcrumb-item {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.75);
}

.page-hero__breadcrumb-item:not(:last-child)::after {
    content: "/";
    margin: 0 10px;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 400;
}

.page-hero__breadcrumb-item a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: color 0.2s ease;
}

.page-hero__breadcrumb-item a:hover {
    color: #debb88;
}

.page-hero__breadcrumb-item.is-active span {
    color: #fff;
}

.page-hero__accent {
    display: block;
    width: 52px;
    height: 3px;
    margin-bottom: 14px;
    background: #debb88;
    border-radius: 2px;
}

.page-hero__title {
    margin: 0;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

.page-hero__subtitle {
    margin: 12px 0 0;
    max-width: 520px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.88);
}

@media (max-width: 767px) {
    .page-hero {
        min-height: clamp(260px, 48vw, 340px);
        background-position: center 42%;
    }

    .page-hero .container.page-hero__inner {
        padding-bottom: 28px;
    }

    .page-hero__title {
        letter-spacing: 0.03em;
    }
}

/* Cookie popup — donji levi ugao */
#cookieWarnBox.cookie-warn-popup,
#cookieWarnBox {
    position: fixed !important;
    left: 20px !important;
    right: auto !important;
    top: auto !important;
    bottom: 20px !important;
    max-width: 380px !important;
    width: calc(100% - 40px) !important;
    margin: 0 !important;
    z-index: 99999 !important;
}

#cookieWarnBox .text {
    margin: 0;
}

#cookieWarnBox .btn {
    display: inline-block !important;
    width: auto !important;
}

@media (max-width: 575px) {
    #cookieWarnBox.cookie-warn-popup,
    #cookieWarnBox {
        left: 12px !important;
        bottom: 12px !important;
        width: calc(100% - 24px) !important;
        max-width: none !important;
        padding: 16px 18px !important;
    }

    #cookieWarnBox .btn {
        display: block !important;
        width: 100% !important;
        text-align: center;
    }
}

/* Scroll to top */
.scroll-top {
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    background: #8f2724 !important;
    border: 2px solid #8f2724 !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(143, 39, 36, 0.35);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.scroll-top i {
    color: #fff !important;
    line-height: 40px;
}

.scroll-top:hover {
    background: #7a211e !important;
    border-color: #7a211e !important;
    transform: translateY(-2px);
}

@media (max-width: 1199px) {
    .site-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px 24px;
    }

    .site-footer__col--newsletter {
        grid-column: 1 / -1;
        max-width: 400px;
    }
}

@media (max-width: 575px) {
    .site-footer__main.footer-top {
        padding: 40px 0 36px !important;
    }

    .site-footer__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .site-footer__col--newsletter {
        max-width: none;
    }
}

/* Product details — image gallery */
.product-gallery {
    margin-bottom: 24px;
}

.product-gallery__main {
    position: relative;
    background: linear-gradient(160deg, #faf9f6 0%, #fff 70%);
    border: 1px solid #e8e4dc;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(40, 40, 40, 0.06);
}

.product-gallery__main .slick-list {
    min-height: 320px;
}

.product-gallery__main .slick-list,
.product-gallery__main .slick-track {
    border-radius: 16px;
}

.product-gallery__main .slick-slide {
    height: auto;
}

.product-gallery__main .slick-slide > div {
    height: 100%;
}

.product-gallery__slide {
    position: relative;
    padding: 0;
    cursor: default;
}

.product-gallery__slide .product-gallery__zoom {
    display: block;
    position: relative;
    line-height: 0;
}

.product-gallery__img {
    width: 100%;
    height: auto;
    max-height: min(72vh, 520px);
    object-fit: contain;
    object-position: center;
    border-radius: 16px;
    background: #fff;
}

.product-gallery__badges {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 3;
    pointer-events: none;
}

.product-gallery__badges .label-product,
.product-gallery__badges .promocija {
    pointer-events: auto;
}

.product-gallery__zoom-btn {
    position: absolute;
    right: 14px;
    bottom: 14px;
    z-index: 3;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e8e4dc;
    box-shadow: 0 4px 16px rgba(40, 40, 40, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #393b3d;
    font-size: 16px;
    opacity: 1;
    visibility: visible;
    transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease, border-color 0.2s ease;
}

.product-gallery__zoom:hover .product-gallery__zoom-btn,
.product-gallery__zoom:focus .product-gallery__zoom-btn {
    background: #282828;
    border-color: #282828;
    color: #fff;
    transform: scale(1.06);
}

.product-gallery__zoom-btn i {
    color: inherit !important;
    font-size: 16px !important;
    line-height: 1;
}

.product-gallery .img-popup {
    background: transparent;
    display: block;
    width: 100%;
}

.product-gallery .img-view {
    display: none;
}

/* Slick dots — mobil kada nema thumb trake */
.product-gallery__main .slick-dots {
    bottom: 12px;
    padding: 0 8px;
}

.product-gallery__main .slick-dots li button:before {
    font-size: 10px;
    color: #282828;
    opacity: 0.35;
}

.product-gallery__main .slick-dots li.slick-active button:before {
    color: #282828;
    opacity: 1;
}

.product-gallery__footer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    min-height: 0;
}

.product-gallery__thumbs {
    flex: 1;
    min-width: 0;
    margin: 0 !important;
    padding: 0;
}

.product-gallery .pro-nav {
    margin: 0 !important;
}

.product-gallery .pro-nav-thumb {
    padding: 0 1px !important;
}

.product-gallery__thumbs:not(.product-gallery__thumbs--static) {
    padding: 0 28px;
}

.product-gallery__thumbs:not(.product-gallery__thumbs--static) .slick-list {
    margin: 0 -1px;
}

.product-gallery__thumbs:not(.product-gallery__thumbs--static) .product-gallery__thumb {
    padding: 0 1px !important;
}

.product-gallery__thumbs:not(.product-gallery__thumbs--static) .slick-slide {
    margin: 0 !important;
}

/* Statičke minijature (do 5 slika) — bez Slick pomeranja */
.product-gallery__thumbs--static {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding: 2px 0;
}

.product-gallery__thumbs--static .product-gallery__thumb {
    flex: 0 0 68px;
    width: 68px;
    max-width: 68px;
}

.product-gallery__thumb {
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
}

.product-gallery__thumb img {
    display: block;
    width: 68px;
    height: 68px;
    object-fit: cover;
    border: 1px solid #e8e4dc !important;
    border-radius: 10px;
    background: #faf9f6;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Samo aktivna — bez debljine koja pomera layout */
.product-gallery .pro-nav-thumb.slick-slide img,
.product-gallery .pro-nav-thumb img {
    border: 1px solid #e8e4dc !important;
}

.product-gallery__thumb.is-active img,
.product-gallery .pro-nav-thumb.slick-current img {
    border-color: #282828 !important;
    box-shadow: 0 0 0 2px rgba(222, 187, 136, 0.55);
}

.product-gallery .pro-nav-thumb.slick-active:not(.slick-current) img {
    border-color: #e8e4dc !important;
    box-shadow: none;
}

.product-gallery .pro-nav-thumb.slick-slide.slick-current.slick-active.slick-center img {
    border-color: #282828 !important;
}

.product-gallery__arrow {
    background: #fff !important;
    border: 1px solid #e8e4dc !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 30px !important;
    color: #393b3d !important;
    box-shadow: 0 2px 10px rgba(40, 40, 40, 0.08);
    opacity: 1 !important;
    visibility: visible !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.product-gallery__arrow:hover {
    background: #282828 !important;
    border-color: #282828 !important;
    color: #fff !important;
}

.product-gallery__arrow--prev {
    left: 0 !important;
}

.product-gallery__arrow--next {
    right: 0 !important;
}

.product-gallery__counter {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 52px;
    height: 32px;
    padding: 0 12px;
    margin: 0;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #5a5a5a;
    letter-spacing: 0.02em;
    background: #faf9f6;
    border: 1px solid #e8e4dc;
    border-radius: 999px;
    box-sizing: border-box;
}

.product-gallery__counter-current {
    color: #282828;
    min-width: 1ch;
    text-align: right;
}

.product-gallery__counter-sep {
    color: #9a9a9a;
    font-weight: 400;
}

.product-gallery__counter-total {
    min-width: 1ch;
    text-align: left;
}

@media (max-width: 991px) {
    .product-details-main-wrapper .col-lg-5 {
        margin-bottom: 8px;
    }

    .product-details-main-wrapper .col-lg-6.offset-lg-1 {
        margin-top: 0 !important;
    }

    .product-gallery__img {
        max-height: min(56vh, 420px);
    }
}

@media (max-width: 575px) {
    .product-gallery {
        margin-bottom: 20px;
    }

    .product-gallery__main {
        border-radius: 12px;
    }

    .product-gallery__img {
        max-height: min(50vh, 360px);
        border-radius: 12px;
    }

    .product-gallery__zoom-btn {
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 10px;
        font-size: 14px;
    }

    .product-gallery__main .slick-list {
        min-height: 260px;
    }

    .product-gallery__footer {
        flex-direction: row;
        align-items: center;
        gap: 8px;
        margin-top: 8px;
        min-height: 0;
    }

    .product-gallery__counter {
        font-size: 12px;
        min-width: 48px;
        height: 28px;
        padding: 0 10px;
    }

    .product-gallery__thumbs--static .product-gallery__thumb,
    .product-gallery__thumb img {
        width: 64px;
        height: 64px;
    }

    .product-gallery__thumbs--static .product-gallery__thumb {
        flex: 0 0 64px;
        max-width: 64px;
    }

    .product-gallery__thumb img {
        border-radius: 8px;
    }

    /* Na mobilnom: swipe glavne slike + veći thumb-ovi */
    .product-gallery__main .slick-dots {
        bottom: 8px;
    }
}

/* Product details — slični proizvodi (horizontal scroll, bez Owl beline) */
.related-products {
    margin-bottom: 32px;
    padding: 36px 0 28px;
    background: linear-gradient(180deg, #faf9f6 0%, #fff 100%);
    overflow: hidden;
}

.related-products__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    padding: 0 12px;
}

.related-products__title {
    margin: 0;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #282828;
    text-align: left;
}

.related-products__nav {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.related-products__arrow {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #e8e4dc;
    border-radius: 50%;
    background: #fff;
    color: #282828;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(40, 40, 40, 0.06);
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.related-products__arrow:hover:not(:disabled) {
    background: #282828;
    border-color: #282828;
    color: #fff;
}

.related-products__arrow:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    box-shadow: none;
}

.related-products__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    max-height: none;
    height: auto;
    padding: 4px 12px 12px;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #debb88 #f0ebe3;
}

.related-products__track::-webkit-scrollbar {
    height: 6px;
}

.related-products__track::-webkit-scrollbar-thumb {
    background: #debb88;
    border-radius: 999px;
}

.related-product-card {
    flex: 0 0 240px;
    width: 240px;
    max-width: 240px;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.related-product-card:hover {
    box-shadow: 0 8px 28px rgba(40, 40, 40, 0.1);
    transform: translateY(-2px);
}

.related-product-card__media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    background: #fff;
    overflow: hidden;
}

.related-product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 8px;
    box-sizing: border-box;
}

.related-product-card__badges {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
}

.related-product-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 6px;
    padding: 14px 14px 16px;
    min-height: 0;
}

.related-product-card__cat {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.3;
}

.related-product-card__cat a {
    color: #9a8f7a;
    text-decoration: none;
}

.related-product-card__cat a:hover {
    color: #282828;
}

.related-product-card__title {
    margin: 0;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    min-height: 2.7em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-product-card__title a {
    color: #282828;
    text-decoration: none;
}

.related-product-card__title a:hover {
    color: #000;
}

.related-product-card__prices {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    margin-top: auto;
    padding-top: 4px;
}

.related-product-card__price {
    font-size: 15px;
    font-weight: 700;
    color: #282828;
}

.related-product-card__price-old {
    font-size: 12px;
    color: #9a9a9a;
}

.related-product-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    margin-top: 10px;
    padding: 8px 14px;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    color: #282828 !important;
    background: #faf9f6;
    border: 1px solid #e8e4dc;
    border-radius: 10px;
    box-sizing: border-box;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.related-product-card__btn:hover {
    background: #282828;
    border-color: #282828;
    color: #fff !important;
}

@media (min-width: 768px) {
    .related-product-card {
        flex: 0 0 260px;
        width: 260px;
        max-width: 260px;
    }
}

@media (max-width: 575px) {
    .related-products {
        padding: 28px 0 20px;
    }

    .related-products__header {
        padding: 0 8px;
        margin-bottom: 14px;
    }

    .related-products__title {
        font-size: 17px;
    }

    .related-products__arrow {
        width: 36px;
        height: 36px;
    }

    .related-products__track {
        gap: 12px;
        padding: 4px 8px 10px;
    }

    .related-product-card {
        flex: 0 0 72vw;
        width: 72vw;
        max-width: 280px;
    }
}

/* Shop listing — pretraga, kategorije, filteri */
.shop-listing__page-title h1 {
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 600;
    text-transform: uppercase;
    color: #282828;
    letter-spacing: 0.02em;
}

.shop-listing__query {
    color: #5a5a5a;
    font-weight: 500;
}

.shop-listing .single-sidebar {
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 16px !important;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.04);
}

.shop-listing .sidebar-inner-title {
    margin-bottom: 14px !important;
}

.shop-listing .sidebar-inner-title h3 {
    margin: 0;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #282828;
    text-align: left;
}

.shop-listing .filter-attribute-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.shop-listing .filter-attribute-container li {
    margin: 0 0 6px;
}

.shop-listing .filter-attribute-container li a {
    display: block;
    padding: 8px 12px 8px 40px;
    border-radius: 8px;
    font-size: 14px;
    color: #393b3d;
    text-decoration: none;
    text-transform: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.shop-listing .filter-attribute-container li a::before,
.shop-listing .filter-attribute-container li a::after {
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    text-align: center;
}

.shop-listing .filter-attribute-container li a:hover,
.shop-listing .filter-attribute-container li a.active {
    background: #f0ebe3;
    color: #282828;
}

.shop-listing .filter-attribute-container li a.active {
    font-weight: 600;
    border-left: 3px solid #debb88;
    padding-left: 37px;
}

.shop-listing .filter-attribute-container li a.active::before,
.shop-listing .filter-attribute-container li a.active::after {
    left: 11px;
}

.shop-listing .filter-attribute-container li .filter-item--disabled {
    display: block;
    padding: 8px 12px 8px 40px;
    border-radius: 8px;
    font-size: 14px;
    color: #9a9a9a;
    cursor: default;
}

.shop-listing #container_pagination.shop-listing__products--loading {
    opacity: 0.55;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.shop-listing .filter-price-content .input-type input {
    width: 100%;
    border: 1px solid #e8e4dc;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 13px;
    text-align: center;
    background: #faf9f6;
}

.shop-listing__filter-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    margin-top: 14px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: #fff !important;
    background: #282828 !important;
    border: none !important;
    border-radius: 10px !important;
    line-height: 1.2 !important;
}

.shop-listing__filter-submit:hover {
    background: #393b3d !important;
    color: #fff !important;
}

.shop-listing__toolbar {
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    padding: 14px 18px;
    box-shadow: 0 2px 12px rgba(40, 40, 40, 0.04);
}

/* Bez „Prikazano X od Y“ u traci iznad proizvoda */
.product-shop-main-wrapper .shop-top-bar .row > [class*="col-"]:has(.top-bar-left) {
    display: none !important;
}

.product-shop-main-wrapper .shop-top-bar .row > [class*="col-"]:has(.top-bar-right) {
    flex: 0 0 100%;
    max-width: 100%;
}

.product-shop-main-wrapper .shop-top-bar > .row {
    justify-content: flex-end;
}

.shop-listing__toolbar .top-bar-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px 20px;
}

.shop-listing__toolbar .per-page,
.shop-listing__toolbar .product-short {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.shop-listing__toolbar .per-page p,
.shop-listing__toolbar .product-short p {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #5a5a5a;
    white-space: nowrap;
}

.shop-listing__toolbar .nice-select {
    min-width: 120px;
    border: 1px solid #e8e4dc !important;
    border-radius: 8px !important;
    height: 38px !important;
    line-height: 36px !important;
    font-size: 13px !important;
}

.shop-product-wrap--modern {
    margin: 0 -8px;
}

.shop-product-wrap--modern .shop-listing__col {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
}

.shop-product-wrap--modern .product-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
    padding: 0 !important;
}

.shop-product-wrap--modern .product-card:hover {
    border-color: #debb88;
    box-shadow: 0 10px 28px rgba(40, 40, 40, 0.1);
    transform: translateY(-3px);
}

.shop-product-wrap--modern .product-card__media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    background: #faf9f6;
    overflow: hidden;
}

.shop-product-wrap--modern .product-card__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
    box-sizing: border-box;
    transition: opacity 0.25s ease;
}

.shop-product-wrap--modern .product-card__img--secondary {
    position: absolute;
    inset: 0;
    opacity: 0;
}

.shop-product-wrap--modern .product-card:hover .product-card__img--primary {
    opacity: 0;
}

.shop-product-wrap--modern .product-card:hover .product-card__img--secondary {
    opacity: 1;
}

.shop-product-wrap--modern .product-card__badges {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
}

.shop-product-wrap--modern .product-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 6px;
    padding: 14px 14px 16px;
}

.shop-product-wrap--modern .product-card__cat {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.shop-product-wrap--modern .product-card__cat a {
    color: #9a8f7a;
    text-decoration: none;
}

.shop-product-wrap--modern .product-card__cat a:hover {
    color: #282828;
}

.shop-product-wrap--modern .product-card__title {
    margin: 0;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    min-height: 2.7em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.shop-product-wrap--modern .product-card__title a {
    color: #282828;
    text-decoration: none;
}

.shop-product-wrap--modern .product-card__prices {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    margin-top: auto;
    padding-top: 6px;
}

.shop-product-wrap--modern .product-card__price-label {
    font-size: 12px;
    font-weight: 600;
    color: #9a9a9a;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.shop-product-wrap--modern .product-card__price-label::after {
    content: ":";
    margin-left: 1px;
}

.shop-product-wrap--modern .product-card__price {
    font-size: 16px;
    font-weight: 700;
    color: #282828;
}

.shop-product-wrap--modern .product-card__price-old {
    font-size: 13px;
    color: #9a9a9a;
}

.shop-product-wrap--modern .product-card__actions {
    margin-top: 10px;
}

.shop-product-wrap--modern .product-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    box-sizing: border-box;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    color: #282828 !important;
    background: #faf9f6;
    border: 1px solid #e8e4dc !important;
    border-radius: 10px;
    line-height: 1.2 !important;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.shop-product-wrap--modern .product-card__btn:hover {
    background: #282828 !important;
    border-color: #282828 !important;
    color: #fff !important;
}

.cart-bag-icon,
.product-card__btn-icon,
.fav-line__btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 0;
}

.cart-bag-icon img,
.product-card__btn-icon img,
.fav-line__btn-icon img {
    width: 18px;
    height: 18px;
    display: block;
    filter: brightness(0);
    transition: filter 0.2s ease;
}

.shop-product-wrap--modern .product-card__btn:hover .product-card__btn-icon img,
.shop-product-wrap--modern .product-card__btn:hover .cart-bag-icon img {
    filter: brightness(0) invert(1);
}

.shop-product-wrap--modern .product-card__btn-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-product-wrap--modern .product-card__btn--disabled,
.shop-product-wrap--modern .product-card__btn:disabled {
    background: #eee !important;
    border-color: #e0e0e0 !important;
    color: #9a9a9a !important;
    cursor: not-allowed;
}

/* Odbrojavanje akcije — prikaz isključen (rezerva ako ostane HTML) */
.product-countdown,
.single-countdown {
    display: none !important;
}

/* Početna — Rekli su o nama (utisci) */
.testimonials-section {
    position: relative;
    z-index: 1;
    padding: 56px 0 64px;
    background: #fff;
    overflow: hidden;
    isolation: isolate;
}

.testimonials-section > .container {
    padding-left: 20px;
    padding-right: 20px;
}

.testimonials-section__track {
    position: relative;
    min-height: 300px;
    padding: 4px 8px 8px;
    overflow: hidden;
}


/* Početna — zajednički naslovi sekcija */
.home-section__head {
    text-align: center;
    margin: 0 0 36px;
}

.home-section__title,
.home-featured__title,
.testimonials-section__title {
    margin: 0;
    font-family: "GothamRoundedBook", Helvetica, Arial, sans-serif;
    font-size: clamp(22px, 2.5vw, 28px);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #282828;
    text-align: center;
    line-height: 1.25;
}

.home-section__head.section-title h3,
.home-section__head .home-section__title {
    letter-spacing: 0.06em;
    font-weight: 700;
}

.testimonials-section__carousel {
    position: relative;
    width: 100%;
}

.testimonials-section__carousel .owl-stage-outer {
    overflow: hidden;
    padding: 12px 6px 24px;
}

.testimonials-section__carousel.owl-refresh .owl-item {
    visibility: visible !important;
}

.testimonials-section__carousel .owl-item {
    padding: 6px 8px;
    box-sizing: border-box;
}

.testimonials-section__carousel .owl-item.active {
    z-index: 1;
}

.testimonial-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 280px;
    margin: 0 2px;
    padding: 24px 22px 26px;
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.06);
    transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
    box-sizing: border-box;
}

.testimonial-card:hover {
    border-color: #debb88;
    box-shadow: 0 10px 28px rgba(40, 40, 40, 0.1);
}

@media (hover: hover) and (pointer: fine) {
    .testimonial-card:hover {
        transform: translateY(-2px);
    }
}

.testimonial-card__header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.testimonial-card__avatar {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #f3f0eb;
    box-shadow: 0 2px 8px rgba(40, 40, 40, 0.08);
}

.testimonial-card__meta {
    min-width: 0;
}

.testimonial-card__name {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #282828;
}

.testimonial-card__stars {
    display: flex;
    gap: 2px;
    line-height: 1;
}

.testimonial-card__star {
    color: #a06b3b;
    font-size: 13px;
}

.testimonial-card__quote {
    position: relative;
    margin: 0;
    padding: 0 0 0 4px;
    flex: 1;
}

.testimonial-card__quote::before {
    content: '\201C';
    display: block;
    margin-bottom: 8px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 52px;
    line-height: 0.85;
    font-weight: 700;
    color: rgba(160, 107, 59, 0.22);
    pointer-events: none;
}

.testimonial-card__quote p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #4a4a4a;
}

/* Strelicе — desno od naslova (kao na drugim karuselima) */
.testimonials-section__head--nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 16px;
    margin-bottom: 32px;
}

.testimonials-section__head--nav .home-section__title {
    flex: 1 1 100%;
    margin: 0;
}

.testimonials-section__arrows {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex: 1 1 100%;
    margin-top: 4px;
}

@media (max-width: 991px) {
    .testimonials-section__head--nav {
        padding-right: 0;
    }

    .testimonials-section__arrow {
        width: 48px;
        height: 48px;
    }

    .testimonials-section__carousel .owl-dots {
        display: flex !important;
        justify-content: center;
        margin-top: 16px;
    }
}

@media (min-width: 992px) {
    .testimonials-section__arrows {
        flex: 0 0 auto;
        margin-top: 0;
    }
    .testimonials-section__head--nav {
        flex-wrap: nowrap;
        justify-content: center;
        min-height: 44px;
        padding-right: 108px;
    }

    .testimonials-section__head--nav .home-section__title {
        flex: 1 1 auto;
    }

    .testimonials-section__arrows {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.testimonials-section__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #e8e4dc;
    border-radius: 50%;
    background: #fff;
    color: #282828;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(40, 40, 40, 0.08);
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.testimonials-section__arrow i {
    font-size: 18px;
    line-height: 1;
}

.testimonials-section__arrow:hover,
.testimonials-section__arrow:focus {
    border-color: #a06b3b;
    color: #a06b3b;
    outline: none;
    box-shadow: 0 6px 18px rgba(40, 40, 40, 0.12);
}

.testimonials-section__arrow:active {
    transform: scale(0.96);
}

.testimonials-section__carousel .owl-nav {
    display: none !important;
}

.testimonials-section__carousel .owl-dots {
    margin-top: 20px;
}

.testimonials-section__carousel .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 4px 5px;
    background: #d8d2c8 !important;
    transition: background 0.2s ease, transform 0.2s ease;
}

.testimonials-section__carousel .owl-dot.active span,
.testimonials-section__carousel .owl-dot:hover span {
    background: #a06b3b !important;
    transform: scale(1.15);
}

@media (max-width: 767px) {
    .testimonials-section {
        padding: 40px 0 48px;
    }

    .testimonial-card {
        min-height: 0;
    }
}

/* Početna — Izdvajamo iz ponude (karusel) */
.home-featured {
    padding: 56px 0 48px;
    background: #faf9f6;
    border-top: 1px solid #f0ebe3;
    border-bottom: 1px solid #f0ebe3;
}

.home-featured__head {
    margin-bottom: 36px;
}

.home-featured__carousel .owl-stage-outer {
    padding: 4px 0 12px;
}

.home-featured__carousel .owl-nav button {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff !important;
    border: 1px solid #e8e4dc !important;
    box-shadow: 0 4px 12px rgba(40, 40, 40, 0.08);
    transition: border-color 0.2s ease, color 0.2s ease;
}

.home-featured__carousel .owl-nav button:hover {
    border-color: #a06b3b !important;
    color: #a06b3b !important;
}

/* Sidebar — Izdvajamo iz ponude */
.shop-sidebar-featured {
    margin-top: 8px;
    padding-top: 24px;
    border-top: 1px solid #ebe6e0;
}

.shop-sidebar-featured__title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #282828;
}

.shop-sidebar-featured__carousel .owl-item {
    padding: 2px 0;
}

.shop-sidebar-featured .product-card__title {
    font-size: 12px;
    min-height: 2.5em;
}

.shop-sidebar-featured .product-card__price {
    font-size: 14px;
}

.shop-sidebar-featured .product-card__btn {
    min-height: 36px;
    font-size: 11px;
}

.shop-listing .pagination-area p {
    font-size: 14px;
    color: #5a5a5a;
}

.shop-listing .pagination-box {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.shop-listing .pagination-box .page-item {
    margin: 0;
}

.shop-listing .pagination-box .page-item a,
.shop-listing .pagination-box .page-item .myactive {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #393b3d;
    text-decoration: none;
    border: 1px solid #e8e4dc;
    background: #fff;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.shop-listing .pagination-box .page-item a:hover {
    background: #f0ebe3;
    border-color: #debb88;
}

.shop-listing .pagination-box .myactive {
    background: #282828 !important;
    border-color: #282828 !important;
    color: #fff !important;
}

@media (max-width: 991px) {
    .shop-listing__toolbar .top-bar-right {
        justify-content: flex-start;
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    .shop-listing__toolbar {
        padding: 12px 14px;
    }

    .shop-product-wrap--modern {
        margin: 0 -4px;
    }

    .shop-product-wrap--modern .shop-listing__col {
        padding-left: 4px;
        padding-right: 4px;
    }
}

/* Kontakt stranica */
.contact-page {
    padding: 48px 0 56px;
    background: #faf9f6;
}

.contact-page__grid {
    align-items: stretch;
}

.contact-page__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}

.contact-page__info-card {
    padding: 22px 24px;
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(40, 40, 40, 0.04);
}

.contact-page__info-title {
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #debb88;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #282828;
}

.contact-page__info-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #393b3d;
}

.contact-page__info-note {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color: #6b6b6b;
}

.contact-page__info-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-page__info-list li {
    margin-bottom: 12px;
}

.contact-page__info-list li:last-child {
    margin-bottom: 0;
}

.contact-page__info-label {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #9a9a9a;
}

.contact-page__info-list a {
    font-size: 16px;
    font-weight: 600;
    color: #8f2724;
    text-decoration: none;
}

.contact-page__info-list a:hover {
    color: #7a211e;
    text-decoration: underline;
}

.contact-page__info-list--hours li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 0;
    border-bottom: 1px solid #f0ebe3;
    font-size: 14px;
    color: #393b3d;
}

.contact-page__info-list--hours li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.contact-page__info-list--hours li span:last-child {
    font-weight: 600;
    color: #282828;
    white-space: nowrap;
}

.contact-page__form-card {
    height: 100%;
    padding: 28px 28px 32px;
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.06);
}

.contact-page__form-title {
    margin: 0 0 24px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #282828;
    text-align: left;
}

.contact-page__field {
    display: block;
    margin-bottom: 18px;
}

.contact-page__field-label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #6b6b6b;
}

.contact-page__form input,
.contact-page__form textarea {
    width: 100%;
    margin-bottom: 0 !important;
    padding: 11px 14px;
    font-size: 14px;
    color: #282828;
    background: #faf9f6;
    border: 1px solid #e8e4dc;
    border-radius: 8px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-page__form input:focus,
.contact-page__form textarea:focus {
    outline: none;
    border-color: #debb88;
    box-shadow: 0 0 0 3px rgba(222, 187, 136, 0.25);
    background: #fff;
}

.contact-page__form textarea {
    min-height: 140px;
    resize: vertical;
}

.contact-page__captcha {
    margin-bottom: 6px;
}

.contact-page__captcha-img img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid #e8e4dc;
}

.contact-page__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    min-height: 48px;
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff !important;
    background: #8f2724 !important;
    border: none !important;
    border-radius: 10px;
    transition: background 0.2s ease, transform 0.15s ease;
}

.contact-page__submit:hover {
    background: #7a211e !important;
    transform: translateY(-1px);
}

.contact-page__response.form-messege.success {
    margin-top: 16px;
    padding: 12px 16px;
    font-size: 14px;
    color: #fff;
    background: #2d5a3a;
    border-radius: 8px;
}

.contact-page__map-section {
    padding: 0;
    margin: 0;
    background: transparent;
}

.contact-page__map-wrap {
    width: 100%;
    height: 420px;
    margin: 0;
    overflow: hidden;
    border-top: 1px solid #e8e4dc;
    border-bottom: none;
}

.contact-page__map-section + .site-footer,
.contact-page__map-section ~ .site-footer {
    margin-top: 0 !important;
}

.contact-page__map-section ~ .site-footer .site-footer__main.footer-top {
    border-top: none !important;
}

.contact-page__map-wrap iframe {
    display: block;
    width: 100%;
    height: 100%;
}

@media (max-width: 991px) {
    .contact-page {
        padding: 36px 0 40px;
    }

    .contact-page__info {
        margin-bottom: 24px;
    }

    .contact-page__form-card {
        padding: 22px 20px 26px;
    }
}

@media (max-width: 575px) {
    .contact-page__submit {
        width: 100%;
    }

    .contact-page__info-list--hours li {
        flex-direction: column;
        gap: 4px;
    }

    .contact-page__map-wrap {
        height: 300px;
    }
}

/* Blog — moderni prikaz */
.blog-page__grid {
    row-gap: 8px;
}

.blog-card {
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog-card__media {
    display: block;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    background: #f5f3ef;
    aspect-ratio: 16 / 10;
}

.blog-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.blog-card:hover .blog-card__img {
    transform: scale(1.04);
}

.blog-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 18px 20px 22px;
    background: #fff;
    border: 1px solid #e8e4dc;
    border-top: none;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.06);
}

.blog-card__date {
    display: block;
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #a06b3b;
}

.blog-card__title {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}

.blog-card__title a {
    color: #282828;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-card__title a:hover {
    color: #8f2724;
}

.blog-card__excerpt {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.55;
    color: #5a5a5a;
    flex: 1;
}

.blog-card__btn {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #282828 !important;
    background: #faf9f6;
    border: 1px solid #e8e4dc;
    border-radius: 10px;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.blog-card__btn:hover {
    background: #282828;
    border-color: #282828;
    color: #fff !important;
}

.blog-page__empty {
    text-align: center;
    padding: 48px 24px;
    background: #faf9f6;
    border: 1px dashed #e0d9c8;
    border-radius: 14px;
}

.blog-page__empty p {
    margin: 0;
    font-size: 16px;
    color: #5a5a5a;
}

.blog-page .pagination-box {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-page .pagination-box .page-item {
    margin: 0;
}

.blog-page .pagination-box .page-item a,
.blog-page .pagination-box .page-item .myactive {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    color: #282828;
    background: #fff;
    border: 1px solid #e8e4dc;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.blog-page .pagination-box .page-item a:hover,
.blog-page .pagination-box .page-item .myactive {
    background: #282828;
    border-color: #282828;
    color: #fff !important;
}

/* Blog sidebar — kategorije */
.blog-sidebar {
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    padding: 22px 20px;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.06);
    margin-bottom: 24px;
}

.blog-sidebar__title {
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #282828;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #282828;
}

.blog-sidebar__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-sidebar__item + .blog-sidebar__item {
    margin-top: 4px;
}

.blog-sidebar__link {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #393b3d !important;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

.blog-sidebar__link:hover {
    background: #faf9f6;
    color: #a06b3b !important;
    padding-left: 16px;
}

.blog-sidebar__link--active {
    background: #faf6ef;
    color: #8f2724 !important;
    font-weight: 600;
    border-left: 3px solid #a06b3b;
    padding-left: 13px;
}

/* Blog — pojedinačni članak */
.blog-article {
    background: #fff;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(40, 40, 40, 0.08);
}

.blog-article__gallery {
    background: #f5f3ef;
}

.blog-article__figure {
    margin: 0;
}

.blog-article__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: cover;
}

.blog-article__header {
    padding: 28px 32px 0;
}

.blog-article__date {
    display: block;
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #a06b3b;
}

.blog-article__title {
    margin: 0;
    font-size: clamp(1.35rem, 3vw, 1.85rem);
    font-weight: 700;
    line-height: 1.35;
    color: #282828;
}

.blog-article__content {
    padding: 24px 32px 32px;
    font-size: 15px;
    line-height: 1.7;
    color: #393b3d;
}

.blog-article__content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.blog-article__content p {
    margin-bottom: 1em;
}

.blog-article__footer {
    padding: 0 32px 28px;
}

.blog-article__back {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #a06b3b !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.blog-article__back:hover {
    color: #8f2724 !important;
}

@media (max-width: 991px) {
    .blog-page--category .blog-page__sidebar {
        margin-bottom: 28px;
    }

    .blog-article__header,
    .blog-article__content,
    .blog-article__footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 575px) {
    .blog-card__body {
        padding: 16px;
    }

    .blog-article__header {
        padding-top: 20px;
    }

    .blog-article__content {
        padding: 18px 16px 24px;
    }

    .blog-article__footer {
        padding: 0 16px 22px;
    }
}