/* ==========================================================================
   Responsive guards
   Late mobile pass for Magento/Luma width inheritance.
   Breakpoints: desktop >=1181, tablet 768-1180, mobile <=767, compact <=480.
   ========================================================================== */

#html-body.cms-page-view:not(.cms-index-index) .column.main img,
#html-body.cms-page-view:not(.cms-index-index) .column.main picture,
#html-body.cms-page-view:not(.cms-index-index) .column.main video,
#html-body.cms-page-view:not(.cms-index-index) .column.main iframe {
    max-width: 100%;
}

#html-body.cms-page-view:not(.cms-index-index) .column.main img,
#html-body.cms-page-view:not(.cms-index-index) .column.main picture,
#html-body.cms-page-view:not(.cms-index-index) .column.main video {
    height: auto;
}

#html-body.cms-page-view:not(.cms-index-index) .column.main table {
    max-width: 100%;
}

@media (max-width: 1024px) {
    #html-body .page-wrapper {
        overflow-x: clip;
    }

    #html-body .provenance-navbar__categories,
    #html-body .provenance-category-list {
        box-sizing: border-box !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
    }

    #html-body .provenance-category-list .navigation,
    #html-body .provenance-category-list .navigation > ul {
        max-width: none !important;
        width: max-content !important;
    }

    #html-body[class*="marketplace-"] .page-main,
    #html-body[class*="marketplace-"] .columns,
    #html-body[class*="marketplace-"] .column.main {
        box-sizing: border-box !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #html-body[class*="marketplace-"] .columns {
        display: block !important;
    }

    #html-body[class*="marketplace-"] .sidebar-main,
    #html-body[class*="marketplace-"] .sidebar-additional {
        box-sizing: border-box !important;
        float: none !important;
        margin: 0 0 1rem !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #html-body[class*="marketplace-"] .column.main {
        float: none !important;
        width: 100% !important;
    }

    #html-body[class*="marketplace-"] .pts-row {
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #html-body[class*="marketplace-"] [class*="pts-col-"] {
        box-sizing: border-box !important;
        min-width: 0 !important;
    }
}

