/* ============================================================
   HIPERNET B2B CATALOG V4
   Wide professional category layout
   ============================================================ */

:root {
    --hb-cat-max: 1760px;
    --hb-cat-gutter: 24px;
    --hb-cat-sidebar: 258px;
    --hb-cat-gap: 24px;
}

/* Full-width shell like PDP */
.hb2b-category-shell-wide {
    width: min(
        var(--hb-cat-max),
        calc(100% - (var(--hb-cat-gutter) * 2))
    ) !important;

    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

/* Sidebar + products */
.hb2b-category-layout {
    display: grid !important;
    grid-template-columns:
        var(--hb-cat-sidebar)
        minmax(0, 1fr) !important;

    align-items: start;
    gap: var(--hb-cat-gap) !important;
    width: 100%;
}

/* Product column must really fill remaining width */
.hb2b-category-layout > .flex-1 {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Filters: stable professional rail */
.hb2b-category-layout .hb2b-filter-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* Result + toolbar area */
.hb2b-catalog-result-bar {
    width: 100%;
}

.hb2b-category-layout .hb2b-compact-view,
.hb2b-category-layout .hb2b-list-view,
.hb2b-category-layout .hb2b-grid-view,
.hb2b-category-layout .hb2b-category-grid-products,
.hb2b-category-layout .hb2b-category-list-products {
    width: 100% !important;
    max-width: none !important;
}

/* Desktop grid can now breathe */
.hb2b-category-layout .hb2b-category-grid-products {
    gap: 18px !important;
}

/* Slightly tighter at medium desktop */
@media (max-width: 1500px) {
    :root {
        --hb-cat-gutter: 20px;
        --hb-cat-sidebar: 246px;
        --hb-cat-gap: 20px;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .hb2b-category-shell-wide {
        width: calc(100% - 32px) !important;
    }

    .hb2b-category-layout {
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 16px !important;
    }
}

/* Mobile: filter goes to drawer, products full width */
@media (max-width: 767px) {
    .hb2b-category-shell-wide {
        width: calc(100% - 24px) !important;
    }

    .hb2b-category-layout {
        display: block !important;
    }
}
/* ===== HIPERNET CATALOG V4 - 3 VIEW SWITCHER ===== */

.hb2b-view-switcher {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid #e2e8ee;
    border-radius: 9px;
    background: #fff;
}

.hb2b-view-button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #68798b;
    font-size: 19px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.hb2b-view-button:hover {
    background: #f3f6f8;
    color: #172f4d;
}

.hb2b-view-button.is-active {
    background: #172f4d;
    color: #fff;
}

.hb2b-view-button-compact {
    font-size: 22px;
    font-weight: 700;
}


/* ===== HIPERNET GRID PROFESSIONAL V1 ===== */

/* ------------------------------------------------------------
   GRID CONTAINER
   Desktop: 3
   Tablet: 2
   Mobile: 1
   ------------------------------------------------------------ */

.hb2b-category-layout .hb2b-category-grid-products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: none !important;
}


/* ------------------------------------------------------------
   CARD
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-grid-card {
    display: flex !important;
    min-width: 0 !important;
    min-height: 100% !important;

    flex-direction: column !important;

    overflow: hidden !important;

    border: 1px solid #dfe6ed !important;
    border-radius: 12px !important;

    background: #fff !important;

    box-shadow: 0 2px 7px rgba(15, 35, 55, .035) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

.hb2b-category-layout .hb3c-grid-card:hover {
    border-color: #cbd6e1 !important;

    box-shadow:
        0 10px 28px rgba(19, 44, 70, .09) !important;

    transform: translateY(-2px);
}


/* ------------------------------------------------------------
   PRODUCT IMAGE
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-grid-media {
    position: relative;

    display: grid !important;

    width: 100% !important;
    height: 270px !important;

    place-items: center !important;

    padding: 22px !important;

    overflow: hidden !important;

    border-bottom: 1px solid #edf1f4 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfcfd 100%
        ) !important;
}

.hb2b-category-layout .hb3c-grid-media > a {
    display: grid !important;

    width: 100% !important;
    height: 100% !important;

    place-items: center !important;
}

.hb2b-category-layout .hb3c-grid-media img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 245px !important;
    max-height: 225px !important;

    object-fit: contain !important;

    transition: transform .2s ease;
}

.hb2b-category-layout .hb3c-grid-card:hover .hb3c-grid-media img {
    transform: scale(1.025);
}


/* ------------------------------------------------------------
   BODY
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-grid-body {
    display: flex !important;
    flex: 1 1 auto !important;

    flex-direction: column !important;

    gap: 11px !important;

    min-width: 0 !important;

    padding: 16px !important;
}


/* Product name */

.hb2b-category-layout .hb3c-product-name {
    display: -webkit-box !important;

    overflow: hidden !important;

    color: #112d49 !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;

    text-decoration: none !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    min-height: 40px;
}

.hb2b-category-layout .hb3c-product-name:hover {
    color: #e96b16 !important;
}


/* SKU / EAN / BRAND */

.hb2b-category-layout .hb3c-meta {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 4px 11px !important;

    min-height: 28px;

    color: #718095 !important;

    font-size: 10px !important;
    line-height: 1.35 !important;
}

.hb2b-category-layout .hb3c-meta span {
    min-width: 0;
}

.hb2b-category-layout .hb3c-meta strong {
    color: #40546a !important;

    font-weight: 750 !important;
}


/* ------------------------------------------------------------
   STOCK
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-stock {
    display: flex !important;

    min-height: 24px;

    align-items: center !important;

    gap: 7px !important;

    color: #526579 !important;

    font-size: 11px !important;
}

.hb2b-category-layout .hb3c-stock strong {
    color: #173e2f !important;

    font-weight: 800 !important;
}


/* ------------------------------------------------------------
   LOGISTICS
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-logistics {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    overflow: hidden !important;

    min-height: 53px;

    border: 1px solid #e7edf2 !important;
    border-radius: 8px !important;

    background: #f7f9fb !important;
}

.hb2b-category-layout .hb3c-logistics span {
    display: flex !important;

    min-width: 0 !important;

    flex-direction: column !important;

    justify-content: center !important;

    padding: 7px 8px !important;

    border-right: 1px solid #e7edf2 !important;

    color: #718096 !important;

    font-size: 9px !important;
    line-height: 1.2 !important;
}

.hb2b-category-layout .hb3c-logistics span:last-child {
    border-right: 0 !important;
}

.hb2b-category-layout .hb3c-logistics strong {
    display: block !important;

    margin-top: 3px !important;

    color: #213b55 !important;

    font-size: 11px !important;
    font-weight: 850 !important;
}


/* ------------------------------------------------------------
   PRICE
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-price-box {
    margin-top: auto !important;

    padding-top: 3px !important;
}

.hb2b-category-layout .hb3c-price-box > span {
    display: block !important;

    margin-bottom: 3px !important;

    color: #738397 !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.hb2b-category-layout .hb3c-price {
    color: #102c49 !important;

    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.hb2b-category-layout .hb3c-price p {
    margin: 0 !important;

    line-height: 1.15 !important;
}


/* ------------------------------------------------------------
   PURCHASE UNIT
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-unit-selector {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 6px !important;
}

.hb2b-category-layout .hb3c-unit-selector button {
    min-height: 31px !important;

    padding: 0 12px !important;

    border: 1px solid #d6dfe7 !important;
    border-radius: 7px !important;

    background: #fff !important;

    color: #4e6175 !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}

.hb2b-category-layout .hb3c-unit-selector button:hover {
    border-color: #9eacba !important;
}

.hb2b-category-layout .hb3c-unit-selector button.is-active {
    border-color: #142f4c !important;

    background: #142f4c !important;

    color: #fff !important;
}


/* ------------------------------------------------------------
   QUANTITY + CART
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-buy-row {
    display: grid !important;

    grid-template-columns:
        minmax(155px, .85fr)
        minmax(120px, 1fr) !important;

    gap: 8px !important;

    align-items: stretch !important;
}

.hb2b-category-layout .hb3c-qty {
    display: grid !important;

    grid-template-columns:
        34px
        minmax(36px, 1fr)
        40px
        34px !important;

    min-height: 42px !important;

    overflow: hidden !important;

    border: 1px solid #dbe3ea !important;
    border-radius: 8px !important;

    background: #fff !important;
}

.hb2b-category-layout .hb3c-qty button,
.hb2b-category-layout .hb3c-qty input,
.hb2b-category-layout .hb3c-qty span {
    min-width: 0 !important;

    border: 0 !important;

    background: transparent !important;

    text-align: center !important;
}

.hb2b-category-layout .hb3c-qty button {
    color: #17324e !important;

    font-size: 16px !important;
    font-weight: 850 !important;

    cursor: pointer !important;
}

.hb2b-category-layout .hb3c-qty button:hover {
    background: #f5f7f9 !important;
}

.hb2b-category-layout .hb3c-qty input {
    width: 100% !important;

    padding: 0 3px !important;

    color: #17324e !important;

    font-size: 12px !important;
    font-weight: 850 !important;

    appearance: textfield;
    -moz-appearance: textfield;
}

.hb2b-category-layout .hb3c-qty input::-webkit-inner-spin-button,
.hb2b-category-layout .hb3c-qty input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.hb2b-category-layout .hb3c-qty span {
    display: grid !important;

    place-items: center !important;

    border-right: 1px solid #edf1f4 !important;
    border-left: 1px solid #edf1f4 !important;

    color: #738397 !important;

    font-size: 9px !important;
    font-weight: 850 !important;
}


/* Cart button */

.hb2b-category-layout .hb3c-cart-button {
    display: inline-flex !important;

    min-height: 42px !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #f47b20 !important;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    cursor: pointer !important;

    transition: background .15s ease !important;
}

.hb2b-category-layout .hb3c-cart-button:hover {
    background: #df6813 !important;
}

.hb2b-category-layout .hb3c-cart-button:disabled {
    opacity: .5 !important;

    cursor: not-allowed !important;
}


/* Conversion */

.hb2b-category-layout .hb3c-conversion {
    display: block !important;

    min-height: 14px;

    color: #77879a !important;

    font-size: 9px !important;
    line-height: 1.3 !important;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1450px) {
    .hb2b-category-layout .hb2b-category-grid-products {
        gap: 15px !important;
    }

    .hb2b-category-layout .hb3c-grid-media {
        height: 235px !important;
    }

    .hb2b-category-layout .hb3c-grid-media img {
        max-height: 195px !important;
    }

    .hb2b-category-layout .hb3c-buy-row {
        grid-template-columns: 1fr !important;
    }

    .hb2b-category-layout .hb3c-cart-button {
        width: 100% !important;
    }
}

@media (max-width: 1100px) {
    .hb2b-category-layout .hb2b-category-grid-products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .hb2b-category-layout .hb2b-category-grid-products {
        grid-template-columns: 1fr !important;

        gap: 12px !important;
    }

    .hb2b-category-layout .hb3c-grid-media {
        height: 225px !important;
    }

    .hb2b-category-layout .hb3c-grid-body {
        padding: 14px !important;
    }

    .hb2b-category-layout .hb3c-buy-row {
        grid-template-columns: 1fr !important;
    }
}


/* ===== HIPERNET LIST PROFESSIONAL V1 ===== */

.hb2b-category-layout .hb2b-category-list-products {
    display: grid !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: none !important;
}


/* ------------------------------------------------------------
   LIST CARD
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-list-card {
    display: grid !important;

    grid-template-columns:
        150px
        minmax(260px, 1.35fr)
        minmax(150px, .65fr)
        minmax(135px, .5fr)
        minmax(310px, .95fr) !important;

    align-items: center !important;

    gap: 18px !important;

    min-width: 0 !important;
    min-height: 180px !important;

    padding: 15px 16px !important;

    border: 1px solid #dfe6ed !important;
    border-radius: 12px !important;

    background: #fff !important;

    box-shadow: 0 2px 7px rgba(15,35,55,.035) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease !important;
}

.hb2b-category-layout .hb3c-list-card:hover {
    border-color: #cbd6e1 !important;

    box-shadow:
        0 8px 24px rgba(19,44,70,.07) !important;
}


/* ------------------------------------------------------------
   IMAGE
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-list-image {
    display: grid !important;

    width: 135px !important;
    height: 135px !important;

    place-items: center !important;

    overflow: hidden !important;

    border-radius: 8px !important;

    background: #fff !important;
}

.hb2b-category-layout .hb3c-list-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 125px !important;
    max-height: 125px !important;

    object-fit: contain !important;
}


/* ------------------------------------------------------------
   PRODUCT INFO
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-list-product {
    min-width: 0 !important;
}

.hb2b-category-layout .hb3c-list-product .hb3c-product-name {
    display: -webkit-box !important;

    overflow: hidden !important;

    margin-bottom: 8px !important;

    color: #112d49 !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;

    text-decoration: none !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hb2b-category-layout .hb3c-list-product .hb3c-product-name:hover {
    color: #e96b16 !important;
}

.hb2b-category-layout .hb3c-list-product .hb3c-meta {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 4px 10px !important;

    color: #718095 !important;

    font-size: 10px !important;
    line-height: 1.35 !important;
}

.hb2b-category-layout .hb3c-list-product .hb3c-meta strong {
    color: #40546a !important;

    font-weight: 750 !important;
}

.hb2b-category-layout .hb3c-list-product .hb3c-stock {
    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    margin-top: 10px !important;

    color: #526579 !important;

    font-size: 11px !important;
}

.hb2b-category-layout .hb3c-list-product .hb3c-stock strong {
    color: #173e2f !important;

    font-weight: 800 !important;
}


/* ------------------------------------------------------------
   LOGISTICS
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-list-logistics {
    display: grid !important;

    gap: 6px !important;

    min-width: 0 !important;

    color: #65778b !important;

    font-size: 10px !important;
    line-height: 1.3 !important;
}

.hb2b-category-layout .hb3c-column-label {
    display: block !important;

    margin-bottom: 3px !important;

    color: #7a8999 !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.hb2b-category-layout .hb3c-list-logistics strong {
    color: #203a53 !important;

    font-weight: 850 !important;
}


/* ------------------------------------------------------------
   PRICE
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-list-price {
    min-width: 0 !important;
}

.hb2b-category-layout .hb3c-list-price .hb3c-price {
    color: #102c49 !important;

    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.hb2b-category-layout .hb3c-list-price .hb3c-price p {
    margin: 0 !important;

    line-height: 1.15 !important;
}


/* ------------------------------------------------------------
   BUY PANEL
   ------------------------------------------------------------ */

.hb2b-category-layout .hb3c-list-buy {
    display: grid !important;

    grid-template-columns:
        minmax(155px, 1fr)
        minmax(130px, .85fr) !important;

    align-items: center !important;

    gap: 7px !important;

    min-width: 0 !important;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-unit-selector {
    grid-column: 1 / 3 !important;

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 6px !important;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-unit-selector button {
    min-height: 30px !important;

    padding: 0 11px !important;

    border: 1px solid #d6dfe7 !important;
    border-radius: 7px !important;

    background: #fff !important;

    color: #506277 !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-unit-selector button.is-active {
    border-color: #142f4c !important;

    background: #142f4c !important;

    color: #fff !important;
}


/* quantity */

.hb2b-category-layout .hb3c-list-buy .hb3c-qty {
    display: grid !important;

    grid-template-columns:
        34px
        minmax(36px, 1fr)
        40px
        34px !important;

    min-height: 40px !important;

    overflow: hidden !important;

    border: 1px solid #dbe3ea !important;
    border-radius: 8px !important;

    background: #fff !important;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-qty button,
.hb2b-category-layout .hb3c-list-buy .hb3c-qty input,
.hb2b-category-layout .hb3c-list-buy .hb3c-qty span {
    min-width: 0 !important;

    border: 0 !important;

    background: transparent !important;

    text-align: center !important;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-qty button {
    color: #17324e !important;

    font-size: 16px !important;
    font-weight: 850 !important;

    cursor: pointer !important;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-qty button:hover {
    background: #f5f7f9 !important;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-qty input {
    width: 100% !important;

    padding: 0 3px !important;

    color: #17324e !important;

    font-size: 12px !important;
    font-weight: 850 !important;

    appearance: textfield;
    -moz-appearance: textfield;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-qty input::-webkit-inner-spin-button,
.hb2b-category-layout .hb3c-list-buy .hb3c-qty input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-qty span {
    display: grid !important;

    place-items: center !important;

    border-right: 1px solid #edf1f4 !important;
    border-left: 1px solid #edf1f4 !important;

    color: #738397 !important;

    font-size: 9px !important;
    font-weight: 850 !important;
}


/* cart */

.hb2b-category-layout .hb3c-list-buy .hb3c-cart-button {
    display: inline-flex !important;

    min-height: 40px !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #f47b20 !important;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-cart-button:hover {
    background: #df6813 !important;
}

.hb2b-category-layout .hb3c-list-buy .hb3c-cart-button:disabled {
    opacity: .5 !important;

    cursor: not-allowed !important;
}


/* conversion */

.hb2b-category-layout .hb3c-list-buy .hb3c-conversion {
    grid-column: 1 / 3 !important;

    display: block !important;

    color: #77879a !important;

    font-size: 9px !important;
    line-height: 1.3 !important;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1450px) {
    .hb2b-category-layout .hb3c-list-card {
        grid-template-columns:
            125px
            minmax(220px, 1.15fr)
            minmax(130px, .55fr)
            minmax(120px, .45fr)
            minmax(280px, .9fr) !important;

        gap: 14px !important;
    }

    .hb2b-category-layout .hb3c-list-image {
        width: 112px !important;
        height: 112px !important;
    }

    .hb2b-category-layout .hb3c-list-image img {
        max-width: 105px !important;
        max-height: 105px !important;
    }
}

@media (max-width: 1180px) {
    .hb2b-category-layout .hb3c-list-card {
        grid-template-columns:
            105px
            minmax(0, 1fr)
            minmax(280px, .85fr) !important;
    }

    .hb2b-category-layout .hb3c-list-logistics,
    .hb2b-category-layout .hb3c-list-price {
        grid-column: 2 !important;
    }

    .hb2b-category-layout .hb3c-list-buy {
        grid-column: 3 !important;
        grid-row: 1 / 4 !important;
    }
}

@media (max-width: 767px) {
    .hb2b-category-layout .hb3c-list-card {
        grid-template-columns:
            82px
            minmax(0, 1fr) !important;

        gap: 10px !important;

        min-height: 0 !important;

        padding: 11px !important;
    }

    .hb2b-category-layout .hb3c-list-image {
        width: 76px !important;
        height: 86px !important;
    }

    .hb2b-category-layout .hb3c-list-image img {
        max-width: 72px !important;
        max-height: 82px !important;
    }

    .hb2b-category-layout .hb3c-list-logistics,
    .hb2b-category-layout .hb3c-list-price,
    .hb2b-category-layout .hb3c-list-buy {
        grid-column: 1 / 3 !important;
        grid-row: auto !important;
    }

    .hb2b-category-layout .hb3c-list-buy {
        grid-template-columns:
            minmax(145px, 1fr)
            auto !important;
    }
}

/* ===== HIPERNET BEST PRICE V1 ===== */

.hb-price-best {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    gap: 2px 7px;

    margin-top: 7px;
    padding: 7px 9px;

    border: 1px solid #d8eadf;
    border-radius: 7px;

    background: #f5faf7;

    color: #1e513b;
}

.hb-price-best > span {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.hb-price-best > strong {
    font-size: 13px;
    font-weight: 900;
    text-align: right;
}

.hb-price-best > small {
    grid-column: 1 / 3;

    color: #597565;

    font-size: 9px;
    line-height: 1.3;
}


/* LIST - bardzo zwarto */

.hb-price-best-list {
    margin-top: 6px;
    padding: 6px 8px;
}

.hb-price-best-list > strong {
    font-size: 12px;
}


/* COMPACT - jedna subtelna linia */

.hb-price-best-compact {
    display: flex;
    flex-wrap: wrap;
    gap: 3px 6px;

    margin-top: 3px;
    padding: 0;

    border: 0;

    background: transparent;

    font-size: 9px;
}

.hb-price-best-compact > span {
    color: #347050;
}

.hb-price-best-compact > strong {
    color: #23583e;
    font-size: 10px;
}

.hb-price-best-compact > small {
    color: #718096;
}

/* ===== HIPERNET COMPACT PROFESSIONAL V2 ===== */

.hb2b-category-layout .hb2b-compact-view {
    overflow: hidden !important;
    border: 1px solid #dfe6ed !important;
    border-radius: 12px !important;
    background: #fff !important;
}

.hb2b-category-layout .hb2b-product-compact {
    display: grid !important;
    grid-template-columns:
        74px
        minmax(230px, 1.45fr)
        minmax(145px, .62fr)
        minmax(145px, .66fr)
        minmax(150px, .68fr)
        minmax(310px, 1.1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 94px !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid #e8edf2 !important;
    background: #fff !important;
}

.hb2b-category-layout .hb2b-product-compact:hover {
    background: #fbfcfd !important;
}

.hb2b-category-layout .hb2b-product-compact-image {
    width: 68px !important;
    height: 68px !important;
    border: 1px solid #edf1f4 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.hb2b-category-layout .hb2b-product-compact-image img {
    width: 100% !important;
    height: 100% !important;
    padding: 4px !important;
    object-fit: contain !important;
}

.hb2b-category-layout .hb2b-product-compact-name {
    color: #172f4d !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.hb2b-category-layout .hb2b-product-compact-meta {
    gap: 3px 10px !important;
    margin-top: 5px !important;
    color: #718096 !important;
    font-size: 9px !important;
}

.hb2b-category-layout .hb2b-product-compact-logistics {
    display: grid !important;
    gap: 3px !important;
    color: #607184 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
}

.hb2b-category-layout .hb2b-product-compact-logistics strong {
    color: #263f5b !important;
}

.hb2b-category-layout .hb2b-product-compact-price-box {
    min-width: 0 !important;
}

.hb2b-category-layout .hb2b-product-compact-price-box > span {
    margin-bottom: 2px !important;
    color: #8190a0 !important;
    font-size: 9px !important;
    text-transform: uppercase !important;
}

.hb2b-category-layout .hb2b-product-compact-price {
    color: #172f4d !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.hb2b-category-layout .hb-price-best-compact {
    display: block !important;
    margin-top: 3px !important;
    line-height: 1.25 !important;
}

.hb2b-category-layout .hb-price-best-compact > span {
    margin-right: 4px !important;
    color: #347050 !important;
    font-size: 8px !important;
}

.hb2b-category-layout .hb-price-best-compact > strong {
    color: #23583e !important;
    font-size: 10px !important;
}

.hb2b-category-layout .hb-price-best-compact > small {
    display: block !important;
    margin-top: 1px !important;
    color: #718096 !important;
    font-size: 8px !important;
}

.hb2b-category-layout .hb2b-product-compact-stock {
    gap: 6px !important;
    color: #526477 !important;
    font-size: 10px !important;
}

.hb2b-category-layout .hb2b-stock-dot {
    width: 7px !important;
    height: 7px !important;
}

/* stary blok jednostki ukrywamy */
.hb2b-category-layout .hb2b-product-card-sale-unit {
    display: none !important;
}

.hb2b-category-layout .hb2b-product-compact-buy {
    display: block !important;
    min-width: 0 !important;
}

.hb2b-category-layout .hb2b-compact-order {
    display: grid !important;
    grid-template-columns:
        auto
        minmax(142px, 1fr)
        minmax(118px, auto) !important;
    align-items: center !important;
    gap: 7px !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch {
    display: inline-flex !important;
    padding: 2px !important;
    border: 1px solid #d8e0e8 !important;
    border-radius: 7px !important;
    background: #f7f9fb !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch button {
    min-width: 38px !important;
    height: 30px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #647587 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch button.is-active {
    background: #172f4d !important;
    color: #fff !important;
}

.hb2b-category-layout .hb2b-product-compact-quantity {
    display: grid !important;
    grid-template-columns:
        30px
        minmax(38px, 1fr)
        34px
        30px !important;
    min-height: 34px !important;
    overflow: hidden !important;
    border: 1px solid #d5dee7 !important;
    border-radius: 7px !important;
    background: #fff !important;
}

.hb2b-category-layout .hb2b-product-compact-quantity button,
.hb2b-category-layout .hb2b-product-compact-quantity input {
    min-width: 0 !important;
    height: 32px !important;
    border: 0 !important;
    background: #fff !important;
    color: #172f4d !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.hb2b-category-layout .hb2b-product-compact-quantity input {
    border-inline: 1px solid #edf1f4 !important;
}

.hb2b-category-layout .hb2b-product-compact-unit {
    display: grid !important;
    height: 32px !important;
    place-items: center !important;
    background: #f7f9fb !important;
    color: #607184 !important;
    font-size: 8px !important;
    font-weight: 900 !important;
}

.hb2b-category-layout .hb2b-product-compact-cart {
    display: inline-flex !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #f47b20 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.hb2b-category-layout .hb2b-product-compact-conversion {
    display: block !important;
    margin-top: 4px !important;
    color: #788899 !important;
    font-size: 8px !important;
    text-align: right !important;
}

.hb2b-category-layout .hb2b-product-compact-conversion strong {
    color: #526477 !important;
}

@media (max-width: 1350px) {
    .hb2b-category-layout .hb2b-product-compact {
        grid-template-columns:
            66px
            minmax(210px, 1.3fr)
            130px
            135px
            minmax(290px, 1fr) !important;
    }

    .hb2b-category-layout .hb2b-product-compact-logistics {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hb2b-category-layout .hb2b-product-compact {
        grid-template-columns: 64px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 10px !important;
    }

    .hb2b-category-layout .hb2b-product-compact-price-box,
    .hb2b-category-layout .hb2b-product-compact-logistics,
    .hb2b-category-layout .hb2b-product-compact-stock,
    .hb2b-category-layout .hb2b-product-compact-buy {
        grid-column: 1 / -1 !important;
    }

    .hb2b-category-layout .hb2b-compact-order {
        grid-template-columns: auto 1fr !important;
    }

    .hb2b-category-layout .hb2b-product-compact-cart {
        grid-column: 1 / -1 !important;
    }
}

/* ===== HIPERNET COMPACT UNIT BUTTONS FIX ===== */

.hb2b-category-layout .hb2b-compact-unit-switch {
    gap: 5px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch button {
    min-width: 42px !important;
    height: 32px !important;
    padding: 0 10px !important;

    border: 1px solid #d5dee7 !important;
    border-radius: 6px !important;

    background: #fff !important;
    color: #526477 !important;

    font-size: 9px !important;
    font-weight: 800 !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch button:hover {
    border-color: #9cabb9 !important;
    background: #f8fafc !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch button.is-active {
    border-color: #172f4d !important;
    background: #172f4d !important;
    color: #fff !important;
}

/* ===== HIPERNET COMPACT UNIT BUTTONS FIX ===== */

.hb2b-category-layout .hb2b-compact-unit-switch {
    gap: 5px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch button {
    min-width: 42px !important;
    height: 32px !important;
    padding: 0 10px !important;

    border: 1px solid #d5dee7 !important;
    border-radius: 6px !important;

    background: #fff !important;
    color: #526477 !important;

    font-size: 9px !important;
    font-weight: 800 !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch button:hover {
    border-color: #9cabb9 !important;
    background: #f8fafc !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch button.is-active {
    border-color: #172f4d !important;
    background: #172f4d !important;
    color: #fff !important;
}

/* ===== HIPERNET COMPACT FINAL LAYOUT V3 ===== */

.hb2b-category-layout .hb2b-product-compact-buy {
    display: grid !important;
    grid-template-columns: auto 126px 38px !important;
    grid-template-rows: 34px auto !important;
    align-items: center !important;
    justify-content: end !important;
    column-gap: 6px !important;
    row-gap: 3px !important;
    width: 100% !important;
    min-width: 280px !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch:empty {
    display: none !important;
}

.hb2b-category-layout .hb2b-compact-unit-switch button {
    min-width: 38px !important;
    height: 32px !important;
    padding: 0 8px !important;
}

.hb2b-category-layout .hb2b-product-compact-quantity {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 126px !important;
    min-width: 126px !important;
}

.hb2b-category-layout .hb2b-product-compact-cart {
    grid-column: 3 !important;
    grid-row: 1 !important;

    width: 38px !important;
    min-width: 38px !important;
    height: 34px !important;
    padding: 0 !important;
}

.hb2b-category-layout .hb2b-product-compact-conversion {
    grid-column: 1 / 4 !important;
    grid-row: 2 !important;

    margin: 0 !important;
    min-height: 11px !important;

    text-align: right !important;
    white-space: nowrap !important;
}


/* Produkt bez KRT/PAL */

.hb2b-category-layout
.hb2b-compact-unit-switch:empty
+ .hb2b-product-compact-quantity {
    grid-column: 2 !important;
}


/* Wiersze ponownie naprawdę compact */

.hb2b-category-layout .hb2b-product-compact {
    min-height: 88px !important;
}

/* ===== HIPERNET FILTER PRICE COMPACT V1 ===== */

.hb2b-category-layout [data-accordion-item]:has(#v-price-filter-template),
.hb2b-category-layout .filter-price {
    min-height: 0 !important;
}

/* ciaśniejszy nagłówek filtra ceny */
.hb2b-category-layout .hb2b-filter-item:has(.range-slider),
.hb2b-category-layout .hb2b-filter-item:has([class*="range"]) {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* slider bez dużej pustej przestrzeni */
.hb2b-category-layout .range-slider,
.hb2b-category-layout [class*="range-slider"] {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

/* ograniczamy wysokość całego bloku ceny */
.hb2b-category-layout .range-slider > div,
.hb2b-category-layout [class*="range-slider"] > div {
    min-height: 30px !important;
}

/* tekst wartości ceny */
.hb2b-category-layout .range-slider input,
.hb2b-category-layout [class*="range-slider"] input {
    min-height: 30px !important;
    height: 30px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 11px !important;
}

/* mniejszy pionowy odstęp pod suwakiem */
.hb2b-category-layout .range-slider + *,
.hb2b-category-layout [class*="range-slider"] + * {
    margin-top: 4px !important;
}


/* ===== HIPERNET PRICE FILTER COMPACT V3 ===== */

.hb2b-category-layout .hb2b-filter-price-item {
    margin: 0 !important;
    padding: 0 !important;
}

.hb2b-category-layout .hb2b-filter-price-item ul,
.hb2b-category-layout .hb2b-filter-price-item li {
    margin: 0 !important;
    padding: 0 !important;
}

.hb2b-category-layout .hb2b-filter-price-item [class*="py-2"] {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.hb2b-category-layout .hb2b-filter-price-item [class*="py-2.5"] {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.hb2b-category-layout .hb2b-filter-price-item [class*="h-8"] {
    min-height: 32px !important;
}


/* ===== HIPERNET PRICE FILTER FINAL V4 ===== */

.hb2b-category-layout .hb2b-filter-price-item {
    margin: 0 !important;
}

/* nagłówek "Cena netto" */
.hb2b-category-layout .hb2b-filter-price-item [class~="py-2"] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* zawartość ceny */
.hb2b-category-layout .hb2b-filter-price-item ul,
.hb2b-category-layout .hb2b-filter-price-item li {
    margin: 0 !important;
    padding: 0 !important;
}

/* nie pozwalamy accordionowi robić wysokiego pustego bloku */
.hb2b-category-layout .hb2b-filter-price-item [class*="content"] {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* sam zakres */
.hb2b-category-layout .hb2b-filter-price-item input[type="range"] {
    margin: 0 !important;
}