/*
Theme Name: Depot Child
Theme URI: https://depot.qodeinteractive.com/
Description: A child theme of Depot Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/elated-themes
Version: 1.0.1
Text Domain: depot
Template: depot
*/

body,
.mkd-content,
.mkd-content p,
.mkd-content li,
.mkd-content label,
.mkd-content input,
.mkd-content textarea,
.mkd-content select,
.mkd-woocommerce-page .woocommerce-result-count,
.mkd-woocommerce-page .woocommerce-ordering .orderby,
.mkd-woocommerce-page .product_meta,
.mkd-woocommerce-page .product_meta a,
.mkd-woo-single-page .mkd-single-product-summary .woocommerce-product-details__short-description,
.mkd-woo-single-page .woocommerce-tabs .entry-content,
.mkd-woocommerce-page table.shop_table,
.mkd-woocommerce-page .cart-collaterals,
.mkd-woocommerce-page.woocommerce-account .woocommerce,
.mkd-woocommerce-page.woocommerce-account .woocommerce p,
.mkd-woocommerce-page.woocommerce-checkout .woocommerce,
.mkd-woocommerce-page.woocommerce-cart .woocommerce {
    color: #666;
}

.mkd-content input::placeholder,
.mkd-content textarea::placeholder {
    color: #666;
    opacity: 1;
}

@media only screen and (min-width: 769px){
    .mkd-woo-single-page.mkd-woo-single-thumb-on-left-side .mkd-single-product-content .images.woocommerce-product-gallery--with-images .woocommerce-product-gallery__image:not(:first-of-type){
        height: 120px;
    }

    .mkd-woo-single-page.mkd-woo-single-thumb-on-left-side .mkd-single-product-content .images.woocommerce-product-gallery--with-images .woocommerce-product-gallery__image:nth-of-type(3n){
        top: 137px;
    }

    .mkd-woo-single-page.mkd-woo-single-thumb-on-left-side .mkd-single-product-content .images.woocommerce-product-gallery--with-images .woocommerce-product-gallery__image:nth-of-type(4n){
        top: 274px;
    }

    .mkd-woo-single-page.mkd-woo-single-thumb-on-left-side .mkd-single-product-content .images.woocommerce-product-gallery--with-images .woocommerce-product-gallery__image:nth-of-type(5n){
        top: 410px;
    }
}

.mkd-woo-single-page .woocommerce-product-gallery__image:first-of-type > a {
    display: block;
    position: relative;
}

.mkd-child-product-gallery-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 8;
    display: flex;
    justify-content: space-between;
    padding: 0 14px;
    pointer-events: none;
    transform: translateY(-50%);
}

.mkd-child-product-gallery-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.92);
    color: #080808;
    cursor: pointer;
    pointer-events: auto;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.mkd-child-product-gallery-nav-btn:hover {
    border-color: #313131;
    background: #313131;
    color: #fff;
}

.mkd-child-product-gallery-nav-btn:before {
    font-family: ElegantIcons, sans-serif;
    font-size: 22px;
    line-height: 1;
}

.mkd-child-product-gallery-prev:before {
    content: "\34";
}

.mkd-child-product-gallery-next:before {
    content: "\35";
}

.mkd-woo-single-page .woocommerce-product-gallery__image:not(:first-of-type).mkd-child-gallery-active-thumb a {
    opacity: 0.55;
}

.mkd-woo-single-page .woocommerce-tabs .woocommerce-product-attributes {
    table-layout: auto;
}

.mkd-woo-single-page .woocommerce-tabs .woocommerce-product-attributes th {
    width: 220px;
    min-width: 220px;
    padding-right: 28px;
    white-space: nowrap;
}

.mkd-woo-single-page .woocommerce-tabs .woocommerce-product-attributes td,
.mkd-woo-single-page .woocommerce-tabs .woocommerce-product-attributes td p {
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
    .mkd-woo-single-page .woocommerce-tabs .woocommerce-product-attributes th {
        width: 145px;
        min-width: 145px;
        padding-right: 16px;
    }

    .mkd-woo-single-page .woocommerce-tabs .woocommerce-product-attributes td,
    .mkd-woo-single-page .woocommerce-tabs .woocommerce-product-attributes td p {
        white-space: normal;
    }
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: #4a4a4a;
}

.mkd-content,
.mkd-content p,
.mkd-content li,
.mkd-content td,
.mkd-content .woocommerce-product-details__short-description,
.mkd-woo-single-page .woocommerce-tabs,
.mkd-woo-single-page .woocommerce-tabs .woocommerce-product-attributes td,
.mkd-woo-single-page .woocommerce-tabs .woocommerce-product-attributes td p,
.mkd-woo-single-page .mkd-single-product-summary .product_meta > span,
.mkd-woo-single-page .mkd-single-product-summary .product_meta > span a {
    color: #4a4a4a;
}

/* Product grid price — keep it the same dark black as the nav/category text
   instead of the lighter #4a4a4a gray, and bold. */
ul.products > .product .price,
ul.products > .product .price del,
.mkd-pl-holder .mkd-pli .price,
.mkd-pl-holder .mkd-pli .price del {
    color: #080808;
    font-weight: 700;
}

/* Product grid "ADD TO CART" hover text — match the dark price colour and bold
   instead of the parent theme's #999 gray. */
