/* ==========================================================
   Onshop Listing Preview v1
   Scope: ONLY .onshop-listing-premium
   ========================================================== */

body.onshop-listing-premium {
    --olp-navy: #07375d;
    --olp-blue: #0587d7;
    --olp-blue-2: #0b72bd;
    --olp-text: #173b59;
    --olp-muted: #647b90;
    --olp-line: #dce9f3;
    --olp-soft: #f6fafd;
    --olp-card: #ffffff;
    --olp-radius: 14px;

    background: #fff;
}

/* --- Preview toolbar --- */

.onshop-listing-premium .olp-preview-toolbar {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 2147483000;

    display: flex;
    align-items: center;
    gap: 6px;

    padding: 7px;

    background: rgba(4, 38, 68, .94);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;

    box-shadow:
        0 10px 30px rgba(0, 38, 76, .24),
        0 2px 8px rgba(0,0,0,.12);

    backdrop-filter: blur(12px);
}

.onshop-listing-premium .olp-preview-label {
    padding: 0 8px;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;

    color: rgba(255,255,255,.7);
}

.onshop-listing-premium .olp-preview-switch {
    display: inline-flex;
    align-items: center;

    min-height: 34px;
    padding: 6px 11px;

    border-radius: 9px;

    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
}

.onshop-listing-premium .olp-preview-switch:hover,
.onshop-listing-premium .olp-preview-switch.is-active {
    background: #fff;
    color: #075c98 !important;
}

/* ==========================================================
   Main listing canvas
   ========================================================== */

.onshop-listing-premium #wrapper {
    background:
        linear-gradient(
            180deg,
            #f7fbfe 0,
            #ffffff 420px
        ) !important;

    box-shadow: none !important;
}

.onshop-listing-premium #wrapper > .container {
    max-width: 1500px !important;
}

/* ==========================================================
   Left sidebar
   ========================================================== */

.onshop-listing-premium #left-column {
    padding-right: 12px;
}

.onshop-listing-premium #left-column .block-categories,
.onshop-listing-premium #left-column .block {
    background: #fff;

    border: 1px solid var(--olp-line);
    border-radius: var(--olp-radius);

    box-shadow:
        0 4px 18px rgba(17, 70, 110, .055);

    overflow: hidden;
}

.onshop-listing-premium #left-column .block-categories {
    padding: 18px 18px 14px;
}

.onshop-listing-premium #left-column .block-categories .block-title,
.onshop-listing-premium #left-column .block-categories > .h6,
.onshop-listing-premium #left-column .category-top-menu > li > a {
    color: var(--olp-navy) !important;

    font-size: 16px;
    font-weight: 800;
    letter-spacing: .025em;
}

.onshop-listing-premium #left-column .category-top-menu > li > a {
    display: block;

    margin-bottom: 10px;
    padding-bottom: 12px;

    border-bottom: 1px solid var(--olp-line);
}

.onshop-listing-premium #left-column .category-sub-menu li {
    border-bottom: 1px solid #edf3f7;
}

.onshop-listing-premium #left-column .category-sub-menu li:last-child {
    border-bottom: 0;
}

.onshop-listing-premium #left-column .category-sub-menu li > a {
    display: block;

    padding: 10px 2px;

    color: #344f66 !important;

    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;

    text-decoration: none !important;
}

.onshop-listing-premium #left-column .category-sub-menu li > a:hover {
    color: var(--olp-blue) !important;
}

/* ==========================================================
   Category / page heading
   ========================================================== */

.onshop-listing-premium #content-wrapper {
    padding-left: 12px;
}

.onshop-listing-premium .block-category,
.onshop-listing-premium #main > .page-header {
    position: relative;

    margin-bottom: 18px !important;
    padding: 22px 24px !important;

    background:
        linear-gradient(
            135deg,
            rgba(244,250,255,.96),
            rgba(255,255,255,1)
        ) !important;

    border: 1px solid var(--olp-line) !important;
    border-radius: var(--olp-radius);

    box-shadow:
        0 4px 18px rgba(17, 70, 110, .045);
}

.onshop-listing-premium .block-category::before,
.onshop-listing-premium #main > .page-header::before {
    content: "";

    position: absolute;
    top: 20px;
    left: 0;

    width: 4px;
    height: 34px;

    background:
        linear-gradient(
            180deg,
            var(--olp-blue),
            #045a99
        );

    border-radius: 0 4px 4px 0;
}

.onshop-listing-premium .block-category h1,
.onshop-listing-premium #main > .page-header h1 {
    margin: 0 0 8px !important;

    color: var(--olp-navy) !important;

    font-size: 22px !important;
    line-height: 1.2;
    font-weight: 800;

    text-align: left !important;
}

.onshop-listing-premium .block-category .block-category-inner,
.onshop-listing-premium .block-category p {
    color: #546d81;

    font-size: 13px;
    line-height: 1.55;
}

/* ==========================================================
   Products selection / sorting
   ========================================================== */

.onshop-listing-premium #products .products-selection {
    display: flex;
    align-items: center;

    min-height: 62px;
    margin: 0 0 18px !important;
    padding: 10px 14px !important;

    background: #fff;

    border: 1px solid var(--olp-line);
    border-radius: 13px;

    box-shadow:
        0 3px 14px rgba(17, 70, 110, .04);
}

.onshop-listing-premium #products .products-selection .total-products {
    color: var(--olp-text);

    font-size: 13px;
    font-weight: 700;
}

.onshop-listing-premium #products .products-selection .sort-by {
    color: var(--olp-muted);

    font-size: 12px;
    font-weight: 600;
}

.onshop-listing-premium #products .products-sort-order .select-title {
    min-width: 190px;

    padding: 10px 34px 10px 13px;

    background: #f8fbfd;

    border: 1px solid #dce8f1;
    border-radius: 10px;

    color: var(--olp-text);

    box-shadow: none;
}

/* ==========================================================
   Product grid
   ========================================================== */

.onshop-listing-premium #products .products {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px !important;

    margin: 0 !important;
}

.onshop-listing-premium #products .products::before,
.onshop-listing-premium #products .products::after {
    display: none !important;
}

.onshop-listing-premium #products .product-miniature,
.onshop-listing-premium #products .js-product-miniature {
    float: none !important;

    width: auto !important;
    max-width: none !important;

    height: 100%;

    margin: 0 !important;
    padding: 0 !important;
}

.onshop-listing-premium #products .thumbnail-container {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;

    background: #fff !important;

    border: 1px solid #dfeaf2;
    border-radius: 14px;

    box-shadow:
        0 4px 16px rgba(13, 59, 93, .055);

    overflow: hidden;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.onshop-listing-premium #products .thumbnail-container:hover {
    transform: translateY(-3px);

    border-color: #c8ddea;

    box-shadow:
        0 10px 26px rgba(13, 59, 93, .105);
}

/* --- image --- */

.onshop-listing-premium #products .product-thumbnail {
    position: relative;

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

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

    padding: 14px;

    background:
        linear-gradient(
            180deg,
            #fff 0,
            #fbfdff 100%
        );

    overflow: hidden;
}

.onshop-listing-premium #products .product-thumbnail img {
    display: block;

    width: auto !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: 222px !important;

    margin: auto !important;

    object-fit: contain;

    transition: transform .25s ease;
}

.onshop-listing-premium #products .thumbnail-container:hover
.product-thumbnail img {
    transform: scale(1.025);
}

/* --- hide legacy hover tray in preview --- */

.onshop-listing-premium #products .highlighted-informations {
    display: none !important;
}

/* --- description --- */

.onshop-listing-premium #products .product-description {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column !important;

    width: 100% !important;
    height: auto !important;
    min-height: 158px !important;

    padding: 13px 14px 15px !important;

    background: #fff !important;

    text-align: left !important;
}

/* --- title --- */

.onshop-listing-premium #products .product-title {
    min-height: 39px;

    margin: 0 0 8px !important;

    font-size: 13px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;

    text-transform: none !important;
}

.onshop-listing-premium #products .product-title a {
    display: -webkit-box;

    overflow: hidden;

    color: #233f56 !important;

    text-decoration: none !important;

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

.onshop-listing-premium #products .product-title a:hover {
    color: var(--olp-blue) !important;
}

/* --- reviews --- */

.onshop-listing-premium #products .comments_note,
.onshop-listing-premium #products .product-rating-box {
    margin-top: 1px;
    margin-bottom: 8px;
}

/* --- price --- */

.onshop-listing-premium #products .product-price-and-shipping {
    margin-top: auto !important;
    padding-top: 7px !important;

    color: var(--olp-navy) !important;

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

    text-align: left !important;
}

.onshop-listing-premium #products .regular-price {
    margin-right: 6px;

    color: #9aa9b5 !important;

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

/* ==========================================================
   Badges
   ========================================================== */

.onshop-listing-premium #products .product-flags {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;

    z-index: 12 !important;

    display: flex !important;
    flex-direction: column;
    align-items: flex-start;

    gap: 5px;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.onshop-listing-premium #products .product-flags li,
.onshop-listing-premium #products .product-flags .product-flag,
.onshop-listing-premium #products .onshop-badge {
    position: static !important;

    display: inline-flex !important;
    align-items: center;

    width: auto !important;

    margin: 0 !important;
    padding: 4px 7px !important;

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

    font-size: 9px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;

    box-shadow:
        0 3px 9px rgba(0,0,0,.09);
}

/* ==========================================================
   Pagination
   ========================================================== */

.onshop-listing-premium #products .pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 28px !important;
    padding: 14px 16px;

    background: #fff;

    border: 1px solid var(--olp-line);
    border-radius: 13px;
}

.onshop-listing-premium #products .pagination .page-list {
    display: flex;
    align-items: center;
    gap: 4px;

    margin: 0;
}

.onshop-listing-premium #products .pagination .page-list li {
    margin: 0 !important;
}

.onshop-listing-premium #products .pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 34px;
    min-height: 34px;

    padding: 5px 9px;

    border-radius: 8px;

    color: #31546f !important;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none !important;
}

.onshop-listing-premium #products .pagination .current a,
.onshop-listing-premium #products .pagination a:hover {
    background: #eaf5fc;

    color: var(--olp-blue) !important;
}

/* ==========================================================
   Tablet
   ========================================================== */

