/* MHI — Information Catalog Mode v1.0.4 */
html.mhi-catalog-mode .mhi-catalog-mode-notice {
    position: relative;
    z-index: 1001;
    width: 100%;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    background: #f4f6f8;
    color: #17202d;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
}

html.mhi-catalog-mode .mhi-catalog-mode-notice__inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* Cart, checkout and purchase buttons */
html.mhi-cm-disable-cart #cart,
html.mhi-cm-disable-cart .header-cart,
html.mhi-cm-disable-cart .mhi-mobile-bottom-nav-cart,
html.mhi-cm-disable-cart .rm-header-cart,
html.mhi-cm-disable-cart .oct-fixed-bar-item-cart,
html.mhi-cm-disable-cart .oct-fixed-bar-cart,
html.mhi-cm-disable-cart .cart-button,
html.mhi-cm-disable-cart .btn-cart,
html.mhi-cm-disable-cart .rm-cart-btn,
html.mhi-cm-disable-cart .rm-product-btn-cart,
html.mhi-cm-disable-cart .rm-module-quantity,
html.mhi-cm-disable-cart .rm-product-quantity,
html.mhi-cm-disable-cart .button-cart,
html.mhi-cm-disable-cart .product-cart,
html.mhi-cm-disable-cart .product-buy,
html.mhi-cm-disable-cart .product-buy-button,
html.mhi-cm-disable-cart #button-cart,
html.mhi-cm-disable-cart [id^="button-cart"],
html.mhi-cm-disable-cart [data-action="cart"],
html.mhi-cm-disable-cart [data-action="add-to-cart"],
html.mhi-cm-disable-cart [onclick*="cart.add"],
html.mhi-cm-disable-cart [onclick*="addToCart"],
html.mhi-cm-disable-cart [onclick*="octPopupCart"],
html.mhi-cm-disable-cart a[href*="route=checkout/cart"],
html.mhi-cm-disable-cart a[href*="route=checkout/checkout"],
html.mhi-cm-disable-cart form[action*="route=checkout/cart"],
html.mhi-cm-disable-cart form[action*="route=checkout/checkout"] {
    display: none !important;
}

/* Account */
html.mhi-cm-disable-account .header-account,
html.mhi-cm-disable-account .mhi-header-action-account,
html.mhi-cm-disable-account .mhi-mobile-top-account,
html.mhi-cm-disable-account .rm-header-account,
html.mhi-cm-disable-account .account-menu,
html.mhi-cm-disable-account .user-menu,
html.mhi-cm-disable-account .oct-fixed-bar-item-account,
html.mhi-cm-disable-account .oct-fixed-bar-account,
html.mhi-cm-disable-account [onclick*="octPopupLogin"],
html.mhi-cm-disable-account a[href*="route=account/"],
html.mhi-cm-disable-account form[action*="route=account/"],
html.mhi-cm-disable-account header a[href*="account"],
html.mhi-cm-disable-account header a[href*="login"],
html.mhi-cm-disable-account nav a[href*="account"],
html.mhi-cm-disable-account nav a[href*="login"],
html.mhi-cm-disable-account [class*="sticky"] a[href*="account"],
html.mhi-cm-disable-account [class*="sticky"] a[href*="login"] {
    display: none !important;
}

/* Wishlist */
html.mhi-cm-disable-wishlist .header-wishlist,
html.mhi-cm-disable-wishlist .mhi-header-action-wishlist,
html.mhi-cm-disable-wishlist .mhi-mobile-bottom-nav-wishlist,
html.mhi-cm-disable-wishlist .rm-header-wishlist,
html.mhi-cm-disable-wishlist .wishlist,
html.mhi-cm-disable-wishlist .wishlist-button,
html.mhi-cm-disable-wishlist .btn-wishlist,
html.mhi-cm-disable-wishlist .rm-product-top-button-wishlist,
html.mhi-cm-disable-wishlist .oct-fixed-bar-item-wishlist,
html.mhi-cm-disable-wishlist [data-action="wishlist"],
html.mhi-cm-disable-wishlist [onclick*="wishlist.add"],
html.mhi-cm-disable-wishlist a[href*="route=account/wishlist"],
html.mhi-cm-disable-wishlist header a[href*="wishlist"],
html.mhi-cm-disable-wishlist nav a[href*="wishlist"],
html.mhi-cm-disable-wishlist [class*="sticky"] a[href*="wishlist"] {
    display: none !important;
}