ul.products > .product .mkd-pl-add-to-cart a,
.mkd-pl-holder .mkd-pli .mkd-pli-add-to-cart a {
    color: #080808;
    font-weight: 700;
}

.mkd-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mkd-wrapper-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mkd-page-footer {
    margin-top: auto;
}

/* Fallback footer background. Kept in sync with DEPOT_CHILD_FOOTER_FALLBACK_BG in
   components/footer.php, which derives the footer text colour from this value when
   Theme Options has no footer colour set. Page-scoped rules generated there override
   this when a colour is configured. */
footer.mkd-page-footer,
footer.mkd-page-footer .mkd-footer-top-holder,
footer.mkd-page-footer .mkd-footer-bottom-holder {
    background-color: #f5f5f5 !important;
}

.mkd-child-product-archive-header {
    margin: 0 0 24px;
}

.mkd-child-product-archive-title {
    margin: 0;
    color: #1d1d1d;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1.25;
    text-transform: uppercase;
}

.home div.woocommerce > .products > .product-category {
    margin-bottom: 44px;
    text-align: center;
}

.home div.woocommerce > .products > .product-category a,
ul.products > .product .mkd-pl-inner,
ul.products > .product .mkd-pl-text-wrapper {
    width: 100%;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.home div.woocommerce > .products > .product-category a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home div.woocommerce > .products > .product-category a:after {
    pointer-events: none;
}

.home div.woocommerce > .products > .product-category img,
ul.products > .product .mkd-pl-inner .mkd-pl-image,
ul.products > .product .mkd-pl-inner .mkd-pl-image .mkd-child-no-img-placeholder {
    aspect-ratio: 1;
    box-sizing: border-box;
    background: #f5f5f5;
}

.home div.woocommerce > .products > .product-category img,
ul.products > .product .mkd-pl-inner .mkd-pl-image {
    display: block;
    width: 100%;
    height: auto;
    padding: 32px;
}

ul.products > .product .mkd-pl-inner .mkd-pl-image {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.home div.woocommerce > .products > .product-category img,
ul.products > .product .mkd-pl-inner .mkd-pl-image img {
    object-fit: contain;
}

ul.products > .product .mkd-pl-inner .mkd-pl-image img,
ul.products > .product .mkd-pl-inner .mkd-pl-image .mkd-child-no-img-placeholder {
    display: block;
    width: 100%;
    height: 100%;
}

.home div.woocommerce > .products > .product-category .woocommerce-loop-category__title {
    position: static;
    display: block;
    padding: 0;
    margin: 18px 0 0;
    color: #080808;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.45;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
    opacity: 1;
    transform: none;
    transition: color 0.2s ease;
}

.home div.woocommerce > .products > .product-category a:hover .woocommerce-loop-category__title {
    color: #555;
}

.home div.woocommerce > .products > .product-category .woocommerce-loop-category__title .count {
    display: none;
}

.home div.woocommerce > .products > .product-category.mkd-child-category-highlighted img {
    box-shadow: inset 0 0 0 2px #080808;
}

.home div.woocommerce > .products > .product-category.mkd-child-category-highlighted .woocommerce-loop-category__title {
    color: #080808;
}

@media only screen and (max-width: 680px) {
    .home div.woocommerce > .products > .product-category .woocommerce-loop-category__title {
        font-size: 11px;
        letter-spacing: 0.04em;
    }

    .home div.woocommerce > .products > .product-category img,
    ul.products > .product .mkd-pl-inner .mkd-pl-image {
        padding: 18px;
    }
}

.mkd-shopping-cart-dropdown {
    width: 340px;
    max-width: calc(100vw - 32px);
    background-color: #111;
    overflow: hidden;
}

.mkd-shopping-cart-dropdown ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: min(360px, calc(100vh - 260px));
    margin: 18px;
    padding: 0;
    overflow-y: auto;
}

.mkd-shopping-cart-dropdown ul li {
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    margin: 0;
}

.mkd-shopping-cart-dropdown .mkd-item-image-holder {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    float: none;
    background-color: #f5f5f5;
}

.mkd-shopping-cart-dropdown .mkd-item-image-holder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mkd-shopping-cart-dropdown .mkd-item-info-holder {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20px;
    column-gap: 8px;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: auto;
    padding-left: 12px;
    float: none;
}

.mkd-shopping-cart-dropdown .mkd-item-info-holder .mkd-product-title {
    grid-column: 1;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mkd-shopping-cart-dropdown .mkd-item-info-holder .remove {
    position: relative;
    top: -3px;
    right: auto;
    grid-column: 2;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.mkd-shopping-cart-dropdown .mkd-item-info-holder .mkd-quantity,
.mkd-shopping-cart-dropdown .mkd-item-info-holder .amount {
    grid-column: 1;
    margin-top: 4px;
    color: #cfcfcf;
}

.mkd-shopping-cart-dropdown .mkd-cart-bottom {
    padding: 0 18px 18px;
}

.mkd-shopping-cart-dropdown .mkd-cart-bottom .mkd-btn-holder a {
    margin-right: 0;
    margin-left: 0;
}

/* Divided header override: parent JS writes equal float widths around the
   hidden center logo. Use flex so the right tools get the remaining space. */
.mkd-header-divided .mkd-menu-area .mkd-vertical-align-containers {
    display: flex;
    align-items: center;
}

.mkd-header-divided .mkd-menu-area .mkd-position-center {
    display: none !important;
}

.mkd-header-divided .mkd-menu-area .mkd-position-left,
.mkd-header-divided .mkd-menu-area .mkd-position-right {
    float: none;
    width: auto !important;
    min-width: 0;
}

.mkd-header-divided .mkd-menu-area .mkd-position-left {
    flex: 0 1 auto;
}

.mkd-header-divided .mkd-menu-area .mkd-position-right {
    flex: 1 1 auto;
}

.mkd-header-divided .mkd-menu-area .mkd-position-left:before,
.mkd-header-divided .mkd-menu-area .mkd-position-right:before {
    display: none;
}

.mkd-header-divided .mkd-menu-area .mkd-position-left-inner,
.mkd-header-divided .mkd-menu-area .mkd-position-right-inner {
    display: flex;
    align-items: center;
}

/* Hide the Mikado search opener icon - replaced by the injected wide form */
.mkd-header-widget-menu-area.widget_mkd_search_opener,
[id^="mkd_search_opener"] {
    display: none !important;
}

.mkd-header-standard .mkd-menu-area .mkd-position-right-inner,
.mkd-header-divided .mkd-menu-area .mkd-position-right-inner {
    white-space: nowrap;
}

.mkd-header-divided .mkd-menu-area .mkd-position-right-inner {
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    justify-content: flex-end;
}

.mkd-header-divided .mkd-menu-area .mkd-main-menu-widget-area {
    width: 100%;
    min-width: 0;
}

.mkd-header-divided .mkd-menu-area .mkd-main-menu-widget-area-inner {
    display: flex;
    align-items: center;
    height: 96px;
    justify-content: flex-end;
    min-width: 0;
    width: 100%;
    flex-wrap: nowrap;
}

.mkd-header-divided .mkd-menu-area .mkd-main-menu-widget-area-inner > .widget {
    flex: 0 0 auto;
}

.mkd-header-divided .mkd-menu-area .mkd-main-menu-widget-area-inner > .widget.mkd-child-header-search {
    flex: 1 1 460px;
    max-width: 520px;
    min-width: 0;
}

/* Keep every top-level nav link the same black. The parent theme turns the
   active/current item gray (#929292) via .mkd-active-item / current-menu-*,
   so the highlighted item (e.g. "Smoke Detectors" on a product page) looked
   a different colour than the rest. Force them all to #080808. */
.mkd-page-header .mkd-main-menu > ul > li > a,
.mkd-page-header .mkd-main-menu > ul > li.mkd-active-item > a,
.mkd-page-header .mkd-main-menu > ul > li.current-menu-item > a,
.mkd-page-header .mkd-main-menu > ul > li.current-menu-parent > a,
.mkd-page-header .mkd-main-menu > ul > li.current-menu-ancestor > a,
.mkd-page-header .mkd-main-menu > ul > li.current-product-parent > a,
.mkd-page-header .mkd-main-menu > ul > li.current-product-ancestor > a {
    color: #080808;
}

/* Header home link as a compact text logo */
.mkd-page-header .mkd-main-menu > ul > li.mkd-child-home-logo-menu > a {
    min-width: 154px;
    padding-right: 18px;
}

.mkd-page-header .mkd-main-menu > ul > li.mkd-child-home-logo-menu > a .mkd-child-home-logo,
.mkd-mobile-header .mkd-mobile-nav ul li.mkd-child-home-logo-menu > a .mkd-child-home-logo {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.18;
    white-space: normal;
}

.mkd-page-header .mkd-main-menu > ul > li.mkd-child-home-logo-menu > a .mkd-child-home-logo {
    gap: 2px;
}

.mkd-page-header .mkd-main-menu > ul > li.mkd-child-home-logo-menu > a .mkd-child-home-logo span,
.mkd-mobile-header .mkd-mobile-nav ul li.mkd-child-home-logo-menu > a .mkd-child-home-logo span {
    display: block;
}

.mkd-mobile-header .mkd-child-mobile-header-logo {
    display: inline-flex;
    align-items: center;
    height: auto;
}

.mkd-mobile-header .mkd-child-mobile-header-logo a {
    display: inline-flex;
    max-width: 124px;
    color: #666;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.18;
    text-decoration: none;
    text-transform: uppercase;
}

.mkd-mobile-header .mkd-child-mobile-header-logo .mkd-child-home-logo {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    white-space: normal;
}

.mkd-mobile-header .mkd-child-mobile-header-logo .mkd-child-home-logo span {
    display: block;
}

.mkd-mobile-header .mkd-child-mobile-header-logo a:hover {
    color: #666;
}

/* Wide header search form */
.mkd-child-header-search {
    display: inline-flex !important;
    align-items: center;
    margin-right: 20px;
    position: relative;
}

.mkd-header-divided .mkd-menu-area .mkd-child-header-search > form {
    width: 100%;
}

.mkd-child-header-search-inner {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
}

.mkd-child-header-search-input {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: 13px;
    color: inherit;
    padding: 4px 6px 4px 0;
    line-height: 1.4;
}

.mkd-child-header-search-input::placeholder {
    color: #767676;
}

.mkd-child-header-search-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 4px;
    display: flex;
    align-items: center;
    color: inherit;
    font-size: 14px;
}

/* Live search dropdown */
.mkd-child-search-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 340px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    z-index: 9999;
    max-height: 420px;
    overflow-y: auto;
}

.mkd-child-search-dropdown.is-open {
    display: block;
}

.mkd-child-search-item {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    transition: background 0.15s;
}

.mkd-child-search-item:last-child {
    border-bottom: none;
}

.mkd-child-search-item:hover {
    background: #f9f9f9;
}

.mkd-child-search-item-img {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
    background: #f5f5f5;
}

.mkd-child-search-item-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.mkd-child-search-item-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    color: #333;
    white-space: normal;
    overflow-wrap: break-word;
}

