/**
Theme Name: Astra Child
Author: Matiss Zvaigzne
Author URI: https://mobishop.lv/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.15
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ==========================================================================
   HEADER & CATEGORY MENU BAR STYLING
   - Primary Header (Logo, Cart): Pure white #FFFFFF with subtle shadow box-shadow: 0 2px 8px rgba(0,0,0,0.04)
   - Below Header Category Menu: Deep dark background #1E293B, Text #F1F5F9
   - Hover / Active category: Accent logo orange #F97316 & soft lighter background #334155
   ========================================================================== */

.site-header,
#ast-desktop-header,
.ast-main-header-wrap,
.ast-primary-header-bar,
.ast-primary-header,
#ast-mobile-header,
#ast-mobile-header .ast-main-header-wrap,
#ast-mobile-header .ast-primary-header-bar {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

.ast-primary-header-bar {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    border-bottom: 1px solid #f1f5f9 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Category Menu Bar (Below Header): Background #1E293B */
.ast-below-header-wrap,
.site-below-header-wrap {
    background-color: #1e293b !important;
    background: #1e293b !important;
    border: none !important;
}

/* ONLY .ast-below-header-bar gets the single 1px top and bottom #F97316 orange border */
.ast-below-header-bar {
    background-color: #1e293b !important;
    background: #1e293b !important;
    border-top: 1px solid #f97316 !important;
    border-bottom: 1px solid #f97316 !important;
    border-left: none !important;
    border-right: none !important;
}

.ast-below-header-bar ul,
.ast-below-header-bar li,
.ast-below-header-bar li a,
.ast-below-header-bar .main-header-menu,
.ast-below-header-bar .ast-nav-menu {
    border: none !important;
}

.ast-below-header-bar .main-header-menu > li > a,
.ast-below-header-bar .ast-nav-menu > li > a,
#ast-hf-menu-2 > li > a {
    color: #f1f5f9 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 12px 18px !important;
    transition: all 180ms ease-in-out !important;
    border-radius: 0 !important;
    border: none !important;
    text-decoration: none !important;
    outline: none !important;
}

.ast-below-header-bar .main-header-menu > li:hover > a,
.ast-below-header-bar .ast-nav-menu > li:hover > a,
#ast-hf-menu-2 > li:hover > a {
    color: #f97316 !important;
    background-color: #334155 !important;
    border-radius: 0 !important;
    border: none !important;
    text-decoration: none !important;
}

.ast-below-header-bar .main-header-menu > li.current-menu-item > a,
.ast-below-header-bar .main-header-menu > li.current-menu-ancestor > a,
.ast-below-header-bar .main-header-menu > li.current-product-ancestor > a,
.ast-below-header-bar .ast-nav-menu > li.current-menu-item > a,
.ast-below-header-bar .ast-nav-menu > li.current-menu-ancestor > a,
.ast-below-header-bar .ast-nav-menu > li.current-product-ancestor > a,
#ast-hf-menu-2 > li.current-menu-item > a,
#ast-hf-menu-2 > li.current-menu-ancestor > a,
#ast-hf-menu-2 > li.current-product-ancestor > a {
    color: #f97316 !important;
    background-color: #334155 !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    border: none !important;
    text-decoration: none !important;
}

/* Hide redundant single product category line above title (breadcrumbs are above, SKU/tags/categories below) */
.single-product-category,
.summary .single-product-category,
body.single-product .single-product-category {
    display: none !important;
}

/* Super Category Menu Styling */

/* Center the menu navigation */
.ast-builder-grid-row-container.ast-builder-grid-row-3-lh {
    justify-content: center !important;
}

/* WooCommerce breadcrumb links. */
.woocommerce .woocommerce-breadcrumb {
    color: #526779;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1px;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #0274be;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color 160ms ease, text-decoration-color 160ms ease;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce .woocommerce-breadcrumb a:focus {
    color: #ff851b;
    text-decoration: underline;
    text-decoration-color: #ff851b;
}

.woocommerce .woocommerce-breadcrumb .breadcrumb-separator {
    color: #21a7a5;
    font-weight: 700;
    padding: 0 6px;
}

.site-footer-wrap,
.site-footer-wrap a {
    font-family: 'Barlow Semi Condensed', sans-serif;
    letter-spacing: 0.1px;
}

.site-footer-wrap a {
    font-weight: 500;
    font-size: 16px;
}

.site-footer-wrap a:hover,
.site-footer-wrap a:focus {
    color: #ff851b;
}

/* ==========================================================================
   FOOTER ALIGNMENT: DESKTOP (CONTAINER CENTERED, CONTENT LEFT) & MOBILE (ALL CENTERED)
   ========================================================================== */