@media (max-width: 1199px) {

    .onshop-listing-premium #products .products {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}

/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 767px) {

    .onshop-listing-premium #wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .onshop-listing-premium #content-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .onshop-listing-premium .block-category,
    .onshop-listing-premium #main > .page-header {
        margin-bottom: 12px !important;
        padding: 17px 16px !important;
    }

    .onshop-listing-premium .block-category h1,
    .onshop-listing-premium #main > .page-header h1 {
        font-size: 18px !important;
    }

    .onshop-listing-premium #products .products-selection {
        padding: 10px !important;
    }

    .onshop-listing-premium #products .products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 9px !important;
    }

    .onshop-listing-premium #products .thumbnail-container {
        min-height: 360px !important;

        border-radius: 12px;
    }

    .onshop-listing-premium #products .product-thumbnail {
        height: 190px !important;

        padding: 10px;
    }

    .onshop-listing-premium #products .product-thumbnail img {
        max-height: 170px !important;
    }

    .onshop-listing-premium #products .product-description {
        min-height: 150px !important;

        padding: 10px 10px 12px !important;
    }

    .onshop-listing-premium #products .product-title {
        min-height: 36px;

        font-size: 11px !important;
        line-height: 1.42 !important;
    }

    .onshop-listing-premium #products .product-price-and-shipping {
        font-size: 14px !important;
    }

    .onshop-listing-premium #products .product-flags {
        top: 7px !important;
        left: 7px !important;
    }

    .onshop-listing-premium #products .product-flags li,
    .onshop-listing-premium #products .product-flags .product-flag,
    .onshop-listing-premium #products .onshop-badge {
        padding: 3px 5px !important;

        border-radius: 6px !important;

        font-size: 7px !important;
    }

    .onshop-listing-premium #products .pagination {
        flex-direction: column;

        gap: 10px;

        padding: 12px;
    }

    .onshop-listing-premium .olp-preview-toolbar {
        right: 10px;
        bottom: 10px;
        left: 10px;

        justify-content: center;
    }

    .onshop-listing-premium .olp-preview-label {
        display: none;
    }

}

/* ==========================================================
   Very small phones
   ========================================================== */

@media (max-width: 360px) {

    .onshop-listing-premium #products .products {
        gap: 7px !important;
    }

    .onshop-listing-premium #products .product-thumbnail {
        height: 172px !important;
    }

    .onshop-listing-premium #products .product-thumbnail img {
        max-height: 152px !important;
    }

}


/* ==========================================================
   ONSHOP LISTING PREVIEW V2
   HOMEPAGE V9 VISUAL PARITY
   ========================================================== */


/* ----------------------------------------------------------
   PAGE CANVAS
   ---------------------------------------------------------- */

body.onshop-listing-premium #wrapper {
    background:
        linear-gradient(
            180deg,
            #f8fbfd 0,
            #ffffff 440px
        ) !important;

    box-shadow: none !important;
}

body.onshop-listing-premium #wrapper > .container {
    width: calc(100% - 36px) !important;
    max-width: 1500px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ----------------------------------------------------------
   CATEGORY / LISTING HEADER
   ---------------------------------------------------------- */

body.onshop-listing-premium .block-category,
body.onshop-listing-premium #main > .page-header {
    margin: 0 0 20px !important;
    padding: 23px 26px !important;

    background: #fff !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;

    box-shadow:
        0 3px 8px rgba(24,58,84,.025),
        0 12px 26px rgba(24,58,84,.035) !important;
}

body.onshop-listing-premium .block-category::before,
body.onshop-listing-premium #main > .page-header::before {
    top: 20px !important;

    width: 4px !important;
    height: 36px !important;

    background:
        linear-gradient(
            180deg,
            #168bd0 0%,
            #075a99 100%
        ) !important;
}

body.onshop-listing-premium .block-category h1,
body.onshop-listing-premium #main > .page-header h1,
body.onshop-listing-premium #main > .page-header .h2 {
    margin: 0 0 8px !important;

    color: #103b60 !important;

    font: 700 22px/28px "Audiowide", sans-serif !important;
    letter-spacing: -.01em !important;

    text-align: left !important;
    text-transform: none !important;
}

body.onshop-listing-premium .block-category p,
body.onshop-listing-premium .block-category .block-category-inner {
    max-width: 930px;

    margin-bottom: 0 !important;

    color: #60788b !important;

    font: 400 13px/19px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}


/* ----------------------------------------------------------
   SIDEBAR
   ---------------------------------------------------------- */

body.onshop-listing-premium #left-column {
    padding-right: 16px !important;
}

body.onshop-listing-premium #left-column .block-categories {
    padding: 18px 18px 14px !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;

    background: #fff !important;

    box-shadow:
        0 3px 8px rgba(24,58,84,.025),
        0 12px 26px rgba(24,58,84,.035) !important;
}

body.onshop-listing-premium #left-column .category-top-menu > li > a {
    margin: 0 0 9px !important;
    padding: 0 0 13px !important;

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

    color: #103b60 !important;

    font: 700 15px/20px "Audiowide",sans-serif !important;
}

body.onshop-listing-premium #left-column .category-sub-menu li {
    border-bottom: 1px solid #edf3f7 !important;
}

body.onshop-listing-premium #left-column .category-sub-menu li > a {
    padding: 10px 1px !important;

    color: #435e73 !important;

    font: 600 12px/17px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}

body.onshop-listing-premium #left-column .category-sub-menu li > a:hover {
    color: #087fca !important;
}


/* ----------------------------------------------------------
   SORTING BAR
   ---------------------------------------------------------- */

body.onshop-listing-premium #products .products-selection {
    min-height: 64px !important;

    margin-bottom: 20px !important;
    padding: 11px 15px !important;

    background: #fff !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 14px !important;

    box-shadow:
        0 3px 8px rgba(24,58,84,.025),
        0 10px 22px rgba(24,58,84,.03) !important;
}

body.onshop-listing-premium #products .products-selection .total-products {
    color: #344f64 !important;

    font: 600 12.5px/18px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}

body.onshop-listing-premium #products .products-selection .sort-by {
    color: #6d8190 !important;

    font: 500 12px/18px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}

body.onshop-listing-premium #products .products-sort-order .select-title {
    min-width: 210px !important;

    padding: 10px 36px 10px 14px !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 10px !important;

    background: #fbfdff !important;

    color: #2d495f !important;

    font: 600 12px/18px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;

    box-shadow: none !important;
}


/* ----------------------------------------------------------
   GRID
   ---------------------------------------------------------- */

body.onshop-listing-premium #products .products {
    display: grid !important;

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

    align-items: stretch !important;

    gap: 18px !important;

    width: 100% !important;
    margin: 0 !important;
}

body.onshop-listing-premium #products .product-miniature,
body.onshop-listing-premium #products .js-product-miniature {
    float: none !important;

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

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ----------------------------------------------------------
   PRODUCT CARD — HOMEPAGE V9
   ---------------------------------------------------------- */

body.onshop-listing-premium #products .thumbnail-container {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 446px !important;

    margin: 0 !important;

    background: #fff !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;

    box-shadow:
        0 3px 8px rgba(24,58,84,.035),
        0 14px 26px rgba(24,58,84,.05) !important;

    overflow: hidden !important;

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

@media (hover:hover) and (pointer:fine) {

    body.onshop-listing-premium #products .thumbnail-container:hover {
        transform: translateY(-2px) !important;

        border-color: #c5d8e6 !important;

        box-shadow:
            0 9px 18px rgba(24,58,84,.08),
            0 20px 36px rgba(24,58,84,.08) !important;
    }

}


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

body.onshop-listing-premium #products .product-thumbnail {
    position: relative !important;

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

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

    aspect-ratio: 1.07 / 1 !important;

    padding: 0 !important;

    background: #fff !important;

    overflow: hidden !important;
}

body.onshop-listing-premium #products .product-thumbnail picture {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

body.onshop-listing-premium #products .product-thumbnail img {
    display: block !important;

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

    height: 100% !important;
    max-height: 100% !important;

    margin: 0 auto !important;
    padding: 10px 10px 7px !important;

    object-fit: contain !important;

    transform: none !important;

    transition: transform .22s ease !important;
}

@media (hover:hover) and (pointer:fine) {

    body.onshop-listing-premium #products .thumbnail-container:hover
    .product-thumbnail img {
        transform: scale(1.018) !important;
    }

}


/* ----------------------------------------------------------
   DESCRIPTION
   ---------------------------------------------------------- */

body.onshop-listing-premium #products .product-description {
    position: relative !important;
    inset: auto !important;

    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;

    width: 100% !important;
    height: auto !important;
    min-height: 170px !important;

    margin: 0 !important;
    padding: 15px 16px 17px !important;

    background: #fff !important;

    text-align: center !important;
}


/* ----------------------------------------------------------
   TITLE
   ---------------------------------------------------------- */

body.onshop-listing-premium #products .product-title {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;

    min-height: 56px !important;

    margin: 0 0 9px !important;

    text-align: center !important;
}

body.onshop-listing-premium #products .product-title a {
    display: -webkit-box !important;

    overflow: hidden !important;

    color: #233949 !important;

    font: 600 15px/20.2px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
    letter-spacing: -.01em !important;

    text-decoration: none !important;

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

body.onshop-listing-premium #products .product-title a:hover {
    color: #087fca !important;
}


/* ----------------------------------------------------------
   REVIEWS
   ---------------------------------------------------------- */

body.onshop-listing-premium #products .comments_note {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    min-height: 30px !important;

    margin: 0 auto 10px !important;

    overflow: visible !important;
}

body.onshop-listing-premium #products .comments_note .star_content {
    transform: scale(.98) !important;
    transform-origin: center center !important;
}

body.onshop-listing-premium #products .comments_note > span {
    color: #6f8291 !important;

    font: 500 11.2px/15px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;

    white-space: nowrap !important;
}


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

body.onshop-listing-premium #products .product-price-and-shipping {
    margin-top: auto !important;
    padding: 0 !important;

    background: transparent !important;

    text-align: center !important;
}

body.onshop-listing-premium #products .regular-price {
    color: #95a3af !important;

    font: 500 11px/15px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}

body.onshop-listing-premium #products .product-price-and-shipping .price {
    color: #103b60 !important;

    font: 700 21px/25px "Audiowide",sans-serif !important;
}


/* ----------------------------------------------------------
   PREMIUM BADGES — SAME STRUCTURE AS HOMEPAGE
   ---------------------------------------------------------- */

body.onshop-listing-premium #products .onshop-premium-badge-layer {
    position: absolute !important;

    top: 10px !important;
    right: 52px !important;
    bottom: auto !important;
    left: 10px !important;

    z-index: 50 !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 6px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none !important;
}

body.onshop-listing-premium #products
.onshop-premium-badge-layer > .product-flag,