/* Compare */
html.mhi-cm-disable-compare .header-compare,
html.mhi-cm-disable-compare .mhi-header-action-compare,
html.mhi-cm-disable-compare .mhi-mobile-bottom-nav-compare,
html.mhi-cm-disable-compare .rm-header-compare,
html.mhi-cm-disable-compare .compare,
html.mhi-cm-disable-compare .compare-button,
html.mhi-cm-disable-compare .btn-compare,
html.mhi-cm-disable-compare .rm-product-top-button-compare,
html.mhi-cm-disable-compare .oct-fixed-bar-item-compare,
html.mhi-cm-disable-compare [data-action="compare"],
html.mhi-cm-disable-compare [onclick*="compare.add"],
html.mhi-cm-disable-compare a[href*="route=product/compare"],
html.mhi-cm-disable-compare header a[href*="compare"],
html.mhi-cm-disable-compare nav a[href*="compare"],
html.mhi-cm-disable-compare [class*="sticky"] a[href*="compare"] {
    display: none !important;
}

/* Phones and callback
   IMPORTANT: selectors are scoped to site interface areas only.
   Telephone numbers inside articles/information pages stay visible and clickable. */
html.mhi-cm-disable-phones .mhi-site-header a[href^="tel:"],
html.mhi-cm-disable-phones .mhi-site-header .mhi-header-phone,
html.mhi-cm-disable-phones .mhi-site-header .header-phone,
html.mhi-cm-disable-phones .mhi-site-header .header-phones,
html.mhi-cm-disable-phones .mhi-site-header .rm-header-phone,
html.mhi-cm-disable-phones .mhi-site-header .rm-header-phones,
html.mhi-cm-disable-phones .mhi-site-header .rm-header-phones-list,
html.mhi-cm-disable-phones .mhi-site-header [class*="callback"],
html.mhi-cm-disable-phones .mhi-site-header [class*="call-back"],
html.mhi-cm-disable-phones .mhi-site-header [class*="call_back"],
html.mhi-cm-disable-phones .mhi-site-header [data-target*="callback"],
html.mhi-cm-disable-phones .mhi-site-header [data-target*="call-phone"],
html.mhi-cm-disable-phones .mhi-site-header [data-target*="call_phone"],
html.mhi-cm-disable-phones .mhi-site-header [onclick*="call_phone"],
html.mhi-cm-disable-phones .mhi-site-header [onclick*="popupCall"],
html.mhi-cm-disable-phones .mhi-site-header [onclick*="PopupCall"],
html.mhi-cm-disable-phones .mhi-site-header [onclick*="PopCall"],
html.mhi-cm-disable-phones .mhi-site-header a[href*="oct_popup_call_phone"],
html.mhi-cm-disable-phones footer a[href^="tel:"],
html.mhi-cm-disable-phones footer [class*="phone"],
html.mhi-cm-disable-phones footer [id*="phone"],
html.mhi-cm-disable-phones footer [class*="callback"],
html.mhi-cm-disable-phones footer [class*="call-back"],
html.mhi-cm-disable-phones footer [class*="call_back"],
html.mhi-cm-disable-phones footer [data-target*="callback"],
html.mhi-cm-disable-phones footer [data-target*="call-phone"],
html.mhi-cm-disable-phones footer [data-target*="call_phone"],
html.mhi-cm-disable-phones footer [onclick*="call_phone"],
html.mhi-cm-disable-phones footer [onclick*="popupCall"],
html.mhi-cm-disable-phones footer [onclick*="PopupCall"],
html.mhi-cm-disable-phones footer [onclick*="PopCall"],
html.mhi-cm-disable-phones footer a[href*="oct_popup_call_phone"],
html.mhi-cm-disable-phones .rm-footer a[href^="tel:"],
html.mhi-cm-disable-phones .rm-footer [class*="phone"],
html.mhi-cm-disable-phones .rm-footer [id*="phone"],
html.mhi-cm-disable-phones .rm-footer [class*="callback"],
html.mhi-cm-disable-phones .rm-footer [class*="call-back"],
html.mhi-cm-disable-phones .rm-footer [class*="call_back"],
html.mhi-cm-disable-phones #rm_sidebar_content a[href^="tel:"],
html.mhi-cm-disable-phones #rm_sidebar_content [class*="phone"],
html.mhi-cm-disable-phones #rm_sidebar_content [id*="phone"],
html.mhi-cm-disable-phones #rm_sidebar_content [class*="callback"],
html.mhi-cm-disable-phones #rm_sidebar_content [class*="call-back"],
html.mhi-cm-disable-phones #rm_sidebar_content [class*="call_back"],
html.mhi-cm-disable-phones #rm_sidebar_content [data-target*="callback"],
html.mhi-cm-disable-phones #rm_sidebar_content [data-target*="call-phone"],
html.mhi-cm-disable-phones #rm_sidebar_content [data-target*="call_phone"],
html.mhi-cm-disable-phones #product-product .producthelp,
html.mhi-cm-disable-phones #rm_fixed_contact_button,
html.mhi-cm-disable-phones #rm_fixed_contact_substrate,
html.mhi-cm-disable-phones #uptocall-mini,
html.mhi-cm-disable-phones .rm-fixed-contact-call,
html.mhi-cm-disable-phones .mhi-site-header [class*="worktime"],
html.mhi-cm-disable-phones .mhi-site-header [class*="work-time"],
html.mhi-cm-disable-phones .mhi-site-header [class*="working-hours"],
html.mhi-cm-disable-phones .mhi-site-header [class*="working_time"] {
    display: none !important;
}