/* Outer grid row centered */
.site-primary-footer-wrap,
.site-primary-footer-wrap .ast-builder-grid-row-container-inner,
.site-primary-footer-wrap .ast-builder-grid-row {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* DESKTOP (>=922px): Outer columns centered, inner content left-aligned */
@media (min-width: 922px) {
    .site-footer-wrap,
    .site-primary-footer-wrap,
    .site-footer-section,
    .site-footer-primary-section-1,
    .site-footer-primary-section-2,
    .site-footer-primary-section-3,
    .site-footer-primary-section-4,
    .site-footer-section-1,
    .site-footer-section-2,
    .site-footer-section-3,
    .site-footer-section-4,
    .footer-widget-area,
    .ast-builder-html-element,
    .ast-footer-site-starter-content {
        text-align: left !important;
        align-items: flex-start !important;
    }

    .site-footer-wrap p,
    .site-footer-wrap span,
    .site-footer-wrap div,
    .site-footer-wrap a,
    .site-footer-wrap li,
    .site-primary-footer-wrap p,
    .site-primary-footer-wrap span,
    .site-primary-footer-wrap div,
    .site-primary-footer-wrap a,
    .site-primary-footer-wrap li,
    .footer-widget-area *,
    .ast-builder-html-element * {
        text-align: left !important;
    }
}

/* MOBILE (<=921px): Everything in footer centered */
@media (max-width: 921px) {
    .site-footer-wrap,
    .site-primary-footer-wrap,
    .site-footer-section,
    .site-footer-primary-section-1,
    .site-footer-primary-section-2,
    .site-footer-primary-section-3,
    .site-footer-primary-section-4,
    .site-footer-section-1,
    .site-footer-section-2,
    .site-footer-section-3,
    .site-footer-section-4,
    .footer-widget-area,
    .ast-builder-html-element,
    .ast-footer-site-starter-content,
    .site-footer-wrap p,
    .site-footer-wrap span,
    .site-footer-wrap div,
    .site-footer-wrap a,
    .site-footer-wrap li,
    .site-primary-footer-wrap p,
    .site-primary-footer-wrap span,
    .site-primary-footer-wrap div,
    .site-primary-footer-wrap a,
    .site-primary-footer-wrap li,
    .footer-widget-area *,
    .ast-builder-html-element * {
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .site-footer-wrap img,
    .site-primary-footer-wrap img,
    .site-footer-wrap .wp-block-button,
    .site-footer-wrap .wp-block-button__link,
    .site-footer-wrap a.button,
    .site-footer-wrap .ast-custom-button {
        display: inline-block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .site-footer-wrap ul,
    .site-primary-footer-wrap ul,
    .site-footer-wrap ol,
    .site-primary-footer-wrap ol {
        padding-left: 0 !important;
        list-style-position: inside !important;
        text-align: center !important;
    }
}

/* Footer Section 1 Text Color #94A3B8 */
.site-footer-primary-section-1,
.site-footer-primary-section-1 p,
.site-footer-primary-section-1 span,
.site-footer-primary-section-1 div,
.site-footer-primary-section-1 a,
.site-footer-section-1,
.site-footer-section-1 p,
.site-footer-section-1 span,
.site-footer-section-1 div,
.site-footer-section-1 a {
    color: #94a3b8 !important;
}

/* Keep WooCommerce filter lists open and unframed. */
.woocommerce .wc-block-product-filter-checkbox-list__items {
    border: 0 !important;
    box-shadow: none !important;
}

/* Category search sits above the category tree and product filters. */
.mobishop-category-search-widget {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edf1f5;
}

.mobishop-category-search {
    position: relative;
}

.mobishop-category-search__field {
    display: flex;
    gap: 0;
    border: 1px solid #d9e1ea;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mobishop-category-search__field:focus-within {
    border-color: #0073e6;
    box-shadow: 0 0 0 2px rgba(0, 115, 230, 0.15);
}

.mobishop-category-search__input {
    min-width: 0;
    flex: 1;
    height: 42px;
    padding: 0 12px;
    border: 0 !important;
    background: transparent;
    font-size: 14px;
    color: #1e3a5f;
    outline: none !important;
    box-shadow: none !important;
}

.mobishop-category-search__field button {
    flex: 0 0 42px;
    height: 42px;
    padding: 0;
    border: 0;
    background: #0073e6;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

.mobishop-category-search__field button:hover {
    background: #005bb5;
}

.mobishop-category-search__results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    margin-top: 6px;
    border: 1px solid #d9e1ea;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 25px rgba(30, 58, 95, 0.18);
    max-height: 380px;
    overflow-y: auto;
}

.mobishop-category-search__list {
    margin: 0;
    padding: 4px 0;
    list-style: none;
}

.mobishop-category-search__list li + li {
    border-top: 1px solid #edf1f5;
}

.mobishop-category-search__list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    color: #1e3a5f;
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.mobishop-category-search__list a:hover,
.mobishop-category-search__list a:focus {
    background: #f1f6fb;
}

.mobishop-category-search__list img {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    object-fit: contain;
    border-radius: 4px;
    background: #fafbfc;
}

.mobishop-category-search__info {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.mobishop-category-search__title {
    font-size: 13px;
    font-weight: 500;
    color: #1e3a5f;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobishop-category-search__price {
    font-size: 12px;
    font-weight: 700;
    color: #0073e6;
    margin-top: 3px;
}

.mobishop-category-search__empty {
    margin: 0;
    padding: 14px 12px;
    font-size: 13px;
    color: #6c7a89;
    text-align: center;
}

div.ast-builder-grid-row-3-lh .ast-builder-layout-element {
    text-align: center !important;
    flex-grow: 0 !important;
}

/* Style the super category menu items */
.ast-builder-grid-row-3-lh a {
    font-family: 'Georgia', 'Garamond', 'Times New Roman', serif !important;
    font-size: 18.7px !important; /* 10% larger than typical 17px */
    letter-spacing: 0.8px !important;
    font-weight: 500 !important;
    color: #1e3a5f !important; /* Dark blue */
    transition: color 0.3s ease !important;
}

/* Hover state - lighter blue */
.ast-builder-grid-row-3-lh a:hover {
    color: #4a90e2 !important;
}

/* Spacing between menu items */
.ast-builder-grid-row-3-lh .menu-item {
    margin: 0 15px !important;
}

/* Desktop product-category navigation. */
@media (min-width: 922px) {
    .ast-below-header-wrap,
    .ast-below-header-wrap .ast-builder-grid-row-container,
    .ast-below-header-wrap .ast-builder-grid-row {
        overflow: visible;
    }
}


/* ==========================================================================
   HEADER NAVIGATION MENU CUSTOMIZATION (CONSTRAINED TO 1240px SITE CONTAINER)
   ========================================================================== */

/* Outer bar spans full width (grey background) */
.ast-below-header-wrap,
.ast-below-header-bar {
    width: 100% !important;
}

@media (min-width: 922px) {
    /* Inner container constrained to site max-width (1240px) */
    .site-below-header-wrap,
    .site-below-header-wrap.ast-container {
        max-width: 1240px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .site-below-header-wrap .ast-builder-grid-row,
    .site-below-header-wrap .site-header-below-section-left,
    .ast-builder-menu-2,
    .ast-builder-menu-2 .ast-main-header-bar-alignment,
    .ast-builder-menu-2 .main-header-bar-navigation,
    .ast-builder-menu-2 .site-navigation,
    .ast-builder-menu-2 .main-navigation {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    /* Distribute menu items across the 1240px container width */
    .main-header-menu,
    #ast-hf-menu-2,
    #ast-hf-menu-1 {
        width: 100% !important;
        display: flex !important;
        grid-template-columns: none !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .main-header-menu > .menu-item {
        flex: 0 0 auto !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        background: transparent !important;
    }
}

@media (min-width: 922px) {
/* Remove ALL theme default/duplicate borders, shadows, backgrounds & pseudo-elements */
.main-header-menu,
.main-header-menu *,
.main-header-menu .menu-item,
.main-header-menu .menu-link,
.main-header-menu .menu-text,
.main-header-menu .menu-item::after,
.main-header-menu .menu-item::before,
.main-header-menu .menu-item > a::after,
.main-header-menu .menu-item > a::before,
.main-header-menu .menu-link::after,
.main-header-menu .menu-link::before {
    box-shadow: none !important;
    background-color: transparent !important;
    background: transparent !important;
    outline: none !important;
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
}

/* Font size 1em & base color #0274be */
.main-header-menu .menu-item > .menu-link,
.main-header-menu .menu-item > .menu-link .menu-text {
    font-size: 1em !important;
    font-weight: 600 !important;
    color: #0274be !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
}

/* Hover State: Color #ff851b, NO underline on hover */
.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .menu-item:hover > .menu-link .menu-text {
    color: #ff851b !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    border-bottom-color: transparent !important;
    text-decoration: none !important;
}

/* Active State ONLY: Color #ff851b AND EXACTLY 1 clean underline #ff851b */
.main-header-menu .menu-item.current-menu-item > .menu-link,
.main-header-menu .menu-item.current-menu-ancestor > .menu-link,
.main-header-menu .menu-item.current-cat > .menu-link,
.main-header-menu .menu-item.current_page_item > .menu-link {
    color: #ff851b !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid #ff851b !important;
    border-bottom-color: #ff851b !important;
    text-decoration: none !important;
}

.main-header-menu .menu-item.current-menu-item > .menu-link .menu-text,
.main-header-menu .menu-item.current-menu-ancestor > .menu-link .menu-text,
.main-header-menu .menu-item.current-cat > .menu-link .menu-text,
.main-header-menu .menu-item.current_page_item > .menu-link .menu-text {
    color: #ff851b !important;
    border: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

/* Dropdown icons matching colors */
.main-header-menu .menu-item > .menu-link .ast-icon,
.main-header-menu .menu-item > .menu-link .ast-icon svg,
.main-header-menu .menu-item > .menu-link .ast-icon svg path {
    fill: #0274be !important;
    color: #0274be !important;
}

.main-header-menu .menu-item:hover > .menu-link .ast-icon,
.main-header-menu .menu-item:hover > .menu-link .ast-icon svg,
.main-header-menu .menu-item:hover > .menu-link .ast-icon svg path {
    fill: #ff851b !important;
    color: #ff851b !important;
}

.main-header-menu .menu-item.current-menu-item > .menu-link .ast-icon,
.main-header-menu .menu-item.current-menu-item > .menu-link .ast-icon svg,
.main-header-menu .menu-item.current-menu-item > .menu-link .ast-icon svg path {
    fill: #ff851b !important;
    color: #ff851b !important;
}

}
/* Category Page Title font-size */
.woocommerce-products-header__title.page-title,
.woocommerce-products-header__title,
h1.page-title {
    font-size: 1.6em !important;
}

/* Hide category navigation title Apakškategorijas */
.category-navigation-title,
h2.category-navigation-title {
    display: none !important;
}

/* ==========================================================================
   EQUAL TOP MARGIN (1em) FOR SIDEBAR AND CONTENT AREA BELOW MENU
   ========================================================================== */
#secondary,
#secondary.widget-area,
.widget-area.secondary,
.ast-left-sidebar #secondary,
.ast-right-sidebar #secondary,
.ast-separate-container #secondary,
#primary,
#primary.content-area,
.content-area.primary,
.ast-left-sidebar #primary,
.ast-right-sidebar #primary,
.ast-separate-container #primary {
    margin-top: 1em !important;
    padding-top: 0 !important;
}

#secondary .widget:first-child,
#secondary .widget-area-inner > :first-child,
#secondary > :first-child,
#primary > :first-child {
    margin-top: 0 !important;
}


/* ==========================================================================
   REMOVE SCROLLBAR FROM SIDEBAR (#secondary)
   ========================================================================== */
#secondary,
#secondary.widget-area,
.widget-area.secondary,
.ast-left-sidebar #secondary,
.ast-right-sidebar #secondary,
.ast-separate-container #secondary,
.shop-sidebar,
.sidebar-main,
#secondary .widget-area-inner,
#secondary .sidebar-main {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

#secondary::-webkit-scrollbar,
#secondary *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
#billing_country_field,
#shipping_country_field {
    display: none !important;
}
/* ==========================================================================
   CATEGORY BRANCH BACK LINK STYLING
   ========================================================================== */
.shop-sidebar .product-category-branch__back,
.product-category-branch-widget .product-category-branch__back {
    margin-bottom: 10px !important;
}

.shop-sidebar .product-category-branch__back a,
.product-category-branch-widget .product-category-branch__back a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #0067cf !important;
    text-decoration: none !important;
    padding: 3px 0 !important;
    transition: color 140ms ease !important;
}

.shop-sidebar .product-category-branch__back a:hover,
.shop-sidebar .product-category-branch__back a:focus,
.product-category-branch-widget .product-category-branch__back a:hover,
.product-category-branch-widget .product-category-branch__back a:focus {
    color: #004b99 !important;
    text-decoration: underline !important;
}

.shop-sidebar .product-category-branch__back-icon,
.product-category-branch-widget .product-category-branch__back-icon {
    font-size: 14px !important;
    line-height: 1 !important;
}

/* ==========================================================================
   ENHANCED BACK LINK FONT SIZE (15px - 2px larger than list items)
   ========================================================================== */
.shop-sidebar .product-category-branch__back,
.product-category-branch-widget .product-category-branch__back {
    margin-bottom: 12px !important;
}

.shop-sidebar .product-category-branch__back a,
.product-category-branch-widget .product-category-branch__back a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0067cf !important;
    text-decoration: none !important;
    padding: 4px 0 !important;
    transition: color 140ms ease !important;
}

.shop-sidebar .product-category-branch__back a:hover,
.shop-sidebar .product-category-branch__back a:focus,
.product-category-branch-widget .product-category-branch__back a:hover,
.product-category-branch-widget .product-category-branch__back a:focus {
    color: #004b99 !important;
    text-decoration: underline !important;
}

.shop-sidebar .product-category-branch__back-icon,
.product-category-branch-widget .product-category-branch__back-icon {
    font-size: 16px !important;
    line-height: 1 !important;
}

/* ==========================================================================
   CATEGORY BRANCH SIDEBAR STYLING & DISTINCT ACTIVE ITEM
   ========================================================================== */

.shop-sidebar .product-category-branch-widget,
.product-category-branch-widget {
    margin-bottom: 20px !important;
}

/* Parent back link styling */
.shop-sidebar .product-category-branch__back,
.product-category-branch-widget .product-category-branch__back {
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.shop-sidebar .product-category-branch__back a,
.product-category-branch-widget .product-category-branch__back a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0067cf !important;
    text-decoration: none !important;
    padding: 4px 0 !important;
    transition: color 140ms ease !important;
}

.shop-sidebar .product-category-branch__back a:hover,
.shop-sidebar .product-category-branch__back a:focus,
.product-category-branch-widget .product-category-branch__back a:hover,
.product-category-branch-widget .product-category-branch__back a:focus {
    color: #004b99 !important;
    text-decoration: underline !important;
}

.shop-sidebar .product-category-branch__back-icon,
.product-category-branch-widget .product-category-branch__back-icon {
    font-size: 16px !important;
    line-height: 1 !important;
}

/* Category list items */
.shop-sidebar .product-category-branch,
.product-category-branch-widget .product-category-branch {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.shop-sidebar .product-category-branch li,
.product-category-branch-widget .product-category-branch li {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    transition: background-color 120ms ease !important;
}

.shop-sidebar .product-category-branch li a,
.product-category-branch-widget .product-category-branch li a {
    display: flex !important;
    align-items: center !important;
    color: #3e4e64 !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    padding: 5px 8px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 120ms ease !important;
}

.shop-sidebar .product-category-branch li a:hover,
.product-category-branch-widget .product-category-branch li a:hover {
    background-color: #f1f5f9 !important;
    color: #0067cf !important;
}

/* DISTINCT ACTIVE ITEM (Current page) */
.shop-sidebar .product-category-branch li.current-cat,
.product-category-branch-widget .product-category-branch li.current-cat {
    background-color: #eef6ff !important;
    border-left: 3px solid #0067cf !important;
}

.shop-sidebar .product-category-branch li.current-cat a,
.product-category-branch-widget .product-category-branch li.current-cat a {
    color: #0067cf !important;
    font-weight: 700 !important;
    padding-left: 6px !important;
}

/* ==========================================================================
   UPDATED FONT SIZES (Header: 15.5px, List items: 14px)
   ========================================================================== */
.shop-sidebar .product-category-branch__back a,
.product-category-branch-widget .product-category-branch__back a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #0067cf !important;
    text-decoration: none !important;
    padding: 4px 0 !important;
    transition: color 140ms ease !important;
}

.shop-sidebar .product-category-branch__back-icon,
.product-category-branch-widget .product-category-branch__back-icon {
    font-size: 16.5px !important;
    line-height: 1 !important;
}

.shop-sidebar .product-category-branch li a,
.product-category-branch-widget .product-category-branch li a {
    display: flex !important;
    align-items: center !important;
    color: #3e4e64 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    padding: 6px 8px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 120ms ease !important;
}

/* Category product count badge in page title */
.mobishop-cat-count {
    font-size: 0.8em;
    font-weight: 400;
    color: #64748b;
    margin-left: 6px;
}

/* Desktop hide rules for mobile-only elements */
@media (min-width: 922px) {
    .mobishop-chips-scroll-wrap,
    .mobishop-mobile-filter-bar,
    .mobishop-mobile-shop-loop-top {
        display: none !important;
    }
}

/* ==========================================================================
   MOBILE SIDEBAR (<=921px): Bottom Sheet Filter Modal + Horizontal Category Chips
   ========================================================================== */
@media (max-width: 921px) {
    /* Override Astra column-reverse on left sidebar */
    .ast-left-sidebar #content > .ast-container,
    .ast-right-sidebar #content > .ast-container,
    .woocommerce-page #content > .ast-container,
    .ast-separate-container #content > .ast-container,
    .site-content > .ast-container {
        display: flex !important;
        flex-direction: column !important;
    }

    #secondary,
    .ast-left-sidebar #secondary,
    .ast-right-sidebar #secondary,
    .woocommerce-page #secondary {
        order: -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    #secondary .widget,
    #secondary .widget_block,
    #secondary .ast-woo-sidebar-widget,
    #secondary .ast-filter-wrap {
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    /* Hide standard inline rendering of product filters on mobile when closed */
    .wc-block-product-filters:not(.is-overlay-opened) {
        display: none !important;
    }

    #primary,
    .ast-left-sidebar #primary,
    .ast-right-sidebar #primary,
    .woocommerce-page #primary {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* 2. Hide vertical sidebar category tree & search widget on mobile (replaced by mobile chips & top search) */
    .mobishop-category-search-widget,
    .product-category-branch-widget .product-category-branch,
    .product-category-branch-widget .product-category-branch__back,
    .product-category-branch-widget .widget-title {
        display: none !important;
    }

    .product-category-branch-widget {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. Horizontal Scrollable Chips Row (~42px height) */
    .mobishop-chips-scroll-wrap {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        margin-top: 6px !important;
        margin-bottom: 10px !important;
        padding: 2px 0 !important;
    }

    .mobishop-chips-scroll-wrap::-webkit-scrollbar {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
    }

    .mobishop-chips-container {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 2px !important;
    }

    .mobishop-chip {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        height: 36px !important;
        padding: 0 14px !important;
        border-radius: 20px !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
        transition: all 120ms ease !important;
    }

    /* Backlink Chip: distinct border & icon */
    .mobishop-chip--back {
        background: #ffffff !important;
        color: #0067cf !important;
        border: 1.5px solid #0067cf !important;
        font-weight: 600 !important;
    }

    .mobishop-chip--back:hover {
        background: #eef6ff !important;
    }

    /* Active Category Chip: solid accent color */
    .mobishop-chip--active {
        background: #0067cf !important;
        color: #ffffff !important;
        border: 1.5px solid #0067cf !important;
        font-weight: 600 !important;
    }

    /* Inactive Category Chips */
    .mobishop-chip:not(.mobishop-chip--back):not(.mobishop-chip--active) {
        background: #f1f5f9 !important;
        color: #3e4e64 !important;
        border: 1.5px solid #e2e8f0 !important;
    }

    .mobishop-chip:not(.mobishop-chip--back):not(.mobishop-chip--active):hover {
        background: #e2e8f0 !important;
        color: #0067cf !important;
    }

    /* 3. Mobile Controls Row (Filtri button on left, Kārtot pēc dropdown on right in ONE row) */
    .mobishop-mobile-controls-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-top: 10px !important;
        margin-bottom: 16px !important;
        width: 100% !important;
    }

    .mobishop-mobile-controls-row .woocommerce-ordering {
        margin: 0 !important;
        float: none !important;
    }

    .mobishop-mobile-controls-row .woocommerce-ordering select {
        height: 38px !important;
        padding: 0 10px !important;
        font-size: 13.5px !important;
        border-radius: 6px !important;
        border: 1px solid #cbd5e1 !important;
        background: #ffffff !important;
        color: #1e293b !important;
    }

    .mobishop-mobile-filter-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        height: 38px !important;
        padding: 0 18px !important;
        background: #0067cf !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        box-shadow: 0 2px 5px rgba(0,103,207,0.2) !important;
        flex-shrink: 0 !important;
    }

    .mobishop-filter-badge {
        background: #ffffff !important;
        color: #0067cf !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        border-radius: 10px !important;
        padding: 2px 7px !important;
        min-width: 16px !important;
        text-align: center !important;
    }

    /* Hide default trigger button from WooCommerce */
    .wc-block-product-filters__open-overlay {
        display: none !important;
    }

    /* 4. Bottom Sheet Modal (~90% height) */
    .wc-block-product-filters__overlay {
        display: none !important;
    }

    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(15, 23, 42, 0.65) !important;
        backdrop-filter: blur(3px) !important;
        z-index: 999999 !important;
    }

    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-wrapper,
    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 90vh !important;
        max-height: 90vh !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        background: #f8fafc !important;
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.35) !important;
        z-index: 1000000 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 14px 18px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e2e8f0 !important;
    }

    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-title {
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        margin: 0 !important;
    }

    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__close-overlay {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f1f5f9 !important;
        border: none !important;
        border-radius: 50% !important;
        width: 32px !important;
        height: 32px !important;
        color: #475569 !important;
        font-size: 16px !important;
        cursor: pointer !important;
    }

    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-content {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-content > div:not(.wc-block-product-filter--hidden) {
        display: block !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        padding: 14px !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
    }

    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-footer {
        display: flex !important;
        gap: 10px !important;
        padding: 12px 16px !important;
        background: #ffffff !important;
        border-top: 1px solid #e2e8f0 !important;
        box-shadow: 0 -4px 12px rgba(0,0,0,0.05) !important;
    }

    .wc-block-product-filters.is-overlay-opened .mobishop-btn-reset-filters {
        flex: 1 !important;
        height: 44px !important;
        background: #f1f5f9 !important;
        color: #334155 !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
    }

    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__apply,
    .wc-block-product-filters.is-overlay-opened .mobishop-btn-apply-filters {
        flex: 2 !important;
        height: 44px !important;
        background: #0067cf !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 6px !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
    }

    .mobishop-brand-search-input {
        width: 100% !important;
        height: 36px !important;
        padding: 0 10px !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        font-size: 13.5px !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }

    /* ==========================================================================
       SINGLE PRODUCT PAGE MOBILE HIERARCHY (<=921px)
       1. Breadcrumb (Ceļa maize)
       2. Title (Preces nosaukums)
       3. Gallery (Preces galerija)
       4. Price & Stock (Cena + pieejamība)
       5. Add to Cart (Daudzums un Pievienot grozam)
       6. Short description (Īsais apraksts / parametri)
       7. Tabs / Related (Pilnais apraksts / Saistītie)
       ========================================================================== */
    body.single-product header.entry-header {
        display: none !important;
    }

    body.single-product div.product {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    body.single-product div.product > .summary.entry-summary {
        display: contents !important;
    }

    /* 1. Ceļa maize */
    body.single-product .woocommerce-breadcrumb {
        order: 1 !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    /* Hide redundant inline product categories above title if present */
    body.single-product .single-product-category {
        display: none !important;
    }

    /* 2. Preces nosaukums */
    body.single-product h1.product_title {
        order: 2 !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        color: #0f172a !important;
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    /* 3. Preces galerija / attēls */
    body.single-product .woocommerce-product-gallery {
        order: 3 !important;
        width: 100% !important;
        margin-bottom: 16px !important;
        float: none !important;
    }

    /* 4. Cena + pieejamība noliktavā */
    body.single-product p.price {
        order: 4 !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #0067cf !important;
        margin-bottom: 4px !important;
    }

    body.single-product .ast-stock-detail,
    body.single-product p.stock {
        order: 5 !important;
        font-size: 13.5px !important;
        margin-bottom: 14px !important;
    }

    /* 5. Daudzums un poga "Pievienot grozam" (pilnā platumā) */
    body.single-product form.cart {
        order: 6 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    body.single-product form.cart .quantity {
        flex: 0 0 80px !important;
        height: 48px !important;
        margin: 0 !important;
    }

    body.single-product form.cart .quantity .qty {
        width: 100% !important;
        height: 48px !important;
        text-align: center !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        border: 1px solid #cbd5e1 !important;
    }

    body.single-product form.cart .button.single_add_to_cart_button {
        flex: 1 1 200px !important;
        width: 100% !important;
        height: 48px !important;
        background: #0067cf !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
        border: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        box-shadow: 0 3px 10px rgba(0, 103, 207, 0.25) !important;
    }

    /* 6. Product Meta (SKU, Categories, Tags) directly under Add to Cart button */
    body.single-product .product_meta {
        order: 7 !important;
        margin-top: 4px !important;
        margin-bottom: 18px !important;
        padding-top: 10px !important;
        border-top: 1px dashed #e2e8f0 !important;
        font-size: 13px !important;
        color: #64748b !important;
        width: 100% !important;
    }

    /* 7. Īsais apraksts vai galvenie parametri */
    body.single-product .woocommerce-product-details__short-description {
        order: 8 !important;
        margin-bottom: 22px !important;
        padding: 14px 16px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        font-size: 14px !important;
        color: #334155 !important;
    }

    /* 8. Pilnais apraksts / Saistītie produkti */
    body.single-product .woocommerce-tabs {
        order: 9 !important;
        width: 100% !important;
        margin-bottom: 24px !important;
    }

    body.single-product .up-sells,
    body.single-product .related.products {
        order: 10 !important;
        width: 100% !important;
    }
}

/* ==========================================================================
   SINGLE PRODUCT GALLERY IMAGE & THUMBNAIL HEIGHT CONSTRAINTS
   ========================================================================== */

/* Outer gallery wrapper must NOT clip thumbnails below */
.single-product .woocommerce-product-gallery {
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Main gallery slide viewport max height constraint */
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
    max-height: 480px !important;
    overflow: hidden !important;
}

.single-product .woocommerce-product-gallery .flex-viewport img,
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery .wp-post-image {
    max-height: 480px !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* Thumbnail Gallery Grid & Square Cropping */
.single-product .woocommerce-product-gallery ol.flex-control-thumbs,
.single-product .woocommerce-product-gallery .flex-control-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 14px !important;
    width: 100% !important;
    clear: both !important;
}

.single-product .woocommerce-product-gallery ol.flex-control-thumbs li,
.single-product .woocommerce-product-gallery .flex-control-nav li {
    width: 68px !important;
    height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    border: 1px solid #cbd5e1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    margin: 0 !important;
    float: none !important;
    cursor: pointer !important;
}

.single-product .woocommerce-product-gallery ol.flex-control-thumbs li img,
.single-product .woocommerce-product-gallery .flex-control-nav li img {
    width: 100% !important;
    height: 100% !important;
    max-width: 68px !important;
    max-height: 68px !important;
    object-fit: contain !important;
    display: block !important;
    opacity: 1 !important;
}



/* ==========================================================================
   MOBISHOP MOBILE HEADER & MENU LIVE SEARCH
   ========================================================================== */

/* 1. Header lupa toggle button (situated between logo and burger) */
.mobishop-mobile-search-toggle-wrap {
    display: none;
}

@media (max-width: 921px) {
    .site-header-primary-section-right .ast-builder-layout-element[data-section="section-header-mobile-trigger"] {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .mobishop-mobile-search-toggle-wrap {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .mobishop-mobile-search-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        padding: 0;
        margin: 0;
        background: transparent !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        color: #1e293b !important;
        cursor: pointer;
        transition: all 0.2s ease;
        -webkit-tap-highlight-color: transparent;
    }

    .mobishop-mobile-search-toggle:hover,
    .mobishop-mobile-search-toggle:focus-visible,
    .mobishop-mobile-search-toggle.is-active {
        background: #f1f5f9 !important;
        color: #0274be !important;
        border-color: #cbd5e1 !important;
    }

    .mobishop-mobile-search-toggle.is-active {
        background: #e0f2fe !important;
        border-color: #0274be !important;
    }
}

/* 2. Full-width Dropdown Search Bar under Mobile Header */
.mobishop-mobile-search-bar {
    display: none;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 999;
}

.mobishop-mobile-search-bar.is-open {
    display: block !important;
    animation: mobiSlideDown 0.22s ease-out forwards;
}

@keyframes mobiSlideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mobishop-mobile-search-bar__inner {
    padding: 10px 14px 12px 14px;
    max-width: 100%;
    margin: 0 auto;
}

/* 3. Search Bar at Top of Mobile Burger Menu */
.mobishop-mobile-menu-search-wrap {
    padding: 12px 14px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 4px;
}

/* 4. Common Live Search Form Components */
.mobishop-live-search {
    position: relative;
    width: 100%;
}

.mobishop-live-search__field {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.mobishop-live-search__icon {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    color: #64748b;
    pointer-events: none;
    z-index: 2;
}

.mobishop-live-search__input {
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 38px 0 40px !important;
    font-size: 16px !important; /* Prevents auto-zoom in mobile Safari */
    color: #1e293b !important;
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 9px !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    -webkit-appearance: none;
}

.mobishop-live-search__input:focus {
    background: #ffffff !important;
    border-color: #0274be !important;
    box-shadow: 0 0 0 3px rgba(2, 116, 190, 0.15) !important;
}

.mobishop-live-search__clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    border: none;
    background: #e2e8f0;
    border-radius: 50%;
    color: #64748b;
    cursor: pointer;
    z-index: 2;
    transition: background 0.15s ease, color 0.15s ease;
}

.mobishop-live-search__clear:hover {
    background: #cbd5e1;
    color: #1e293b;
}

/* 5. Live Search Results Dropdown */
.mobishop-live-search__results {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
    z-index: 1000;
    max-height: min(420px, calc(100vh - 180px));
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Gluda ritināšanas josla */
.mobishop-live-search__results::-webkit-scrollbar {
    width: 5px;
}
.mobishop-live-search__results::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.mobishop-live-search__results[hidden] {
    display: none !important;
}

.mobishop-live-search__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mobishop-live-search__item {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mobishop-live-search__item + .mobishop-live-search__item {
    border-top: 1px solid #f1f5f9;
}

/* 1st Result: Exact keyword link (Full shop search) - Sticky at top of results */
.mobishop-live-search__item--query {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #f0f7fc;
    border-bottom: 1.5px solid #e0f2fe;
}

.mobishop-live-search__query-link {
    display: flex !important;
    align-items: center !important;
    padding: 12px 14px !important;
    text-decoration: none !important;
    color: #0274be !important;
    font-size: 14.5px !important;
    line-height: 1.3 !important;
    transition: background 0.15s ease;
}

.mobishop-live-search__query-link:hover,
.mobishop-live-search__query-link:focus {
    background: #e0f2fe !important;
}

.mobishop-live-search__query-icon {
    display: inline-flex;
    align-items: center;
    margin-right: 9px;
    flex-shrink: 0;
    color: #0274be;
}

.mobishop-live-search__query-text {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobishop-live-search__query-text strong {
    font-weight: 700;
    color: #0b4974;
}

.mobishop-live-search__query-badge {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    background: #0274be;
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 6px;
    margin-left: 8px;
}

/* Product results (2 top products) */
.mobishop-live-search__item--product {
    background: #ffffff;
}

.mobishop-live-search__product-link {
    display: flex !important;
    align-items: center !important;
    padding: 10px 14px !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: background 0.15s ease;
}

.mobishop-live-search__product-link:hover,
.mobishop-live-search__product-link:focus {
    background: #f8fafc !important;
}

.mobishop-live-search__thumb {
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-right: 12px;
    border-radius: 6px;
    overflow: hidden;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
}

.mobishop-live-search__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

.mobishop-live-search__info {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mobishop-live-search__title {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #1e293b !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.mobishop-live-search__price {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0274be !important;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

.mobishop-live-search__price del {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 400;
}

.mobishop-live-search__price ins {
    text-decoration: none;
    color: #e11d48;
}

/* Empty note */
.mobishop-live-search__item--empty {
    padding: 14px 16px;
    font-size: 13px;
    color: #64748b;
    text-align: center;
    background: #ffffff;
}

/* Hide on Desktop */
@media (min-width: 922px) {
    .mobishop-mobile-search-toggle-wrap,
    .mobishop-mobile-search-bar,
    .mobishop-mobile-menu-search-wrap {
        display: none !important;
    }
}