body.onshop-listing-premium #products
.onshop-premium-badge-layer > .onshop-badge {
    position: static !important;

    inset: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 22px !important;
    height: 22px !important;

    margin: 0 !important;
    padding: 0 9px !important;

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

    transform: none !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 11px rgba(18,49,75,.10) !important;

    font: 700 10px/22px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
    letter-spacing: .025em !important;

    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.onshop-listing-premium #products
.onshop-premium-badge-layer .onshop-badge-inner {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    background: transparent !important;

    font: inherit !important;
    line-height: inherit !important;

    transform: none !important;
}

body.onshop-listing-premium #products
.onshop-premium-badge-layer > .product-flag.new:not(.onshop-badge) {
    background: #0f9488 !important;
    color: #fff !important;
}

body.onshop-listing-premium #products
.onshop-premium-badge-layer > .product-flag.on-sale:not(.onshop-badge) {
    background: #e83e4f !important;
    color: #fff !important;
}


/* no old bottom bars */

body.onshop-listing-premium #products
.thumbnail-container [class*="flag-bottom"],

body.onshop-listing-premium #products
.thumbnail-container [class*="badge-bottom"] {
    display: none !important;
}


/* original empty flag holders */

body.onshop-listing-premium #products .product-flags:empty {
    display: none !important;
}


/* ----------------------------------------------------------
   QUICK VIEW — QUIET
   ---------------------------------------------------------- */

body.onshop-listing-premium #products .highlighted-informations {
    display: none !important;
}


/* ----------------------------------------------------------
   PAGINATION
   ---------------------------------------------------------- */

body.onshop-listing-premium #products .pagination {
    margin-top: 28px !important;
    padding: 14px 17px !important;

    background: #fff !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 14px !important;

    box-shadow:
        0 3px 8px rgba(24,58,84,.02),
        0 10px 22px rgba(24,58,84,.025) !important;
}

body.onshop-listing-premium #products .pagination a {
    min-width: 34px !important;
    min-height: 34px !important;

    border-radius: 8px !important;

    color: #36556d !important;

    font: 600 12px/18px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}

body.onshop-listing-premium #products .pagination .current a,
body.onshop-listing-premium #products .pagination a:hover {
    background: #eaf5fc !important;

    color: #087fca !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (min-width:768px) and (max-width:1199px) {

    body.onshop-listing-premium #products .products {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

}


/* ----------------------------------------------------------
   MOBILE — MATCH HOMEPAGE RHYTHM
   ---------------------------------------------------------- */

@media (max-width:767px) {

    body.onshop-listing-premium #wrapper > .container {
        width: calc(100% - 20px) !important;
    }

    body.onshop-listing-premium #left-column {
        padding-right: 0 !important;
    }

    body.onshop-listing-premium .block-category,
    body.onshop-listing-premium #main > .page-header {
        margin-bottom: 12px !important;
        padding: 17px 15px !important;

        border-radius: 13px !important;
    }

    body.onshop-listing-premium .block-category h1,
    body.onshop-listing-premium #main > .page-header h1,
    body.onshop-listing-premium #main > .page-header .h2 {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    body.onshop-listing-premium #products .products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }

    body.onshop-listing-premium #products .thumbnail-container {
        min-height: 322px !important;

        border-radius: 13px !important;
    }

    body.onshop-listing-premium #products .product-thumbnail img {
        padding: 8px 8px 5px !important;
    }

    body.onshop-listing-premium #products .product-description {
        min-height: 130px !important;

        padding: 10px 9px 11px !important;
    }

    body.onshop-listing-premium #products .product-title {
        min-height: 38px !important;

        margin-bottom: 5px !important;
    }

    body.onshop-listing-premium #products .product-title a {
        font-size: 11.1px !important;
        line-height: 14.9px !important;

        -webkit-line-clamp: 3;
    }

    body.onshop-listing-premium #products .comments_note {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 5px !important;

        min-height: 26px !important;

        margin: 0 auto 7px !important;

        overflow: visible !important;
    }

    body.onshop-listing-premium #products
    .comments_note .star_content {
        display: block !important;

        flex: 0 0 160px !important;

        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;

        height: 32px !important;
        min-height: 32px !important;

        margin: 0 -45px 0 0 !important;

        transform: scale(.72) !important;
        transform-origin: left center !important;

        white-space: nowrap !important;

        overflow: visible !important;
    }

    body.onshop-listing-premium #products
    .comments_note .star_content .star,

    body.onshop-listing-premium #products
    .comments_note .star_content .star_half {
        float: left !important;
        clear: none !important;
    }

    body.onshop-listing-premium #products .comments_note > span,
    body.onshop-listing-premium #products .regular-price {
        font-size: 8.2px !important;
        line-height: 11px !important;
    }

    body.onshop-listing-premium #products
    .product-price-and-shipping .price {
        font-size: 13.5px !important;
        line-height: 17px !important;
    }

    body.onshop-listing-premium #products
    .onshop-premium-badge-layer {
        top: 7px !important;
        right: 7px !important;
        left: 7px !important;

        gap: 4px !important;
    }

    body.onshop-listing-premium #products
    .onshop-premium-badge-layer > .product-flag,

    body.onshop-listing-premium #products
    .onshop-premium-badge-layer > .onshop-badge {
        min-height: 19px !important;
        height: 19px !important;

        padding: 0 7px !important;

        border-radius: 6px !important;

        font-size: 8px !important;
        line-height: 19px !important;
    }

}


/* END ONSHOP LISTING PREVIEW V2 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V3
   MOBILE REPAIR + BESTSELLERS HEADER + FINAL POLISH
   ========================================================== */


/* ==========================================================
   BESTSELLERS HEADER — SAME LANGUAGE AS PRODUCTS
   ========================================================== */

body.onshop-listing-premium#best-sales #main > h2.h2 {
    position: relative !important;

    margin: 0 0 20px !important;
    padding: 23px 26px !important;

    background: #fff !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;

    box-shadow:
        0 3px 8px rgba(24,58,84,.025),
        0 12px 26px rgba(24,58,84,.035) !important;

    color: #103b60 !important;

    font: 700 22px/28px "Audiowide",sans-serif !important;
    letter-spacing: -.01em !important;

    text-align: left !important;
    text-transform: none !important;
}

body.onshop-listing-premium#best-sales #main > h2.h2::before {
    content: "";

    position: absolute;

    top: 20px;
    bottom: 20px;
    left: 0;

    width: 4px;

    background:
        linear-gradient(
            180deg,
            #168bd0 0%,
            #075a99 100%
        );

    border-radius: 0 4px 4px 0;
}


/* ==========================================================
   DESKTOP CARD RHYTHM — SMALL FINAL POLISH
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium #products .product-description {
        justify-content: flex-start !important;
    }

    body.onshop-listing-premium #products .product-title {
        flex: 0 0 auto !important;
    }

    body.onshop-listing-premium #products .comments_note {
        flex: 0 0 auto !important;
    }

}


/* ==========================================================
   MOBILE — REMOVE ALL HORIZONTAL OVERFLOW
   ========================================================== */

@media (max-width:767px) {

    html,
    body.onshop-listing-premium {
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: hidden !important;
    }

    body.onshop-listing-premium #wrapper,
    body.onshop-listing-premium #wrapper > .container,
    body.onshop-listing-premium #content-wrapper,
    body.onshop-listing-premium #main,
    body.onshop-listing-premium #products {
        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;
    }

    body.onshop-listing-premium #wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.onshop-listing-premium #wrapper > .container {
        width: calc(100% - 20px) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.onshop-listing-premium #content-wrapper {
        float: none !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* ======================================================
       MOBILE PAGE HEADER
       ====================================================== */

    body.onshop-listing-premium .block-category,
    body.onshop-listing-premium #main > .page-header,
    body.onshop-listing-premium#best-sales #main > h2.h2 {
        width: 100% !important;

        margin: 0 0 12px !important;
        padding: 16px 15px !important;

        border-radius: 13px !important;

        text-align: left !important;
    }

    body.onshop-listing-premium .block-category h1,
    body.onshop-listing-premium #main > .page-header h1,
    body.onshop-listing-premium #main > .page-header .h2,
    body.onshop-listing-premium#best-sales #main > h2.h2 {
        margin: 0 !important;

        color: #103b60 !important;

        font: 700 17px/22px "Audiowide",sans-serif !important;

        text-align: left !important;
        text-transform: none !important;
    }

    body.onshop-listing-premium#best-sales #main > h2.h2::before {
        top: 13px !important;
        bottom: 13px !important;
    }

    body.onshop-listing-premium .block-category
    .block-category-inner {
        margin-top: 7px !important;
    }

    body.onshop-listing-premium .block-category p {
        font-size: 11px !important;
        line-height: 16px !important;
    }


    /* ======================================================
       SORTING — TRUE MOBILE STACK
       ====================================================== */

    body.onshop-listing-premium #products .products-selection {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 0 12px !important;
        padding: 10px !important;

        border-radius: 12px !important;

        overflow: visible !important;
    }

    body.onshop-listing-premium #products
    .products-selection > .row,

    body.onshop-listing-premium #products
    .products-selection .sort-by-row {
        display: flex !important;

        flex-direction: column !important;
        align-items: stretch !important;

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

        margin: 0 !important;
    }

    body.onshop-listing-premium #products
    .products-selection [class*="col-"] {
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.onshop-listing-premium #products
    .products-sort-order {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }

    body.onshop-listing-premium #products
    .products-sort-order .select-title {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height: 44px !important;

        margin: 0 !important;
        padding: 9px 13px !important;

        box-sizing: border-box !important;
    }

    body.onshop-listing-premium #products
    .products-selection .showing,

    body.onshop-listing-premium #products
    .products-selection .total-products {
        display: block !important;

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

        margin: 8px 0 0 !important;
        padding: 0 !important;

        color: #718492 !important;

        font: 500 10px/15px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;

        text-align: left !important;

        white-space: normal !important;

        overflow: visible !important;
    }


    /* ======================================================
       MOBILE GRID — FORCE TRUE 2 COLUMNS
       ====================================================== */

    body.onshop-listing-premium #products .products {
        display: grid !important;

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

        gap: 8px !important;

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

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    body.onshop-listing-premium #products .product-miniature,
    body.onshop-listing-premium #products .js-product-miniature {
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.onshop-listing-premium #products
    .thumbnail-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height: 0 !important;
        height: auto !important;

        border-radius: 13px !important;
    }


    /* ======================================================
       MOBILE IMAGE
       ====================================================== */

    body.onshop-listing-premium #products
    .product-thumbnail {
        width: 100% !important;
        max-width: 100% !important;

        aspect-ratio: 1.04 / 1 !important;
    }

    body.onshop-listing-premium #products
    .product-thumbnail img {
        width: 100% !important;
        max-width: 100% !important;

        height: 100% !important;
        max-height: 100% !important;

        padding: 7px 7px 4px !important;

        object-fit: contain !important;
    }


    /* ======================================================
       MOBILE DESCRIPTION
       ====================================================== */

    body.onshop-listing-premium #products
    .product-description {
        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;
        min-width: 0 !important;

        min-height: 123px !important;
        height: auto !important;

        padding: 9px 8px 10px !important;
    }

    body.onshop-listing-premium #products
    .product-title {
        display: block !important;

        min-height: 34px !important;

        margin: 0 0 5px !important;

        text-align: center !important;
    }

    body.onshop-listing-premium #products
    .product-title a {
        font-size: 10.5px !important;
        line-height: 14px !important;

        -webkit-line-clamp: 3;
    }


    /* ======================================================
       MOBILE REVIEWS — FIX OVERFLOW
       ====================================================== */

    body.onshop-listing-premium #products
    .comments_note {
        display: flex !important;

        flex-wrap: nowrap !important;

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

        gap: 3px !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height: 23px !important;

        margin: 0 auto 5px !important;

        overflow: hidden !important;
    }

    body.onshop-listing-premium #products
    .comments_note .star_content {
        display: block !important;

        flex: 0 0 96px !important;

        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;

        height: 32px !important;
        min-height: 32px !important;

        margin: 0 !important;

        transform: scale(.60) !important;
        transform-origin: left center !important;

        white-space: nowrap !important;

        overflow: visible !important;
    }

    body.onshop-listing-premium #products
    .comments_note .star_content .star,

    body.onshop-listing-premium #products
    .comments_note .star_content .star_half {
        float: left !important;
        clear: none !important;
    }

    body.onshop-listing-premium #products
    .comments_note > span {
        flex: 0 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        font-size: 7.7px !important;
        line-height: 10px !important;

        white-space: nowrap !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    /* ======================================================
       MOBILE PRICE
       ====================================================== */

    body.onshop-listing-premium #products
    .product-price-and-shipping {
        min-height: 20px !important;

        margin-top: 3px !important;
    }

    body.onshop-listing-premium #products
    .regular-price {
        font-size: 7.8px !important;
        line-height: 10px !important;
    }

    body.onshop-listing-premium #products
    .product-price-and-shipping .price {
        font-size: 13px !important;
        line-height: 17px !important;
    }


    /* ======================================================
       MOBILE BADGES
       ====================================================== */

    body.onshop-listing-premium #products
    .onshop-premium-badge-layer {
        top: 7px !important;
        right: 7px !important;
        left: 7px !important;

        gap: 4px !important;
    }

    body.onshop-listing-premium #products
    .onshop-premium-badge-layer > .product-flag,

    body.onshop-listing-premium #products
    .onshop-premium-badge-layer > .onshop-badge {
        min-height: 18px !important;
        height: 18px !important;

        padding: 0 6px !important;

        border-radius: 6px !important;

        font-size: 7.5px !important;
        line-height: 18px !important;
    }


    /* ======================================================
       PAGINATION MOBILE
       ====================================================== */

    body.onshop-listing-premium #products
    .pagination {
        width: 100% !important;

        margin-top: 18px !important;
        padding: 12px !important;

        border-radius: 12px !important;

        overflow: hidden !important;
    }

    body.onshop-listing-premium #products
    .pagination > div {
        width: 100% !important;

        text-align: center !important;
    }

    body.onshop-listing-premium #products
    .pagination .page-list {
        justify-content: center !important;

        flex-wrap: wrap !important;
    }

}


