/* Bijela tehnika Hadzic: colours from the supplied vector logo. */
:root,
body[class] {
    --theme-color: #007dc5;
    --theme-color2: #990000;
    --bth-blue: #007dc5;
    --bth-blue-dark: #00669f;
    --bth-red: #990000;
    --bth-ink: #253441;
}
body { background: #fff; color: var(--bth-ink); }
.header-style-5 .top-header.top-header-dark,
.header-style-5 .bottom-part { background: #253441; }
.header-style-5 .header-contact .header-cta {
    background: var(--bth-red);
    border-color: var(--bth-red);
    color: #fff !important;
}
.header-style-5 .header-contact .header-cta:hover {
    background: #7a0000;
    border-color: #7a0000;
    color: #fff !important;
}
.header-style-5 .brand-logo > a {
    display: flex;
    align-items: center;
    gap: 16px;
}
.header-style-5 .main-menu .brand-logo img {
    width: auto;
    height: 94px;
    max-height: 94px;
    object-fit: contain;
}
.bth-brand-name {
    color: var(--bth-ink);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
    white-space: nowrap;
    text-transform: none;
}
.bth-brand-name small {
    display: block;
    margin-top: 5px;
    color: var(--bth-blue-dark);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .02em;
}
.header-style-5 .main-menu .brand-logo { padding: 12px 0; }
.header-style-5 .form_search { border-color: #c8d9e5; background: #f5f8fa; }
.header-style-5 .bottom-part .category-menu .toggle-sidebar { background: var(--bth-blue); }
.header-style-5 .bt-delivery-notice { background: #edf6fb; border-color: #c8e1ef; }
.btn-solid { color: #fff; }
.btn-solid:hover, .btn-solid:focus { color: var(--bth-blue-dark); }
.btn-outline:hover, .btn-outline:focus { color: #fff; }
.bt-floating-cart-count { background: var(--bth-red); color: #fff; }
.bt-idle-action-primary, .bt-cart-add { color: #fff; }
footer.dark-footer.footer-style-1 { background: #253441; }
footer.dark-footer.footer-style-1 .darken-layout,
footer.dark-footer.footer-style-1 .sub-footer { background: #1c2933; }
footer.footer-style-1 .footer-logo img { width: 120px; max-width: 120px; height: auto; }
footer.footer-style-1 .footer-theme a:hover { color: #73c9f6; }
:focus-visible { outline: 2px solid var(--bth-blue); outline-offset: 3px; }
@media (max-width: 1199px) {
    .header-style-5 .main-menu .brand-logo { padding: 0; }
    .header-style-5 .main-menu .brand-logo img {
        width: auto !important;
        max-width: 30vw;
        height: 62px;
        max-height: 62px;
    }
    .header-style-5 .brand-logo > a { gap: 9px; }
    .bth-brand-name { font-size: 12px; }
    .bth-brand-name small { font-size: 11px; margin-top: 3px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .bth-brand-name { display: none; }
}

.bth-condition { margin: 16px 0; padding: 16px; border: 1px solid #c8e1ef; border-radius: 8px; background: #f5f8fa; }
.bth-condition h3 { font-size: 15px; font-weight: 700; margin: 0 0 12px; text-transform: none; }
.bth-condition dl { margin: 0; }
.bth-condition dl > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 0; }
.bth-condition dt { font-size: 13px; font-weight: 500; }
.bth-condition dd { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 12px; white-space: nowrap; }
.bth-condition-stars { color: #00669f; font-size: 19px; letter-spacing: 1px; }

.bth-unit-alternatives { margin-top: 24px; text-transform: none; }
.bth-unit-alternatives h3 { margin: 0 0 6px; font-size: 17px; font-weight: 700; line-height: 1.35; text-transform: none; }
.bth-unit-intro { margin: 0 0 14px; font-size: 12px; line-height: 1.5; color: #647074; }
.bth-unit-list { display: grid; gap: 12px; }
.bth-unit-card { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 12px; border: 1px solid #d9e5ec; border-radius: 8px; background: #fff; color: #253441; text-decoration: none; transition: border-color .15s; }
.bth-unit-card:hover { border-color: #007dc5; color: #253441; }
.bth-unit-card > img { width: 64px; height: 74px; object-fit: contain; background: #fff; }
.bth-unit-copy { min-width: 0; }
.bth-unit-id { display: block; font-size: 10px; line-height: 1.5; color: #647074; }
.bth-unit-price { display: block; font-size: 16px; line-height: 1.4; color: #00669f; }
.bth-unit-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.bth-unit-badges > span { display: block; padding: 3px 5px; border-radius: 4px; font-size: 10px; line-height: 1.4; font-weight: 600; }
.bth-unit-better { background: #edf6fb; color: #005887; }
.bth-unit-cheaper { background: #edf7f0; color: #24683c; }
.bth-unit-ratings { grid-column: 1 / -1; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding-top: 8px; border-top: 1px solid #edf1f4; }
.bth-unit-ratings dt { font-size: 10px; font-weight: 500; color: #647074; }
.bth-unit-ratings dd { margin: 2px 0 0; font-size: 11px; font-weight: 600; }
.bth-unit-ratings dd > span { color: #00669f; }
.bth-unit-open { grid-column: 1 / -1; font-size: 11px; font-weight: 600; color: #00669f; }
@media (max-width: 991px) {
    .bth-unit-mobile .bth-unit-alternatives { margin: 18px 0; }
    .bth-unit-mobile .bth-unit-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) { .bth-unit-mobile .bth-unit-list { grid-template-columns: minmax(0, 1fr); } }

/* Keep the lower recommendation cards and their photos on a common baseline. */
.product-related-grid > .col-grid-box { display: flex; }
.product-related-grid .basic-product { display: flex; flex-direction: column; width: 100%; height: 100%; }
.product-related-grid .basic-product > .overflow-hidden { display: flex; flex: 1; flex-direction: column; }
.product-related-grid .img-wrapper { width: 100%; aspect-ratio: 4 / 5; flex: none; }
.product-related-grid .img-wrapper > a { display: block; width: 100%; height: 100%; }
.product-related-grid .img-wrapper > a > img { display: block; width: 100%; height: 100%; max-height: none; aspect-ratio: auto !important; object-fit: contain; object-position: center; }
.product-related-grid .product-detail { display: flex; flex: 1; padding: 12px; }
.product-related-grid .product-detail > div { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.product-related-grid .product-name-link .h6 { min-height: 2.8em; line-height: 1.4; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-related-grid .product-detail .price { margin-top: auto; margin-bottom: 10px; padding-top: 6px; }
.bth-related-ratings { margin: 0; padding-top: 10px; border-top: 1px solid #e5edf2; }
.bth-related-ratings > div { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 3px 0; }
.bth-related-ratings dt { margin: 0; font-size: 12px; font-weight: 500; color: #52616d; }
.bth-related-ratings dd { display: flex; align-items: center; gap: 6px; margin: 0; white-space: nowrap; }
.bth-related-stars { color: #00669f; font-size: 16px; line-height: 1.2; letter-spacing: 1px; }
.bth-related-score { font-size: 10px; color: #52616d; }
.bth-related-unrated { font-size: 10px; color: #647074; }
@media (max-width: 575px) {
    .product-related-grid .product-detail { padding: 8px; }
    .bth-related-ratings dt { font-size: 10px; }
    .bth-related-stars { font-size: 12px; letter-spacing: 0; }
    .bth-related-ratings dd { gap: 4px; }
}
@media (max-width: 420px) { .bth-related-score { display: none; } }
.bth-card-ratings { margin: 10px 0 12px; padding-top: 9px; border-top: 1px solid #e5edf2; }
.bth-card-ratings > div { display: flex; align-items: center; justify-content: space-between; gap: 5px; padding: 3px 0; }
.bth-card-ratings dt { font-size: 12px; color: #52616d; font-weight: 500; }
.bth-card-ratings dd { display: flex; align-items: center; gap: 6px; margin: 0; white-space: nowrap; }
.bth-card-stars { color: #00669f; font-size: 16px; letter-spacing: 1px; line-height: 1.2; }
.bth-card-score, .bth-card-unrated { color: #52616d; font-size: 10px; }
.bth-unit-state { display: block; margin-bottom: 3px; color: #253441; font-size: 11px; font-weight: 700; }
.catalog-product-card .product-pictogram-stack img { width: 68px !important; height: 68px !important; aspect-ratio: 1 !important; background: transparent !important; }
@media (max-width: 575px) {
    .bth-card-ratings dt { font-size: 10px; }
    .bth-card-stars { font-size: 12px; letter-spacing: 0; }
    .bth-card-ratings dd { gap: 3px; }
    .catalog-product-card .product-pictogram-stack img { width: 46px !important; height: 46px !important; }
}
@media (max-width: 420px) { .bth-card-score { display: none; } }
.bth-condition-filters { display: block; min-width: 0; padding: 14px 0; margin: 0 0 12px; border: 0; border-bottom: 1px solid #e5edf2; }
.bth-condition-filters legend, .bth-filter-stars-title { display: block; float: none; width: auto; margin: 0 0 12px; font-size: 16px; font-weight: 700; color: #253441; text-transform: none; }
.bth-condition-filter-states { display: grid; gap: 10px; margin-bottom: 20px; }
.bth-condition-filter-states label { display: flex; gap: 9px; align-items: center; margin: 0; font-size: 13px; cursor: pointer; text-transform: none; }
.bth-condition-filter-states input { width: 16px; height: 16px; accent-color: #007dc5; flex: none; }
.bth-rating-filter { display: grid; gap: 5px; margin: 0 0 12px; font-size: 12px; color: #52616d; text-transform: none; }
.bth-rating-filter select { width: 100%; padding: 9px; border: 1px solid #d9e5ec; border-radius: 5px; background: #fff; color: #00669f; font: inherit; font-size: 13px; }
.bth-landing-condition-filters { margin: 0 0 24px; padding: 16px; border: 1px solid #d9e5ec; border-radius: 8px; background: #f5f8fa; }
.bth-landing-condition-filters .bth-condition-filters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; border: 0; padding: 0; margin: 0; }
.bth-landing-condition-filters .bth-condition-filter-states { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 18px; margin: 0 0 8px; }
.bth-landing-condition-filters .bth-filter-stars-title { grid-column: 1 / -1; margin-bottom: 0; }
.bth-condition-filter-actions { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.bth-condition-filter-actions a { color: #00669f; font-size: 13px; }
@media(max-width:575px) { .bth-landing-condition-filters .bth-condition-filters { grid-template-columns: minmax(0,1fr); } }