@media (max-width: 767px) {
    #html-body:not(.cms-index-index) .page-main {
        box-sizing: border-box !important;
        max-width: 100vw !important;
        overflow-x: clip !important;
        width: 100% !important;
    }

    #html-body:not(.cms-index-index) .columns,
    #html-body:not(.cms-index-index) .column.main {
        box-sizing: border-box !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    #html-body.catalog-category-view.page-products .page-main,
    #html-body.catalogsearch-result-index.page-products .page-main,
    #html-body.catalog-product-view .page-main,
    #html-body.checkout-index-index .page-main,
    #html-body.sales-guest-form .page-main,
    #html-body.cms-page-view:not(.cms-index-index) .page-main,
    #html-body.account .page-main,
    #html-body[class*="marketplace-"] .page-main {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    #html-body .provenance-navbar__categories,
    #html-body .provenance-category-list {
        box-sizing: border-box !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
    }

    #html-body .provenance-search .block-search,
    #html-body .provenance-search .block-content,
    #html-body .provenance-search .form.minisearch,
    #html-body .provenance-search .field.search,
    #html-body .provenance-search .control {
        box-sizing: border-box !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #html-body .provenance-search .block-search input#search,
    #html-body .provenance-search .block-search input.input-text,
    #html-body .provenance-search .block-search input[type="text"],
    #html-body .provenance-search .block-search input[type="search"] {
        clip: auto !important;
        display: block !important;
        left: auto !important;
        margin: 0 !important;
        opacity: 1 !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        visibility: visible !important;
        width: 100% !important;
    }

    #html-body .provenance-search .block-search input#search::placeholder,
    #html-body .provenance-search .block-search input#search::-webkit-input-placeholder,
    #html-body .provenance-search .block-search input.input-text::placeholder,
    #html-body .provenance-search .block-search input.input-text::-webkit-input-placeholder,
    #html-body .provenance-search .block-search input[type="text"]::placeholder,
    #html-body .provenance-search .block-search input[type="text"]::-webkit-input-placeholder,
    #html-body .provenance-search .block-search input[type="search"]::placeholder,
    #html-body .provenance-search .block-search input[type="search"]::-webkit-input-placeholder {
        opacity: 1 !important;
    }

    #html-body.catalog-category-view.page-products .columns,
    #html-body.catalogsearch-result-index.page-products .columns,
    #html-body.catalog-category-view.page-products .column.main,
    #html-body.catalogsearch-result-index.page-products .column.main,
    #html-body.catalog-category-view.page-products .products.wrapper,
    #html-body.catalogsearch-result-index.page-products .products.wrapper,
    #html-body.catalog-category-view.page-products .toolbar.toolbar-products,
    #html-body.catalogsearch-result-index.page-products .toolbar.toolbar-products,
    #html-body.catalog-category-view.page-products .products-grid .products.list.items.product-items,
    #html-body.catalog-category-view.page-products .products-grid .product-items,
    #html-body.catalogsearch-result-index.page-products .products-grid .products.list.items.product-items,
    #html-body.catalogsearch-result-index.page-products .products-grid .product-items,
    #html-body.catalog-category-view.page-products .sidebar-main,
    #html-body.catalog-category-view.page-products .sidebar-additional,
    #html-body.catalogsearch-result-index.page-products .sidebar-main,
    #html-body.catalogsearch-result-index.page-products .sidebar-additional,
    #html-body.catalog-product-view .column.main,
    #html-body.catalog-product-view .product.media,
    #html-body.catalog-product-view .product-info-main,
    #html-body.catalog-product-view .product.info.detailed,
    #html-body.checkout-index-index .checkout-container,
    #html-body.checkout-index-index .opc-wrapper,
    #html-body.checkout-index-index .opc-sidebar,
    #html-body.checkout-index-index .opc-block-summary,
    #html-body.sales-guest-form .form-orders-search,
    #html-body.customer-account-login .login-container,
    #html-body.customer-account-create .form-create-account,
    #html-body.customer-account-create .fieldset,
    #html-body.account .columns,
    #html-body.account .column.main,
    #html-body.wishlist-index-index .products-grid,
    #html-body.wishlist-index-index .products-grid .product-items,
    #html-body.cms-page-view:not(.cms-index-index) .columns,
    #html-body.cms-page-view:not(.cms-index-index) .column.main,
    #html-body[class*="marketplace-"] .columns,
    #html-body[class*="marketplace-"] .column.main,
    #html-body[class*="marketplace-"] .row-browes-pts,
    #html-body[class*="marketplace-"] .purpletree-content,
    #html-body[class*="marketplace-"] .pts-container,
    #html-body[class*="marketplace-"] .pts-container-fluid {
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    #html-body.catalog-category-view.page-products .products-grid .products.list.items.product-items,
    #html-body.catalog-category-view.page-products .products-grid .product-items,
    #html-body.catalogsearch-result-index.page-products .products-grid .products.list.items.product-items,
    #html-body.catalogsearch-result-index.page-products .products-grid .product-items {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #html-body.catalog-category-view.page-products .products-grid .product-item,
    #html-body.catalogsearch-result-index.page-products .products-grid .product-item {
        box-sizing: border-box !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #html-body.catalog-category-view.page-products .toolbar.toolbar-products,
    #html-body.catalogsearch-result-index.page-products .toolbar.toolbar-products {
        align-items: center !important;
        flex-wrap: wrap !important;
        row-gap: 0.75rem !important;
    }

    #html-body.catalog-category-view.page-products .toolbar .toolbar-sorter,
    #html-body.catalog-category-view.page-products .toolbar .limiter,
    #html-body.catalogsearch-result-index.page-products .toolbar .toolbar-sorter,
    #html-body.catalogsearch-result-index.page-products .toolbar .limiter {
        margin-left: 0 !important;
    }

    #html-body.cms-page-view:not(.cms-index-index) .page-main {
        padding-top: 1.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    #html-body.cms-page-view:not(.cms-index-index) h1 {
        font-size: clamp(2rem, 11vw, 2.75rem) !important;
        line-height: 1.05 !important;
    }

    #html-body.cms-page-view:not(.cms-index-index) h2 {
        font-size: clamp(1.55rem, 7vw, 2.15rem) !important;
        line-height: 1.12 !important;
    }

    #html-body.cms-page-view:not(.cms-index-index) p,
    #html-body.cms-page-view:not(.cms-index-index) li {
        max-width: 100% !important;
    }

    #html-body.cms-page-view:not(.cms-index-index) .column.main table,
    #html-body.account .column.main table,
    #html-body[class*="marketplace-"] table {
        display: block !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        white-space: nowrap;
        width: 100% !important;
    }

    #html-body.catalog-product-view .product-info-main {
        overflow-wrap: anywhere;
    }

    #html-body.catalog-product-view .product-info-main .product-info-price,
    #html-body.catalog-product-view .product-info-main .price-box,
    #html-body.catalog-product-view .product-info-main .product-info-stock-sku {
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    #html-body.catalog-product-view .product-info-main .price-container,
    #html-body.catalog-product-view .product-info-main .price-wrapper {
        box-sizing: border-box !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: auto !important;
    }

    #html-body.catalog-product-view .product-info-main .product.attribute.sku .value {
        word-break: break-word;
    }

    #html-body.catalog-product-view .fotorama__stage .fotorama__img,
    #html-body.catalog-product-view .gallery-placeholder__image {
        transform: none !important;
    }

    #html-body.catalog-product-view .fotorama__stage {
        max-width: 100% !important;
    }

    #html-body.catalog-product-view .box-tocart .fieldset {
        grid-template-columns: 4.75rem minmax(0, 1fr) !important;
    }

    #html-body.catalog-product-view .box-tocart .actions {
        min-width: 0 !important;
    }

    #html-body.catalog-product-view .box-tocart .action.tocart.primary {
        min-width: 0 !important;
    }

    #html-body.sales-guest-form .form-orders-search .fieldset,
    #html-body.sales-guest-form .form-orders-search .field,
    #html-body.sales-guest-form .form-orders-search .control,
    #html-body.sales-guest-form .form-orders-search input,
    #html-body.sales-guest-form .form-orders-search select {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    #html-body.customer-account-login input,
    #html-body.customer-account-login select,
    #html-body.customer-account-login textarea,
    #html-body.customer-account-create input,
    #html-body.customer-account-create select,
    #html-body.customer-account-create textarea,
    #html-body.account input,
    #html-body.account select,
    #html-body.account textarea,
    #html-body[class*="marketplace-"] input,
    #html-body[class*="marketplace-"] select,
    #html-body[class*="marketplace-"] textarea,
    #html-body[class*="marketplace-"] .pts-form-control {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    #html-body.customer-account-login input:not([type="checkbox"]):not([type="radio"]),
    #html-body.customer-account-login select,
    #html-body.customer-account-login textarea,
    #html-body.customer-account-create input:not([type="checkbox"]):not([type="radio"]),
    #html-body.customer-account-create select,
    #html-body.customer-account-create textarea,
    #html-body.account input:not([type="checkbox"]):not([type="radio"]),
    #html-body.account select,
    #html-body.account textarea,
    #html-body[class*="marketplace-"] input:not([type="checkbox"]):not([type="radio"]),
    #html-body[class*="marketplace-"] select,
    #html-body[class*="marketplace-"] textarea,
    #html-body[class*="marketplace-"] .pts-form-control {
        width: 100% !important;
    }

    #html-body[class*="marketplace-"] .block-collapsible-nav.pts-main,
    #html-body[class*="marketplace-"] .block-collapsible-nav.pts-main .block-collapsible-nav-content,
    #html-body[class*="marketplace-"] .block-collapsible-nav.pts-main .account-nav,
    #html-body[class*="marketplace-"] .block-collapsible-nav.pts-main .nav.items {
        box-sizing: border-box !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #html-body[class*="marketplace-"] .float-left,
    #html-body[class*="marketplace-"] .float-right {
        float: none !important;
    }

    #html-body[class*="marketplace-"] .column1,
    #html-body[class*="marketplace-"] .column2,
    #html-body[class*="marketplace-"] .pts-col-md-2,
    #html-body[class*="marketplace-"] .pts-col-md-3,
    #html-body[class*="marketplace-"] .pts-col-md-4,
    #html-body[class*="marketplace-"] .pts-col-md-5,
    #html-body[class*="marketplace-"] .pts-col-md-6,
    #html-body[class*="marketplace-"] .pts-col-sm-2,
    #html-body[class*="marketplace-"] .pts-col-sm-3,
    #html-body[class*="marketplace-"] .pts-col-sm-4,
    #html-body[class*="marketplace-"] .pts-col-sm-5,
    #html-body[class*="marketplace-"] .pts-col-sm-6,
    #html-body[class*="marketplace-"] .pts-col-xs-6,
    #html-body[class*="marketplace-"] .pts-col-xs-12 {
        box-sizing: border-box !important;
        float: none !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #html-body[class*="marketplace-"] .pts-store-banner,
    #html-body[class*="marketplace-"] .pts-store-logo,
    #html-body[class*="marketplace-"] .purpletree_seller,
    #html-body[class*="marketplace-"] .img-thumbnail {
        max-width: 100% !important;
    }

    #html-body[class*="marketplace-"] .pts-store-banner img,
    #html-body[class*="marketplace-"] .pts-store-logo img,
    #html-body[class*="marketplace-"] .purpletree_seller img,
    #html-body[class*="marketplace-"] .img-thumbnail img {
        height: auto !important;
        max-width: 100% !important;
    }
}

@media (min-width: 560px) and (max-width: 767px) {
    #html-body.catalog-category-view.page-products .products-grid .products.list.items.product-items,
    #html-body.catalog-category-view.page-products .products-grid .product-items,
    #html-body.catalogsearch-result-index.page-products .products-grid .products.list.items.product-items,
    #html-body.catalogsearch-result-index.page-products .products-grid .product-items,
    #html-body.wishlist-index-index .products-grid .product-items {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 420px) {
    #html-body.catalog-category-view.page-products .page-main,
    #html-body.catalogsearch-result-index.page-products .page-main,
    #html-body.catalog-product-view .page-main,
    #html-body.sales-guest-form .page-main {
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important;
    }
}

@media (max-width: 360px) {
    #html-body.catalog-product-view .box-tocart .fieldset {
        grid-template-columns: 1fr !important;
    }

    #html-body.catalog-product-view .box-tocart .field.qty,
    #html-body.catalog-product-view .box-tocart .actions {
        display: block !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

#html-body.cms-index-index:not(.provenance-home-nav-menu-active) .provenance-navbar__categories {
    visibility: hidden;
}

#html-body.cms-index-index.provenance-home-nav-menu-active .provenance-navbar__categories {
    visibility: visible;
}