/* END ONSHOP LISTING PREVIEW V3 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V4
   MOBILE HEADING + RATING FINAL FIT
   ========================================================== */

@media (max-width:767px) {

    /* ------------------------------------------------------
       Generic listing H2 used by /produkty on mobile.
       Match the already-correct Bestsellers header.
       ------------------------------------------------------ */

    body.onshop-listing-premium #main > h2.h2 {
        position: relative !important;

        display: block !important;

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

        margin: 0 0 12px !important;
        padding: 16px 15px !important;

        background: #fff !important;

        border: 1px solid #dbe6ee !important;
        border-radius: 13px !important;

        box-shadow:
            0 3px 8px rgba(24,58,84,.025),
            0 10px 22px rgba(24,58,84,.035) !important;

        color: #103b60 !important;

        font: 700 17px/22px "Audiowide",sans-serif !important;
        letter-spacing: -.01em !important;

        text-align: left !important;
        text-transform: none !important;
    }

    body.onshop-listing-premium #main > h2.h2::before {
        content: "";

        position: absolute;

        top: 13px;
        bottom: 13px;
        left: 0;

        width: 4px;

        background:
            linear-gradient(
                180deg,
                #168bd0 0%,
                #075a99 100%
            );

        border-radius: 0 4px 4px 0;
    }


    /* ------------------------------------------------------
       Rating:
       original theme stars occupy 160px in layout.
       Visually scale them to ~80px and compensate layout
       with a negative margin, leaving room for "14 Opinii".
       ------------------------------------------------------ */

    body.onshop-listing-premium #products .comments_note {
        display: flex !important;

        flex-wrap: nowrap !important;

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

        gap: 4px !important;

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

        min-height: 24px !important;

        margin: 0 auto 6px !important;

        overflow: visible !important;
    }

    body.onshop-listing-premium #products
    .comments_note .star_content {
        display: block !important;

        flex: 0 0 160px !important;

        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;

        height: 32px !important;
        min-height: 32px !important;

        margin: 0 -80px 0 0 !important;

        transform: scale(.50) !important;
        transform-origin: left center !important;

        white-space: nowrap !important;

        overflow: visible !important;
    }

    body.onshop-listing-premium #products
    .comments_note .star_content .star,

    body.onshop-listing-premium #products
    .comments_note .star_content .star_half {
        float: left !important;
        clear: none !important;
    }

    body.onshop-listing-premium #products
    .comments_note > span {
        display: inline-block !important;

        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 52px !important;

        margin: 0 !important;

        color: #6f8291 !important;

        font: 500 7.8px/10px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;

        white-space: nowrap !important;

        overflow: visible !important;
        text-overflow: clip !important;
    }

}


/* END ONSHOP LISTING PREVIEW V4 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V5
   UNIFIED HEADER SYSTEM
   ========================================================== */


/* ----------------------------------------------------------
   BESTSELLERS — SAME HEADER COMPONENT AS PRODUCTS
   ---------------------------------------------------------- */

body.onshop-listing-premium #main > .olp-listing-head {
    position: relative !important;

    width: 100% !important;

    margin: 0 0 20px !important;
    padding: 23px 26px !important;

    background: #fff !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;

    box-shadow:
        0 3px 8px rgba(24,58,84,.025),
        0 12px 26px rgba(24,58,84,.035) !important;
}

body.onshop-listing-premium #main > .olp-listing-head::before {
    content: "";

    position: absolute;

    top: 20px;
    left: 0;

    width: 4px;
    height: 36px;

    background:
        linear-gradient(
            180deg,
            #168bd0 0%,
            #075a99 100%
        );

    border-radius: 0 4px 4px 0;
}

body.onshop-listing-premium
#main > .olp-listing-head > h2.h2 {
    position: static !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    background: transparent !important;

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

    box-shadow: none !important;

    color: #103b60 !important;

    font: 700 22px/28px "Audiowide",sans-serif !important;
    letter-spacing: -.01em !important;

    text-align: left !important;
    text-transform: none !important;
}

body.onshop-listing-premium
#main > .olp-listing-head > h2.h2::before {
    display: none !important;
}

body.onshop-listing-premium
.olp-listing-description {
    max-width: 930px !important;

    margin: 0 !important;

    color: #60788b !important;

    font: 400 13px/19px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}


/* ----------------------------------------------------------
   PRODUCTS — NORMALIZE EXISTING REAL CATEGORY HEADER
   ---------------------------------------------------------- */

body.onshop-listing-premium .block-category h1 {
    color: #103b60 !important;

    font: 700 22px/28px "Audiowide",sans-serif !important;
    letter-spacing: -.01em !important;

    text-align: left !important;
    text-transform: none !important;
}

body.onshop-listing-premium
.block-category #category-description,
body.onshop-listing-premium
.block-category #category-description > div {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.onshop-listing-premium
.block-category #category-description p {
    margin: 0 !important;

    color: #60788b !important;

    font: 400 13px/19px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;

    text-align: left !important;
}

body.onshop-listing-premium
.block-category .category-cover {
    display: none !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:767px) {

    /*
     * Reduce old theme whitespace between mobile header/menu
     * and listing content.
     */
    body.onshop-listing-premium #wrapper {
        margin-top: 0 !important;
        padding-top: 16px !important;
    }

    body.onshop-listing-premium nav.breadcrumb,
    body.onshop-listing-premium .breadcrumb {
        display: none !important;

        height: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * IMPORTANT:
     * PrestaShop hides the complete category header on phones
     * and renders a second H1 without description.
     * Use the real complete header instead.
     */
    body.onshop-listing-premium
    .block-category.hidden-sm-down {
        display: block !important;
    }

    body.onshop-listing-premium
    #main > .text-xs-center.hidden-md-up {
        display: none !important;
    }


    /* shared Products + Bestsellers box */

    body.onshop-listing-premium .block-category,
    body.onshop-listing-premium #main > .olp-listing-head {
        width: 100% !important;

        margin: 0 0 12px !important;
        padding: 16px 15px !important;

        background: #fff !important;

        border: 1px solid #dbe6ee !important;
        border-radius: 13px !important;

        box-shadow:
            0 3px 8px rgba(24,58,84,.025),
            0 10px 22px rgba(24,58,84,.035) !important;
    }

    body.onshop-listing-premium .block-category::before,
    body.onshop-listing-premium
    #main > .olp-listing-head::before {
        top: 14px !important;

        width: 4px !important;
        height: 28px !important;
    }


    /* exactly the same title typography */

    body.onshop-listing-premium .block-category h1,
    body.onshop-listing-premium
    #main > .olp-listing-head > h2.h2 {
        margin: 0 0 6px !important;
        padding: 0 !important;

        color: #103b60 !important;

        font: 700 17px/22px "Audiowide",sans-serif !important;
        letter-spacing: -.01em !important;

        text-align: left !important;
        text-transform: none !important;
    }


    /* Products description */

    body.onshop-listing-premium
    .block-category #category-description,
    body.onshop-listing-premium
    .block-category #category-description > div {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.onshop-listing-premium
    .block-category #category-description p {
        display: -webkit-box !important;

        margin: 0 !important;

        overflow: hidden !important;

        color: #60788b !important;

        font: 400 10.5px/15px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;

        text-align: left !important;

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


    /* Bestsellers description */

    body.onshop-listing-premium
    .olp-listing-description {
        display: -webkit-box !important;

        margin: 0 !important;

        overflow: hidden !important;

        color: #60788b !important;

        font: 400 10.5px/15px system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;

        text-align: left !important;

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

}


/* END ONSHOP LISTING PREVIEW V5 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V6
   UNIFIED PREMIUM HEADER + 12 CARD BALANCE
   ========================================================== */


