/* Shared Auto365 marketplace chrome and reusable commerce primitives. */
:root {
    --header-color: #1b355e;
    --text-primary-color: #1b355e;
    --danger-color: #1b355e;
    --success-color: #1b355e;
    --warning-color: #ffd101;
}

/* Marketplace accents are deliberately limited to the Auto365 navy/yellow
   palette. Neutrals remain for text, borders, and image placeholders. */
.marketplace-shell .slider-text .btn-primary,
.marketplace-shell .btn-primary,
.marketplace-shell .add-to-cart-btn,
.marketplace-shell .visit-btn,
.marketplace-shell .discount-badge,
.marketplace-shell .toast,
.marketplace-shell .verification-badge {
    background: #1b355e;
    box-shadow: 0 2px 8px rgba(27, 53, 94, .2);
}

.marketplace-shell .slider-text .btn-primary:hover,
.marketplace-shell .btn-primary:hover,
.marketplace-shell .add-to-cart-btn:hover,
.marketplace-shell .visit-btn:hover,
.marketplace-shell .swiper-button-next:hover,
.marketplace-shell .swiper-button-prev:hover {
    background: #ffd101 !important;
    color: #1b355e;
    box-shadow: 0 4px 12px rgba(27, 53, 94, .22);
}

.marketplace-shell .btn-danger,
.marketplace-shell .toast.error {
    background: #1b355e;
}

.marketplace-shell .toast.warning {
    background: #ffd101;
    color: #1b355e;
}

.marketplace-shell .category-box::before {
    background: radial-gradient(circle, rgba(27, 53, 94, .08) 0%, transparent 70%);
}
.marketplace-topbar {
    position: relative;
    z-index: 20;
    min-height: 36px;
    background: #fff;
    color: #252525;
    border-bottom: 1px solid #e2e2e2;
}

