/* Keep the numbered catalog pager authoritative over later card layout rules. */
    html body.page-id-992087.armala-catalog-surface .ac2-grid-prod > a.ac2-prod-card.armala-number-page-hidden,
    html body.armala-catalog-surface .ac2-grid-prod > .ac2-prod-card.armala-number-page-hidden {
        display: none !important;
    }
    /* Older light-theme layers otherwise leave material category labels dark on dark. */
    html.armala-night body.page-id-992087.armala-catalog-surface .ac2-grid .ac2-type-card .ac2-name,
    html.armala-night body.armala-catalog-surface .ac2-grid .ac2-type-card .ac2-name {
        color: #fffaf2 !important;
        -webkit-text-fill-color: #fffaf2 !important;
    }
    html.armala-night body.page-id-992087.armala-catalog-surface .ac2-grid .ac2-type-card .ac2-spec,
    html.armala-night body.armala-catalog-surface .ac2-grid .ac2-type-card .ac2-spec {
        color: #d2dde3 !important;
        -webkit-text-fill-color: #d2dde3 !important;
    }
    /* Keep the desktop catalog dropdown readable over both day and night surfaces. */
    @media (min-width: 981px) {
        html body .armala-header-main .armala-nav .menu-item-has-children > .sub-menu {
            background: #fffaf2 !important;
            border: 1px solid rgba(8, 35, 56, 0.14) !important;
            box-shadow: 0 18px 42px rgba(8, 35, 56, 0.18) !important;
        }
        html body .armala-header-main .armala-nav .menu-item-has-children > .sub-menu a {
            background: transparent !important;
            color: #082338 !important;
            -webkit-text-fill-color: #082338 !important;
        }
        html body .armala-header-main .armala-nav .menu-item-has-children > .sub-menu a:hover,
        html body .armala-header-main .armala-nav .menu-item-has-children > .sub-menu a:focus-visible {
            background: #f4eadc !important;
            color: #123f32 !important;
            -webkit-text-fill-color: #123f32 !important;
        }
    }
    @media (max-width: 980px) {
        html.armala-night body .armala-header,
        html.armala-night body .armala-header-main {
            background: #123447 !important;
        }
        html.armala-night body .armala-header-main .custom-logo,
        html.armala-night body .armala-header-main .armala-logo img,
        html.armala-night body .armala-header-main .site-logo img {
            filter: brightness(0) invert(1) opacity(0.98) !important;
        }
        .armala-header {
            position: relative !important;
            z-index: 1000 !important;
        }
        .armala-header-main {
            align-items: center !important;
            display: flex !important;
            gap: 12px !important;
            min-height: 74px !important;
            position: relative !important;
        }
        .armala-brand {
            flex: 1 1 auto !important;
            min-width: 0 !important;
        }
        .armala-brand img,
        .armala-brand .custom-logo {
            height: auto !important;
            max-height: 44px !important;
            max-width: 168px !important;
            object-fit: contain !important;
            width: auto !important;
        }
        html:not(.armala-night) body .armala-header-main .custom-logo,
        html:not(.armala-night) body .armala-header-main .armala-logo img,
        html:not(.armala-night) body .armala-header-main .site-logo img {
            filter: none !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"],
        .armala-menu-toggle {
            align-items: center !important;
            background: #082338 !important;
            border: 1px solid rgba(255, 255, 255, 0.24) !important;
            border-radius: 999px !important;
            box-shadow: 0 10px 24px rgba(8, 35, 56, 0.18) !important;
            color: #ffffff !important;
            display: inline-flex !important;
            flex: 0 0 auto !important;
            font-size: 0 !important;
            gap: 0 !important;
            height: 44px !important;
            justify-content: center !important;
            margin-left: auto !important;
            min-width: 52px !important;
            padding: 0 14px !important;
            position: relative !important;
            right: auto !important;
            top: auto !important;
            transform: none !important;
            width: auto !important;
            z-index: 10002 !important;
        }
        .armala-menu-toggle > span:not(.screen-reader-text) {
            background: currentColor !important;
            border-radius: 999px !important;
            display: block !important;
            height: 2px !important;
            left: 50% !important;
            margin: 0 !important;
            position: absolute !important;
            transform: translateX(-50%) !important;
            width: 20px !important;
        }
        .armala-menu-toggle > span:not(.screen-reader-text):nth-child(1) {
            top: 14px !important;
        }
        .armala-menu-toggle > span:not(.screen-reader-text):nth-child(2) {
            top: 21px !important;
        }
        .armala-menu-toggle > span:not(.screen-reader-text):nth-child(3) {
            top: 28px !important;
        }
        .armala-menu-toggle .screen-reader-text {
            border: 0 !important;
            clip: rect(1px, 1px, 1px, 1px) !important;
            clip-path: inset(50%) !important;
            height: 1px !important;
            margin: -1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            white-space: nowrap !important;
            width: 1px !important;
        }
        .armala-menu-toggle::after {
            content: "Menu" !important;
            display: block !important;
            font-size: 12px !important;
            font-weight: 800 !important;
            letter-spacing: 0.02em !important;
            line-height: 1 !important;
            margin-left: 28px !important;
        }
        .armala-menu-toggle[aria-expanded="true"]::after {
            content: "Close" !important;
        }
        .armala-header-main .armala-nav {
            background: #fffaf2 !important;
            border: 1px solid rgba(184, 112, 59, 0.28) !important;
            border-radius: 22px !important;
            box-shadow: 0 22px 48px rgba(8, 35, 56, 0.18) !important;
            display: none !important;
            height: auto !important;
            left: 14px !important;
            max-height: calc(100vh - 150px) !important;
            overflow: auto !important;
            padding: 14px !important;
            position: absolute !important;
            right: 14px !important;
            top: calc(100% + 8px) !important;
            width: auto !important;
            z-index: 10001 !important;
        }
        .armala-header-main .armala-nav.is-open {
            display: block !important;
        }
        .armala-header-main .armala-nav.is-open > .armala-nav-list {
            display: grid !important;
            gap: 8px !important;
            height: auto !important;
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
            position: relative !important;
            visibility: visible !important;
            width: 100% !important;
        }
        .armala-header-main .armala-nav.is-open li {
            display: block !important;
            height: auto !important;
            margin: 0 !important;
            position: relative !important;
            width: auto !important;
        }
        .armala-header-main .armala-nav.is-open a {
            align-items: center !important;
            background: #ffffff !important;
            border: 1px solid rgba(8, 35, 56, 0.1) !important;
            border-radius: 14px !important;
            color: #082338 !important;
            display: flex !important;
            font-size: 15px !important;
            font-weight: 800 !important;
            justify-content: space-between !important;
            line-height: 1.2 !important;
            min-height: 46px !important;
            padding: 12px 14px !important;
            text-decoration: none !important;
            width: 100% !important;
        }
        .armala-header-main .armala-nav.is-open a:hover,
        .armala-header-main .armala-nav.is-open a:focus {
            background: #f4eadc !important;
            border-color: rgba(184, 112, 59, 0.34) !important;
            color: #082338 !important;
        }
        .armala-header-main .armala-nav.is-open .menu-item-has-children > a {
            background: #123f32 !important;
            border-color: #123f32 !important;
            color: #ffffff !important;
        }
        .armala-header-main .armala-nav.is-open .menu-item-has-children > a::after {
            content: "Browse" !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            opacity: 0.78 !important;
        }
        .armala-header-main .armala-nav.is-open .sub-menu {
            display: none !important;
        }
        .armala-header-main .armala-nav.is-open .sub-menu a {
            background: #f7f1e8 !important;
            color: #123f32 !important;
            font-size: 13px !important;
            min-height: 42px !important;
            padding: 10px 12px !important;
        }
        .armala-header-main .armala-nav.is-open .catalog-browse-all {
            grid-column: 1 / -1 !important;
        }
        .armala-header-main .armala-nav.is-open .armala-cart-nav-item {
            display: none !important;
        }
        .armala-header-main .armala-nav.is-open .armala-nav-cta {
            display: grid !important;
            gap: 8px !important;
            grid-template-columns: 1fr 1fr !important;
            margin-top: 12px !important;
        }
        .armala-header-main .armala-nav.is-open .armala-nav-cta a {
            justify-content: center !important;
            text-align: center !important;
        }
        #armala-primary-nav .menu-item-has-children.armala-catalog-open > .sub-menu,
        .armala-nav .menu-item-has-children.armala-catalog-open > .sub-menu {
            background: #f4eadc !important;
            border: 1px solid rgba(184, 112, 59, 0.22) !important;
            border-radius: 14px !important;
            display: grid !important;
            gap: 6px !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            margin: 6px 0 0 !important;
            padding: 8px !important;
            position: static !important;
            width: 100% !important;
        }
        #armala-primary-nav .menu-item-has-children.armala-catalog-open > a,
        .armala-nav .menu-item-has-children.armala-catalog-open > a {
            color: #082338 !important;
        }
        /* Final mobile night guard: legacy theme rules use a more specific header selector. */
        html.armala-night body .armala-header .armala-header-main,
        html.armala-night body .armala-header .armala-container.armala-header-main,
        html.armala-night body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main {
            background: #123447 !important;
            border-color: rgba(240, 180, 126, 0.22) !important;
        }
        html.armala-night body .armala-header .armala-header-main .custom-logo,
        html.armala-night body .armala-header .armala-header-main .armala-logo img,
        html.armala-night body .armala-header .armala-header-main .site-logo img,
        html.armala-night body .armala-header .armala-header-main .armala-brand img {
            filter: brightness(0) invert(1) !important;
            opacity: 1 !important;
        }
        /* Keep the mobile header compact while the drawer is open. */
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main {
            align-items: center !important;
            display: flex !important;
            height: 68px !important;
            min-height: 68px !important;
            padding: 8px 14px !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"],
        .armala-menu-toggle {
            border-radius: 14px !important;
            height: 40px !important;
            justify-content: flex-start !important;
            min-width: 92px !important;
            padding: 0 16px 0 44px !important;
            transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 120ms ease !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]::before,
        .armala-menu-toggle::before {
            background: linear-gradient(
                to bottom,
                #ffffff 0,
                #ffffff 2px,
                transparent 2px,
                transparent 6px,
                #ffffff 6px,
                #ffffff 8px,
                transparent 8px,
                transparent 12px,
                #ffffff 12px,
                #ffffff 14px
            ) !important;
            content: "" !important;
            height: 14px !important;
            left: 17px !important;
            position: absolute !important;
            top: 13px !important;
            width: 16px !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"][aria-expanded="true"]::before,
        .armala-menu-toggle[aria-expanded="true"]::before {
            background:
                linear-gradient(45deg, transparent 44%, #ffffff 45%, #ffffff 55%, transparent 56%),
                linear-gradient(-45deg, transparent 44%, #ffffff 45%, #ffffff 55%, transparent 56%) !important;
            height: 16px !important;
            top: 12px !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"] > span:not(.screen-reader-text),
        .armala-menu-toggle > span:not(.screen-reader-text) {
            display: none !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]::after,
        .armala-menu-toggle::after {
            font-size: 13px !important;
            margin-left: 0 !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]:hover,
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]:focus-visible,
        .armala-menu-toggle:hover,
        .armala-menu-toggle:focus-visible {
            background: #123f32 !important;
            border-color: #b8703b !important;
            box-shadow: 0 10px 24px rgba(8, 35, 56, 0.24), 0 0 0 3px rgba(184, 112, 59, 0.18) !important;
            color: #ffffff !important;
            outline: none !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]:active,
        .armala-menu-toggle:active {
            transform: scale(0.98) !important;
        }
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main .armala-menu-toggle[aria-expanded="true"] {
            justify-content: center !important;
            padding: 0 16px !important;
        }
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main .armala-menu-toggle[aria-expanded="true"]::before {
            content: none !important;
            display: none !important;
        }
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main .armala-menu-toggle[aria-expanded="true"] > span:not(.screen-reader-text) {
            display: none !important;
        }
        .armala-header-main .armala-nav {
            border-radius: 18px !important;
            padding: 10px !important;
        }
        .armala-header-main .armala-nav.is-open > .armala-nav-list {
            gap: 6px !important;
        }
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main .armala-nav.is-open > .armala-nav-list > li:not(.menu-item-has-children) > a::after,
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main #menu-main-menu > li:not(.menu-item-has-children) > a::after {
            content: none !important;
            display: none !important;
            height: 0 !important;
            width: 0 !important;
        }
        .armala-header-main .armala-nav.is-open .menu-item-has-children > a {
            background: #ffffff !important;
            border-color: rgba(8, 35, 56, 0.1) !important;
            color: #082338 !important;
        }
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main .armala-nav.is-open .menu-item-has-children > a::after {
            color: #b8703b !important;
            content: "Categories +" !important;
            display: inline-block !important;
            font-size: 11px !important;
            font-weight: 850 !important;
            height: auto !important;
            letter-spacing: 0.02em !important;
            opacity: 1 !important;
            width: auto !important;
        }
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main .armala-nav.is-open .menu-item-has-children.armala-catalog-open > a::after {
            content: "Categories -" !important;
        }
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main nav.armala-nav.is-open > ul#menu-main-menu > li.armala-cart-nav-item,
        html body.armala-mobile-main-open .armala-site-shell .armala-header .armala-container.armala-header-main .armala-nav.is-open > .armala-nav-list > li.armala-cart-nav-item {
            border: 0 !important;
            display: none !important;
            height: 0 !important;
            margin: 0 !important;
            max-height: 0 !important;
            min-height: 0 !important;
            overflow: hidden !important;
            padding: 0 !important;
            visibility: hidden !important;
        }
        /* Use the full phone width and shorten long material-category pages. */
        html body.page-id-992087.armala-catalog-surface .ac2-grid.ac2-grid-type,
        html body.armala-catalog-surface .ac2-grid.ac2-grid-type {
            display: grid !important;
            gap: 12px !important;
            grid-template-columns: minmax(0, 1fr) !important;
            width: 100% !important;
        }
        html body.page-id-992087.armala-catalog-surface .ac2-grid.ac2-grid-type > a.ac2-type-card,
        html body.armala-catalog-surface .ac2-grid.ac2-grid-type > a.ac2-type-card {
            align-items: center !important;
            box-sizing: border-box !important;
            display: grid !important;
            gap: 12px !important;
            grid-template-columns: 72px minmax(0, 1fr) !important;
            height: auto !important;
            margin: 0 !important;
            max-width: none !important;
            min-height: 98px !important;
            padding: 12px !important;
            width: 100% !important;
        }
        html body.page-id-992087.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-thumb,
        html body.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-thumb {
            align-self: center !important;
            border-radius: 12px !important;
            display: block !important;
            height: 72px !important;
            margin: 0 !important;
            overflow: hidden !important;
            width: 72px !important;
        }
        html body.page-id-992087.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-thumb img,
        html body.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-thumb img {
            height: 100% !important;
            object-fit: cover !important;
            width: 100% !important;
        }
        html body.page-id-992087.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-body,
        html body.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-body {
            align-items: center !important;
            display: grid !important;
            gap: 7px 10px !important;
            grid-template-columns: minmax(0, 1fr) auto !important;
            grid-template-rows: auto auto !important;
            min-width: 0 !important;
            width: 100% !important;
        }
        html body.page-id-992087.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-name,
        html body.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-name {
            display: -webkit-box !important;
            font-size: 16px !important;
            grid-column: 1 / -1 !important;
            line-height: 1.22 !important;
            margin: 0 !important;
            overflow: hidden !important;
            -webkit-box-orient: vertical !important;
            -webkit-line-clamp: 2 !important;
        }
        html body.page-id-992087.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-spec,
        html body.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-spec {
            font-size: 13px !important;
            grid-column: 1 !important;
            line-height: 1.25 !important;
            margin: 0 !important;
        }
        html body.page-id-992087.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-cta,
        html body.armala-catalog-surface .ac2-grid-type .ac2-type-card .ac2-cta {
            align-items: center !important;
            background: #082338 !important;
            border: 1px solid #082338 !important;
            border-radius: 999px !important;
            color: #ffffff !important;
            display: inline-flex !important;
            font-size: 12px !important;
            font-weight: 800 !important;
            grid-column: 2 !important;
            justify-content: center !important;
            line-height: 1 !important;
            margin: 0 !important;
            min-height: 38px !important;
            padding: 0 14px !important;
            width: auto !important;
        }
        html body.page-id-992087.armala-catalog-surface .ac2-grid-type .ac2-type-card .armala-catalog-shape,
        html body.armala-catalog-surface .ac2-grid-type .ac2-type-card .armala-catalog-shape {
            display: none !important;
        }
        html body.page-id-992087.armala-catalog-surface .ac2-grid-type .ac2-type-card:focus-visible,
        html body.armala-catalog-surface .ac2-grid-type .ac2-type-card:focus-visible {
            box-shadow: 0 0 0 3px rgba(184, 112, 59, 0.34) !important;
            outline: none !important;
        }
        /* The theme positions the mobile brand absolutely and resets this row to block. */
        html body .armala-site-shell .armala-header .armala-container.armala-header-main {
            align-items: center !important;
            display: flex !important;
            gap: 12px !important;
            justify-content: space-between !important;
            min-height: 68px !important;
            padding: 8px 14px !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > .armala-brand {
            flex: 1 1 auto !important;
            inset: auto !important;
            margin: 0 !important;
            max-width: calc(100% - 104px) !important;
            min-width: 0 !important;
            position: relative !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > .armala-brand img {
            display: block !important;
            max-height: 42px !important;
            max-width: 156px !important;
        }
        html body .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"] {
            flex: 0 0 auto !important;
            inset: auto !important;
            margin: 0 0 0 auto !important;
            position: relative !important;
        }
    }