/* Contacts */
html.mhi-cm-disable-contact .contact-link,
html.mhi-cm-disable-contact .mhi-mobile-bottom-nav-contact,
html.mhi-cm-disable-contact .menu-contact,
html.mhi-cm-disable-contact a[href*="route=information/contact"] {
    display: none !important;
}

/* Quick purchase */
html.mhi-cm-disable-quick-order .quick-order,
html.mhi-cm-disable-quick-order .button-fast-order,
html.mhi-cm-disable-quick-order .rm-product-one-click-btn,
html.mhi-cm-disable-quick-order .quick-buy,
html.mhi-cm-disable-quick-order .one-click,
html.mhi-cm-disable-quick-order .buy-one-click,
html.mhi-cm-disable-quick-order .oct-popup-purchase,
html.mhi-cm-disable-quick-order [data-target*="purchase"],
html.mhi-cm-disable-quick-order [data-target*="quick"],
html.mhi-cm-disable-quick-order [onclick*="popup_purchase"],
html.mhi-cm-disable-quick-order [onclick*="octPopPurchase"],
html.mhi-cm-disable-quick-order a[href*="oct_popup_purchase"] {
    display: none !important;
}

/* Prices */
html.mhi-cm-hide-prices .price,
html.mhi-cm-hide-prices .product-price,
html.mhi-cm-hide-prices .rm-product-price,
html.mhi-cm-hide-prices .rm-module-price,
html.mhi-cm-hide-prices .us-product-price,
html.mhi-cm-hide-prices .price-new,
html.mhi-cm-hide-prices .price-old,
html.mhi-cm-hide-prices .price-tax,
html.mhi-cm-hide-prices .product-thumb__price,
html.mhi-cm-hide-prices .product-price-wrapper,
html.mhi-cm-hide-prices .ocf-price,
html.mhi-cm-hide-prices [itemprop="price"],
html.mhi-cm-hide-prices [class~="special-price"] {
    display: none !important;
}

/* Stock and availability */
html.mhi-cm-hide-stock .stock,
html.mhi-cm-hide-stock .product-stock,
html.mhi-cm-hide-stock .availability,
html.mhi-cm-hide-stock .product-availability,
html.mhi-cm-hide-stock .rm-product-stock,
html.mhi-cm-hide-stock [class~="in-stock"],
html.mhi-cm-hide-stock [class~="out-of-stock"] {
    display: none !important;
}

[data-mhi-cm-hidden="1"] {
    display: none !important;
}


/* =========================================================
   v1.0.4 — exact oct_theme_mhi overrides
   The custom theme declares display:flex !important with very
   high specificity, especially after the header becomes fixed.
   These rules intentionally use a stronger selector.
   ========================================================= */

