:root {
    --kb-red: #d71920;
    --kb-red-d: #b81414;
    --kb-header-bg: #0b1018;
    --kb-header-bg-2: #0d121c;
    --kb-header-search-bg: #151c28;
    --kb-header-search-border: #243044;
    --kb-header-accent: #6eb5ff;
    --kb-ink: #1c1c1c;
    --kb-muted: #6b7280;
    --kb-line: #ece7e4;
    --kb-bg: #f7f4f2;
    --kb-radius-sm: 4px;
    --kb-radius-md: 6px;
    --kb-home-section-pad: 60px;
}
body { background: #fff; color: var(--kb-ink); }

.kb-redesign-active .footer-top {
    padding-top: 58px !important;
    padding-bottom: 53px !important;
    background: #0b1018;
}

.kb-redesign-active .scroll-top {
    background: #0b1018;
    border-radius: 50%;
    bottom: 50px;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    cursor: pointer;
    height: 50px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 50px;
    z-index: 9;
    line-height: 50px;
    border: 2px solid #ddd;
}

.kb-redesign-active .header-top.kb-header-utility {
    background: var(--kb-header-bg) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    padding: 10px 0;
}
.kb-redesign-active .kb-header-utility-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.kb-redesign-active .kb-tagline {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .1px;
}
.kb-redesign-active .kb-tagline-accent {
    color: #fff;
    font-weight: 400;
}
.kb-redesign-active .kb-header-utility-help {
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: 13px;
    font-weight: 400;
}
.kb-redesign-active .kb-header-utility-help a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    margin-left: 4px;
}
.kb-redesign-active .kb-header-utility-help a:hover {
    color: #fff;
    opacity: .85;
}

.header-top {
    background-color: #111 !important;
}
.header-top a,
.header-top-left li,
.box-right li a {
    color: #fff;
}

.kb-redesign-active .header-top-menu.black-bg,
.kb-redesign-active .header-top-menu.sticker,
.kb-redesign-active .header-top-menu.sticker.sticky,
.kb-redesign-active .header-top-menu.kb-primary-nav-wrap {
    background: var(--kb-header-bg-2) !important;
    box-shadow: none !important;
    border-top: 1px solid rgba(255, 255, 255, .05);
}
.kb-redesign-active .header-top-menu.sticker.sticky {
    -webkit-animation: none !important;
    animation: none !important;
}
.kb-desktop-nav-sticky-spacer {
    display: block;
    width: 100%;
}
.kb-redesign-active .header-top-menu.kb-primary-nav-wrap .container {
    display: flow-root;
}

.kb-redesign-active .kb-mainbar-wrap,
.kb-redesign-active .header-middle.home-header2.white-bg.kb-mainbar-wrap {
    padding: 18px 0 !important;
    background: var(--kb-header-bg) !important;
}
.kb-mainbar-wrap {
    padding: 16px 0 !important;
    background: #000 !important;
}
.header-middle.kb-mainbar-wrap { padding: 16px 0 !important; }

.kb-redesign-active .kb-primary-nav-wrap .top-main-menu {
    float: none;
    width: 100%;
    height: auto;
    min-height: 48px;
}
.kb-redesign-active .kb-primary-nav-wrap .main-menu {
    float: none;
    width: 100%;
}
.kb-redesign-active .kb-primary-nav > nav > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
}
.kb-redesign-active .kb-primary-nav > nav > ul > li {
    float: none;
}
.kb-redesign-active .kb-primary-nav > nav > ul > li > a {
    text-transform: none;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 16px 20px 14px;
    color: rgba(255, 255, 255, .92);
    position: relative;
}
.kb-redesign-active .kb-primary-nav > nav > ul > li:first-child > a,
.kb-redesign-active .kb-primary-nav > nav > ul > li.d-lg-none + li > a {
    padding-left: 0;
}
.kb-redesign-active .kb-primary-nav > nav > ul > li > a::before {
    display: none !important;
}
.kb-redesign-active .kb-primary-nav > nav > ul > li > a::after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 3px;
    background: transparent;
    border-radius: 0;
    transition: background .2s ease;
}
.kb-redesign-active .kb-primary-nav > nav > ul > li:first-child > a::after,
.kb-redesign-active .kb-primary-nav > nav > ul > li.d-lg-none + li > a::after {
    left: 0;
}
.kb-redesign-active .kb-primary-nav > nav > ul > li.is-active > a::after,
.kb-redesign-active .kb-primary-nav > nav > ul > li:hover > a::after {
    background: var(--kb-red);
}
.kb-redesign-active .kb-primary-nav > nav > ul > li.is-active > a,
.kb-redesign-active .kb-primary-nav > nav > ul > li:hover > a {
    color: #fff;
}
.kb-mainbar {
    display: flex;
    align-items: center;
    gap: 32px;
    min-height: 60px;
}
.kb-mainbar-logo {
    flex: 0 0 auto;
    display: block;
    line-height: 0;
}
.kb-mainbar-logo img {
    height: 58px;
    width: auto;
    max-width: 240px;
    display: block;
}
.kb-redesign-active .kb-mainbar-logo img {
    height: 76px;
    max-width: 320px;
}
.kb-mainbar-tools {
    display: flex;
    align-items: center;
    gap: 24px;
    flex: 1 1 auto;
    min-width: 0;
}
.kb-header-search {
    flex: 1 1 auto;
    max-width: none;
    width: auto;
    margin: 0;
    min-width: 0;
}
.kb-redesign-active .kb-mainbar-tools {
    flex: 1 1 auto;
    justify-content: center;
}
.kb-redesign-active .kb-header-search {
    flex: 0 1 420px;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
}
.kb-search-wrap {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: var(--kb-radius-sm);
    padding: 0 16px;
    height: 44px;
    width: 100%;
    margin: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}