.marketplace-topbar-inner {
    max-width: 1440px;
    min-height: 36px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.marketplace-topbar-nav {
    display: flex;
    align-items: center;
    gap: 22px;
    min-width: 0;
}

.marketplace-topbar-nav a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.marketplace-topbar-nav a:hover {
    color: #1b355e;
    text-decoration: underline;
}

.marketplace-topbar-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.marketplace-topbar .currency-dropdown,
.marketplace-topbar .cart-section {
    min-height: 28px;
    color: #333;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 6px !important;
}

.marketplace-topbar .cart-section {
    display: flex;
    align-items: center;
    padding: 1px 8px;
}

.marketplace-topbar .cart-section:hover {
    background: #f2f4f7;
    color: #1b355e;
}

/* Compact marketplace tools: currency remains easy to scan, while the cart
   only shows its item count when there is something in it. */
body.marketplace-page .marketplace-topbar-tools {
    gap: 6px;
}

body.marketplace-page .marketplace-topbar .currency-dropdown {
    width: 54px;
    min-width: 54px;
    height: 30px;
    min-height: 30px;
    padding: 0 18px 0 0;
    color: #1b355e;
    border: 0;
    border-radius: 0 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    appearance: none;
    background-color: transparent;
    background-image: linear-gradient(45deg, transparent 50%, #1b355e 50%), linear-gradient(135deg, #1b355e 50%, transparent 50%);
    background-position: calc(100% - 9px) 12px, calc(100% - 4px) 12px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

body.marketplace-page .marketplace-topbar .currency-dropdown:hover,
body.marketplace-page .marketplace-topbar .currency-dropdown:focus {
    color: #10284b;
    outline: none;
}

body.marketplace-page .marketplace-topbar .cart-section {
    position: relative;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin-left: 0;
    padding: 0;
    color: #1b355e;
    border: 0;
    border-radius: 0 !important;
    background: transparent;
}

body.marketplace-page .marketplace-topbar .cart-section:hover {
    color: #fff;
    background: transparent;
    transform: none;
    box-shadow: none;
}

body.marketplace-page .marketplace-topbar .cart-section:hover .cart-icon {
    color: #10284b;
}

body.marketplace-page .marketplace-topbar .cart-icon {
    font-size: 19px;
}

body.marketplace-page .marketplace-topbar .cart-count {
    position: absolute;
    top: -6px;
    right: -6px;
    display: grid;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    place-items: center;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #d3202a;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

body.marketplace-page .marketplace-topbar .cart-count.is-empty {
    display: none;
}

.marketplace-header .hb-headersupport {
    display: none !important;
}

.marketplace-header .hb-logo {
    padding: 18px 0;
}

.marketplace-header .hb-headerwrap__right {
    margin-top: 8px;
    margin-bottom: 8px;
}

/* ==================== CATALOGUE CARDS ====================
   The category and all-products pages intentionally use the same compact
   card treatment as the flash-sale cards in home.html. */
.marketplace-shell .listing-page-shell .product-card,
.marketplace-shell .pl-grid .pl-card {
    min-height: 286px;
    border: 1px solid #e6eaf0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(27, 53, 94, .06);
    overflow: hidden;
}

.marketplace-shell .listing-page-shell .product-card:hover,
.marketplace-shell .pl-grid .pl-card:hover {
    transform: none;
    border-color: #1b355e;
    box-shadow: 0 8px 18px rgba(27, 53, 94, .14);
}

.marketplace-shell .listing-page-shell .product-image,
.marketplace-shell .pl-grid .pl-card-img {
    height: 132px;
    aspect-ratio: auto;
    margin: 10px 10px 0;
    border-radius: 7px;
    background: #f7f8fa;
    overflow: hidden;
}

.marketplace-shell .listing-page-shell .product-image img,
.marketplace-shell .pl-grid .pl-card-img img {
    width: 100%;
    height: 132px;
    padding: 0;
    object-fit: contain;
    background: #f7f8fa;
}

.marketplace-shell .listing-page-shell .product-info,
.marketplace-shell .pl-grid .pl-card-body {
    min-height: 0;
    padding: 10px;
}

.marketplace-shell .listing-page-shell .product-title,
.marketplace-shell .pl-grid .pl-prod-name {
    min-height: 34px;
    margin: 4px 0;
    color: #1b355e;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.marketplace-shell .listing-page-shell .product-price,
.marketplace-shell .pl-grid .pl-price {
    color: #1b355e;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 7px;
}

.marketplace-shell .pl-grid .pl-cat-label,
.marketplace-shell .pl-grid .pl-rating,
.marketplace-shell .pl-grid .pl-stock,
.marketplace-shell .pl-grid .pl-orig-price {
    display: none;
}

.marketplace-shell .listing-page-shell .add-to-cart,
.marketplace-shell .pl-grid .pl-cart-btn {
    width: 100%;
    margin-top: auto;
    padding: 9px 8px;
    border: 0;
    border-radius: 7px;
    background: #1b355e;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

.marketplace-shell .listing-page-shell .add-to-cart:hover,
.marketplace-shell .pl-grid .pl-cart-btn:hover {
    background: #1b355e;
    transform: none;
}

/* A true list view: image, product details, then a dedicated purchase area. */
.marketplace-shell .pl-grid.is-list {
    grid-template-columns: 1fr;
    gap: 16px;
}

.marketplace-shell .pl-grid.is-list .pl-card {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    min-height: 220px;
    height: 220px;
    border-color: #e7ecf2;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(27, 53, 94, .05);
}

.marketplace-shell .pl-grid.is-list .pl-card:hover {
    border-color: #d5deea;
    box-shadow: 0 6px 16px rgba(27, 53, 94, .09);
}

.marketplace-shell .pl-grid.is-list .pl-card-img {
    width: auto;
    height: auto;
    margin: 12px;
    align-self: stretch;
    border-radius: 8px;
}

.marketplace-shell .pl-grid.is-list .pl-card-img img {
    height: 100%;
}

.marketplace-shell .pl-grid.is-list .pl-card-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 24px;
    min-height: 0;
    padding: 20px 18px 20px 4px;
    align-items: stretch;
}

.marketplace-shell .pl-grid.is-list .pl-card-info {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}

.marketplace-shell .pl-grid.is-list .pl-cat-label {
    display: block;
    margin: 0 0 7px;
    color: #718096;
    font-size: 10px;
}

.marketplace-shell .pl-grid.is-list .pl-prod-name {
    min-height: 0;
    margin: 0 0 12px;
    color: #1b355e;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    -webkit-line-clamp: 2;
}

.marketplace-shell .pl-list-details { display: none; }

.marketplace-shell .pl-grid.is-list .pl-list-details {
    display: block;
    max-width: 640px;
}

.marketplace-shell .pl-grid.is-list .pl-list-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-bottom: 9px;
    color: #718096;
    font-size: 12px;
}

.marketplace-shell .pl-grid.is-list .pl-list-meta span + span {
    padding-left: 14px;
    border-left: 1px solid #dfe5ec;
}

.marketplace-shell .pl-grid.is-list .pl-list-details p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #667085;
    font-size: 13px;
    line-height: 1.55;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.marketplace-shell .pl-grid.is-list .pl-card-actions {
    display: flex;
    width: auto;
    margin: 0;
    padding-left: 24px;
    border-left: 1px solid #e7ecf2;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

.marketplace-shell .pl-grid.is-list .pl-list-price-row {
    margin: 0 0 16px !important;
    align-items: flex-end !important;
}

.marketplace-shell .pl-grid.is-list .pl-list-price-row .pl-price {
    margin: 0;
    color: #1b355e;
    font-size: 20px !important;
    font-weight: 800;
}

.marketplace-shell .pl-grid.is-list .pl-list-price-row .pl-stock {
    display: inline-flex;
    margin: 6px 0 0;
    border: 0;
    border-radius: 999px;
    padding: 4px 8px;
    color: #2f6d47;
    background: #edf8f1;
    font-size: 10px;
}

.marketplace-shell .pl-grid.is-list .pl-list-price-row .pl-stock.out {
    color: #8a5a22;
    background: #fff5e8;
}

.marketplace-shell .pl-grid.is-list .pl-cart-btn {
    width: 100%;
    padding: 12px;
    font-size: 12px;
}

@media (max-width: 768px) {
    .marketplace-shell .pl-grid.is-list .pl-card {
        display: flex;
        height: auto;
        min-height: 0;
    }

    .marketplace-shell .pl-grid.is-list .pl-card-img { height: 150px; margin: 10px 10px 0; }
    .marketplace-shell .pl-grid.is-list .pl-card-img img { height: 150px; }
    .marketplace-shell .pl-grid.is-list .pl-card-body { display: flex; padding: 11px; }
    .marketplace-shell .pl-grid.is-list .pl-card-actions { padding-left: 0; border-left: 0; }
    .marketplace-shell .pl-grid.is-list .pl-list-price-row { align-items: flex-start !important; }
    .marketplace-shell .pl-grid.is-list .pl-list-details { display: none; }
}

/* Shared product-card component for category, brand, flash-sale, and home
   catalogue sections. Each page keeps its data and interactions, but every
   grid card now uses the same image frame, content spacing, and action. */
.marketplace-shell .marketplace-product-grid .product-card {
    display: flex;
    min-width: 0;
    min-height: 286px;
    padding: 0;
    flex-direction: column;
    border: 1px solid #e6eaf0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(27, 53, 94, .06);
    overflow: hidden;
}

.marketplace-shell .marketplace-product-grid .product-card:hover {
    transform: none;
    border-color: #d5deea;
    box-shadow: 0 8px 18px rgba(27, 53, 94, .12);
}

.marketplace-shell .marketplace-product-grid .product-image {
    width: auto;
    height: 132px;
    margin: 10px 10px 0;
    border-radius: 7px;
    background: #f7f8fa;
    overflow: hidden;
}

.marketplace-shell .marketplace-product-grid .product-image a {
    display: block;
    height: 100%;
}

.marketplace-shell .marketplace-product-grid .product-image img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: contain;
    background: #f7f8fa;
}

.marketplace-shell .marketplace-product-grid .product-info {
    display: flex;
    min-height: 0;
    padding: 10px;
    flex: 1;
    flex-direction: column;
}

.marketplace-shell .marketplace-product-grid .product-title {
    min-height: 34px;
    margin: 4px 0;
    overflow: hidden;
    color: #1b355e;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.marketplace-shell .marketplace-product-grid .product-title a {
    color: inherit;
}

.marketplace-shell .marketplace-product-grid .product-price,
.marketplace-shell .marketplace-product-grid .current-price {
    margin: 0 0 7px;
    color: #1b355e;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
}

.marketplace-shell .marketplace-product-grid .add-to-cart,
.marketplace-shell .marketplace-product-grid .add-to-cart-btn {
    position: static;
    width: 100%;
    margin-top: auto;
    padding: 9px 8px;
    border: 0;
    border-radius: 7px;
    background: #1b355e;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
}

.marketplace-shell .marketplace-product-grid .add-to-cart:hover,
.marketplace-shell .marketplace-product-grid .add-to-cart-btn:hover {
    background: #1b355e;
    transform: none;
}

.marketplace-shell .marketplace-product-grid .flash-badge { display: none; }

/* The flash-sale home markup places its image directly in a product link. */
.marketplace-shell .marketplace-product-grid .product-card > .product-card-link {
    display: flex;
    min-width: 0;
    padding: 10px 10px 0;
    flex: 1;
    flex-direction: column;
}

.marketplace-shell .marketplace-product-grid .product-card > .product-card-link > img {
    width: 100%;
    height: 132px;
    border-radius: 7px;
    object-fit: contain;
    background: #f7f8fa;
}

.marketplace-shell .marketplace-product-grid .product-card > .product-card-link .product-name {
    min-height: 34px;
    margin: 8px 0 4px;
    color: #1b355e;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.marketplace-shell .marketplace-product-grid .product-card > .product-card-link .product-price {
    margin: 0 0 7px;
    color: #1b355e;
    font-size: 15px;
    font-weight: 700;
}

.marketplace-shell .marketplace-product-grid .product-card > .add-to-cart-btn {
    width: calc(100% - 20px);
    margin: 0 10px 10px;
    padding: 9px 8px;
    border-radius: 7px;
}

/* Featured Products uses the same card system while retaining the carousel. */
.marketplace-shell .featuredProductsSwiper .marketplace-featured-card {
    position: relative;
    display: flex;
    width: 220px;
    min-height: 286px;
    height: 286px;
    padding: 0;
    box-sizing: border-box;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e6eaf0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(27, 53, 94, .06);
}

.marketplace-shell .featuredProductsSwiper .marketplace-featured-card:hover {
    transform: none !important;
    border-color: #d5deea !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(27, 53, 94, .12) !important;
}

.marketplace-shell .featuredProductsSwiper .marketplace-featured-card .product-image {
    display: block;
    width: calc(100% - 20px);
    height: 132px;
    margin: 10px;
    padding: 0;
    border-radius: 7px;
    object-fit: contain;
    background: #f7f8fa;
}

.marketplace-shell .featuredProductsSwiper .marketplace-featured-card .discount-badge {
    top: 14px;
    right: auto;
    left: 14px;
    z-index: 5;
}

.marketplace-shell .featuredProductsSwiper .marketplace-featured-card .home-wishlist-btn {
    top: 18px;
    right: 18px;
    z-index: 6;
}

.marketplace-shell .featuredProductsSwiper .marketplace-featured-card .product-details {
    display: flex;
    min-height: 0;
    padding: 0 10px 10px;
    flex: 1;
    flex-direction: column;
}

.marketplace-shell .featuredProductsSwiper .marketplace-featured-card .product-name {
    min-height: 34px;
    margin: 4px 0;
    color: #1b355e;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.marketplace-shell .featuredProductsSwiper .marketplace-featured-card .product-price {
    margin: 0 0 7px;
    color: #1b355e !important;
    font-size: 15px;
    font-weight: 700;
}

.marketplace-shell .featuredProductsSwiper .marketplace-featured-card .add-to-cart-btn {
    display: flex;
    width: 100%;
    margin-top: auto;
    padding: 9px 8px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 0;
    border-radius: 7px;
    background: #1b355e;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.marketplace-shell .featuredProductsSwiper .marketplace-featured-card .add-to-cart-btn:hover {
    background: #1b355e;
    transform: none;
}

/* Marketplace section titles share one quiet, consistent hierarchy. */
.marketplace-shell .sale-header h2,
.marketplace-shell .section-header h2,
.marketplace-shell .featured-products-header h2 {
    color: #1b355e;
    font-family: 'Sora', sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
}

/* Brand assets contain light silver canvas areas. Blend those into the card
   background so the logo itself remains the visual focus. */
.marketplace-shell .seller-card img {
    background: transparent;
    filter: contrast(1.08) brightness(1.14);
    mix-blend-mode: multiply;
}

@media (max-width: 768px) {
    .marketplace-shell .sale-header h2,
    .marketplace-shell .section-header h2,
    .marketplace-shell .featured-products-header h2 { font-size: 20px; }
}

@media (max-width: 768px) {
    .marketplace-shell .marketplace-product-grid .product-card { min-height: 270px; }
}

/* Keep filters quiet and scannable: controls retain their chevrons, while
   decorative category/search/tag/palette icons are removed. */
.marketplace-shell .pl-sidebar-header > span:first-child > i,
.marketplace-shell .pl-filter-title > i:first-child,
.marketplace-shell .filter-title > span > i,
.marketplace-shell .category-item > i:first-child,
.marketplace-shell .listing-filter-toggle > i {
    display: none;
}

.marketplace-shell .pl-sidebar-header,
.marketplace-shell .pl-filter-title,
.marketplace-shell .filter-title {
    gap: 0;
}

.marketplace-shell .pl-filter-title::after,
.marketplace-shell .filter-title > i:last-child {
    color: #7b8798;
}

.marketplace-shell .pl-sidebar,
.marketplace-shell .listing-page-shell .sidebar {
    border-color: #e1e7ef;
    box-shadow: 0 2px 10px rgba(27, 53, 94, .06);
}

@media (max-width: 768px) {
    .marketplace-shell .product-card .product-info,
    .marketplace-shell .pl-card .pl-card-body,
    .marketplace-shell .product-cards .product-details { min-height: 142px; padding: 11px; }
}

.marketplace-shell .add-to-cart-btn:disabled {
    cursor: not-allowed;
    opacity: .55;
    background: #8793a5;
}

@media (max-width: 900px) {
    .marketplace-topbar-inner { padding: 0 16px; }
    .marketplace-topbar-nav { gap: 16px; }
}

@media (max-width: 600px) {
    .marketplace-topbar-inner { min-height: 34px; padding: 0 12px; gap: 8px; }
    .marketplace-topbar-nav { gap: 14px; overflow-x: auto; scrollbar-width: none; }
    .marketplace-topbar-nav::-webkit-scrollbar { display: none; }
    .marketplace-topbar-nav a { font-size: 11px; }
    .marketplace-topbar-nav a:nth-child(n+4) { display: none; }
    .marketplace-topbar .currency-dropdown { height: 30px; min-height: 30px; font-size: 11px; }
    .marketplace-topbar .cart-section { min-height: 30px; padding: 1px 6px; font-size: 11px; }
    .marketplace-topbar .cart-section span { max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .marketplace-header .hb-logo { padding: 10px 0; }
}

/* Mobile overflow containment
   Swiper translates its track to move slides into view. Its translated slides
   must stay inside the carousel rather than extending the document width.
   The shared header's Bootstrap row also carries desktop negative margins,
   which creates a small horizontal overflow on narrow screens. */
.marketplace-shell .featuredProductsSwiper,
.marketplace-shell .slider-content {
    isolation: isolate;
    contain: paint;
    overflow: hidden;
}

/* Decorative pseudo-elements inside the marketplace category and brand cards
   are intentionally larger than their cards. Keep that visual treatment from
   increasing the document width (the resulting browser scrollbar appears at
   the footer even though the footer itself is within the viewport). */
.marketplace-shell {
    min-width: 0;
    max-width: 100%;
    overflow-x: clip;
}

.marketplace-shell .categories-grid,
.marketplace-shell .sellers-grid,
.marketplace-shell .brands-grid {
    min-width: 0;
    overflow-x: clip;
}

@media (max-width: 600px) {
    html:has(body.marketplace-page),
    body.marketplace-page {
        max-width: 100%;
        overflow-x: clip;
    }

    body.marketplace-page .hb-header .container-fluid > .row {
        margin-right: 0;
        margin-left: 0;
    }

    body.marketplace-page .hb-header .container-fluid > .row > [class*='col-'] {
        min-width: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .marketplace-shell .featuredProductsSwiper,
    .marketplace-shell .featuredProductsSwiper .swiper-wrapper,
    .marketplace-shell .slider-content {
        max-width: 100%;
    }

    /* The footer is outside .marketplace-shell. Its desktop selector offsets
       and Bootstrap row gutters were allowing it to extend beyond phone
       viewports on category, subcategory, and brand result pages. */
    body.marketplace-page .hb-footer,
    body.marketplace-page .hb-footercontent,
    body.marketplace-page .hb-footerbottom,
    body.marketplace-page .hb-footer .container,
    body.marketplace-page .hb-footer .row,
    body.marketplace-page .hb-footer [class*='col-'] {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
    }

    body.marketplace-page .hb-footer {
        overflow-x: clip;
    }

    body.marketplace-page .hb-footer .container {
        width: 100%;
        padding-right: 12px;
        padding-left: 12px;
    }

    body.marketplace-page .hb-footer .row {
        margin-right: 0;
        margin-left: 0;
    }

    body.marketplace-page .hb-footer .row > [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
    }

    body.marketplace-page .hb-selector-pattern {
        width: 100%;
        max-width: 100%;
        margin: 0 0 32px;
    }

    body.marketplace-page .hb-selector-pattern::after {
        left: 0;
        max-width: 100%;
    }

    body.marketplace-page .hb-countery-selector {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        padding: 24px;
    }

    body.marketplace-page .hb-footerbottom__nav ul {
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }
}