/* Main desktop phone + working hours */
html.mhi-cm-disable-phones body .mhi-site-header .mhi-header-main .mhi-header-main-grid > .mhi-header-phone,
html.mhi-cm-disable-phones body .mhi-site-header .mhi-header-phone,
html.mhi-cm-disable-phones body .mhi-site-header .mhi-header-phone-icon,
html.mhi-cm-disable-phones body .mhi-site-header .mhi-header-phone-content,
html.mhi-cm-disable-phones body .mhi-site-header .mhi-header-phone-number,
html.mhi-cm-disable-phones body .mhi-site-header .mhi-header-phone-schedule {
    display: none !important;
}

/* Rebuild the desktop grid after the phone column is removed. */
@media (min-width: 1200px) {
    html.mhi-cm-disable-phones body .mhi-site-header .mhi-header-main-grid {
        grid-template-columns: 230px minmax(320px, 1fr) auto !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    html.mhi-cm-disable-phones body .mhi-site-header .mhi-header-main-grid {
        grid-template-columns: 190px minmax(260px, 1fr) auto !important;
    }
}

/* Normal and sticky account/compare/wishlist actions */
html.mhi-cm-disable-account body .mhi-site-header .mhi-header-actions > .mhi-header-action.mhi-header-action-account,
html.mhi-cm-disable-account body .mhi-site-header .mhi-header-nav.mhi-fixed-nav .mhi-header-actions > .mhi-header-action.mhi-header-action-account {
    display: none !important;
}

html.mhi-cm-disable-compare body .mhi-site-header .mhi-header-actions > .mhi-header-action.mhi-header-action-compare,
html.mhi-cm-disable-compare body .mhi-site-header .mhi-header-nav.mhi-fixed-nav .mhi-header-actions > .mhi-header-action.mhi-header-action-compare {
    display: none !important;
}

html.mhi-cm-disable-wishlist body .mhi-site-header .mhi-header-actions > .mhi-header-action.mhi-header-action-wishlist,
html.mhi-cm-disable-wishlist body .mhi-site-header .mhi-header-nav.mhi-fixed-nav .mhi-header-actions > .mhi-header-action.mhi-header-action-wishlist {
    display: none !important;
}

/* Product-page phone and callback row */
html.mhi-cm-disable-phones body #product-product .withrowformobile .producthelp,
html.mhi-cm-disable-phones body.product-product #product-product .producthelp,
html.body-product.mhi-cm-disable-phones body #product-product .producthelp,
html.mhi-cm-disable-phones body .producthelp {
    display: none !important;
}

/* Floating red callback/contact button in the bottom-right corner */
html.mhi-cm-disable-phones body #rm_fixed_contact_button,
html.mhi-cm-disable-phones body #rm_fixed_contact_substrate {
    display: none !important;
}



/* AJAX burger menu: account, wishlist and compare cards */
html.mhi-cm-disable-account body #rm_sidebar_content #rm_mobile_account_toggle_button,
html.mhi-cm-disable-account body #rm_sidebar_content .rm_mobile_account,
html.mhi-cm-disable-account body .rm_mobile_account {
    display: none !important;
    visibility: hidden !important;
}

html.mhi-cm-disable-wishlist body #rm_sidebar_content a[href*="wishlist"],
html.mhi-cm-disable-wishlist body #rm_sidebar_content [class*="wishlist"] {
    display: none !important;
    visibility: hidden !important;
}

html.mhi-cm-disable-compare body #rm_sidebar_content a[href*="compare"],
html.mhi-cm-disable-compare body #rm_sidebar_content [class*="compare"] {
    display: none !important;
    visibility: hidden !important;
}

/* Inline hiding wins over Bootstrap/theme display utility classes. */
[data-mhi-cm-hidden="1"] {
    display: none !important;
    visibility: hidden !important;
}

/* =========================================================
   v1.0.8 — exact product layout for oct_theme_mhi
   Activated only while the module and the product-layout option are enabled.
   ========================================================= */
html.mhi-cm-product-info-layout body #product-product .rm-product-mobile-fixed {
    display: none !important;
}

html.mhi-cm-hide-reviews body #product-product .rm-product-center-info-item-reviews,
html.mhi-cm-hide-reviews body #product-product .rm-tab-item[data-tab=".tab-reviews"],
html.mhi-cm-hide-reviews body #product-product .rm-tab-pane.tab-reviews,
html.mhi-cm-hide-reviews body #product-product #rm-popup-review,
html.mhi-cm-hide-reviews body #product-product #button-review,
html.mhi-cm-hide-reviews body .rm-module-rating,
html.mhi-cm-hide-reviews body .rm-module-rating-stars {
    display: none !important;
    visibility: hidden !important;
}

