/* Desktop only. Mobile styles are loaded separately by PHP. */
/* PHP content adapters; device layout comes from css/1 and css/2. */
.shop-hero-nav {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    pointer-events: none;
}

.shop-hero-nav__button {
    display: grid;
    place-items: center;
    
    
    
    
    
    
    cursor: pointer;
    pointer-events: auto;
    transition: background .2s;
}

.shop-hero-nav__button:focus-visible {
    outline: 2px solid var(--liuer-accent);
    outline-offset: 2px;
}

.shop-hero-nav__button .mkorg-icon {
    width: 18px;
    height: 18px;
}

.mkorg-sidebar-empty {
    padding: 12px 8px;
    color: #66746EFF;
    font-size: 14px;
}

.shop-home .shop-home-2__content .shop-wrap {
    padding: 10px;
    border-radius: 10px;
    background: #fff;
}

.mkorg-review-intro {
    margin: 0 0 16px;
    color: #66746EFF;
    line-height: 1.6;
}

.mkorg-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    object-fit: contain;
}

.mkorg-media-placeholder {
    display: grid;
    place-items: center;
    min-width: 100%;
    min-height: 100%;
    background: linear-gradient(135deg,#edf3ef,#dcebe3);
    color: #627a6e;
}

.mkorg-media-placeholder .mkorg-icon {
    width: 34px;
    height: 34px;
    opacity: .6;
}

.shop-logo .mkorg-media-placeholder {
    min-width: 120px;
    min-height: 38px;
    background: transparent;
}

.shop-logo .mkorg-media-placeholder .mkorg-icon {
    filter: brightness(0) invert(1);
}

.shop-archive-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
}

.shop-product-card__media img,.shop-product-card__media>.mkorg-media-placeholder {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shop-product-card__cta {
    display: block;
    margin-top: 10px;
    padding: 7px 10px;
    border-radius: 100px;
    background: var(--liuer-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}

.listing-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
}

.shop-news-card__media {
    display: block;
    aspect-ratio: 1.6;
    overflow: hidden;
}

.shop-news-card__media img,.shop-news-card__media>.mkorg-media-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-section__head a {
    white-space: nowrap;
}

.mkorg-sidebar-layout {
    display: flex;
    gap: 28px;
}

.mkorg-sidebar-layout__content {
    flex: 1;
    min-width: 0;
}

.mkorg-sidebar {
    padding-top: 30px;
}

.shop-archive-hero,.listing-list-title {
    margin: 22px 0;
}

.shop-archive-hero h1,.listing-list-title h1 {
    margin: 0 0 6px;
}

.mkorg-archive-description {
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.mkorg-archive-description p {
    margin: 0;
}

.mkorg-pagination {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 30px 0;
}

.mkorg-pagination a {
    padding: 8px 13px;
    border: 1px solid var(--liuer-border);
    border-radius: 6px;
}

.mkorg-pagination .is-current {
    background: var(--liuer-accent);
    color: #fff;
}

.mkorg-single-article,.mkorg-page-article {
    background: #FFFFFFFF;
    border-radius: 10px;
    margin: 20px 0;
}

.mkorg-page-header h1 {
    margin: 0 0 12px;
}

.mkorg-article-hero {
    max-height: 480px;
    overflow: hidden;
    margin: 20px 0;
}

.mkorg-article-hero img,.mkorg-article-hero>.mkorg-media-placeholder {
    width: 100%;
    height: 100%;
    max-height: 480px;
    object-fit: cover;
}

.entry-content {
    line-height: 1.75;
    overflow-wrap: anywhere;
    text-align: justify;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content table {
    max-width: 100%;
    display: block;
    overflow-x: auto;
}

.shop-product-main-image {
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    background: #fff;
}

.shop-product-main-image img,.shop-product-main-image>.mkorg-media-placeholder {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mkorg-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.shop-socials .mkorg-icon {
    filter: brightness(0) invert(1);
}

[hidden] {
    display: none!important;
}

body.mkorg-device-desktop .shop-home .shop-product-card__media {
    background: #fff;
    aspect-ratio: 1;
}

body.mkorg-device-desktop .shop-home .shop-product-card__body {
    min-height: 110px;
}

body.mkorg-device-desktop .shop-home .shop-price {
    gap: 4px 8px;
    padding: 7px 0 0;
    line-height: 1.25;
}

body.mkorg-device-desktop .shop-home .shop-price strong {
    font-size: 15px;
    white-space: nowrap;
}

body.mkorg-device-desktop .shop-home .shop-price del {
    font-size: 12px;
    white-space: nowrap;
}

body.mkorg-device-desktop .shop-home .shop-stars {
    margin-top: 8px;
}

body.mkorg-device-desktop .shop-home .shop-stars-icons i {
    background: #d4dbdf;
}

body.mkorg-device-desktop .shop-home .shop-stars-icons i.is-active {
    background: var(--shop-flash-gold);
}

.mkorg-hero-fallback {
    background: var(--liuer-accent);
}

body.mkorg-device-desktop .shop-home .shop-category-tile__media img {
    width: 90%;
    height: 90%;
    object-fit: contain;
    border-radius: 50%;
}

.shop-side-catalog .shop-menu-image {
    width: 30px;
    height: 30px;
    object-fit: contain;
    flex-shrink: 0;
    background: #fff;
}

.shop-side-catalog .shop-submenu-thumb {
    background: #fff;
    object-fit: contain;
}

.mkorg-sidebar-banner {
    position: relative;
    isolation: isolate;
}

.mkorg-sidebar-banner img {
    height: 244px;
    object-fit: cover;
}

.mkorg-slider-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.mkorg-promo {
    position: relative;
    isolation: isolate;
}

.mkorg-promo img {
    height: 210px;
    object-fit: cover;
}

body.mkorg-device-desktop .shop-home .shop-news-card {
    flex-basis: calc((100% - 20px)/3);
}

body.mkorg-device-desktop .shop-home .shop-product-tab-panel {
    min-height: 0;
}

body.mkorg-device-desktop .shop-home .shop-popular-searches__content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

body.mkorg-device-desktop .shop-home .shop-popular-searches__content li {
    margin: 0;
}

body.mkorg-device-desktop .shop-home .shop-popular-searches__content a {
    color: #66746EFF;
    font-size: 13px;
}

body.mkorg-device-desktop .shop-home .shop-popular-searches__content a:hover {
    color: var(--liuer-accent);
}

.mkorg-icon--white {
    filter: brightness(0) invert(1);
}

body.mkorg-device-desktop {
    --shop-desktop-min-width: 0px;
    min-width: 0;
}

.shop-wrap.mkorg-site-layout {
    display: grid;
    grid-template-columns: 250px minmax(0,1fr);
    gap: 20px;
    align-items: start;
    padding-top: 14px;
    padding-bottom: 28px;
}

.mkorg-site-layout>.mkorg-sidebar-layout__content {
    min-width: 0;
}

.mkorg-site-layout>.shop-home-2__sidebar {
    margin-top: 0;
}

.mkorg-site-layout .mkorg-sidebar-banner img {
    height: 244px;
    object-fit: cover;
}

.mkorg-site-layout .shop-side-catalog a img {
    flex-shrink: 0;
}

main.mkorg-site-main {
    padding-top: 0;
}

/* Keep picture sources from changing the existing image layout. */
.mkorg-picture {
    display: contents;
}