.mkd-child-search-item-price {
    font-size: 12px;
    line-height: 1.3;
    color: #555;
    text-align: left;
    white-space: nowrap;
}

.mkd-child-search-empty {
    padding: 14px;
    font-size: 13px;
    color: #444;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}

.mkd-child-search-empty strong {
    display: block;
    font-size: 14px;
    color: #222;
    margin-bottom: 6px;
}

.mkd-child-search-empty p {
    margin: 0 auto 10px;
    max-width: 100%;
    color: #4a4a4a;
    font-size: 12px;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: normal;
}

.mkd-child-search-cta {
    display: block;
    margin: 6px auto 0;
    width: 100%;
    max-width: 260px;
    padding: 8px 10px;
    border: 2px solid transparent;
    border-radius: 0;
    background: #313131;
    color: #fff !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.4;
    overflow-wrap: anywhere;
    text-decoration: none;
    text-transform: uppercase;
    box-sizing: border-box;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.mkd-child-search-cta:hover {
    border-color: #444;
    background: #444;
    color: #fff !important;
}

/* Full-page search no-results */

.mkd-search-no-results {
    padding: 30px 0;
    text-align: center;
}

.mkd-search-no-results-heading {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.mkd-search-no-results p {
    color: #4a4a4a;
    margin-bottom: 20px;
}

.mkd-search-no-results-cta {
    display: inline-block;
    margin: 6px 8px;
    padding: 12px 24px;
    border: 2px solid transparent;
    border-radius: 0;
    background: #313131;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15em;
    line-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.mkd-search-no-results-cta:hover {
    border-color: #444;
    background: #444;
    color: #fff !important;
}

body.search footer.mkd-page-footer,
body.search footer.mkd-page-footer .mkd-footer-top-holder,
body.search footer.mkd-page-footer .mkd-footer-bottom-holder,
body.search-no-results footer.mkd-page-footer,
body.search-no-results footer.mkd-page-footer .mkd-footer-top-holder,
body.search-no-results footer.mkd-page-footer .mkd-footer-bottom-holder,
body.single-product footer.mkd-page-footer,
body.single-product footer.mkd-page-footer .mkd-footer-top-holder,
body.single-product footer.mkd-page-footer .mkd-footer-bottom-holder,
body.tax-product_cat footer.mkd-page-footer,
body.tax-product_cat footer.mkd-page-footer .mkd-footer-top-holder,
body.tax-product_cat footer.mkd-page-footer .mkd-footer-bottom-holder,
body.tax-product_tag footer.mkd-page-footer,
body.tax-product_tag footer.mkd-page-footer .mkd-footer-top-holder,
body.tax-product_tag footer.mkd-page-footer .mkd-footer-bottom-holder {
    background-color: #f5f5f5 !important;
}

body.search footer.mkd-page-footer .mkd-footer-top-holder .mkd-grid-row,
body.search footer.mkd-page-footer .mkd-footer-bottom-holder .mkd-grid-row,
body.search-no-results footer.mkd-page-footer .mkd-footer-top-holder .mkd-grid-row,
body.search-no-results footer.mkd-page-footer .mkd-footer-bottom-holder .mkd-grid-row,
body.single-product footer.mkd-page-footer .mkd-footer-top-holder .mkd-grid-row,
body.single-product footer.mkd-page-footer .mkd-footer-bottom-holder .mkd-grid-row,
body.tax-product_cat footer.mkd-page-footer .mkd-footer-top-holder .mkd-grid-row,
body.tax-product_cat footer.mkd-page-footer .mkd-footer-bottom-holder .mkd-grid-row,
body.tax-product_tag footer.mkd-page-footer .mkd-footer-top-holder .mkd-grid-row,
body.tax-product_tag footer.mkd-page-footer .mkd-footer-bottom-holder .mkd-grid-row {
    background-color: transparent !important;
}

body.search footer.mkd-page-footer .widget,
body.search footer.mkd-page-footer .widget a,
body.search footer.mkd-page-footer .widget ul li a,
body.search footer.mkd-page-footer .widget .wp-block-heading,
body.search footer.mkd-page-footer .widget div.mkd-widget-title-holder .mkd-widget-title,
body.search-no-results footer.mkd-page-footer .widget,
body.search-no-results footer.mkd-page-footer .widget ul li a,
body.search-no-results footer.mkd-page-footer .widget div.mkd-widget-title-holder .mkd-widget-title,
body.single-product footer.mkd-page-footer .widget,
body.single-product footer.mkd-page-footer .widget ul li a,
body.single-product footer.mkd-page-footer .widget div.mkd-widget-title-holder .mkd-widget-title,
body.tax-product_cat footer.mkd-page-footer .widget,
body.tax-product_cat footer.mkd-page-footer .widget ul li a,
body.tax-product_cat footer.mkd-page-footer .widget div.mkd-widget-title-holder .mkd-widget-title,
body.tax-product_tag footer.mkd-page-footer .widget,
body.tax-product_tag footer.mkd-page-footer .widget ul li a,
body.tax-product_tag footer.mkd-page-footer .widget div.mkd-widget-title-holder .mkd-widget-title {
    color: #000 !important;
}

/* WooCommerce My Account navigation */
.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation {
    width: 24%;
    padding: 4px 38px 0 0;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {
    width: 76%;
    padding-left: 34px;
    border-left: 1px solid #e6e6e6;
}

.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .mkd-user-info {
    margin: 0 0 34px;
    padding: 0 0 28px;
    border-bottom: 1px solid #e6e6e6;
}

.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .mkd-user-info img {
    width: 74px;
    height: 74px;
    margin: 0 0 18px;
    border: 1px solid #e0e0e0;
    background: #f4f4f4;
}

.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .mkd-user-info h3 {
    margin: 0 0 4px;
    color: #080808;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.25;
    text-transform: uppercase;
}

.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .mkd-user-info .mkd-username {
    color: #777;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .woocommerce-MyAccount-navigation ul li:not(:last-child) {
    margin: 0;
}

.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .woocommerce-MyAccount-navigation ul li a {
    position: relative;
    display: block;
    padding: 9px 0 9px 18px;
    color: #666;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
}

.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .woocommerce-MyAccount-navigation ul li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    background: #080808;
    transform: translateY(-50%);
    transition: width 0.2s ease;
}

.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .woocommerce-MyAccount-navigation ul li:hover a,
.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #080808;
}

.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .woocommerce-MyAccount-navigation ul li:hover a:before,
.mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .woocommerce-MyAccount-navigation ul li.is-active a:before {
    width: 8px;
}

/* WooCommerce My Account auth */
.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-woocommerce-account-login-form {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth {
    display: block;
    width: 100%;
    margin: 0;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth-radio,
.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth-radio:focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    opacity: 0 !important;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 34px;
    border-bottom: 1px solid #e1e1e1;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    border-bottom: 2px solid transparent;
    color: #666;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth-tab:hover,
.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth-radio:focus + .mkd-child-account-auth-radio + .mkd-child-account-auth-tabs .mkd-child-account-auth-tab-login,
.mkd-woocommerce-page.woocommerce-account .woocommerce #mkd-child-account-login-tab:checked ~ .mkd-child-account-auth-tabs .mkd-child-account-auth-tab-login,
.mkd-woocommerce-page.woocommerce-account .woocommerce #mkd-child-account-register-tab:checked ~ .mkd-child-account-auth-tabs .mkd-child-account-auth-tab-register {
    color: #080808;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce #mkd-child-account-login-tab:checked ~ .mkd-child-account-auth-tabs .mkd-child-account-auth-tab-login,
.mkd-woocommerce-page.woocommerce-account .woocommerce #mkd-child-account-register-tab:checked ~ .mkd-child-account-auth-tabs .mkd-child-account-auth-tab-register {
    border-bottom-color: #080808;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth-panel {
    display: none;
    float: none;
    width: 100%;
    margin: 0;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce #mkd-child-account-login-tab:checked ~ .mkd-child-account-login-panel,
.mkd-woocommerce-page.woocommerce-account .woocommerce #mkd-child-account-register-tab:checked ~ .mkd-child-account-register-panel {
    display: block;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth-panel h2 {
    margin: 0 0 22px;
    font-size: 24px;
    line-height: 1.3;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth form.login,
.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth form.register {
    display: block;
    margin: 0;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth form p {
    margin: 0 0 18px;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth form p:last-child {
    margin-bottom: 0;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth label:not(.woocommerce-form__label-for-checkbox) {
    display: block;
    margin: 0 0 7px;
    color: #080808;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth input[type="text"],
.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth input[type="email"],
.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth input[type="password"] {
    width: 100%;
    box-sizing: border-box;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce form .password-input {
    position: relative;
    display: block;
    width: 100%;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce form .password-input input[type="password"],
.mkd-woocommerce-page.woocommerce-account .woocommerce form .password-input input[type="text"] {
    padding-right: 52px;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce form .password-input input::-ms-reveal {
    display: none;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce form .show-password-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #080808;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    transform: none;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce form .show-password-input:hover,
.mkd-woocommerce-page.woocommerce-account .woocommerce form .show-password-input:focus {
    border: 0;
    background: transparent;
    color: #080808;
    outline: none;
    box-shadow: none;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce form .show-password-input:focus-visible {
    outline: 1px solid #080808;
    outline-offset: -6px;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce form .show-password-input:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23080808"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce form .show-password-input.display-password:before {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.3 9.5C15 4.9 8.5 3.8 3.9 7.2C2.7 8.1 1.7 9.3 0.9 10.6C1.1 11 1.4 11.4 1.7 11.8C5 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.8 18.3 9.5ZM10.1 7.2C10.6 6.7 11.4 6.7 11.9 7.2C12.4 7.7 12.4 8.5 11.9 9C11.4 9.5 10.6 9.5 10.1 9C9.6 8.5 9.6 7.7 10.1 7.2ZM10 14.9C6.9 14.9 4 13.3 2.3 10.7C3.5 9 5.1 7.8 7 7.2C6.3 8 6 8.9 6 9.9C6 12.1 7.7 14 10 14C12.2 14 14.1 12.3 14.1 10V9.9C14.1 8.9 13.7 7.9 13 7.2C14.9 7.8 16.5 9 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23080808"/%3E%3C/svg%3E');
}

/* Mikado header login/register modal */
.mkd-login-register-holder .mkd-social-register-holder input[type="password"],
.mkd-login-register-holder .mkd-social-register-holder input[type="text"]#user_register_password,
.mkd-login-register-holder .mkd-social-register-holder input[type="text"]#user_register_confirm_password {
    height: 50px;
    padding: 14px 48px 14px 20px;
    line-height: 20px;
}

.mkd-login-register-holder .mkd-child-membership-password {
    position: relative;
}

.mkd-login-register-holder .mkd-child-membership-password-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #080808;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
    box-shadow: none;
}

.mkd-login-register-holder .mkd-child-membership-password-toggle:hover,
.mkd-login-register-holder .mkd-child-membership-password-toggle:focus {
    border: 0;
    background: transparent;
    color: #080808;
    outline: none;
    box-shadow: none;
}

.mkd-login-register-holder .mkd-child-membership-password-toggle:focus-visible {
    outline: 1px solid #080808;
    outline-offset: -7px;
}

.mkd-login-register-holder .mkd-child-membership-password-toggle:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23080808"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
}

.mkd-login-register-holder .mkd-child-membership-password-toggle.is-visible:before {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.3 9.5C15 4.9 8.5 3.8 3.9 7.2C2.7 8.1 1.7 9.3 0.9 10.6C1.1 11 1.4 11.4 1.7 11.8C5 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.8 18.3 9.5ZM10.1 7.2C10.6 6.7 11.4 6.7 11.9 7.2C12.4 7.7 12.4 8.5 11.9 9C11.4 9.5 10.6 9.5 10.1 9C9.6 8.5 9.6 7.7 10.1 7.2ZM10 14.9C6.9 14.9 4 13.3 2.3 10.7C3.5 9 5.1 7.8 7 7.2C6.3 8 6 8.9 6 9.9C6 12.1 7.7 14 10 14C12.2 14 14.1 12.3 14.1 10V9.9C14.1 8.9 13.7 7.9 13 7.2C14.9 7.8 16.5 9 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23080808"/%3E%3C/svg%3E');
}

.mkd-login-register-holder .mkd-register-privacy-policy {
    display: block;
    margin: 2px 0 0;
    color: #777;
    font-size: 12px;
    line-height: 1.55;
}

.mkd-login-register-holder .mkd-register-privacy-policy a {
    font-size: inherit;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-actions .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-actions input[type="checkbox"] {
    margin: 0 7px 0 0;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth .lost_password {
    margin: 12px 0 0;
}

.mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth .woocommerce-privacy-policy-text {
    margin: 2px 0 20px;
    color: #4a4a4a;
    font-size: 13px;
    line-height: 1.6;
}

@media only screen and (max-width: 768px) {
    .mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation,
    .mkd-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {
        display: block;
        float: none;
        width: 100%;
        padding: 0;
        border-left: 0;
    }

    .mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation {
        margin: 0 0 34px;
    }

    .mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .mkd-user-info {
        display: grid;
        grid-template-columns: 58px 1fr;
        column-gap: 16px;
        align-items: center;
        margin-bottom: 18px;
        padding-bottom: 20px;
    }

    .mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .mkd-user-info img {
        width: 58px;
        height: 58px;
        margin: 0;
        grid-row: span 2;
    }

    .mkd-woocommerce-page.woocommerce-account .mkd-woocommerce-account-navigation .woocommerce-MyAccount-navigation ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 14px;
    }

    .mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-woocommerce-account-login-form {
        max-width: 100%;
    }

    .mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-auth-tabs {
        margin-bottom: 26px;
    }

    .mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-actions {
        display: block;
    }

    .mkd-woocommerce-page.woocommerce-account .woocommerce .mkd-child-account-actions .button {
        width: 100%;
        margin-top: 16px;
        text-align: center;
    }
}

/* WooCommerce product list shortcode - 1:1 thumbnails */
.mkd-pli-image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    background: #f5f5f5;
}

/* .mkd-pli-inner is display:inline-block with no explicit width - force it open */
.mkd-pl-holder .mkd-pli-inner {
    width: 100%;
}

.mkd-pli-image img,
.mkd-pli-image .mkd-child-no-img-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.mkd-pli-image img {
    object-fit: contain;
}

.mkd-child-no-img-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mkd-child-no-img-icon {
    font-size: 56px;
    color: #9a9a9a;
}

/* Back In Stock Notifier form - contain the Bootstrap grid inside the panel.
   The template nests two col-md-12 inside a row with margin: 0 -15px,
   causing overflow. Zero the margins/padding and clip at the panel level. */
.cwginstock-panel-primary {
    overflow: hidden;
}
.single-product .cwginstock-subscribe-form .panel-primary.cwginstock-panel-primary {
    border-color: #f5f5f5 !important;
    box-shadow: none;
}
.single-product .cwginstock-subscribe-form .panel-primary > .panel-heading.cwginstock-panel-heading {
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    color: #1d1d1d !important;
}
.single-product .cwginstock-subscribe-form .panel-primary > .panel-heading.cwginstock-panel-heading h4 {
    color: #1d1d1d !important;
}
.mkd-child-product-stock-details {
    margin: -10px 0 24px;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}
.mkd-child-product-stock-detail {
    margin: 0;
}
.mkd-child-product-stock-detail strong {
    color: #1d1d1d;
    font-weight: 600;
}
.mkd-btn.mkd-btn-solid,
.woocommerce-page .mkd-content a.button,
.woocommerce-page .mkd-content button[type=submit],
.woocommerce-page .mkd-content input[type=submit],
div.woocommerce a.button,
div.woocommerce button[type=submit],
div.woocommerce input[type=submit],
.mkd-woo-single-page .mkd-single-product-summary form.cart .single_add_to_cart_button,
.mkd-shopping-cart-dropdown .mkd-cart-bottom .mkd-view-cart,
.cwgstock_button,
.cwg_popup_submit {
    background-color: #313131 !important;
    border-color: #313131 !important;
    color: #fff !important;
}
.mkd-btn.mkd-btn-solid:hover,
.woocommerce-page .mkd-content a.button:hover,
.woocommerce-page .mkd-content button[type=submit]:hover,
.woocommerce-page .mkd-content input[type=submit]:hover,
div.woocommerce a.button:hover,
div.woocommerce button[type=submit]:hover,
div.woocommerce input[type=submit]:hover,
.mkd-woo-single-page .mkd-single-product-summary form.cart .single_add_to_cart_button:hover,
.mkd-shopping-cart-dropdown .mkd-cart-bottom .mkd-view-cart:hover,
.cwgstock_button:hover,
.cwg_popup_submit:hover {
    background-color: #444 !important;
    border-color: #444 !important;
    color: #fff !important;
}
.cwginstock-subscribe-form .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.cwginstock-subscribe-form .col-md-12 {
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.cwginstock-subscribe-form input[type="text"],
.cwginstock-subscribe-form input[type="email"],
.cwginstock-subscribe-form input[type="tel"] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Product badges: NEW / OUT OF STOCK / sale % - dark gray pill, white text */
[class*="-new-product"],
[class*="-onsale"],
[class*="-out-of-stock"] {
    background: #313131 !important;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em;
    display: inline-block;
    line-height: 1.6;
    border: none !important;
    white-space: nowrap;
}

.products > .product .cwg_popup_submit,
ul.products > .product .cwg_popup_submit,
body.search .mkd-child-search-products .cwg_popup_submit {
    display: block;
    float: none;
    clear: both;
    width: min(170px, 100%);
    margin: 14px auto 0 !important;
    text-align: center;
}

.products > .product.outofstock,
ul.products > .product.outofstock {
    text-align: center;
}

/* RevSlider vertical number navigation */

/* sr7-module is already position:relative (SR7 needs it for sr7-content).
   Override rs-ov-hidden so the absolutely-positioned nav can show outside
   the slide stack without being clipped. */
sr7-module {
    overflow: visible !important;
}

.mkd-rv-vertical-nav {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 20px;
    pointer-events: auto;
}

/* Hide nav on mobile - slider collapses to full-width so the overlay
   would cover content */
@media only screen and (max-width: 768px) {
    .mkd-rv-vertical-nav {
        display: none;
    }
}

/* Mobile slider arrows — the numbered vertical nav is hidden ≤768px, so give
   touch users prev/next controls. JS sizes the overlay box to the module;
   these arrows only render inside it below the same breakpoint. */
.mkd-rv-arrow-nav {
    display: none;
}

@media only screen and (max-width: 768px) {
    .mkd-rv-arrow-nav {
        display: block;
        position: absolute;
        z-index: 100;
        pointer-events: none; /* let the slide area stay tappable between arrows */
    }

    .mkd-rv-arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center; /* keep the chevron vertically centered */
        width: 52px;
        height: 100%; /* gradient spans the full slide height for clean edge framing */
        margin: 0;
        padding: 0;
        border: 0;
        cursor: pointer;
        pointer-events: auto;
        -webkit-tap-highlight-color: transparent;
        transition: background 0.25s ease;
    }

    .mkd-rv-arrow-prev {
        left: 0;
        justify-content: flex-start;
        padding-left: 12px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
    }

    .mkd-rv-arrow-next {
        right: 0;
        justify-content: flex-end;
        padding-right: 12px;
        background: linear-gradient(to left, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
    }

    /* Chevron drawn from two borders so there's no icon-font dependency. */
    .mkd-rv-arrow-icon {
        display: block;
        width: 12px;
        height: 12px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        opacity: 0.92;
        transition: opacity 0.2s ease;
    }

    .mkd-rv-arrow-prev .mkd-rv-arrow-icon {
        transform: rotate(-135deg);
    }

    .mkd-rv-arrow-next .mkd-rv-arrow-icon {
        transform: rotate(45deg);
    }

    .mkd-rv-arrow:active .mkd-rv-arrow-icon {
        opacity: 0.6;
    }
}

.mkd-rv-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
}

.mkd-rv-nav-num {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: rgba(0, 0, 0, 0.62);
    font-family: inherit;
    min-width: 18px;
    transition: color 0.3s ease;
}

.mkd-rv-nav-line {
    display: block;
    height: 2px;
    width: 22px;
    background: rgba(0, 0, 0, 0.35);
    transition: width 0.4s ease, background 0.3s ease;
}

.mkd-rv-nav-item.is-active .mkd-rv-nav-num {
    color: #000;
}

.mkd-rv-nav-item.is-active .mkd-rv-nav-line {
    width: 60px;
    background: #000;
}

.mkd-rv-nav-item:hover .mkd-rv-nav-num {
    color: #000;
}

.mkd-rv-nav-item:hover .mkd-rv-nav-line {
    width: 40px;
    background: rgba(0, 0, 0, 0.6);
}

.mkd-vertical-align-containers .mkd-position-center:before,
.mkd-vertical-align-containers .mkd-position-left:before,
.mkd-vertical-align-containers .mkd-position-right:before, 
.mkdf-vertical-align-containers .mkdf-position-center:before, 
.mkdf-vertical-align-containers .mkdf-position-left:before, 
.mkdf-vertical-align-containers .mkdf-position-right:before {
    margin-right: 0;
}

/* Mobile/tablet header tools: big search + Mikado login before menu opener */
@media only screen and (max-width: 1024px) {
    .mkd-mobile-header .mkd-vertical-align-containers {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        height: 100%;
    }

    .mkd-mobile-header .mkd-position-left,
    .mkd-mobile-header .mkd-position-right {
        float: none !important;
        display: flex !important;
        align-items: center;
        height: 100%;
        min-width: 0;
    }

    .mkd-mobile-header .mkd-position-left {
        flex: 0 0 auto;
        padding-right: 8px;
    }

    .mkd-mobile-header .mkd-position-right {
        flex: 1 1 auto;
        justify-content: flex-end;
        text-align: right;
    }

    .mkd-mobile-header .mkd-position-left:before,
    .mkd-mobile-header .mkd-position-right:before {
        display: none;
    }

    .mkd-mobile-header .mkd-position-left-inner {
        display: flex !important;
        align-items: center;
        height: 100%;
    }

    .mkd-mobile-header .mkd-position-right-inner {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        min-width: 0;
        white-space: nowrap;
        text-align: right;
    }

    .mkd-mobile-header .mkd-child-mobile-header-tools {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        vertical-align: middle;
        white-space: nowrap;
    }

    .mkd-mobile-header .mkd-child-mobile-search {
        display: inline-block !important;
        flex: 0 1 auto;
        vertical-align: middle;
        margin: 0;
    }

    .mkd-mobile-header .mkd-child-mobile-search .mkd-child-header-search-inner {
        width: min(24vw, 120px);
    }

    .mkd-mobile-header .mkd-child-mobile-search .mkd-child-header-search-input {
        width: 100%;
        font-size: 12px;
    }

    .mkd-mobile-header .mkd-child-mobile-search .mkd-child-search-dropdown {
        left: 0;
        right: auto;
        width: min(86vw, 340px);
    }

    .mkd-mobile-header .mkd-child-mobile-cart {
        display: inline-block;
        height: auto;
        padding: 0;
        vertical-align: middle;
    }

    .mkd-mobile-header .mkd-child-mobile-cart .mkd-child-mobile-cart-inner {
        display: block;
        height: auto;
    }

    .mkd-mobile-header .mkd-child-mobile-cart .mkd-header-cart {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: #080808;
        line-height: 1;
        vertical-align: middle;
    }

    .mkd-mobile-header .mkd-child-mobile-cart-icon {
        font-size: 15px;
        line-height: 1;
    }

    .mkd-mobile-header .mkd-child-mobile-cart-count {
        font-family: "Montserrat", sans-serif;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
    }

    .mkd-mobile-header .mkd-child-mobile-cart .mkd-shopping-cart-dropdown {
        right: -34px;
    }

    .mkd-mobile-header .mkd-child-mobile-cart.is-open .mkd-shopping-cart-dropdown {
        opacity: 1;
        visibility: visible;
    }

    .mkd-mobile-header .mkd-mobile-menu-opener,
    .mkd-mobile-header .mkd-mobile-menu-opener > a {
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
    }

    .mkd-mobile-header .mkd-mobile-menu-opener {
        float: none !important;
        margin-left: 10px;
    }

    .mkd-mobile-side-area .mkd-child-mobile-nav-account {
        border-top: 1px solid #e5e5e5;
        margin-top: 14px;
        padding-top: 14px;
    }

    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-login-register-widget,
    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-login-register-widget.mkd-user-logged-in,
    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-logged-in-user,
    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-logged-in-user .mkd-logged-in-user-inner {
        display: block;
        height: auto;
        width: 100%;
    }

    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-logged-in-user .mkd-logged-in-user-inner > span {
        display: flex;
        align-items: center;
        color: #777;
        margin: 0;
        min-height: 40px;
    }

    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-logged-in-user-name {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-login-dropdown {
        position: static;
        display: block;
        visibility: visible;
        opacity: 1;
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-login-dropdown li a {
        color: #777;
        padding: 8px 0;
    }

    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-login-dropdown li a:before {
        display: none;
    }

    .mkd-mobile-side-area .mkd-child-mobile-nav-account .mkd-login-dropdown li a:hover {
        color: #080808;
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 680px) {
    .mkd-mobile-header .mkd-child-mobile-search .mkd-child-header-search-inner {
        width: min(22vw, 82px);
    }
}