/* ----------------------------------------------------------
   Hide original PrestaShop listing headings.
   V6 supplies one canonical visual component.
   ---------------------------------------------------------- */

body.onshop-listing-premium
.olp-original-listing-head {
    display: none !important;
}


/* ----------------------------------------------------------
   ONE HEADER FOR PRODUCTS + BESTSELLERS
   ---------------------------------------------------------- */

body.onshop-listing-premium
#main > .olp-unified-head {
    position: relative !important;

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 21px 24px 20px !important;

    background: #fff !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;

    box-shadow:
        0 3px 8px rgba(24,58,84,.025),
        0 12px 26px rgba(24,58,84,.035) !important;
}

body.onshop-listing-premium
#main > .olp-unified-head::before {
    content: "";

    position: absolute;

    top: 20px !important;
    left: 0 !important;

    width: 4px !important;
    height: 35px !important;

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

    background:
        linear-gradient(
            180deg,
            #168bd0 0%,
            #075a99 100%
        ) !important;
}


/* exact same heading typography */

body.onshop-listing-premium
.olp-unified-title {
    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #103b60 !important;

    font:
        700 22px/28px
        "Audiowide",
        sans-serif !important;

    letter-spacing: -.015em !important;

    text-align: left !important;
    text-transform: none !important;
}


/* exact same description typography */

body.onshop-listing-premium
.olp-unified-description {
    max-width: 1020px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #60788b !important;

    font:
        400 12.5px/18px
        system-ui,
        -apple-system,
        "Segoe UI",
        Arial,
        sans-serif !important;

    letter-spacing: 0 !important;

    text-align: left !important;
}


/* ----------------------------------------------------------
   Desktop listing rhythm
   ---------------------------------------------------------- */

@media (min-width:1200px) {

    body.onshop-listing-premium
    #products .products {
        grid-template-columns:
            repeat(4, minmax(0,1fr)) !important;

        gap: 18px !important;
    }

}


/* ----------------------------------------------------------
   Tablet remains 3 columns.
   12 products = 4 complete rows.
   ---------------------------------------------------------- */

@media (min-width:768px) and (max-width:1199px) {

    body.onshop-listing-premium
    #products .products {
        grid-template-columns:
            repeat(3, minmax(0,1fr)) !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:767px) {

    /*
     * Same distance from mobile navigation on every listing.
     */
    body.onshop-listing-premium #wrapper {
        padding-top: 15px !important;
    }


    /* same header box */

    body.onshop-listing-premium
    #main > .olp-unified-head {
        width: 100% !important;

        margin: 0 0 12px !important;
        padding: 15px 14px 14px !important;

        border-radius: 13px !important;

        box-shadow:
            0 3px 8px rgba(24,58,84,.025),
            0 9px 20px rgba(24,58,84,.03) !important;
    }

    body.onshop-listing-premium
    #main > .olp-unified-head::before {
        top: 13px !important;

        width: 4px !important;
        height: 28px !important;
    }


    /* same title */

    body.onshop-listing-premium
    .olp-unified-title {
        margin: 0 0 6px !important;

        font:
            700 17px/22px
            "Audiowide",
            sans-serif !important;

        letter-spacing: -.015em !important;
    }


    /* same description */

    body.onshop-listing-premium
    .olp-unified-description {
        display: -webkit-box !important;

        max-width: 100% !important;

        margin: 0 !important;

        overflow: hidden !important;

        color: #60788b !important;

        font:
            400 10.3px/15px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

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


    /*
     * 12 products -> six perfectly complete rows.
     */
    body.onshop-listing-premium
    #products .products {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;
    }

}


/* END ONSHOP LISTING PREVIEW V6 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V7
   MOBILE PRODUCTS DUPLICATE HEADER FIX
   ========================================================== */

@media (max-width:767px) {

    /*
     * V5 forced the native category header back on mobile.
     * V6 replaces it with .olp-unified-head.
     * Hide the old PrestaShop block with higher specificity.
     */
    body.onshop-listing-premium
    #main > .block-category.olp-original-listing-head,

    body.onshop-listing-premium
    #main > .block-category.hidden-sm-down.olp-original-listing-head,

    body.onshop-listing-premium
    #main > .text-xs-center.hidden-md-up.olp-original-listing-head {
        display: none !important;

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

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        overflow: hidden !important;
    }


    /*
     * Category pages have extra legacy top spacing.
     * Bring Products to the same vertical rhythm as Bestsellers.
     */
    body.onshop-listing-premium:not(#best-sales)
    #content-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.onshop-listing-premium:not(#best-sales)
    #main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.onshop-listing-premium:not(#best-sales)
    #main > .olp-unified-head {
        margin-top: 0 !important;
    }


    /*
     * Final mobile header rhythm:
     * identical for Products and Bestsellers.
     */
    body.onshop-listing-premium
    #main > .olp-unified-head {
        margin-bottom: 12px !important;

        padding: 15px 14px 14px !important;
    }

    body.onshop-listing-premium
    .olp-unified-title {
        margin-bottom: 6px !important;
    }

    body.onshop-listing-premium
    .olp-unified-description {
        -webkit-line-clamp: 3 !important;
    }

}


/* END ONSHOP LISTING PREVIEW V7 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V8
   MOBILE CATEGORY TOP-GAP FIX
   ========================================================== */

@media (max-width:767px) {

    /*
     * /produkty has a desktop sidebar before #content-wrapper.
     * Its contents are hidden on mobile, but the parent can still
     * consume vertical layout space. Completely remove it.
     */
    body.onshop-listing-premium:not(#best-sales)
    #left-column {
        display: none !important;

        float: none !important;

        width: 0 !important;
        max-width: 0 !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        overflow: hidden !important;
    }

    body.onshop-listing-premium:not(#best-sales)
    #content-wrapper {
        float: none !important;

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

        margin: 0 !important;
        padding: 0 !important;
    }

    body.onshop-listing-premium:not(#best-sales)
    #main {
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
     * Exact same top rhythm as Bestsellers.
     */
    body.onshop-listing-premium:not(#best-sales)
    #main > .olp-unified-head {
        margin-top: 0 !important;
    }

}


/* END ONSHOP LISTING PREVIEW V8 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V9
   CATEGORY WRAPPER LEGACY 75PX FIX
   ========================================================== */

/*
 * Legacy theme rule:
 * #category #wrapper { padding-top:75px!important; }
 *
 * It affects /produkty but not /najczesciej-kupowane.
 * Normalize category pages to the same rhythm as Bestsellers.
 */

body#category.onshop-listing-premium #wrapper {
    padding-top: 25px !important;
}

@media (max-width:767px) {

    body#category.onshop-listing-premium #wrapper {
        padding-top: 15px !important;
    }

}


/* END ONSHOP LISTING PREVIEW V9 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V10
   DESKTOP TOP ALIGNMENT — PRODUCTS + BESTSELLERS
   ========================================================== */


/*
 * The two pages have different breadcrumb depths:
 *
 * Products     -> data-depth="1" (theme hides it)
 * Bestsellers  -> data-depth="2" (still consumes height)
 *
 * Remove breadcrumb from the visual layout on both listing
 * pages and establish one explicit top rhythm.
 */

body#category.onshop-listing-premium #wrapper .breadcrumb,
body#best-sales.onshop-listing-premium #wrapper .breadcrumb {
    display: none !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* desktop / laptop */

@media (min-width:768px) {

    body#category.onshop-listing-premium #wrapper,
    body#best-sales.onshop-listing-premium #wrapper {
        padding-top: 50px !important;
    }

}


/* mobile stays exactly as approved in V9 */

@media (max-width:767px) {

    body#category.onshop-listing-premium #wrapper,
    body#best-sales.onshop-listing-premium #wrapper {
        padding-top: 15px !important;
    }

}


/* END ONSHOP LISTING PREVIEW V10 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V11
   DESKTOP PRODUCT IMAGE PRESENCE
   ========================================================== */

@media (min-width:768px) {

    /*
     * Keep the same 4-column / 12-product layout,
     * but make the product itself more visually prominent.
     */

    body.onshop-listing-premium
    #products .product-thumbnail img {
        padding: 5px 5px 3px !important;

        transform: scale(1.06) !important;
        transform-origin: center center !important;
    }

    @media (hover:hover) and (pointer:fine) {

        body.onshop-listing-premium
        #products .thumbnail-container:hover
        .product-thumbnail img {
            transform: scale(1.075) !important;
        }

    }

}


/* Mobile remains exactly as approved. */

@media (max-width:767px) {

    body.onshop-listing-premium
    #products .product-thumbnail img {
        transform: none !important;
    }

}


/* END ONSHOP LISTING PREVIEW V11 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V12
   FINAL PREMIUM TYPOGRAPHY + MICRO POLISH
   ========================================================== */


/* ==========================================================
   1. UNIFIED PAGE HEADER
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium
    .olp-unified-title {
        margin-bottom: 8px !important;

        color: #103b60 !important;

        font:
            700 23px/29px
            "Audiowide",
            sans-serif !important;

        letter-spacing: -.018em !important;
    }

    body.onshop-listing-premium
    .olp-unified-description {
        max-width: 950px !important;

        color: #526b7e !important;

        font:
            450 14px/21px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;
    }

}


/* ==========================================================
   2. SIDEBAR — STRONGER PREMIUM TYPOGRAPHY
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium
    #left-column .block-categories {
        padding: 20px 19px 16px !important;
    }

    body.onshop-listing-premium
    #left-column .category-top-menu > li > a {
        margin-bottom: 8px !important;
        padding-bottom: 14px !important;

        color: #103b60 !important;

        font:
            700 16px/21px
            "Audiowide",
            sans-serif !important;

        letter-spacing: -.01em !important;
    }

    body.onshop-listing-premium
    #left-column .category-sub-menu li {
        position: relative !important;
    }

    body.onshop-listing-premium
    #left-column .category-sub-menu li > a {
        display: block !important;

        margin: 1px -7px !important;
        padding: 11px 9px !important;

        border-radius: 8px !important;

        color: #415d72 !important;

        font:
            600 13.5px/19px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

        transition:
            color .18s ease,
            background-color .18s ease,
            transform .18s ease !important;
    }

    body.onshop-listing-premium
    #left-column .category-sub-menu li > a:hover {
        color: #087fca !important;

        background: #f3f9fd !important;

        transform: translateX(2px) !important;
    }

}


/* ==========================================================
   3. SORTING BAR
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium
    #products .products-selection {
        min-height: 60px !important;

        padding: 9px 15px !important;
    }

    body.onshop-listing-premium
    #products .products-selection .total-products,

    body.onshop-listing-premium
    #products .products-selection .total-products p {
        color: #415d72 !important;

        font:
            500 13.5px/20px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;
    }

    body.onshop-listing-premium
    #products .products-sort-order {
        display: flex !important;

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

        gap: 10px !important;
    }

    body.onshop-listing-premium
    #products .olp-sort-label {
        display: inline-block !important;

        color: #60788b !important;

        font:
            600 13px/18px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

        white-space: nowrap !important;
    }

    body.onshop-listing-premium
    #products .products-sort-order .select-title {
        min-width: 220px !important;
        min-height: 40px !important;

        padding: 10px 38px 10px 14px !important;

        color: #29475d !important;

        font:
            600 13.5px/19px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

        background: #fbfdff !important;

        border-color: #d7e3ec !important;
    }

}


/* ==========================================================
   4. DESKTOP GRID — MORE PREMIUM BREATHING ROOM
   ========================================================== */