.kb-redesign-active .kb-search-wrap {
    background: var(--kb-header-search-bg);
    border: 1px solid var(--kb-header-search-border);
    border-radius: 6px;
    box-shadow: none;
    padding: 0 12px 0 14px;
    height: 40px;
}
.kb-search-ico {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 1;
    opacity: .45;
}
.kb-search-ico--end {
    margin-right: 0;
    margin-left: 10px;
    order: 2;
    opacity: .75;
}
.kb-redesign-active .kb-search-ico--end {
    opacity: .9;
}
.kb-redesign-active .kb-search-ico--end .kb-search-svg {
    filter: brightness(0) invert(1);
}
.kb-search-ico .kb-search-svg {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
}
.kb-header-search input.top-cat-field,
.home-header2 .kb-header-search input.top-cat-field {
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    width: 100% !important;
    float: none !important;
    height: 44px;
    padding: 0;
    color: #1c1c1c;
    font-size: 14px;
}
.kb-header-search input.top-cat-field::placeholder { color: #9ca3af; }
.kb-redesign-active .kb-header-search input.top-cat-field,
.kb-redesign-active .home-header2 .kb-header-search input.top-cat-field {
    color: #f3f4f6;
    height: 40px;
    font-size: 13px;
}
.kb-redesign-active .kb-header-search input.top-cat-field::placeholder {
    color: #8b95a8;
}
.kb-header-search .kb-search-submit { display: none; }
.kb-header-help {
    color: #fff;
    text-decoration: none;
    line-height: 1.2;
    white-space: nowrap;
    transition: opacity .2s ease;
    flex: 0 0 auto;
}
.kb-header-help:hover { color: #fff; opacity: .85; }
.kb-header-help span { display: block; font-size: 11px; opacity: .72; margin-bottom: 2px; }
.kb-header-help strong { font-size: 15px; letter-spacing: .3px; font-weight: 700; }

.kb-header-actions {
    flex: 0 0 auto;
    margin-left: auto;
    float: none;
}
.kb-header-actions > ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.kb-header-actions li {
    display: block;
    margin: 0;
    position: relative;
}
.kb-action-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    color: #fff !important;
    text-decoration: none;
    min-width: 54px;
    transition: opacity .2s ease, transform .2s ease;
}
.kb-action-link:hover {
    color: #fff !important;
    opacity: .88;
    transform: translateY(-1px);
}
.kb-action-icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kb-action-icon .lnr {
    font-size: 24px;
    padding: 0;
    color: #fff;
    line-height: 1;
}
.kb-action-icon .kb-action-svg {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    flex-shrink: 0;
    pointer-events: none;
}
.kb-header-actions .count,
.kb-action-badge {
    position: absolute;
    top: -2px;
    right: -4px;
    left: auto;
    min-width: 17px;
    height: 17px;
    line-height: 13px;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    background: var(--kb-red) !important;
    color: #fff !important;
    border-radius: 999px;
    border: 2px solid #000;
    box-sizing: border-box;
}
.kb-redesign-active .kb-header-actions .count,
.kb-redesign-active .kb-action-badge {
    border-color: var(--kb-header-bg);
}
.kb-action-label {
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .1px;
    white-space: nowrap;
    opacity: .92;
}
.kb-header-actions .mini-cart-drop-down {
    /* izgled padajuće korpe: vidi mymain.css (.mini-cart-drop-down) */
    right: 0;
    left: auto;
    margin-top: 10px;
    z-index: 10000000000;
}

.kb-wrap {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.kb-hero { padding: var(--kb-home-section-pad) 0; }
.kb-hero-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.kb-hero h1 { margin: 0; font-size: 40px; font-weight: 700; color: #2f2a27; letter-spacing: -.4px; line-height: 1.1; }
.kb-hero p { margin: 8px 0 0; color: #5c6570; font-size: 18px; }
.kb-hero-link { color: var(--kb-red); font-weight: 700; text-decoration: none; white-space: nowrap; font-size: 15px; }

.kb-filters { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 22px 0; flex-wrap: wrap; }
.kb-pills { display: flex; gap: 10px; flex-wrap: wrap; }
.kb-pills button {
    border: 1px solid #e4e0dc; background: #fff; border-radius: var(--kb-radius-sm);
    padding: 12px 18px; font-weight: 600; cursor: pointer;
}
.kb-pills button.is-on { background: #1c1c1c; color: #fff; border-color: #1c1c1c; }
.kb-count { color: var(--kb-muted); }

.kb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.kb-card {
    display: grid; grid-template-columns: 42% 1fr; background: #fff;
    border: 1px solid #ece7e4; border-radius: var(--kb-radius-md); overflow: hidden; min-height: 280px;
    box-shadow: 0 8px 24px rgba(17, 17, 17, .04);
}
.kb-card-photo { background: #f6f3f0; display: flex; align-items: center; justify-content: center; padding: 16px; }
.kb-card-photo img { max-width: 100%; max-height: 240px; object-fit: contain; }
.kb-card-body { padding: 18px 20px 16px; display: flex; flex-direction: column; }
.kb-eyebrow { color: var(--kb-red); font-size: 12px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; margin: 0 0 6px; }
.kb-card h2 { margin: 0; font-size: 24px; font-weight: 700; color: #111827; line-height: 1.15; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kb-eyebrow { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.kb-card li { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kb-card h2 a { color: inherit; text-decoration: none; }
.kb-card h2 a:hover { color: var(--kb-red); }
.kb-meta { color: #9aa1a8; margin: 2px 0 10px; font-size: 14px; }
.kb-card ul { margin: 0 0 12px; padding: 0; list-style: none; flex: 1; }
.kb-card li { position: relative; padding-left: 18px; margin: 4px 0; font-size: 14px; color: #374151; }
.kb-card li:before { content: "✓"; position: absolute; left: 0; color: var(--kb-red); font-weight: 700; }
.kb-price { color: var(--kb-red); font-size: 28px; font-weight: 800; line-height: 1; margin-top: auto; }
.kb-price small { font-size: 16px; }
.kb-rata { color: #6b7280; font-size: 13px; margin: 6px 0 12px; }
.kb-btn {
    display: flex; align-items: center; justify-content: center;
    background: var(--kb-red); color: #fff; text-decoration: none; font-weight: 700;
    border-radius: var(--kb-radius-sm); height: 46px;
}
.kb-btn:hover { background: var(--kb-red-d); color: #fff; }
.kb-ship { text-align: center; color: #6b7280; font-size: 13px; margin: 8px 0 0; }
.kb-ship a { color: #6b7280; text-decoration: underline; text-underline-offset: 2px; }
.kb-ship a:hover { color: var(--kb-red); }

.kb-faq { margin: 28px 0 10px; border-top: 1px solid var(--kb-line); padding-top: 14px; }
.kb-faq summary { cursor: pointer; font-weight: 700; list-style: none; }
.kb-faq summary::-webkit-details-marker { display: none; }
.kb-faq summary:before { content: "▸ "; color: var(--kb-red); }
.kb-faq[open] summary:before { content: "▾ "; }
.kb-faq p { color: #4b5563; max-width: 720px; margin-top: 10px; }

.kb-reviews { background: #faf8f7; padding: var(--kb-home-section-pad) 0; margin-top: 0; }
.kb-reviews-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.kb-reviews h2 { margin: 0; color: #2f2a27; font-weight: 700; font-size: 32px; }
.kb-reviews-head p { margin: 6px 0 0; color: #6b7280; }
.kb-reviews-head a { color: var(--kb-red); font-weight: 700; text-decoration: none; white-space: nowrap; }
.kb-review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding: 24px 0 0; }
.kb-review-grid article {
    background: #fff; border: 1px solid #ece7e4; border-radius: var(--kb-radius-md); padding: 18px;
    display: flex; flex-direction: column; gap: 10px; min-height: 160px;
}
.kb-review-badge { color: #16a34a; font-weight: 700; font-size: 14px; }
.kb-home-legacy-rows .kb-reviews,
.kb-home-legacy-rows .kb-banners,
.kb-home-legacy-rows .kb-try { margin-top: 0; }
.kb-home-legacy-rows .product-wrapper + .kb-reviews { margin-top: 10px; }
.kb-home-banner-stack { padding: var(--kb-home-section-pad) 0; }
.kb-home-banner-stack .kb-banner-stack {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.kb-home-banner-stack .kb-banner { width: 100%; }
.home-price-row-empty { color: #666; margin: 0 0 8px; }
.kb-home-budget-wrap {
    background: #fff;
    padding: 20px 0 16px;
    border-bottom: 1px solid #ece7e4;
}
.kb-home-budget-wrap.kb-budget-is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--kb-sticky-nav-height, 0px);
    z-index: 997;
    margin: 0;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}
.kb-budget-sticky-spacer {
    display: block;
    width: 100%;
}
.kb-home-chairs,
.kb-home-chairs-band {
    padding: var(--kb-home-section-pad) 0;
    background: #f5f5f5;
    scroll-margin-top: 130px;
}
#kb-chairs-action.kb-home-chairs-band,
#kb-chairs-low.kb-home-chairs-band,
#kb-chairs-mid.kb-home-chairs-band,
#kb-chairs-high.kb-home-chairs-band {
    background: #fff;
}
.kb-budget-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: nowrap;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
}
.kb-budget-label {
    flex: 0 0 auto;
    color: #6b7280;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}
.kb-budget-pills {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.kb-budget-pill {
    flex: 0 0 auto;
    border: 1px solid #d1d5db;
    background: #fff;
    color: #374151;
    border-radius: 999px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.kb-budget-pill:hover {
    border-color: #9ca3af;
    color: #111827;
}
.kb-budget-pill.is-on {
    background: #111827;
    border-color: #111827;
    color: #fff;
}
.kb-budget-pill.is-on:hover {
    color: #fff;
    border-color: #111827;
}
.kb-home-chairs-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}
.kb-home-chairs-eyebrow {
    margin: 0 0 8px;
    color: var(--kb-red);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .35px;
    text-transform: uppercase;
}
.kb-home-chairs-head h2 {
    margin: 0;
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 800;
    color: #111827;
    line-height: 1.15;
}
.kb-home-chairs-sub {
    margin: 10px 0 0;
    color: #6b7280;
    font-size: 16px;
    max-width: 520px;
}
.kb-home-chairs-nav {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}
.kb-carousel-nav {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #d1d5db;
    background: #fff;
    color: #111827;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color .2s ease, color .2s ease;
}
.kb-carousel-nav:hover {
    border-color: #111827;
    color: var(--kb-red);
}
.kb-home-chairs-carousel-wrap {
    margin: 0 -4px;
    overflow: hidden;
}
.kb-home-chairs-carousel.owl-carousel {
    display: block;
    width: 100%;
}
.kb-home-chairs-carousel .owl-nav { display: none !important; }
.kb-home-chairs-carousel .item {
    width: 100%;
}
.kb-home-card {
    background: #fff;
    border: 1px solid #e8e4e1;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.kb-home-card-photo {
    position: relative;
    display: block;
    background: #f6f3f0;
    width: 100%;
    line-height: 0;
}
.kb-home-card-photo > a {
    display: block;
    line-height: 0;
}
.kb-home-card-photo .box-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.kb-home-card-photo .box-label .label-product {
    position: absolute;
    left: 12px;
}
.kb-home-card-photo .box-label .label-product:nth-child(1) { top: 20px; }
.kb-home-card-photo .box-label .label-product:nth-child(2) { top: 50px; }
.kb-home-card-photo .box-label .label-product:nth-child(3) { top: 80px; }
.kb-home-card-photo .box-label .label-product:nth-child(4) { top: 110px; }
.kb-home-card-photo .box-label .label-product:nth-child(5) { top: 140px; }
.kb-home-card-photo img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    object-fit: cover;
    vertical-align: top;
}
.kb-home-chairs-carousel .owl-item img {
    width: 100% !important;
}
.kb-home-card-body {
    padding: 16px 16px 18px;
    text-align: center;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.kb-home-card-cat {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .45px;
    text-transform: uppercase;
    color: #9ca3af;
}
.kb-home-card-title {
    margin: 0 0 14px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.25;
    color: #111827;
}
.kb-home-card-title a {
    color: inherit;
    text-decoration: none;
}
.kb-home-card-title a:hover { color: var(--kb-red); }
.kb-home-card-specs {
    margin: 0 0 14px;
    padding: 0;
    text-align: left;
}
.kb-home-card-spec-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    border-bottom: 1px solid #f1eeec;
    font-size: 13px;
    line-height: 1.35;
}
.kb-home-card-spec-row:last-child {
    border-bottom: 0;
}
.kb-home-card-specs dt {
    margin: 0;
    font-weight: 400;
    color: #9ca3af;
    flex: 0 0 auto;
}
.kb-home-card-specs dd {
    margin: 0;
    font-weight: 700;
    color: #111827;
    text-align: right;
    flex: 1 1 auto;
}
.kb-home-card-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0 0 16px;
}
.kb-home-card-tags span {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    background: #fafafa;
    color: #4b5563;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}
.kb-home-card-action {
    margin: 0 0 14px;
    text-align: center;
}
.kb-home-card-action .product-countdown-wrap {
    margin-top: 0;
    margin-bottom: 0;
}
.kb-home-card-action .product-countdown {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    min-height: 63px;
}
.kb-home-card-action .single-countdown__time {
    background: var(--kb-red, #e11d48) !important;
}
.kb-home-card-action .product-action-validity {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    line-height: 1.4;
    text-align: center;
}
.kb-home-card-price-old {
    display: block;
    margin-bottom: 4px;
    color: #9ca3af;
    font-size: 14px;
    font-weight: 600;
    text-decoration: line-through;
    line-height: 1.2;
}
.kb-home-card-price-old small {
    font-size: 12px;
    font-weight: 600;
}
.kb-home-card-price {
    margin: 0 0 14px;
    color: #111827;
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}
.kb-home-card-price small { font-size: 15px; font-weight: 700; }
.kb-home-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: auto;
    padding: 14px 16px;
    background: var(--kb-red);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    transition: background .2s ease, transform .15s ease;
}
.kb-home-card-btn:hover {
    background: var(--kb-red-d);
    color: #fff !important;
    transform: translateY(-1px);
}
.kb-home-card-btn-ico {
    font-size: 16px;
    line-height: 1;
    opacity: .95;
}

.kb-home-catalog { padding: var(--kb-home-section-pad) 0; }
.kb-home-band { margin-bottom: 0; }
.kb-home-band + .kb-faq { margin-top: 28px; }
.kb-home-band-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}
.kb-home-band-head h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: #2f2a27;
    line-height: 1.2;
}
.kb-home-band-empty { color: #6b7280; margin: 0 0 8px; font-size: 15px; }
.kb-home-band-empty a { color: var(--kb-red); font-weight: 600; }
.kb-review-google-cta p { margin: 0; color: #4b5563; line-height: 1.5; }
.kb-review-google-cta a { color: var(--kb-red); font-weight: 700; }
.kb-review-badge-google { color: #4285f4; }
.kb-review-badge-google b {
    display: inline-flex; align-items: center; justify-content: center;
    width: 18px; height: 18px; border-radius: 50%; background: #4285f4; color: #fff;
    font-size: 11px; margin-right: 4px;
}
.kb-review-grid p { margin: 0; font-size: 16px; line-height: 1.5; flex: 1; }
.kb-review-grid footer { display: flex; align-items: center; gap: 8px; color: #9ca3af; font-size: 13px; }
.kb-review-grid .kb-review-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f3f4f6;
    color: #374151;
    font-weight: 700;
    font-size: 12px;
}

/* Google Maps reviews — početna (mock) */
.kb-google-reviews-block {
    background: #f5f5f5;
    padding: var(--kb-home-section-pad) 0;
}
.kb-google-reviews-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 32px;
}
.kb-google-reviews-head h2 {
    margin: 0;
    font-size: clamp(28px, 2.8vw, 36px);
    font-weight: 700;
    color: #1f1f1f;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.kb-google-reviews-head a.kb-google-reviews-all {
    color: #3c4043;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    font-size: 15px;
    line-height: 1.3;
}
.kb-google-reviews-head a.kb-google-reviews-all span {
    display: inline-block;
    margin-left: 2px;
    font-size: 14px;
    opacity: 0.85;
}
.kb-google-reviews-head a.kb-google-reviews-all:hover {
    color: #1f1f1f;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.kb-google-reviews-layout {
    display: grid;
    grid-template-columns: minmax(168px, 200px) minmax(0, 1fr);
    gap: 24px 32px;
    align-items: start;
}
.kb-google-summary {
    padding: 4px 0 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 100%;
}
.kb-google-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.kb-google-logo {
    display: block;
    flex-shrink: 0;
}
.kb-google-brand-text {
    font-size: 15px;
    font-weight: 500;
    color: #5f6368;
    letter-spacing: 0.01em;
}
.kb-google-score {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 1;
    letter-spacing: -0.03em;
}
.kb-google-score span {
    font-size: 20px;
    font-weight: 500;
    color: #9aa0a6;
    letter-spacing: 0;
}
.kb-google-stars {
    margin: 4px 0 0;
    color: #fabb05;
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 1;
}
.kb-google-count {
    margin: 10px 0 0;
    font-size: 15px;
    font-weight: 500;
    color: #3c4043;
    line-height: 1.35;
}
.kb-google-verified {
    margin: auto 0 0;
    padding-top: 28px;
    font-size: 13px;
    color: #9aa0a6;
    line-height: 1.35;
}
.kb-google-list-wrap {
    position: relative;
    min-width: 0;
}
.kb-google-list-nav {
    display: none;
}
.kb-google-reviews-list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 40px) / 3);
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
    scrollbar-width: none;
}
.kb-google-reviews-list::-webkit-scrollbar {
    display: none;
}
.kb-google-review-card {
    height: 100%;
    min-height: 200px;
    scroll-snap-align: start;
    background: #fff;
    border: 0;
    border-radius: 8px;
    padding: 22px 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.06), 0 4px 16px rgba(60, 64, 67, 0.08);
}
.kb-google-review-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
.kb-google-review-stars {
    color: #fabb05;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
}
.kb-google-review-quote {
    color: #dadce0;
    font-size: 40px;
    line-height: 0.85;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
    margin: -4px 0 0;
}
.kb-google-review-text {
    margin: 0;
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
    font-weight: 400;
}
.kb-google-review-foot {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 4px;
}
.kb-google-review-foot strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 1.25;
}
.kb-google-review-foot > div span {
    display: block;
    font-size: 12px;
    color: #9aa0a6;
    line-height: 1.35;
    margin-top: 3px;
}
.kb-google-review-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e8eaed;
    color: #5f6368;
    font-weight: 600;
    font-size: 13px;
    flex-shrink: 0;
}
.kb-google-review-empty {
    border: 1px solid #ece7e4;
    border-radius: 8px;
    padding: 24px;
    color: #6b7280;
}
.kb-google-review-empty a { color: var(--kb-red); font-weight: 700; }

/* KupujemProdajem ocene — početna (mock) */
.kb-kp-reviews-block {
    background: #f5f5f5;
    padding: var(--kb-home-section-pad) 0;
}
.kb-kp-reviews-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 32px;
}
.kb-kp-reviews-head h2 {
    margin: 0;
    font-size: clamp(28px, 2.8vw, 36px);
    font-weight: 700;
    color: #1f1f1f;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.kb-kp-reviews-head a.kb-kp-reviews-all {
    color: #3c4043;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    font-size: 15px;
}
.kb-kp-reviews-head a.kb-kp-reviews-all span {
    display: inline-block;
    margin-left: 2px;
    font-size: 14px;
    opacity: 0.85;
}
.kb-kp-reviews-head a.kb-kp-reviews-all:hover {
    color: #1f1f1f;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.kb-kp-reviews-layout {
    display: grid;
    grid-template-columns: minmax(168px, 200px) minmax(0, 1fr);
    gap: 24px 32px;
    align-items: start;
}
.kb-kp-summary {
    padding: 4px 0 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 100%;
}
.kb-kp-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.kb-kp-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 22px;
    padding: 0 6px;
    border-radius: 4px;
    background: linear-gradient(135deg, #ff8a00 0%, #ff6600 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    text-transform: lowercase;
}
.kb-kp-brand-text {
    font-size: 14px;
    font-weight: 600;
    color: #5f6368;
}
.kb-kp-score {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 1;
    letter-spacing: -0.03em;
}
.kb-kp-score span {
    font-size: 20px;
    font-weight: 500;
    color: #3c4043;
    letter-spacing: 0;
}
.kb-kp-negative {
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #16a34a;
    line-height: 1.35;
}
.kb-kp-count {
    margin: 8px 0 0;
    font-size: 15px;
    font-weight: 500;
    color: #3c4043;
    line-height: 1.35;
}
.kb-kp-verified {
    margin: auto 0 0;
    padding-top: 28px;
    font-size: 13px;
    color: #9aa0a6;
}
.kb-kp-list-wrap {
    min-width: 0;
}
.kb-kp-reviews-list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 40px) / 3);
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.kb-kp-reviews-list::-webkit-scrollbar {
    display: none;
}
.kb-kp-review-card {
    scroll-snap-align: start;
    background: #fff;
    border-radius: 8px;
    padding: 22px 24px 20px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.06), 0 4px 16px rgba(60, 64, 67, 0.08);
}
.kb-kp-review-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
.kb-kp-review-badge {
    font-size: 13px;
    font-weight: 600;
    color: #16a34a;
    line-height: 1.3;
}
.kb-kp-review-quote {
    color: #dadce0;
    font-size: 40px;
    line-height: 0.85;
    font-family: Georgia, "Times New Roman", serif;
    margin: -4px 0 0;
}
.kb-kp-review-text {
    margin: 0;
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
}
.kb-kp-review-foot {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 4px;
}
.kb-kp-review-foot strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #1f1f1f;
}
.kb-kp-review-foot > div span {
    display: block;
    font-size: 12px;
    color: #9aa0a6;
    margin-top: 3px;
}
.kb-kp-review-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e8eaed;
    color: #5f6368;
    font-weight: 600;
    font-size: 13px;
    flex-shrink: 0;
}
.kb-kp-review-empty {
    border-radius: 8px;
    padding: 24px;
    background: #fff;
    color: #6b7280;
}
.kb-kp-review-empty a { color: var(--kb-red); font-weight: 700; }

/* Početna — promo baneri (gaming stolovi, relax) */
.kb-home-promos {
    padding: 8px 0 var(--kb-home-section-pad);
    background: #fff;
}
.kb-home-promo-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.kb-promo-banner {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px 28px;
    padding: 18px 32px 18px 12px;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    min-height: 210px;
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.kb-promo-banner:hover {
    box-shadow: 0 10px 28px rgba(28, 28, 28, 0.08);
}
.kb-promo-banner--desk {
    background: #f3f2ef;
}
.kb-promo-banner--relax {
    background: #f9f4ee;
}
.kb-promo-banner-media {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 0;
}
.kb-promo-banner-media img {
    width: 100%;
    max-height: 220px;
    object-fit: contain;
    object-position: left center;
    display: block;
    filter: drop-shadow(0 10px 18px rgba(28, 28, 28, 0.12));
}
.kb-promo-banner-body {
    padding: 8px 0;
}
.kb-promo-banner-eyebrow {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.3;
}
.kb-promo-banner--desk .kb-promo-banner-eyebrow {
    color: var(--kb-red);
}
.kb-promo-banner--relax .kb-promo-banner-eyebrow {
    color: #a39689;
}
.kb-promo-banner-title {
    margin: 0 0 10px;
    font-size: clamp(28px, 3.2vw, 38px);
    font-weight: 700;
    color: #1c1c1c;
    line-height: 1.12;
    letter-spacing: -0.02em;
}
.kb-promo-banner-desc {
    margin: 0 0 22px;
    font-size: 16px;
    color: #6b7280;
    line-height: 1.45;
    max-width: 440px;
}
.kb-promo-banner-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    background: var(--kb-red);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 8px;
    line-height: 1.2;
}
.kb-promo-banner:hover .kb-promo-banner-btn {
    background: var(--kb-red-d);
}
.kb-promo-banner-arrow {
    font-size: 14px;
    line-height: 1;
}

.kb-banners:not(.kb-home-banner-stack) { padding: 10px 0 24px; }
.kb-banner-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.kb-banner {
    min-height: 160px; border-radius: var(--kb-radius-md); display: grid; grid-template-columns: 1fr 1fr;
    align-items: center; gap: 12px; padding: 16px 24px 16px 16px;
    text-decoration: none; color: var(--kb-ink);
    border: 1px solid #ece7e4; overflow: hidden; position: relative;
}
.kb-banner-desk { background: linear-gradient(135deg, #efeae6 0%, #e8e2dd 100%); }
.kb-banner-relax { background: linear-gradient(135deg, #f6f3f0 0%, #ece7e4 100%); }
.kb-banner-photo {
    width: 100%; height: 128px; object-fit: contain; object-position: left center; display: block;
}
.kb-banner-copy { padding-right: 8px; }
.kb-banner strong { display: block; font-size: 22px; line-height: 1.2; }
.kb-banner span { color: var(--kb-red); font-weight: 700; margin-top: 8px; display: inline-block; }

.kb-try { border-top: 1px solid var(--kb-line); padding: var(--kb-home-section-pad) 0; background: #fff; }
.kb-try-home {
    border-top: 0;
    padding: 28px 0 var(--kb-home-section-pad);
}
.kb-try-pdp { border-top: 0; padding: 8px 0 0; }
.kb-try-pdp strong { display: block; }
.kb-try-pdp a { color: var(--kb-red); font-weight: 700; }
.kb-try-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.kb-try-copy {
    /* flex: 1 1 280px; */
    min-width: 0;
}
.kb-try h2 {
    margin: 0 0 10px;
    color: #1c1c1c;
    font-weight: 700;
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.kb-try-address {
    margin: 0 0 6px;
    color: #4b5563;
    font-size: 16px;
    line-height: 1.45;
}
.kb-try-hint {
    margin: 0;
    color: #9ca3af;
    font-size: 15px;
    line-height: 1.45;
}
.kb-try p { margin: 0; color: #4b5563; line-height: 1.6; }
.kb-try-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 16px 22px;
    text-decoration: none;
    color: #1c1c1c;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    background: #fff;
    flex-shrink: 0;
}
.kb-try-btn-arrow {
    font-size: 15px;
    line-height: 1;
    opacity: 0.85;
}
.kb-try-btn:hover {
    border-color: #9ca3af;
    color: #111827;
}

/* Product page closer to the mobile mock */
.product-details-main-wrapper { background: #fff; }
.product-details-main-wrapper .btn-cart.lg-btn,
.product-details-main-wrapper .btn-cart {
    background: var(--kb-red) !important; border-color: var(--kb-red) !important;
    border-radius: var(--kb-radius-sm) !important; color: #fff !important;
}
.price-box .special-price { color: var(--kb-red); font-weight: 800; }
.breadcrumb-area { background: #faf8f7; }

/* Listing pages: categories + search */
.kb-listing-hero { padding-top: 24px; }
.kb-listing-hero h1 { color: #1c1c1c; font-size: 36px; font-weight: 700; }
.kb-listing-hero p { color: #374151; }
.kb-crumb { font-size: 13px; color: #6b7280; margin-bottom: 8px; }
.kb-crumb a { color: #374151; text-decoration: none; }
.kb-crumb a:hover { color: #1c1c1c; }
.kb-crumb span { margin: 0 6px; }
.kb-listing { padding-bottom: 48px; }
.kb-listing-toolbar {
    display: flex; justify-content: space-between; align-items: center; gap: 16px;
    margin: 0 0 18px; flex-wrap: wrap;
}
.kb-shown {
    margin: 0; color: var(--kb-muted); font-size: 14px;
    display: flex; align-items: center; min-height: 36px;
}
.kb-toolbar-actions {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.kb-toolbar-field {
    display: inline-flex; align-items: center; gap: 8px;
}
.kb-toolbar-label {
    font-size: 13px; color: #4b5563; line-height: 1; white-space: nowrap; margin: 0;
}
.kb-select {
    border: 1px solid #e4e0dc; border-radius: var(--kb-radius-sm);
    padding: 0 28px 0 10px; background: #fff; min-width: 120px;
    height: 36px; margin: 0; box-sizing: border-box;
    font-size: 14px; color: #374151;
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 10px center; background-size: 12px 8px;
}
.kb-toolbar-actions .nice-select {
    float: none !important; clear: none !important;
    display: inline-flex !important; align-items: center !important;
    height: 36px !important; line-height: 1 !important;
    padding: 0 28px 0 10px !important; margin: 0 !important;
}
.kb-toolbar-actions .nice-select .current {
    line-height: 1; padding-top: 0;
}
.kb-advanced-filters {
    border: 1px solid var(--kb-line); border-radius: var(--kb-radius-md); padding: 0 16px; margin-bottom: 20px; background: #faf8f7;
}
.kb-advanced-filters summary {
    cursor: pointer; font-weight: 700; padding: 14px 0; list-style: none;
}
.kb-advanced-filters summary::-webkit-details-marker { display: none; }
.kb-advanced-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px;
    padding-bottom: 16px;
}
.kb-filter-box h3 { margin: 0 0 10px; font-size: 15px; }
.kb-filter-list { list-style: none; margin: 0; padding: 0; }
.kb-filter-list li { margin: 4px 0; }
.kb-filter-list a {
    color: #374151; text-decoration: none; font-size: 14px; display: inline-block; padding: 4px 0;
}
.kb-filter-list a.is-active { color: var(--kb-red); font-weight: 700; }
.kb-range { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.kb-range input {
    width: 90px; border: 1px solid #e4e0dc; border-radius: var(--kb-radius-sm); padding: 8px 10px;
}
.kb-btn-sm { height: 38px; padding: 0 14px; font-size: 14px; width: auto; display: inline-flex; }
.kb-category-banner { margin-bottom: 18px; border-radius: var(--kb-radius-md); overflow: hidden; }
.kb-category-banner img { width: 100%; display: block; }

.kb-pagination {
    margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--kb-line);
    display: flex; flex-direction: column; align-items: center; gap: 16px;
}
.kb-pagination-count {
    margin: 0; font-size: 14px; color: #6b7280; text-align: center;
}
.kb-pagination-count strong { color: #1c1c1c; font-weight: 700; }
.kb-pagination-nav { width: 100%; }
.kb-pagination-nav .pagination-box {
    display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;
    list-style: none; padding: 0; margin: 0;
}
.kb-pagination-nav .pagination-box .page-item { display: inline-flex; margin: 0; }
.kb-pagination-nav .pagination-box .page-item a,
.kb-pagination-nav .pagination-box .page-item .myactive {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px; padding: 0 14px;
    border: 1px solid #e4e0dc; border-radius: var(--kb-radius-sm);
    background: #fff; color: #374151; font-size: 14px; font-weight: 600;
    text-decoration: none; line-height: 1;
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.kb-pagination-nav .pagination-box .mypagelink a { min-width: auto; padding: 0 16px; white-space: nowrap; }
.kb-pagination-nav .pagination-box .page-item a:hover {
    border-color: #1c1c1c; color: #1c1c1c; background: #fff;
}
.kb-pagination-nav .pagination-box .myactive {
    background: var(--kb-red) !important; border-color: var(--kb-red) !important; color: #fff !important;
}
.kb-listing .paginatoin-area { border-top: 0; padding: 0; }

.kb-category-seo { margin-top: 28px; }
.kb-category-copy {
    padding: 20px 24px; background: #faf8f7; border: 1px solid var(--kb-line);
    border-radius: var(--kb-radius-md); color: #4b5563; line-height: 1.5; font-size: 15px;
}
.kb-category-copy p { margin: 0 0 6px; }
.kb-category-copy p:last-child { margin-bottom: 0; }
.kb-category-copy strong, .kb-category-copy b { color: #1c1c1c; font-weight: 700; }

.kb-empty { grid-column: 1 / -1; padding: 40px 20px; text-align: center; color: #6b7280; background: #faf8f7; border-radius: var(--kb-radius-md); }
.pagination-box { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.pagination-box .page-item a, .pagination-box .page-item .myactive {
    display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px;
    border: 1px solid #e4e0dc; border-radius: var(--kb-radius-sm); text-decoration: none; color: #374151; padding: 0 10px;
}
.pagination-box .myactive, .pagination-box .page-item a:hover { background: #1c1c1c; color: #fff; border-color: #1c1c1c; }

/* Product detail page */
.kb-pdp { padding: 18px 0 36px; background: #fff; }
.kb-crumb-pdp { margin-bottom: 18px; }
.kb-pdp-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 36px; align-items: start; }
.kb-pdp-grid > * { min-width: 0; }
.kb-pdp-main .pro-large-img {
    position: relative;
}
.kb-pdp-main .box-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    pointer-events: none;
}
.kb-pdp-main .box-label .label-product {
    position: absolute;
    left: 12px;
}
.kb-pdp-main .box-label .label-product:nth-child(1) { top: 20px; }
.kb-pdp-main .box-label .label-product:nth-child(2) { top: 50px; }
.kb-pdp-main .box-label .label-product:nth-child(3) { top: 80px; }
.kb-pdp-main .box-label .label-product.label_sale {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 2px 10px;
    white-space: nowrap;
}
.kb-pdp-main .box-label .promocija {
    position: absolute;
    left: 12px;
    top: 110px;
    pointer-events: none;
}
.kb-pdp-lead {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.45;
    color: #4b5563;
}
.kb-pdp-lead p {
    margin: 0 0 8px;
}
.kb-pdp-lead p:last-child {
    margin-bottom: 0;
}
.kb-pdp-countdown-block .product-countdown-wrap,
.kb-pdp .product-countdown-wrap {
    text-align: left;
}
.kb-pdp-countdown-block .product-countdown,
.kb-pdp .product-countdown {
    justify-content: flex-start;
}
.kb-pdp-countdown-block .product-action-validity,
.kb-pdp .product-action-validity {
    text-align: left;
}
.kb-pdp-pricebox--action .kb-pdp-mp-price {
    margin: 0 0 6px;
    font-size: 15px;
    color: #111;
}
.kb-pdp-pricebox--action .kb-pdp-mp-label {
    font-weight: 600;
}
.kb-pdp-pricebox--action .kb-pdp-mp-value {
    color: var(--kb-red);
    font-size: 22px;
    font-weight: 700;
}
.kb-pdp-pricebox--action .kb-pdp-old-price {
    margin: 0 0 4px;
    color: #9ca3af;
    font-size: 15px;
}
.kb-pdp-savings-line {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--kb-red);
}
.kb-pdp-installment-line {
    margin: 0;
    font-size: 14px;
    color: #374151;
}
.kb-pdp-countdown-block .product-countdown-wrap {
    margin-top: 0;
    margin-bottom: 14px;
}
.kb-pdp-gallery { display: grid; grid-template-columns: 92px 1fr; gap: 14px; max-width: 100%; min-width: 0; }
.kb-pdp-thumbs .pro-nav-thumb { margin-bottom: 10px; border: 2px solid transparent; border-radius: var(--kb-radius-sm); overflow: hidden; cursor: pointer; }
.kb-pdp-thumbs .slick-current .pro-nav-thumb { border-color: var(--kb-red); }
.kb-pdp-main { background: #faf8f7; border-radius: var(--kb-radius-md); overflow: hidden; }
.kb-pdp-main img { width: 100%; display: block; }
.kb-pdp-info h1,
.kb-pdp-info .title-product {
    margin: 0 0 12px;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    color: #111;
    text-transform: none;
}
.kb-pdp-info { display: flex; flex-direction: column; }
.kb-pdp-order-title { order: 1; }
.kb-pdp-order-trust { order: 2; }
.kb-pdp-order-lead { order: 3; }
.kb-pdp-order-countdown { order: 4; }
.kb-pdp-order-pricebox { order: 5; }
.kb-pdp-order-stock { order: 6; }
.kb-pdp-order-features { order: 6; }
.kb-pdp-order-colors { order: 7; }
.kb-pdp-order-pay { order: 8; }
.more-colors-response { order: 9; }
.kb-pdp-order-buy { order: 10; }
.kb-pdp-order-store { order: 12; }
.kb-pdp-order-actions { order: 13; }
.kb-pdp-order-reviews-link { order: 14; }
.kb-pdp-pricebox { margin-bottom: 4px; }
.kb-pdp-rate-link {
    display: inline-block; margin-top: 8px; color: #6b7280; font-size: 13px; text-decoration: none;
}
.kb-pdp-rate-link:hover { color: var(--kb-red); }
.kb-pdp-reviews-link {
    display: none; margin-top: 14px; color: #374151; font-size: 14px; font-weight: 600; text-decoration: none;
}
.kb-pdp-reviews-link:hover { color: var(--kb-red); }
.kb-pdp-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 16px 0 18px;
    padding: 14px 0;
    border-top: 1px solid var(--kb-line);
    border-bottom: 1px solid var(--kb-line);
    font-size: 13px;
    color: #4b5563;
}
.kb-pdp-trust a.kb-pdp-trust-link {
    color: inherit;
    text-decoration: none;
    transition: color .15s ease;
}
.kb-pdp-trust a.kb-pdp-trust-link:hover {
    color: var(--kb-red);
    text-decoration: underline;
}
.kb-pdp-trust-google b {
    display: inline-flex; width: 18px; height: 18px; border-radius: 50%; background: #4285f4; color: #fff;
    align-items: center; justify-content: center; font-size: 11px; margin-right: 4px;
}
.kb-pdp-price { color: var(--kb-red); font-size: 42px; font-weight: 800; line-height: 1; margin: 0; }
.kb-pdp-price small { font-size: 22px; }
.kb-pdp-old-price { color: #9ca3af; margin: 4px 0 0; }
.kb-pdp-rata { color: #6b7280; font-size: 14px; margin: 8px 0 12px; }
.kb-pdp-stock { color: #16a34a; font-weight: 700; margin: 0 0 16px; }
.kb-pdp-stock-out { color: #b45309; }
.kb-pdp-features { list-style: none; margin: 0 0 18px; padding: 0; }
.kb-pdp-features li { position: relative; padding-left: 22px; margin: 8px 0; color: #374151; }
.kb-pdp-features li:before { content: "✓"; position: absolute; left: 0; color: var(--kb-red); font-weight: 700; }
.kb-pdp-colors ul { display: flex; gap: 8px; list-style: none; padding: 0; margin: 8px 0 16px; }
.kb-pdp-colors .all-colors-items { width: 28px; height: 28px; border-radius: 50%; display: block; border: 2px solid #e5e7eb; }
.kb-pdp-colors .is-active { outline: 2px solid var(--kb-red); outline-offset: 2px; }
.kb-pdp-pay-toggle label { display: block; font-size: 13px; color: #6b7280; margin-bottom: 8px; }
.kb-pay-pills { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.kb-pay-pills button {
    border: 1px solid #e4e0dc; background: #fff; border-radius: var(--kb-radius-sm); padding: 10px 14px; font-weight: 600; cursor: pointer;
}
.kb-pay-pills button.is-on { background: #1c1c1c; color: #fff; border-color: #1c1c1c; }
.kb-pdp-buy { display: flex; gap: 12px; align-items: stretch; margin: 16px 0; flex-wrap: wrap; }
.kb-qty { display: flex; align-items: center; border: 1px solid #e4e0dc; border-radius: var(--kb-radius-sm); overflow: hidden; background: #fff; }
.kb-qty button { width: 42px; height: 48px; border: 0; background: #fff; font-size: 20px; cursor: pointer; }
.kb-qty input { width: 48px; height: 48px; border: 0; text-align: center; font-weight: 700; }
.kb-pdp-cart {
    flex: 1; min-width: 220px; background: var(--kb-red); color: #fff; border: 0; border-radius: var(--kb-radius-sm);
    font-weight: 800; font-size: 15px; letter-spacing: .3px; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.kb-pdp-cart .kb-pdp-cart-icon {
    display: block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}
.kb-pdp-cart:disabled { opacity: .55; cursor: not-allowed; }
.kb-pdp-store { border-top: 1px solid var(--kb-line); padding-top: 16px; margin-top: 8px; }
.kb-pdp-store a { color: var(--kb-red); font-weight: 700; text-decoration: none; }
.kb-pdp-links { margin-top: 12px; font-size: 14px; }
.kb-pdp-links a { color: #4b5563; text-decoration: none; }
.kb-pdp-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    width: 100%;
}
.kb-pdp-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1 1 calc(50% - 5px);
    min-width: 0;
    padding: 11px 14px;
    border: 1px solid #e4e0dc;
    border-radius: var(--kb-radius-sm);
    background: #fff;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.kb-pdp-action-btn:hover {
    border-color: #c9cdd3;
    color: #111827;
}
.kb-pdp-action-btn.is-active,
.kb-pdp-action-btn.active-wishlist-details,
.kb-pdp-action-btn.active-compare-details {
    border-color: var(--kb-red);
    color: var(--kb-red);
    background: #fff8f7;
}
.kb-pdp-action-btn img {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: contain;
    filter: brightness(0);
    opacity: .72;
}
.kb-pdp-action-btn.is-active img,
.kb-pdp-action-btn.active-wishlist-details img,
.kb-pdp-action-btn.active-compare-details img {
    opacity: 1;
}
.kb-pdp-action-label { text-align: left; }
.kb-pdp-reviews { background: #faf8f7; padding: 36px 0; }
.kb-pdp-reviews h2 { text-align: center; margin: 0; font-size: 32px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }
.kb-pdp-reviews-sub { text-align: center; color: #6b7280; margin: 8px 0 24px; }
.kb-pdp-rating-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 18px; }
.kb-pdp-rating-cards article {
    background: #fff; border: 1px solid #ece7e4; border-radius: var(--kb-radius-md); padding: 22px; text-align: center;
}
.kb-rating-logo {
    width: 44px; height: 44px; border-radius: 50%; background: #4285f4; color: #fff;
    display: inline-flex; align-items: center; justify-content: center; font-weight: 800; margin-bottom: 8px;
}
.kb-rating-logo.kp { background: #fff; color: var(--kb-red); border: 1px solid #ece7e4; font-size: 12px; }
.kb-pdp-rating-cards strong { display: block; font-size: 28px; }
.kb-pdp-rating-cards .kb-stars { color: #f59e0b; letter-spacing: 1px; }
.kb-pdp-rating-cards p { color: #6b7280; margin: 6px 0 0; font-size: 14px; }
.kb-pdp-rating-cards a { display: inline-block; margin-top: 10px; color: var(--kb-red); font-weight: 700; text-decoration: none; }
.kb-pdp-review-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.kb-pdp-review-list article { background: #fff; border: 1px solid #ece7e4; border-radius: var(--kb-radius-md); padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.kb-review-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 13px; }
.kb-review-top .kb-stars { color: #f59e0b; }
.kb-review-top time { color: #9ca3af; white-space: nowrap; }
.kb-pdp-review-list p { margin: 0; flex: 1; line-height: 1.5; }
.kb-pdp-review-list footer {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 4px; font-size: 13px; color: #6b7280;
}
.kb-review-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f3f4f6;
    color: #374151;
    font-weight: 700;
    font-size: 12px;
}

/* Inicijal u krugu — Google / KP / PDP recenzije */
.kb-google-review-avatar,
.kb-kp-review-avatar,
.kb-review-avatar,
.kb-review-grid .kb-review-avatar {
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    line-height: 1;
    text-align: center;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
}
.kb-pdp-review-list footer a { margin-left: auto; color: var(--kb-red); font-weight: 600; text-decoration: none; font-size: 12px; }
.kb-pdp-reviews-all-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 20px;
}
.kb-pdp-reviews-all {
    display: block; width: fit-content; margin: 0; border: 1px solid #d1d5db; border-radius: var(--kb-radius-sm);
    padding: 12px 18px; text-decoration: none; color: #111; font-weight: 700;
}
.kb-pdp-reviews-all:hover { color: var(--kb-red); border-color: #c4c8cf; }
.kb-pdp-tabs { padding: 28px 0 10px; }
.kb-tab-nav { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.kb-tab-nav button {
    border: 1px solid #e4e0dc; background: #fff; border-radius: var(--kb-radius-sm); padding: 10px 16px; font-weight: 600; cursor: pointer;
}
.kb-tab-nav button.is-on { background: #1c1c1c; color: #fff; border-color: #1c1c1c; }
.kb-tab-panels,
.kb-tab-panel {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}
.kb-tab-panel { display: none; color: #374151; line-height: 1.7; }
.kb-tab-panel.is-on { display: block; }
.kb-tab-panel table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    display: table !important;
    border-collapse: collapse;
}
.kb-tab-panel table tbody { display: table-row-group !important; }
.kb-tab-panel table tr { display: table-row !important; }
.kb-tab-panel table td,
.kb-tab-panel table th {
    display: table-cell !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none;
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    vertical-align: top;
    hyphens: auto;
}
.kb-tab-panel table td:first-child,
.kb-tab-panel table th:first-child {
    width: 38% !important;
    max-width: 38% !important;
}
.kb-tab-panel table td:last-child,
.kb-tab-panel table th:last-child {
    width: 62% !important;
    max-width: 62% !important;
}
.kb-tab-panel > div,
.kb-tab-panel div[align="center"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
}
.kb-tab-panel .MsoNormal,
.kb-tab-panel p {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.kb-tab-panel img,
.kb-tab-panel iframe,
.kb-tab-panel video,
.kb-tab-panel embed,
.kb-tab-panel object {
    max-width: 100%;
    height: auto;
}
.kb-pdp-video {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.kb-pdp-video iframe {
    display: block;
    width: 100% !important;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}
.kb-pdp-related h3 { margin-bottom: 16px; }

/* Compact action countdown circles */
.product-countdown-wrap {
    margin-top: 10px;
    margin-bottom: 8px;
}
.product-countdown {
    gap: 8px;
}
.single-countdown__time {
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 15px !important;
}
.single-countdown__text {
    font-size: 10px !important;
    margin-top: 4px !important;
    color: #6b7280 !important;
}
.product-action-validity {
    margin-top: 8px !important;
    font-size: 12px !important;
    color: #6b7280 !important;
}
.product-details-inner .single-countdown__time,
.kb-pdp .single-countdown__time {
    width: 48px !important;
    height: 48px !important;
    line-height: 48px !important;
    font-size: 16px !important;
}

/* Tighter corners on legacy buttons/blocks site-wide */
.btn-cart,
.btn-cart.lg-btn,
.btn-cart.rev-btn,
.top-search-btn,
.nice-select,
.pagination-box .page-item a,
.pagination-box .page-item .myactive {
    border-radius: var(--kb-radius-sm) !important;
}

@media (max-width: 991px) {
    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }
    .scroll-top {
        right: 12px;
    }
    .kb-redesign-active .kb-mainbar-wrap,
    .kb-redesign-active .header-middle.home-header2.white-bg.kb-mainbar-wrap {
        padding: 12px 0 14px !important;
    }
    .kb-mainbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "logo actions"
            "search search";
        gap: 12px 10px;
        align-items: center;
        min-height: 0;
    }
    .kb-mainbar-logo {
        grid-area: logo;
        width: auto;
        text-align: left;
        justify-self: start;
    }
    .kb-mainbar-logo img {
        margin: 0;
    }
    .kb-redesign-active .kb-mainbar-logo img {
        height: 80px;
        max-width: 200px;
    }
    .kb-header-actions-mobile {
        grid-area: actions;
        justify-self: end;
        display: flex !important;
        align-items: flex-start;
        justify-content: flex-end;
    }
    .kb-mainbar-tools {
        grid-area: search;
        width: 100%;
        flex-wrap: nowrap;
        gap: 0;
        justify-content: stretch;
    }
    .kb-header-search {
        flex: 1 1 100%;
        max-width: none;
        width: 100%;
    }
    .kb-redesign-active .kb-header-search {
        flex: 1 1 100%;
        max-width: none;
        width: 100%;
        margin: 0;
    }
    .kb-redesign-active .kb-search-wrap {
        height: 42px;
    }
    .kb-header-actions-mobile .kb-header-actions > ul {
        justify-content: flex-end;
        gap: 10px;
    }
    .kb-header-actions-mobile .kb-action-link {
        min-width: 0;
        gap: 4px;
        padding-bottom: 0;
    }
    .kb-header-actions-mobile .kb-action-label {
        display: block !important;
        font-size: 10px;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.92);
        line-height: 1.1;
        white-space: nowrap;
    }
    .kb-header-actions-mobile .kb-action-icon {
        width: 34px;
        height: 30px;
    }
    .kb-header-actions-mobile .kb-action-icon .kb-action-svg {
        width: 24px;
        height: 24px;
    }
    .kb-header-actions-mobile .kb-action-badge,
    .kb-header-actions-mobile .count {
        bottom: auto;
        top: -2px;
        transform: translateX(20%);
        box-shadow: none;
        background: var(--kb-red) !important;
    }
    .kb-red-mobile-toolbar {
        display: none !important;
    }
    .kb-mobile-nav-bar {
        display: flex;
        align-items: stretch;
        justify-content: flex-end;
        margin: 0 -12px;
        padding: 0 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        background: var(--kb-header-bg-2);
    }
    .kb-mobile-menu-btn {
        flex: 0 0 auto;
        min-height: 48px;
        margin: 0;
        padding: 0 4px;
        border: 0;
        background: transparent;
        display: inline-flex;
        align-items: center;
        gap: 12px;
        cursor: pointer;
        color: #fff;
    }
    .kb-mobile-menu-btn:focus {
        outline: none;
    }
    .kb-mobile-menu-btn:focus-visible {
        outline: 2px solid var(--kb-red);
        outline-offset: -2px;
    }
    .kb-mobile-menu-text {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        line-height: 1;
    }
    .kb-mobile-menu-icon {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }
    .kb-mobile-menu-icon span {
        display: block;
        width: 22px;
        height: 2px;
        background: #fff;
        border-radius: 1px;
        transition: transform 0.2s ease, opacity 0.2s ease;
    }
    .kb-mobile-menu-btn.is-open .kb-mobile-menu-icon span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }
    .kb-mobile-menu-btn.is-open .kb-mobile-menu-icon span:nth-child(2) {
        opacity: 0;
    }
    .kb-mobile-menu-btn.is-open .kb-mobile-menu-icon span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
    .kb-mobile-mean-container .meanmenu-reveal {
        display: none !important;
    }
    .kb-mobile-mean-container.mean-container {
        background: var(--kb-header-bg-2) !important;
    }
    .kb-mobile-mean-container .mean-bar {
        position: static;
        float: none;
        width: 100%;
        background: var(--kb-header-bg-2) !important;
        padding: 0;
        min-height: 0;
    }
    .kb-mobile-mean-container .mean-nav {
        position: fixed;
        left: 0;
        right: 0;
        top: var(--kb-mobile-nav-top, 0);
        width: 100% !important;
        max-height: calc(100vh - var(--kb-mobile-nav-top, 0px));
        overflow-y: auto;
        background: var(--kb-header-bg-2) !important;
        z-index: 10000;
        margin: 0;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
    }
    .kb-mobile-mean-container .mean-nav ul,
    .kb-mobile-mean-container .mean-nav ul li {
        background: var(--kb-header-bg-2) !important;
    }
    .kb-mobile-mean-container .mean-nav ul li a,
    .kb-mobile-mean-container .mean-nav ul li li a {
        display: block;
        background: var(--kb-header-bg-2) !important;
        color: #fff !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding: 14px 18px;
        font-size: 14px;
        font-weight: 600;
    }
    .kb-mobile-mean-container .mean-nav ul li a.mean-expand {
        background: var(--kb-header-bg-2) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
        color: #fff !important;
    }
    .kb-mobile-mean-container .mean-nav ul li a:hover,
    .kb-mobile-mean-container .mean-nav ul li a.mean-expand:hover,
    .kb-mobile-mean-container .mean-nav ul li li a:hover {
        background: rgba(255, 255, 255, 0.06) !important;
        color: #fff !important;
    }
    .kb-redesign-active .header-top-menu.kb-primary-nav-wrap {
        padding-bottom: 0;
    }
    .kb-redesign-active {
        --kb-home-section-pad: 40px;
    }
    .kb-home-budget-wrap {
        padding: 14px 0 12px;
    }
    .kb-budget-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 0;
    }
    .kb-budget-pills {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 8px;
        width: 100%;
        overflow: visible;
    }
    .kb-budget-pill {
        flex: 0 1 auto;
        max-width: 100%;
        text-align: center;
        white-space: nowrap;
        padding: 9px 16px;
        font-size: 13px;
    }
    .kb-home-budget-wrap.kb-budget-is-sticky {
        padding: 10px 0;
    }
    .kb-home-budget-wrap.kb-budget-is-sticky .kb-wrap {
        padding-left: 12px;
        padding-right: 12px;
    }
    .kb-home-budget-wrap.kb-budget-is-sticky .kb-budget-bar {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    .kb-home-budget-wrap.kb-budget-is-sticky .kb-budget-label {
        flex: 0 0 auto;
        font-size: 12px;
    }
    .kb-home-budget-wrap.kb-budget-is-sticky .kb-budget-pills {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: auto;
        min-width: 0;
        margin: 0 -12px;
        padding: 0 12px 0 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .kb-home-budget-wrap.kb-budget-is-sticky .kb-budget-pills::-webkit-scrollbar {
        display: none;
    }
    .kb-home-budget-wrap.kb-budget-is-sticky .kb-budget-pill {
        flex: 0 0 auto;
        max-width: none;
    }
    .kb-home-chairs-head {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 16px;
    }
    .kb-home-chairs-head > div:first-child {
        flex: 1 1 auto;
        min-width: 0;
    }
    .kb-home-chairs-nav {
        display: flex;
        flex: 0 0 auto;
        gap: 6px;
        align-items: center;
    }
    .kb-home-chairs-head .kb-carousel-nav {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    .kb-home-chairs-eyebrow {
        display: none;
    }
    .kb-home-chairs-sub {
        display: none;
    }
    .kb-home-chairs-head h2 {
        font-size: clamp(17px, 4.6vw, 22px);
        line-height: 1.25;
    }
    .kb-home-chairs-band,
    .kb-home-chairs {
        scroll-margin-top: 110px;
    }
    .kb-google-reviews-head,
    .kb-kp-reviews-head {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 22px;
    }
    .kb-google-reviews-head h2,
    .kb-kp-reviews-head h2 {
        flex: 1 1 auto;
        min-width: 0;
        font-size: clamp(16px, 4.2vw, 22px);
        line-height: 1.25;
    }
    .kb-google-reviews-head a.kb-google-reviews-all,
    .kb-kp-reviews-head a.kb-kp-reviews-all {
        flex: 0 0 auto;
        font-size: 13px;
    }
    .kb-google-reviews-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .kb-google-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "brand score"
            "stars score"
            "count verified";
        column-gap: 14px;
        row-gap: 4px;
        align-items: center;
        min-height: 0;
        padding: 0;
    }
    .kb-google-brand {
        grid-area: brand;
        margin-bottom: 0;
    }
    .kb-google-score {
        grid-area: score;
        justify-self: end;
        align-self: center;
        font-size: 42px;
    }
    .kb-google-score span {
        font-size: 17px;
    }
    .kb-google-stars {
        grid-area: stars;
        margin: 0;
        font-size: 15px;
        letter-spacing: 1px;
    }
    .kb-google-count {
        grid-area: count;
        margin: 0;
        font-size: 14px;
        line-height: 1.3;
    }
    .kb-google-verified {
        grid-area: verified;
        justify-self: end;
        align-self: end;
        margin: 0;
        padding: 0;
        font-size: 11px;
        line-height: 1.25;
        text-align: right;
        max-width: 10em;
    }
    .kb-google-reviews-list,
    .kb-kp-reviews-list {
        display: flex;
        flex-direction: column;
        gap: 14px;
        overflow: visible;
        grid-auto-columns: unset;
        grid-auto-flow: unset;
    }
    .kb-google-review-card,
    .kb-kp-review-card {
        min-height: 0;
    }
    .kb-home-promos {
        padding: 8px 0 28px;
    }
    .kb-promo-banner {
        grid-template-columns: 1fr;
        gap: 0;
        min-height: 0;
        padding: 0 0 22px;
        border-radius: 12px;
        overflow: hidden;
        color: #fff;
        background: linear-gradient(160deg, #151d2b 0%, #0b1018 48%, #0b1018 100%) !important;
        box-shadow: 0 8px 24px rgba(11, 16, 24, 0.18);
    }
    .kb-promo-banner--desk,
    .kb-promo-banner--relax {
        background: linear-gradient(160deg, #151d2b 0%, #0b1018 48%, #0b1018 100%) !important;
    }
    .kb-promo-banner-media {
        order: -1;
        padding: 10px 8px 0;
        justify-content: center;
    }
    .kb-promo-banner-media img {
        max-height: 190px;
        margin: 0 auto;
        object-position: center;
        filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.35));
    }
    .kb-promo-banner-body {
        padding: 14px 18px 0;
    }
    .kb-promo-banner--desk .kb-promo-banner-eyebrow {
        color: #f87171;
    }
    .kb-promo-banner--relax .kb-promo-banner-eyebrow {
        color: #d6bfa8;
    }
    .kb-promo-banner-title {
        color: #fff;
        font-size: 28px;
        margin-bottom: 8px;
    }
    .kb-promo-banner-desc {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 18px;
        font-size: 15px;
    }
    .kb-promo-banner-btn {
        background: transparent;
        border: 2px solid rgba(255, 255, 255, 0.88);
        color: #fff;
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
    }
    .kb-promo-banner:hover .kb-promo-banner-btn {
        background: rgba(255, 255, 255, 0.08);
    }
    .kb-try-home {
        padding: 28px 0 40px;
    }
    .kb-try-home .kb-try-row {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 16px;
    }
    .kb-try-home .kb-try-btn {
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
    }
    .kb-home-card-body {
        text-align: center;
        align-items: center;
    }
    .kb-home-card-title {
        font-size: 18px;
    }
    .kb-home-card-price {
        width: 100%;
        text-align: center;
    }
    .header-top {
        height: auto;
        background-color: #000;
    }
    .kb-redesign-active .header-top {
        background-color: #000 !important;
    }
    .kb-redesign-active .header-top.kb-header-utility {
        padding: 8px 0;
    }
    .kb-redesign-active .kb-header-utility-inner {
        justify-content: center;
        text-align: center;
    }
    .kb-redesign-active .kb-tagline {
        display: none;
    }
    .kb-redesign-active .kb-header-utility-help {
        margin: 0;
        width: 100%;
        font-size: 12px;
        text-align: center;
    }
    .kb-header-actions-home { display: none; }

    .header-top-menu.sticker,
    .header-top-menu.sticker.sticky {
        position: relative !important;
        top: auto !important;
        left: auto;
        right: auto;
        width: 100%;
        z-index: 9999;
        animation: none !important;
        -webkit-animation: none !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
        transition: box-shadow .2s ease;
        overflow: visible;
    }
    .header-top-menu.sticker.kb-mobile-pinned {
        position: fixed !important;
        top: 0 !important;
        left: 0;
        right: 0;
        width: 100%;
        box-shadow: 0 4px 16px rgba(0, 0, 0, .22);
    }
    .kb-mobile-toolbar-spacer {
        display: block;
        width: 100%;
    }
    .header-top-menu .container {
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
    }
    .header-top-menu .row {
        display: none;
    }
    .kb-header-actions-mobile .mini-cart-drop-down {
        right: 0;
        left: auto;
        min-width: 300px;
        max-width: min(300px, calc(100vw - 24px));
    }
    .kb-mobile-menu-trigger {
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 0 0 auto;
        margin-left: 8px;
        padding-left: 12px;
        border-left: 1px solid rgba(255, 255, 255, .28);
        cursor: pointer;
        position: relative;
        z-index: 3;
    }
    .kb-mobile-menu-label {
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .55px;
        line-height: 1;
        flex: 0 0 auto;
        margin: 0;
    }
    .kb-red-mobile-toolbar .mobile-menu,
    .kb-red-mobile-toolbar .kb-mobile-menu-trigger .mean-container,
    .kb-red-mobile-toolbar .mean-container,
    .kb-red-mobile-toolbar .mean-bar {
        position: static;
        float: none;
        width: auto;
        min-height: 0;
        padding: 0;
        background: transparent;
        flex: 0 0 auto;
    }
    .kb-red-mobile-toolbar .mean-container a.meanmenu-reveal {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: 38px;
        height: 38px;
        padding: 9px 8px;
        margin: 0;
        box-sizing: border-box;
        border-radius: var(--kb-radius-sm);
        background: rgba(0, 0, 0, .12);
        z-index: 2;
        cursor: pointer;
        text-indent: -9999px;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
    }
    .kb-red-mobile-toolbar .mean-container a.meanmenu-reveal span {
        background: #fff;
        height: 2px;
        margin-top: 5px;
        border-radius: 1px;
    }
    .kb-red-mobile-toolbar .mean-container a.meanmenu-reveal span:first-child {
        margin-top: 0;
    }
    .kb-red-mobile-toolbar .mean-container .mean-nav {
        position: fixed;
        inset: var(--kb-mobile-nav-top, 54px) 0 auto 0;
        margin-top: 0;
        width: 100%;
        max-width: 100%;
        height: auto !important;
        max-height: calc(100dvh - var(--kb-mobile-nav-top, 54px));
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: #1c1c1c;
        z-index: 10000;
        box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
        float: none;
        box-sizing: border-box;
    }
    .kb-red-mobile-toolbar .mean-container .mean-nav:not(:has(ul[style*="display: block"])) {
        display: none !important;
    }
    .kb-red-mobile-toolbar .mean-container .mean-nav ul {
        display: block;
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .kb-red-mobile-toolbar .mean-container .mean-nav ul li {
        float: none;
        width: 100%;
    }
    .kb-red-mobile-toolbar .mean-container .mean-nav ul li a {
        display: block;
        float: none;
        width: 100%;
        box-sizing: border-box;
        color: #fff !important;
        background: transparent !important;
        border-top: 1px solid rgba(255, 255, 255, .08);
        padding: 14px 18px;
        font-size: 14px;
        font-weight: 600;
        text-transform: none;
    }
    .kb-red-mobile-toolbar .mean-container .mean-nav ul li a:hover,
    .kb-red-mobile-toolbar .mean-container .mean-nav ul li a.mean-expand:hover {
        background: rgba(255, 255, 255, .06) !important;
        color: #fff !important;
    }
}
@media (max-width: 900px) {
    .kb-pdp { padding: 8px 0 28px; }
    .kb-crumb-pdp { display: none; }
    .kb-wrap { width: min(1180px, calc(100% - 32px)); }
    .kb-pdp-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .kb-pdp-rating-cards, .kb-pdp-review-list { grid-template-columns: 1fr; }
    .kb-pdp-gallery {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 0;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--kb-line);
        overflow: hidden;
    }
    .kb-pdp-main,
    .kb-pdp-main .slick-list,
    .kb-pdp-main .slick-track,
    .kb-pdp-main .slick-slide {
        max-width: 100%;
    }
    .kb-pdp-thumbs.kb-pdp-thumbs-mobile {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 8px;
        scrollbar-width: none;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .kb-pdp-thumbs.kb-pdp-thumbs-mobile::-webkit-scrollbar {
        display: none;
    }
    .kb-pdp-thumbs.kb-pdp-thumbs-mobile .pro-nav-thumb {
        flex: 0 0 72px;
        width: 72px;
        margin: 0;
    }
    .kb-pdp-thumbs.kb-pdp-thumbs-mobile .pro-nav-thumb.is-active-thumb {
        border-color: var(--kb-red);
    }
    .kb-pdp-main { order: 1; border-radius: var(--kb-radius-sm); }
    .kb-pdp-thumbs {
        order: 2;
        margin: 0;
    }
    .kb-pdp-thumbs .slick-list {
        padding: 0 !important;
        margin: 0 -4px;
    }
    .kb-pdp-thumbs .slick-slide {
        padding: 0 4px;
    }
    .kb-pdp-thumbs .pro-nav-thumb {
        margin: 0;
        border-radius: var(--kb-radius-sm);
        aspect-ratio: 1;
    }
    .kb-pdp-thumbs .pro-nav-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .kb-pdp-thumbs .arrow-prev,
    .kb-pdp-thumbs .arrow-next {
        display: none !important;
    }
    .kb-pdp-info h1,
    .kb-pdp-info .title-product {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.3;
        margin: 14px 0 0;
        letter-spacing: 0;
        text-transform: none;
        color: #111;
    }
    .kb-pdp-order-title { order: 1; }
    .kb-pdp-order-trust {
        order: 2;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin: 10px 0 12px;
        padding: 12px 0;
    }
    .kb-pdp-order-lead { order: 3; }
    .kb-pdp-order-countdown { order: 4; }
    .kb-pdp-order-features { display: none; }
    .kb-pdp-order-pay { order: 6; }
    .kb-pdp-order-pricebox { order: 7; }
    .kb-pdp-order-stock { order: 8; display: none; }
    .kb-pdp-order-colors { order: 8; }
    .more-colors-response { order: 9; }
    .kb-pdp-order-buy { order: 10; }
    .kb-pdp-order-store { order: 11; }
    .kb-pdp-order-actions { order: 12; }
    .kb-pdp-order-reviews-link { order: 13; display: inline-block; }
    .kb-pdp-store {
        border-top: 1px solid var(--kb-line);
        border-bottom: 0;
        padding: 14px 0 0;
        margin: 12px 0 0;
    }
    .kb-pdp-store strong {
        display: block;
        font-size: 14px;
        line-height: 1.35;
        margin-bottom: 4px;
    }
    .kb-pdp-store p {
        margin: 0 0 4px;
        color: #6b7280;
        font-size: 13px;
        line-height: 1.4;
    }
    .kb-pdp-store a {
        font-size: 13px;
        text-decoration: underline;
        text-underline-offset: 2px;
    }
    .kb-pdp-pay-toggle {
        padding-top: 14px;
        margin: 0;
    }
    .kb-pdp-pay-toggle label {
        font-size: 14px;
        color: #374151;
        margin-bottom: 8px;
    }
    .kb-pay-pills {
        width: 100%;
        margin-bottom: 0;
        gap: 8px;
    }
    .kb-pay-pills button {
        flex: 1;
        padding: 10px 12px;
        font-size: 13px;
        text-align: center;
    }
    .kb-pdp-order-pricebox,
    .kb-pdp-pricebox {
        margin-top: 16px;
        margin-bottom: 0;
    }
    .kb-pdp-price { font-size: 34px; }
    .kb-pdp-price small {
        font-size: 16px;
        font-weight: 600;
        color: #6b7280;
    }
    .kb-pdp-rata {
        margin: 4px 0 0;
        font-size: 13px;
        color: #6b7280;
    }
    .kb-pdp-rate-link {
        margin-top: 6px;
        font-size: 13px;
    }
    .kb-pdp-stock {
        margin: 10px 0 0;
        font-size: 13px;
    }
    .kb-pdp-buy {
        flex-direction: row;
        align-items: stretch;
        gap: 10px;
        margin: 14px 0 0;
    }
    .kb-qty {
        width: auto;
        flex: 0 0 108px;
        justify-content: center;
    }
    .kb-qty button {
        width: 36px;
        height: 44px;
    }
    .kb-qty input {
        width: 36px;
        height: 44px;
    }
    .kb-pdp-cart {
        width: auto;
        flex: 1;
        min-width: 0;
        padding: 12px 14px;
        font-size: 15px;
    }
    .kb-pdp-order-reviews-link,
    .kb-pdp-reviews-link {
        display: inline-block;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--kb-line);
        width: 100%;
        box-sizing: border-box;
    }
    .kb-pdp-links {
        font-size: 13px;
        margin-top: 10px;
    }
    .kb-pdp-review-list footer a { margin-left: 0; width: 100%; margin-top: 4px; }
    .kb-grid, .kb-review-grid, .kb-banner-grid { grid-template-columns: 1fr; }
    .kb-google-reviews-layout { grid-template-columns: 1fr; gap: 20px; }
    .kb-kp-reviews-layout { grid-template-columns: 1fr; gap: 24px; }
    .kb-kp-verified { padding-top: 12px; margin-top: 0; }
    .kb-card { grid-template-columns: 1fr; }
    .kb-hero h1 { font-size: 30px; }
    .kb-hero-row, .kb-reviews-head { flex-direction: column; align-items: flex-start; }
    .kb-try-row {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 16px;
    }
    .kb-card h2 { font-size: 22px; }
    .kb-category-copy { padding: 20px 18px; }
    .kb-tab-nav button {
        flex: 1 1 calc(50% - 4px);
        min-width: 0;
        padding: 9px 10px;
        font-size: 13px;
    }
}