html.mhi-cm-product-info-layout body #product-product #product {
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

html.mhi-cm-product-info-layout body #product-product .mhi-cm-product-info-card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e6eb;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(23, 32, 45, .07);
    color: #17202d;
}

.mhi-cm-product-info-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px 17px;
    border-bottom: 1px solid #edf0f3;
}

.mhi-cm-product-info-card__eyebrow,
.mhi-cm-product-info-card__meta-label {
    display: block;
    margin-bottom: 5px;
    color: #8491a3;
    font-size: 12px;
    line-height: 1.3;
}

.mhi-cm-product-info-card__manufacturer {
    display: block;
    color: #17202d;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
}

.mhi-cm-product-info-card__logo {
    flex: 0 0 auto;
    max-width: 74px;
    max-height: 34px;
    object-fit: contain;
}

.mhi-cm-product-info-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 18px 22px 20px;
}

.mhi-cm-product-info-card__meta {
    margin-bottom: 15px;
}

.mhi-cm-product-info-card__meta-value {
    display: block;
    overflow-wrap: anywhere;
    color: #17202d;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

.mhi-cm-product-info-card__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
    padding: 12px 14px;
    background: linear-gradient(135deg, #faf7f5 0%, #f3efec 100%);
    border-radius: 9px;
    color: #17202d;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.mhi-cm-product-info-card__title svg {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
}

.mhi-cm-product-info-card__attributes {
    margin-bottom: 14px;
}

.mhi-cm-product-info-card__attribute {
    display: grid;
    grid-template-columns: minmax(105px, .9fr) minmax(125px, 1.1fr);
    align-items: start;
    gap: 12px;
    padding: 11px 4px;
    border-bottom: 1px solid #edf0f3;
    font-size: 13px;
    line-height: 1.35;
}

.mhi-cm-product-info-card__attribute-name {
    color: #687587;
}

.mhi-cm-product-info-card__attribute-value {
    color: #17202d;
    font-weight: 700;
    text-align: right;
    overflow-wrap: anywhere;
}

.mhi-cm-product-info-card__empty {
    padding: 16px 4px;
    color: #687587;
    font-size: 13px;
    line-height: 1.5;
}

.mhi-cm-product-info-card__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    margin-top: auto;
    padding: 13px 16px;
    background: #f7f8fa;
    border: 1px solid #e4e8ed;
    border-radius: 9px;
    color: #17202d;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.mhi-cm-product-info-card__button:hover,
.mhi-cm-product-info-card__button:focus {
    background: #fff5f6;
    border-color: #ed001c;
    color: #ed001c;
    outline: none;
    transform: translateY(-1px);
}

.mhi-cm-product-info-card__button svg {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
}

html.mhi-cm-product-info-layout body #product-product .rm-product-right > .rm-product-attr {
    display: none !important;
}

@media (max-width: 1199.98px) {
    .mhi-cm-product-info-card__header,
    .mhi-cm-product-info-card__body {
        padding-left: 17px;
        padding-right: 17px;
    }

    .mhi-cm-product-info-card__attribute {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .mhi-cm-product-info-card__attribute-value {
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    html.mhi-cm-product-info-layout body #product-product #product {
        margin-top: 16px;
    }

    html.mhi-cm-product-info-layout body #product-product .mhi-cm-product-info-card {
        min-height: 0;
    }

    .mhi-cm-product-info-card__header {
        padding-top: 17px;
    }
}

/* =========================================================
   MHI_CATALOG_MODE_MATCH_PRODUCT_COLUMNS_V108
   In catalog mode only, the lower description/sidebar grid uses exactly
   the same column proportions and gap as the upper gallery/info grid.
   The normal shop layout remains untouched when the module is disabled.
   ========================================================= */
@media (min-width: 1200px) {
    html.mhi-cm-product-info-layout body #product-product .withrowformobile {
        grid-template-columns: minmax(0, 1.7fr) minmax(330px, .75fr) !important;
        gap: 28px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    html.mhi-cm-product-info-layout body #product-product .withrowformobile {
        grid-template-columns: minmax(0, 1.4fr) minmax(310px, .8fr) !important;
        gap: 28px !important;
    }
}