@media (min-width:1200px) {

    body.onshop-listing-premium
    #products .products {
        gap: 20px !important;
    }

}


/* ==========================================================
   5. PRODUCT CARDS — QUIETER BASE, BETTER HOVER
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium
    #products .thumbnail-container {
        border-color: #dbe6ee !important;

        box-shadow:
            0 2px 6px rgba(24,58,84,.025),
            0 10px 22px rgba(24,58,84,.035) !important;
    }

}

@media (min-width:768px) and (hover:hover) and (pointer:fine) {

    body.onshop-listing-premium
    #products .thumbnail-container:hover {
        transform: translateY(-3px) !important;

        border-color: #c3d7e6 !important;

        box-shadow:
            0 8px 18px rgba(24,58,84,.07),
            0 20px 36px rgba(24,58,84,.075) !important;
    }

}


/* ==========================================================
   6. PRODUCT META — SLIGHTLY STRONGER READABILITY
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium
    #products .comments_note > span {
        color: #61798b !important;

        font-size: 11.8px !important;
        line-height: 15px !important;
    }

    body.onshop-listing-premium
    #products .regular-price {
        color: #8797a5 !important;

        font-size: 11.5px !important;
        line-height: 15px !important;
    }

}


/* ==========================================================
   7. BADGES — LESS "BUTTON", MORE PREMIUM LABEL
   ========================================================== */

body.onshop-listing-premium
#products .onshop-premium-badge-layer > .product-flag,

body.onshop-listing-premium
#products .onshop-premium-badge-layer > .onshop-badge {
    box-shadow:
        0 2px 7px rgba(18,49,75,.08) !important;
}


/* ==========================================================
   8. PAGINATION — STRONGER FINISH
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium
    #products .pagination {
        min-height: 64px !important;

        padding: 14px 18px !important;
    }

    body.onshop-listing-premium
    #products .pagination > div:first-child {
        color: #60788b !important;

        font:
            500 13.5px/20px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;
    }

    body.onshop-listing-premium
    #products .pagination a {
        min-width: 34px !important;
        min-height: 34px !important;

        color: #35546b !important;

        font:
            600 13px/18px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;
    }

    body.onshop-listing-premium
    #products .pagination .current a {
        background: #e8f5fd !important;

        color: #087fca !important;

        box-shadow:
            inset 0 0 0 1px rgba(8,127,202,.08) !important;
    }

}


/* ==========================================================
   9. MOBILE — KEEP APPROVED LOOK
   ========================================================== */

@media (max-width:767px) {

    body.onshop-listing-premium
    #products .olp-sort-label {
        display: none !important;
    }

    /*
     * Keep mobile typography restrained.
     * Desktop polish must not enlarge the mobile first screen.
     */

    body.onshop-listing-premium
    .olp-unified-title {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    body.onshop-listing-premium
    .olp-unified-description {
        color: #60788b !important;

        font-size: 10.3px !important;
        line-height: 15px !important;
    }

}


/* END ONSHOP LISTING PREVIEW V12 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V13
   FINAL PREMIUM MICRO POLISH
   ========================================================== */


/* ==========================================================
   DESKTOP SIDEBAR EXPAND CONTROLS
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium
    #left-column .category-sub-menu .navbar-toggler,

    body.onshop-listing-premium
    #left-column .category-sub-menu button {
        display: flex !important;

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

        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;

        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;

        color: #49667b !important;

        transition:
            color .18s ease,
            background-color .18s ease !important;
    }

    body.onshop-listing-premium
    #left-column .category-sub-menu .navbar-toggler:hover,

    body.onshop-listing-premium
    #left-column .category-sub-menu button:hover {
        color: #087fca !important;

        background: #edf7fd !important;
    }


    /* slightly calmer secondary text */

    body.onshop-listing-premium
    #products .products-selection .total-products,

    body.onshop-listing-premium
    #products .products-selection .total-products p {
        color: #536d80 !important;
    }


    /* more natural sorting label */

    body.onshop-listing-premium
    #products .olp-sort-label {
        color: #536d80 !important;

        font-weight: 600 !important;
    }

}


/* ==========================================================
   MOBILE — COMPACT SORTING PANEL
   ========================================================== */

@media (max-width:767px) {

    /*
     * Product count is contextual information,
     * not another page heading.
     */

    body.onshop-listing-premium
    #products .products-selection {
        padding: 11px 12px !important;

        border-radius: 13px !important;
    }

    body.onshop-listing-premium
    #products .products-selection .total-products,

    body.onshop-listing-premium
    #products .products-selection .total-products p {
        margin: 0 0 8px !important;
        padding: 0 !important;

        color: #60788b !important;

        font:
            500 12.5px/18px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

        text-align: left !important;
    }

    body.onshop-listing-premium
    #products .products-sort-order .select-title {
        min-height: 43px !important;

        padding-top: 9px !important;
        padding-bottom: 9px !important;

        font-size: 13px !important;
        line-height: 18px !important;
    }

    body.onshop-listing-premium
    #products .products-selection .showing {
        margin-top: 7px !important;

        color: #708696 !important;

        font-size: 10.5px !important;
        line-height: 15px !important;
    }

}


/* ==========================================================
   SMALL FINAL DETAIL
   ========================================================== */

body.onshop-listing-premium
#products .product-title a {
    text-rendering: optimizeLegibility;
}

body.onshop-listing-premium
.olp-unified-description {
    text-rendering: optimizeLegibility;
}


/* END ONSHOP LISTING PREVIEW V13 */


/* ==========================================================
   ONSHOP LISTING PREVIEW V14
   FINAL PREMIUM BALANCE
   ========================================================== */


/* ==========================================================
   DESKTOP — FINAL MICRO TYPOGRAPHY
   ========================================================== */

@media (min-width:768px) {

    /*
     * Sidebar categories:
     * slightly stronger without becoming heavy.
     */
    body.onshop-listing-premium
    #left-column .category-sub-menu li > a {
        font-size: 14px !important;
        line-height: 19.5px !important;
    }


    /*
     * Header lead:
     * current size is right, only slightly stronger contrast.
     */
    body.onshop-listing-premium
    .olp-unified-description {
        color: #4f687b !important;
    }


    /*
     * Pagination — currently visually too small compared
     * with the premium cards and sorting component.
     */
    body.onshop-listing-premium
    #products .pagination .page-list {
        display: flex !important;

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

        gap: 4px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.onshop-listing-premium
    #products .pagination .page-list li {
        display: inline-flex !important;

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

        margin: 0 !important;
    }

    body.onshop-listing-premium
    #products .pagination .page-list li a {
        display: inline-flex !important;

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

        min-width: 32px !important;
        height: 32px !important;

        padding: 0 8px !important;

        border-radius: 8px !important;

        color: #3e5b70 !important;

        font:
            600 13px/32px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

        transition:
            color .18s ease,
            background-color .18s ease !important;
    }

    body.onshop-listing-premium
    #products .pagination .page-list li.current a,

    body.onshop-listing-premium
    #products .pagination .page-list li a:hover {
        color: #087fca !important;

        background: #eaf6fd !important;
    }


    /*
     * Showing count at bottom.
     */
    body.onshop-listing-premium
    #products .pagination > div:first-child {
        color: #536d80 !important;

        font-size: 13.5px !important;
        line-height: 20px !important;
    }

}


/* ==========================================================
   MOBILE — FINAL TYPOGRAPHY
   ========================================================== */

@media (max-width:767px) {

    /*
     * Page title stays compact but gains a little authority.
     */
    body.onshop-listing-premium
    .olp-unified-title {
        font-size: 18px !important;
        line-height: 23px !important;

        margin-bottom: 7px !important;
    }


    /*
     * Lead text — current 10.3px is slightly too small
     * on a real 390px phone.
     */
    body.onshop-listing-premium
    .olp-unified-description {
        color: #566f82 !important;

        font-size: 11.3px !important;
        line-height: 16px !important;

        -webkit-line-clamp: 3 !important;
    }


    /* ------------------------------------------------------
       COMPACT SORTING AREA
       ------------------------------------------------------ */

    body.onshop-listing-premium
    #products .products-selection {
        margin-bottom: 12px !important;

        padding: 10px 11px !important;
    }

    body.onshop-listing-premium
    #products .products-selection > .row,

    body.onshop-listing-premium
    #products .products-selection .sort-by-row {
        gap: 0 !important;
    }

    body.onshop-listing-premium
    #products .products-selection .total-products,

    body.onshop-listing-premium
    #products .products-selection .total-products p {
        margin: 0 0 6px !important;

        color: #536d80 !important;

        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: 600 !important;
    }

    body.onshop-listing-premium
    #products .products-sort-order .select-title {
        min-height: 44px !important;

        padding: 9px 13px !important;

        font-size: 13.5px !important;
        line-height: 19px !important;
    }

    body.onshop-listing-premium
    #products .products-selection .showing {
        margin-top: 6px !important;

        color: #687f90 !important;

        font-size: 11px !important;
        line-height: 15px !important;
        font-weight: 500 !important;
    }


    /* ------------------------------------------------------
       GRID — SLIGHTLY MORE PREMIUM BREATHING ROOM
       ------------------------------------------------------ */

    body.onshop-listing-premium
    #products .products {
        gap: 10px !important;
    }


    /* ------------------------------------------------------
       MOBILE PRODUCT CARD TYPOGRAPHY
       ------------------------------------------------------ */

    body.onshop-listing-premium
    #products .product-description {
        min-height: 132px !important;

        padding: 10px 9px 11px !important;
    }

    body.onshop-listing-premium
    #products .product-title {
        min-height: 40px !important;

        margin-bottom: 6px !important;
    }

    body.onshop-listing-premium
    #products .product-title a {
        color: #263f52 !important;

        font-size: 11.6px !important;
        line-height: 15.4px !important;

        font-weight: 600 !important;
        letter-spacing: -.005em !important;
    }


    /* ratings */

    body.onshop-listing-premium
    #products .comments_note {
        min-height: 24px !important;

        margin-bottom: 6px !important;
    }

    body.onshop-listing-premium
    #products .comments_note > span {
        max-width: 58px !important;

        color: #60788b !important;

        font-size: 8.8px !important;
        line-height: 11px !important;
    }


    /* old price */

    body.onshop-listing-premium
    #products .regular-price {
        color: #8798a5 !important;

        font-size: 8.5px !important;
        line-height: 11px !important;
    }


    /* primary price */

    body.onshop-listing-premium
    #products .product-price-and-shipping .price {
        font-size: 14px !important;
        line-height: 18px !important;
    }


    /* ------------------------------------------------------
       CARD SURFACE — VERY SUBTLE PREMIUM DEPTH
       ------------------------------------------------------ */

    body.onshop-listing-premium
    #products .thumbnail-container {
        border-radius: 14px !important;

        box-shadow:
            0 2px 5px rgba(24,58,84,.025),
            0 8px 18px rgba(24,58,84,.035) !important;
    }

}


/* END ONSHOP LISTING PREVIEW V14 */


/* ==========================================================
   ONSHOP LISTING PREMIUM V1 — PRODUCTION NORMALIZATION
   ========================================================== */


/* Native category description:
   preserve real Smarty/DB content while keeping premium rhythm. */

body.onshop-listing-premium
.olp-unified-description p,
body.onshop-listing-premium
.olp-unified-description div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.onshop-listing-premium
.olp-unified-description strong,
body.onshop-listing-premium
.olp-unified-description b {
    font-weight: 600 !important;
}


/* Longer category descriptions remain in the HTML/DOM,
   but do not make the premium header excessively tall. */

@media (min-width:768px) {

    body.onshop-listing-premium
    .olp-unified-description {
        max-height: 42px !important;
        overflow: hidden !important;
    }

}

@media (max-width:767px) {

    body.onshop-listing-premium
    .olp-unified-description {
        max-height: 48px !important;
        overflow: hidden !important;
    }

}


/* ==========================================================
   NATIVE PRESTASHOP SORT LABEL
   No JS-generated "Sortuj według:" is needed in production.
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium
    #products .products-selection > .col-md-6 {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-end !important;
    }

    body.onshop-listing-premium
    #products .sort-by {
        display: inline-flex !important;

        align-items: center !important;

        float: none !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 10px 0 0 !important;
        padding: 0 !important;

        color: #536d80 !important;

        font:
            600 13px/18px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

        white-space: nowrap !important;
    }

    body.onshop-listing-premium
    #products .products-sort-order {
        float: none !important;

        flex: 0 0 220px !important;

        width: 220px !important;
        max-width: 220px !important;

        padding: 0 !important;
    }

}


/* ==========================================================
   NATIVE PRODUCT FLAGS
   Markup is produced directly by Smarty — no badge JS.
   ========================================================== */

body.onshop-listing-premium
#products .onshop-premium-badge-layer {
    pointer-events: none !important;
}

body.onshop-listing-premium
#products .onshop-premium-badge-layer
.product-flags {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 5px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

body.onshop-listing-premium
#products .onshop-premium-badge-layer
.product-flag {
    position: static !important;

    margin: 0 !important;
}


/* Preview toolbar never exists on production. */
body.onshop-listing-premium
.olp-preview-toolbar {
    display: none !important;
}


/* END ONSHOP LISTING PREMIUM V1 */


/* ==========================================================
   ONSHOP LISTING PREMIUM V1 — REAL DESCRIPTION NORMALIZATION
   ========================================================== */

/*
 * Category descriptions in PrestaShop can contain their own
 * <p>, <span>, <strong> and inline font styles.
 *
 * Preview V14 used normalized text. Make the real DB HTML
 * visually identical while preserving its semantic content.
 */

body.onshop-listing-premium
.olp-unified-description,
body.onshop-listing-premium
.olp-unified-description p,
body.onshop-listing-premium
.olp-unified-description div,
body.onshop-listing-premium
.olp-unified-description span,
body.onshop-listing-premium
.olp-unified-description strong,
body.onshop-listing-premium
.olp-unified-description b {
    font-family:
        system-ui,
        -apple-system,
        "Segoe UI",
        Arial,
        sans-serif !important;

    color: inherit !important;

    letter-spacing: 0 !important;
}

body.onshop-listing-premium
.olp-unified-description p,
body.onshop-listing-premium
.olp-unified-description div {
    margin: 0 !important;
    padding: 0 !important;
}

body.onshop-listing-premium
.olp-unified-description strong,
body.onshop-listing-premium
.olp-unified-description b {
    font-weight: 600 !important;
}


/* Desktop — exactly V14 hierarchy */

@media (min-width:768px) {

    body.onshop-listing-premium
    .olp-unified-description,
    body.onshop-listing-premium
    .olp-unified-description p,
    body.onshop-listing-premium
    .olp-unified-description div,
    body.onshop-listing-premium
    .olp-unified-description span,
    body.onshop-listing-premium
    .olp-unified-description strong,
    body.onshop-listing-premium
    .olp-unified-description b {
        font-size: 14px !important;
        line-height: 21px !important;

        color: #4f687b !important;
    }

}


/* Mobile — exactly V14 hierarchy */

@media (max-width:767px) {

    body.onshop-listing-premium
    .olp-unified-description,
    body.onshop-listing-premium
    .olp-unified-description p,
    body.onshop-listing-premium
    .olp-unified-description div,
    body.onshop-listing-premium
    .olp-unified-description span,
    body.onshop-listing-premium
    .olp-unified-description strong,
    body.onshop-listing-premium
    .olp-unified-description b {
        font-size: 11.3px !important;
        line-height: 16px !important;

        color: #566f82 !important;
    }

}


/* END REAL DESCRIPTION NORMALIZATION */


/* ==========================================================
   ONSHOP LISTING PREMIUM V1
   SEO DESCRIPTION ARCHITECTURE
   ========================================================== */


/*
 * Header uses the concise page meta description,
 * so no clipping is needed.
 */

body.onshop-listing-premium
.olp-unified-description {
    max-height: none !important;

    overflow: visible !important;
}


/*
 * Full category copy remains visible to users and search engines,
 * but lives below the product listing so it does not dominate
 * product discovery.
 */

body.onshop-listing-premium
.onshop-category-full-description {
    clear: both !important;

    width: 100% !important;

    margin: 24px 0 0 !important;
    padding: 22px 24px !important;

    background: #fff !important;

    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;

    box-shadow:
        0 2px 6px rgba(24,58,84,.02),
        0 10px 22px rgba(24,58,84,.03) !important;

    color: #526b7e !important;

    font-family:
        system-ui,
        -apple-system,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size: 13.5px !important;
    line-height: 21px !important;
}


body.onshop-listing-premium
.onshop-category-full-description p {
    margin: 0 0 12px !important;

    color: inherit !important;

    font: inherit !important;
}


body.onshop-listing-premium
.onshop-category-full-description p:last-child {
    margin-bottom: 0 !important;
}


body.onshop-listing-premium
.onshop-category-full-description h2,

body.onshop-listing-premium
.onshop-category-full-description h3,

body.onshop-listing-premium
.onshop-category-full-description h4 {
    margin: 18px 0 8px !important;

    color: #173f5f !important;

    font-family:
        system-ui,
        -apple-system,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-weight: 700 !important;
    line-height: 1.35 !important;
}


body.onshop-listing-premium
.onshop-category-full-description a {
    color: #087fca !important;

    text-decoration: none !important;
}


body.onshop-listing-premium
.onshop-category-full-description a:hover {
    text-decoration: underline !important;
}


@media (max-width:767px) {

    body.onshop-listing-premium
    .onshop-category-full-description {
        margin-top: 18px !important;
        padding: 17px 15px !important;

        border-radius: 13px !important;

        font-size: 12px !important;
        line-height: 18px !important;
    }

}


/* END SEO DESCRIPTION ARCHITECTURE */


/* ==========================================================
   ONSHOP LISTING PREMIUM V1
   SORT BAR FINAL HOTFIX
   ========================================================== */

@media (min-width:768px) {

    /*
     * Production uses only the native PrestaShop .sort-by label.
     * Disable all legacy preview/generated labels.
     */

    body.onshop-listing-premium
    #products .olp-sort-label {
        display: none !important;
    }

    body.onshop-listing-premium
    #products .products-selection .sort-by::before,

    body.onshop-listing-premium
    #products .products-selection .sort-by::after,

    body.onshop-listing-premium
    #products .products-sort-order::before,

    body.onshop-listing-premium
    #products .products-sort-order::after {
        display: none !important;

        content: none !important;
    }


    /*
     * Stable two-side desktop layout:
     * total count on the left,
     * sorting controls on the right.
     */

    body.onshop-listing-premium
    #products .products-selection {
        display: flex !important;

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

        flex-wrap: nowrap !important;

        width: 100% !important;
    }


    body.onshop-listing-premium
    #products .products-selection .total-products {
        display: flex !important;

        align-items: center !important;

        flex: 1 1 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 14px !important;

        float: none !important;
    }


    body.onshop-listing-premium
    #products .products-selection .total-products p {
        margin: 0 !important;

        white-space: nowrap !important;
    }


    body.onshop-listing-premium
    #products .products-selection > .col-md-6 {
        display: flex !important;

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

        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 14px !important;

        float: none !important;
    }


    body.onshop-listing-premium
    #products .products-selection .sort-by {
        display: inline-flex !important;

        align-items: center !important;

        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 10px 0 0 !important;
        padding: 0 !important;

        float: none !important;

        white-space: nowrap !important;
    }


    body.onshop-listing-premium
    #products .products-sort-order {
        flex: 0 0 220px !important;

        width: 220px !important;
        max-width: 220px !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
    }

}


/* END SORT BAR FINAL HOTFIX */


/* ==========================================================
   ONSHOP LISTING PREMIUM V1
   MOBILE PAGINATION FINAL POLISH
   ========================================================== */

@media (max-width:767px) {

    body.onshop-listing-premium
    #products .pagination {
        display: flex !important;

        flex-direction: column !important;
        align-items: center !important;

        width: 100% !important;

        margin: 14px 0 0 !important;
        padding: 12px 12px 13px !important;

        border: 1px solid #dbe6ee !important;
        border-radius: 14px !important;

        background: #fff !important;

        box-shadow:
            0 2px 5px rgba(24,58,84,.025),
            0 8px 18px rgba(24,58,84,.03) !important;
    }


    body.onshop-listing-premium
    #products .pagination > div:first-child {
        width: 100% !important;

        margin: 0 0 8px !important;
        padding: 0 !important;

        color: #687f90 !important;

        font:
            500 11.5px/16px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

        text-align: center !important;
    }


    body.onshop-listing-premium
    #products .pagination > div:nth-child(2) {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body.onshop-listing-premium
    #products .pagination .page-list {
        display: flex !important;

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

        flex-wrap: nowrap !important;

        gap: 3px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body.onshop-listing-premium
    #products .pagination .page-list li {
        display: inline-flex !important;

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

        margin: 0 !important;
        padding: 0 !important;
    }


    body.onshop-listing-premium
    #products .pagination .page-list a {
        display: inline-flex !important;

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

        min-width: 30px !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 7px !important;

        border-radius: 8px !important;

        color: #38566c !important;

        font:
            600 11.5px/30px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

        white-space: nowrap !important;
    }


    body.onshop-listing-premium
    #products .pagination .current a {
        color: #087fca !important;

        background: #eaf6fd !important;
    }


    body.onshop-listing-premium
    #products .pagination .spacer {
        display: inline-flex !important;

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

        width: 24px !important;
        height: 30px !important;

        color: #718797 !important;

        font:
            600 11px/30px
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;
    }


    body.onshop-listing-premium
    #products .pagination .next,

    body.onshop-listing-premium
    #products .pagination .previous {
        padding-left: 8px !important;
        padding-right: 5px !important;
    }


    body.onshop-listing-premium
    #products .pagination .material-icons {
        font-size: 19px !important;
        line-height: 30px !important;
    }

}


/* END MOBILE PAGINATION FINAL POLISH */


/* ==========================================================
   ONSHOP LISTING PREMIUM V1
   MOBILE BACK-TO-TOP FINAL POLISH
   ========================================================== */

@media (max-width:767px) {

    /*
     * Native PrestaShop mobile "back to top".
     * Keep functionality, replace old heavy visual treatment.
     */

    body.onshop-listing-premium
    #products .hidden-md-up.text-xs-right.up {
        display: flex !important;

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

        width: 100% !important;

        margin: 10px 0 16px !important;
        padding: 0 !important;

        text-align: center !important;
    }


    body.onshop-listing-premium
    #products .hidden-md-up.text-xs-right.up
    > a.btn.btn-secondary {
        display: inline-flex !important;

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

        gap: 6px !important;

        width: auto !important;
        min-width: 0 !important;
        min-height: 40px !important;

        margin: 0 !important;
        padding: 9px 14px !important;

        border: 1px solid #dbe6ee !important;
        border-radius: 11px !important;

        background: #fff !important;

        color: #466378 !important;

        box-shadow:
            0 2px 5px rgba(24,58,84,.025),
            0 7px 16px rgba(24,58,84,.035) !important;

        font-family:
            system-ui,
            -apple-system,
            "Segoe UI",
            Arial,
            sans-serif !important;

        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 600 !important;

        text-transform: none !important;
        letter-spacing: 0 !important;

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


    body.onshop-listing-premium
    #products .hidden-md-up.text-xs-right.up
    > a.btn.btn-secondary:hover,

    body.onshop-listing-premium
    #products .hidden-md-up.text-xs-right.up
    > a.btn.btn-secondary:focus {
        border-color: #c9dfed !important;

        background: #f7fbfe !important;

        color: #087fca !important;

        box-shadow:
            0 2px 5px rgba(24,58,84,.02),
            0 8px 18px rgba(24,58,84,.045) !important;
    }


    body.onshop-listing-premium
    #products .hidden-md-up.text-xs-right.up
    .material-icons {
        margin: 0 !important;

        color: #087fca !important;

        font-family: "Material Icons" !important;
        font-size: 19px !important;
        line-height: 19px !important;

        vertical-align: middle !important;
    }

}


/* END MOBILE BACK-TO-TOP FINAL POLISH */


/* ==========================================================
   ONSHOP LISTING PREMIUM V1
   PHONE LANDSCAPE BREAKPOINT
   768–991px
   ========================================================== */

@media
(min-width:768px)
and (max-width:991.98px)
and (orientation:landscape) {

    /*
     * On phones in landscape Bootstrap enters the desktop
     * listing breakpoint while the store header is still mobile.
     *
     * Use a dedicated 3-column catalogue layout instead.
     */


    /* ------------------------------------------------------
       FULL-WIDTH LISTING — NO DESKTOP SIDEBAR
       ------------------------------------------------------ */

    body.onshop-listing-premium
    #left-column {
        display: none !important;
    }


    body.onshop-listing-premium
    #content-wrapper {
        flex: 0 0 100% !important;

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

        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    body.onshop-listing-premium
    #wrapper > .container {
        width: 100% !important;
        max-width: none !important;

        padding-left: 16px !important;
        padding-right: 16px !important;
    }


    /* ------------------------------------------------------
       PAGE HEADER
       ------------------------------------------------------ */

    body.onshop-listing-premium
    #main > .olp-unified-head {
        margin-bottom: 13px !important;

        padding: 15px 18px 14px !important;

        border-radius: 14px !important;
    }


    body.onshop-listing-premium
    .olp-unified-title {
        margin-bottom: 5px !important;

        font-size: 20px !important;
        line-height: 25px !important;
    }


    body.onshop-listing-premium
    .olp-unified-description,

    body.onshop-listing-premium
    .olp-unified-description p,

    body.onshop-listing-premium
    .olp-unified-description span {
        max-width: 100% !important;

        font-size: 12.5px !important;
        line-height: 18px !important;
    }


    /* ------------------------------------------------------
       PRODUCT COUNT + SORT
       ------------------------------------------------------ */

    body.onshop-listing-premium
    #products .products-selection {
        min-height: 50px !important;

        margin-bottom: 13px !important;
        padding: 6px 11px !important;

        border-radius: 13px !important;
    }


    body.onshop-listing-premium
    #products .products-selection .total-products {
        padding-left: 6px !important;
        padding-right: 10px !important;
    }


    body.onshop-listing-premium
    #products .products-selection .total-products,

    body.onshop-listing-premium
    #products .products-selection .total-products p {
        font-size: 12.5px !important;
        line-height: 18px !important;
    }


    body.onshop-listing-premium
    #products .products-selection > .col-md-6 {
        padding-left: 8px !important;
        padding-right: 6px !important;
    }


    body.onshop-listing-premium
    #products .products-selection .sort-by {
        margin-right: 8px !important;

        font-size: 12px !important;
        line-height: 18px !important;
    }


    body.onshop-listing-premium
    #products .products-sort-order {
        flex: 0 0 190px !important;

        width: 190px !important;
        max-width: 190px !important;
    }


    body.onshop-listing-premium
    #products .products-sort-order .select-title {
        min-width: 190px !important;
        min-height: 38px !important;

        padding-top: 8px !important;
        padding-bottom: 8px !important;

        font-size: 12.5px !important;
        line-height: 18px !important;
    }


    /* ------------------------------------------------------
       THREE PREMIUM CARDS PER ROW
       ------------------------------------------------------ */

    body.onshop-listing-premium
    #products .products {
        display: grid !important;

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

        gap: 14px !important;

        margin: 0 !important;
    }


    body.onshop-listing-premium
    #products .products > .product-miniature,

    body.onshop-listing-premium
    #products .product-miniature {
        flex: none !important;

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

        margin: 0 !important;
        padding: 0 !important;
    }


    body.onshop-listing-premium
    #products .thumbnail-container {
        width: 100% !important;

        margin: 0 !important;

        border-radius: 14px !important;
    }


    /*
     * Desktop V11 image enlargement is a little too aggressive
     * on the narrower landscape cards.
     */

    body.onshop-listing-premium
    #products .product-thumbnail img {
        padding: 5px !important;

        transform: scale(1.025) !important;
    }


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

    body.onshop-listing-premium
    #products .product-title a {
        font-size: 13.5px !important;
        line-height: 18px !important;
    }


    body.onshop-listing-premium
    #products .product-price-and-shipping .price {
        font-size: 19px !important;
        line-height: 23px !important;
    }


    body.onshop-listing-premium
    #products .comments_note > span {
        font-size: 10.5px !important;
    }


    /* ------------------------------------------------------
       PAGINATION
       ------------------------------------------------------ */

    body.onshop-listing-premium
    #products .pagination {
        margin-top: 18px !important;
    }

}


/* END PHONE LANDSCAPE BREAKPOINT */


/* ==========================================================
   ONSHOP LISTING PREMIUM V1
   ACTIVE SORT STATE FINAL FIX
   ========================================================== */

@media (min-width:768px) {

    body.onshop-listing-premium
    #products .products-selection .sort-by,
    body.onshop-listing-premium
    #products .products-selection
    .sort-by.onshop-sort-label-active {
        display: inline-flex !important;

        align-items: center !important;

        visibility: visible !important;
        opacity: 1 !important;

        position: static !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 10px 0 0 !important;

        color: #536d80 !important;

        white-space: nowrap !important;
    }

}


body.onshop-listing-premium
#products .products-sort-order
.select-title .onshop-sort-current {
    display: block !important;

    min-width: 0 !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


/* END ACTIVE SORT STATE FINAL FIX */


/* ==========================================================
   ONSHOP LISTING PREMIUM V1
   SORT BAR COMPACT FINAL GEOMETRY
   ========================================================== */


/* Normal desktop */
@media (min-width:992px) {

    body.onshop-listing-premium
    #products .products-selection {
        height: 60px !important;
        min-height: 60px !important;

        padding-top: 9px !important;
        padding-bottom: 9px !important;

        box-sizing: border-box !important;
    }


    body.onshop-listing-premium
    #products .products-selection
    > .col-md-6 {
        height: 100% !important;
    }


    body.onshop-listing-premium
    #products .products-sort-order {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }


    body.onshop-listing-premium
    #products .products-sort-order
    .select-title {
        display: flex !important;

        align-items: center !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        box-sizing: border-box !important;

        padding:
            0 38px
            0 14px !important;

        line-height: 19px !important;
    }


    body.onshop-listing-premium
    #products .products-sort-order
    .select-title
    .onshop-sort-current {
        display: block !important;

        flex: 1 1 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 13.5px !important;
        line-height: 19px !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

}


/* Phone landscape */
@media
(min-width:768px)
and (max-width:991.98px)
and (orientation:landscape) {

    body.onshop-listing-premium
    #products .products-selection {
        height: 50px !important;
        min-height: 50px !important;

        box-sizing: border-box !important;
    }


    body.onshop-listing-premium
    #products .products-sort-order {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }


    body.onshop-listing-premium
    #products .products-sort-order
    .select-title {
        display: flex !important;

        align-items: center !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        box-sizing: border-box !important;

        padding:
            0 34px
            0 12px !important;

        line-height: 18px !important;
    }


    body.onshop-listing-premium
    #products .products-sort-order
    .select-title
    .onshop-sort-current {
        font-size: 12.5px !important;
        line-height: 18px !important;
    }

}


/* END SORT BAR COMPACT FINAL GEOMETRY */