/*
Theme Name: Mica Theme 2026
Author: Peter Papasotiriou
Author URI: www.lionmarketing.com
Description: Theme Created For Mica
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: Mica
 */

/*
 * Mica theme stylesheet
 *
 * Authored CSS is consolidated in this file. The major sections below use
 * clear banners so global rules and page-specific components are easy to
 * locate. Third-party styles such as Bootstrap remain separately enqueued.
 */

/* Mica typography system: display, functional, and character type roles. */
:root {
    /* Section rhythm: 4px fluid steps; fixed spacing may use 2px half-steps.
     * Keep zero joins and animation overlap offsets intentional. Fluid values
     * retain a fallback immediately before their rounded declaration. */
    --mica-space-unit: 4px;
    --mica-space-half: 2px;
    --mica-font-display: "Anton", "Arial Narrow", Impact, sans-serif;
    --mica-font-body: "DM Sans", Arial, sans-serif;
    --mica-font-character: "Zilla Slab", Georgia, serif;
}

.plascon-tin img {
    max-width: 350px;
}

/* .promo-no-promo{display: none;}
 */
.auto-image img {
    width: 550px !important;
}

.Rod-Big img {
    width: 620px !important;
}

.page-content #product-content h3 {
    font-size: 26px;
    color: #f58220;
    margin-top: 10px;
}

.page-content #product-content .post-main-content h3 {
    font-size: 26px;
    color: #f58220;
    margin-top: 10px;
}

#additional-promos #promo-tile .post-content {
    display: flex;
    height: 100%;
}

#additional-promos #promo-tile #promo-links {
    display: flex;
    flex-direction: column;
}

#additional-promos #promo-tile .view-store {
    margin-top: auto;
}

#top-scroll a i,
#top-scroll a .mica2026-back-to-top-icon {
    background: white;
    border-radius: 100%;
    border: 2px solid white;
}

#top-scroll a .mica2026-back-to-top-icon {
    display: grid;
    width: 1em;
    height: 1em;
    place-items: center;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    line-height: 1;
}

.wpv-filter-form .wpv-pagination-nav-links-container {
    justify-content: center !important;
}

.store-button a {
    width: 100%;
}

.mobile-hide {
    display: block;
}

.mobile-show {
    display: none;
}

.gform_wrapper .gf_progressbar {
    width: calc(100% - 16px);
}

.gform_wrapper .gf_progressbar {
    padding: 10px;
    position: relative;
    background-color:
        rgba(0, 0, 0, .1);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .05);
    width: 100%;
}

.gform_wrapper *,
.gform_wrapper ::after,
.gform_wrapper ::before {
    box-sizing: border-box !important;
}

.gform_wrapper .gf_progressbar_percentage.percentbar_100 {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.gform_wrapper .percentbar_blue {
    background-color: #036493;
    color: #FFF;
}

.gform_wrapper .gf_progressbar_percentage {
    height: 24px;
    text-align: right;
    font-family: helvetica, arial, sans-serif;
    font-size: .813em !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    z-index: 999;
    vertical-align: middle;
    background: repeating-linear-gradient(-45deg,
            rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px), linear-gradient(to bottom, rgba(0, 0, 0, 0),
            rgba(0, 0, 0, .3));
    background-color: rgba(0, 0, 0, 0);
    border-radius: 20px 4px 4px 20px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.gform_wrapper .percentbar_blue {
    color:
        #FFF;
}

.gform_wrapper .gf_progressbar_percentage {
    text-align: right;
    font-family: helvetica, arial, sans-serif;
    font-size: .813em !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

/*-----------------------------------*/
/*------- Global Styles Start -------*/
/*-----------------------------------*/

#top-scroll a {
    color: #f58220;
    font-size: 50px;
    position: fixed;
    right: 6px;
    bottom: 20px;
    z-index: 99;
}

.fa-youtube {
    color: red;
}

#social-menu .fa-youtube {
    color: inherit;
}

.delay-1 {
    animation-delay: .25s;
}

.delay-2 {
    animation-delay: .5s;
}

.delay-3 {
    animation-delay: .75s;
}

.delay-4 {
    animation-delay: 1s;
}

.p-0 {
    padding: 0 !important;
}

html {
    font-family: 'Roboto', sans-serif !important;
    max-width: 100vw;
    overflow-x: hidden;
    scroll-behavior: smooth;
    min-height: 100vh;
    color: #9c9b9b !important;
}

body {
    margin: 0;
    padding: 0;
    width: 100vw;
    overflow-x: hidden;
}

img {
    width: 100%;
    height: auto;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
p,
a {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    color: #9c9b9b;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-upper {
    text-transform: uppercase;
}



.flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: wrap;
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-center-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
}

.flex-center-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
}

.no-pad {
    padding: 0 !important;
}

.text-orange {
    color: #f58220 !important;
}

.text-blue {
    color: #0072BC;
}

.text-black {
    color: black;
}

.text-grey {
    color: #9c9b9b;
}

.text-white {
    color: white !important;
}

.text-up {
    text-transform: uppercase;
}

.bg-orange {
    background: #f58220;
}

.bg-blue {
    background: #0072BC;
}

.bg-black {
    background: black;
}

.bg-grey {
    background: #9c9b9b;
}

.bg-white {
    background: white !important;
}

.bold {
    font-weight: bold;
}

.light {
    font-weight: lighter;
}

.padded {
    padding-top: 40px;
    padding-bottom: 40px;
}

.double-padded {
    padding-top: 80px;
    padding-bottom: 80px;
}

.cat-heading h1 {
    font-weight: 400;
    font-style: italic;
    font-size: 40px;
    color: #0085d2;
}

.supp-button {
    background-color: #35a8e0;
    color: #ffffff;
    margin: 5px auto;
    padding: 2%;
    width: 150px;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
    border: solid 2px #ffffff;
    display: block;
}

.supp-cat-heading {
    text-align: center;
    font-weight: 400;
}

.description {
    text-align: center;
    font-weight: 400;
    display: block;
    font-size: 12px;
    color: #878787;
    margin: 0 10%;
    padding: 0;
}

/* Mica product archive */
.mica-product-archive {
    padding-top: 40px;
}

.mica-product-archive .small-headings {
    margin: 0 auto 20px;
}

.mica-product-archive .supp-cat-heading,
.mica-product-archive .description {
    text-align: left;
}

.mica-product-archive .small-headings h1 {
    margin: 0;
}

.mica-product-archive .supplier {
    min-width: 0;
}

.mica-product-archive .supplier-inner,
.mica-product-archive .supp-cat-image,
.mica-product-archive .supp-cat-heading,
.mica-product-archive .description {
    width: 100%;
}

.mica-product-archive .supplier-inner {
    padding-bottom: 0;
}

.mica-product-archive .supp-cat-image {
    height: clamp(150px, 14vw, 220px);
}

.mica-product-archive .supp-cat-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mica-product-archive .supp-cat-heading {
    margin: 1rem 0 0.65rem;
}

.mica-product-archive .description {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.mica-product-archive .supplier-actions,
.mica-product-category-archive .supplier-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: auto;
    padding-top: 22px;
    gap: 12px;
}

.mica-product-archive .mica-product-button,
.mica-product-category-archive .mica-product-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.7rem 1rem;
    border-radius: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.mica-product-archive .mica-product-button:hover,
.mica-product-archive .mica-product-button:focus-visible,
.mica-product-category-archive .mica-product-button:hover,
.mica-product-category-archive .mica-product-button:focus-visible {
    transform: translateY(-2px);
}

.mica-product-archive .mica-product-button--shop,
.mica-product-category-archive .mica-product-button--shop {
    border-color: #0072bc;
    background: #0072bc;
    color: #fff;
}

.mica-product-archive .mica-product-button--shop:hover,
.mica-product-archive .mica-product-button--shop:focus-visible,
.mica-product-category-archive .mica-product-button--shop:hover,
.mica-product-category-archive .mica-product-button--shop:focus-visible {
    border-color: #005a95;
    background: #005a95;
    color: #fff;
}

.mica-product-archive .mica-product-button--learn,
.mica-product-category-archive .mica-product-button--learn {
    border-color: #f58220;
    background: transparent;
    color: #f58220;
}

.mica-product-archive .mica-product-button--learn:hover,
.mica-product-archive .mica-product-button--learn:focus-visible,
.mica-product-category-archive .mica-product-button--learn:hover,
.mica-product-category-archive .mica-product-button--learn:focus-visible {
    border-color: #f58220;
    background: #f58220;
    color: #fff;
}

/*-------- Global Styles end --------*/


/*-----------------------------------*/
/*----- Front Page Styles Start -----*/
/*-----------------------------------*/

.medium-headings,
.small-headings {
    margin: 30px auto 20px auto;
    padding: 35px 0 0 0;
    width: 369px;
    height: 82px;
    background-image: url(images/headings.png);
    background-repeat: no-repeat;
    text-align: center;
    text-transform: uppercase;
    color: #9c9b9b;
}

.small-headings h1 {
    font-size: 24px;
}

.medium-headings h1 {
    font-size: 29px;
}

.home-content p {
    margin: 0 0 20px 0;
    padding: 0 20px;
    color: #9c9b9b;
}

.quicklink-icon i {
    font-size: 110px
}

.quicklink-icon img {
    width: auto;
    height: 100%;
}

.quicklinks {
    margin: 30px 0;
}

.quicklink-icon {
    margin: 0;
    padding: 0;
    /*    height: 100px;*/
}

.quicklink-icon a {
    color: #0085d2;
}

.quicklink-head {
    text-transform: uppercase;
    color: #9c9b9b;
    font-size: 30px;
}

.quicklink-read a {
    color: #f58220;
    text-transform: uppercase;
}

.post-single {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.post-block {
    display: block;
    background-color: #f3f3f3;
    margin: 10px 0;
    padding-top: 1px;
}

.inner-padding {
    height: 100%;
    background: #f3f3f3;
    padding: 20px 5px;
    display: flex;
    flex-direction: column;
}

.post-text {
    margin-top: auto;
}

.post-date-block {
    margin: 5px;
    padding: 2px 8px 6px 8px;
    width: 70px;
    height: 72px;
    background-color: #35a8e0;
    color: #ffffff;
    position: absolute;
    bottom: 0;
}

#post-day,
#post-month,
#post-year {
    margin: 0;
    padding: 0;
    color: white;
    text-align: center;
}

#post-day {
    font-size: 24px;
    font-weight: 700;
}

#post-month {
    font-size: 9px;
    font-weight: 400;
    font-style: italic;
}

#post-year {
    font-size: 12px;
    font-weight: 400;
}

.post-text h4 {
    min-height: 40px;
}

.hints-section .post-item {
    padding: 15px;
}

.post-border {
    border: 2px solid lightgray;
    padding: 20px;
    height: 100%;
}

.hints-section .post-border {
    padding: 10px;
    border: 2px solid #9c9b9b;
    height: 100%;
}

.hints-section .post-item-image {
    max-height: 210px;
}

.vid-spacer {
    padding: 10px 10px 20px 10px;
    /*    background: #337ab7;*/
    border: 2px solid grey;
    overflow: auto;
}

.vid-frame {
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.vid-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.video-txt h2 {
    color: white;
}

.quicklinks {
    display: flex;
    flex-wrap: wrap;
}

.quick-col-1 {
    display: flex;
    flex-direction: column;
}

.quick-col-1 a:last-child {
    margin-top: auto;
}

/*------ Front Page Styles end ------*/

/*-----------------------------------*/
/*------- Footer Styles Start -------*/
/*-----------------------------------*/

.footer-banner {
    margin: 0;
    padding: 0;
    height: 22vw;
    width: 100%;
    background-image: url(http://mica-new-design.test/wp-content/themes/mica2026/images/footer-banner-2.webp);
    background-position: center;
    background-size: cover;
    clear: both;
}

/*#footer .row{border-top: 3px solid gray;}*/
h2.foot-title {
    text-transform: uppercase;
    color:
        #35a8e0;
    font-size: 17px;
    margin: 0 0 10px 0;
}

.foot-about p {
    margin: 0 50px 0 0;
    padding: 0;
    color: #9c9b9b;
}

.foot-links ul li a {
    margin: 0;
    padding: 0;
    color: #9c9b9b;
    text-decoration: none;
}

#menu-footer-menu {
    padding-left: 5px;
}

#menu-footer-menu li {
    padding: 3px 0;
}

#menu-footer-menu li:hover a {
    color: #f58220 !important;
}

#footer a,
#footer a:visited,
#footer a:focus,
#footer a:focus-visible,
#footer a:active,
#footer .current-menu-item>a,
#footer .current_page_item>a,
#footer .current-menu-parent>a,
#footer .current-menu-ancestor>a {
    color: #0072BC !important;
    text-decoration: none !important;
}

#footer a:hover {
    color: #f58220 !important;
    text-decoration: none !important;
}

#footer .current-menu-item>a:hover,
#footer .current_page_item>a:hover,
#footer .current-menu-parent>a:hover,
#footer .current-menu-ancestor>a:hover {
    color: #f58220 !important;
}

.foot-links ul li {
    /*     font-size: 11px; */
    font-weight: 400;
}

.foot-links {
    border-left: 2px solid #9c9b9b;
    padding-left: 30px;
}

.foot-links ul {
    list-style: none;
}

.slider-section {
    position: relative;
    z-index: 2;
    width: 100vw;
    max-width: 100vw;
    margin-top: clamp(2rem, 4vw, 4rem);
    margin-top: round(nearest, clamp(2rem, 4vw, 4rem), var(--mica-space-unit));
}

/* Keep the About Us slider arrows compact while preserving a usable hit area. */
.slider-section #rev_slider_3_1_wrapper .uranus.tparrows {
    width: 40px !important;
    height: 40px !important;
}

.slider-section #rev_slider_3_1_wrapper .uranus.tparrows::before {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 26px !important;
}

@media (max-width: 767px) {
    .slider-section #rev_slider_3_1_wrapper .uranus.tparrows {
        width: 36px !important;
        height: 36px !important;
    }

    .slider-section #rev_slider_3_1_wrapper .uranus.tparrows::before {
        width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
        font-size: 23px !important;
    }
}

#footer .container {
    margin: 30px auto;
}

#gform_wrapper_5 {
    padding: 0 !important;
}

/*
.bottom-footer {
    margin: 20px 0 0 0;
    padding: 0;
    height: 55px;
    width: 100%;
    background-color: #0072BC;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
}
*/
.news-foot {
    padding: 0;
    line-height: 55px;
    float: left;
}

.news-foot p {
    color: #ffffff;
}

.news-email {
    padding: 0;
    margin: 12px 0 0 5%;
    float: left;
}

#gform_submit_button_5 {
    background-color: #0072BC;
    border: solid 1px white;
}

#gform_5 {
    display: flex;
}

#input_5_1 {
    margin: 0;
    height: 32px;
    background-color: #0072BC;
    border: solid 1px white;
    color: white;
}

#gform_5 label {
    display: none;
}

#gform_5 li {
    list-style: none;
}

#nf_submit_5 input,
.gform_footer input[type="submit"] {
    border: solid 1px #0071BB;
    height: 32px;
    width: 100px;
    background-color: #0071BB;
    margin: 0 0 0 -1px;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
}

a#terms-link p {
    color: white;
}

a#terms-link {
    text-decoration: none;
    float: left;
    color:
        white;
    padding: 20px;
}

#gform_fields_5 {
    padding: 0;
    width: 20vw;
}

.news-email {
    margin: 12px 0 0 2%;
}

#form_newsletter-signup input,
#form_newsletter-signup .frm_submit.frm_third button {
    width: 100%;
    padding: 10px 5px;
    background: #0072BC;
    color: white;
    font-weight: bolder;
    border: 1px solid white;
    border-radius: 0;
}

#form_newsletter-signup .frm_submit.frm_third button {
    margin: 0;
    padding: 6px;
}

#form_newsletter-signup .form-field,
.signup-form .frm_submit.frm_third {
    margin: 5px 0 !important;
    width: 100%;
}

.signup-footer .signup-form {
    margin-top: 20px;
}

#footer .footer-signup .container {
    margin-bottom: 0 !important;
}

.post-info-block p a {
    color: #0072BC;
    padding: 0 10px;
    border-right: 2px solid #0072BC;
}

.post-info-block p:last-child a {
    border-right: none;
}

/*-------- Footer Styles end --------*/

/*-----------------------------------*/
/*------- Header Styles Start -------*/
/*-----------------------------------*/
.misha_loadmore {
    background-color: #ddd;
    border-radius: 2px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 10px 0;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.misha_loadmore:hover {
    background-color: #767676;
    color: #fff;
}

#top-nav .main-logo {
    width: 250px;
    /* margin-left: auto; */
}

#top-nav span.mobile-hide {
    margin-left: auto;
}

#top-nav #mainMenu a {
    color: white;
    text-transform: uppercase;
    padding: 10px 10px;
}

#top-nav .shop-btn a {
    padding: 10px;
}

#header-bottom a {
    color: white;
    padding: 10px;
    text-transform: uppercase;
}

#header-bottom li {
    padding: 10px 0;
}

#mainMenu .menu-item-has-children,
#main-menu .menu-item-has-children {
    position: relative;
}

.covid-banner h4 {
    margin: 0;
    padding: 10px;
    text-align: center;
}

#newBannerTitle img,
#MainLogoContain a img {
    /*     padding: 20px; */
    height: auto;
    margin: 0 auto;
}

.main-logo-1 {
    position: inherit !important;
    padding: 10px;
}

.main-logo-1 {
    display: none !important;
}

.normal-logo {
    display: initial;
}

.mobile-logo {
    display: none;
}

#MainLogoContain {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    max-width: 300px;
}

.main-logo-2 {
    position: relative !important;
    padding: 20px;
    width: 250px;
}

.mobile-only {
    display: none;
}

.mica-page-logo img {
    max-width: 220px;
}

.mobile-nav a {
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

#topMenuNav .sub-menu a:hover,
.mobile-nav a:hover {
    background: none !important;
    color: #f58220;
}

#navbar {
    margin-bottom: 0;
}

#topMenuNav a:hover {
    color: #0072BC;
}

.navbar-nav li {
    border-right: 2px solid white;
}

.sub-menu li,
.social-menu li,
.navbar-nav li:last-child {
    border-right: none;
}

#social-menu a {
    padding: 15px 5px;
}

#social-menu i {
    font-size: 20px;
}

.navbar-nav {
    margin: 0;
    padding: 8px 0;
}

.web-menus {
    display: block;
    padding: 0 !important;
}

.sub-menu li {
    list-style: none;
}

.top-menu {
    padding: 0;
    /*    padding: 20px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.secondary-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-item-has-children:hover .sub-menu {
    display: block;
}

.sub-menu {
    position: absolute;
    clear: both;
    display: none;
    left: -2.5em;
    z-index: 11000;
    line-height: 30px;
    margin: 0 0 0 -10px;
    white-space: nowrap;
    font-size: 12px;
}

ul.sub-menu li a {
    color: white;
}

ul.sub-menu li {
    float: none;
    text-align: left;
    background-color: grey;
    /*    background-color: #0072BC;*/
    list-style: none;
    margin: 0;
    padding: 5px 10px;
}

.menu-left {
    margin-left: auto !important;
}

.menu-right {
    margin-right: auto !important;
}

.navbar-header {
    display: none;
}

/*-------- Header Styles End --------*/


/*-----------------------------------*/
/*-------- Post Styles Start --------*/
/*-----------------------------------*/
.post-content .post-main-content p {
    padding: 3 !important;
}

.archive-post-title {
    text-transform: uppercase;
    padding: 10px 2px;
}

.archive-post-info a {
    color: #337ab7
}

.single-store {
    margin: 20px 0;
}

.single-store .store-list {
    border-bottom: none;
}

.gfield_radio li,
.gfield {
    list-style: none;
}

.gfield_radio label {
    padding-left: 7px;
}

.gform_fields {
    padding-left: 0;
}

.single-map-view {
    margin-top: 20px;
}

.page-content h1 {
    color: #f58220;
    border-bottom: solid 2px #63747f;
}

.page-content p {
    padding: 10px 0 !important;
}

.form-padding {
    /*     background: #f3f3f3; */
    padding: 10px 20px;
    border-left: solid 1px #dbdbdb;
}

.page-content iframe {
    width: 100%;
    height: 400px;
}

#contact-store {
    margin: 10px !important;
}

#contact-store,
.page-content ul {
    color: #63747f;
    letter-spacing: 1px;
}

.page-content strong {
    color: #63747f;
}

.post-text h4,
.single-title,
.page-content h2 {
    text-transform: uppercase;
}

h2.subHead {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 15px;
    color: #63747f;
}

.page-content h3 {
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    color: #63747f;
    text-decoration: underline;
}

.page-content ol {
    color: #63747f;
    letter-spacing: 1px;
    padding: 10px 20px;
    margin: 0 0 0 25px;
}

.page-content li {
    padding: 5px;
}

.page-content .listStyles {
    margin-left: 0;
}

.listStyles li {
    color: #63747f;
    letter-spacing: 1px;
}

.page-main-content p {
    letter-spacing: 1px;
    margin-bottom: 15px;
    line-height: 20px;
    font-size: 14px;
}

.page-content p {
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    font-size: 15px;
    line-height: 30px;
    color: #63747f;
}

.border1 {
    border-left: solid medium #3F6375;
    width: 1px;
    height: 40px;
    position: relative;
    left: 50%;
    top: -7px;
    z-index: 999;
}

.border2 {
    border-left: solid medium #3F6375;
    width: 1px;
    height: 25px;
    position: relative;
    left: 49.6%;
    top: -21px;
    z-index: 998;
}

.border3 {
    border-top: solid medium #3F6375;
    margin: 0 auto;
    width: 70%;
    height: 25px;
    position: relative;
    left: 0;
    top: -21px;
    z-index: 998;
}

.border4 {
    border-left: solid medium #3F6375;
    width: 1px;
    height: 45px;
    position: relative;
    left: 15%;
    top: -46px;
    z-index: 998;
    float: left;
}

.border5 {
    border-left: solid medium #3F6375;
    width: 1px;
    height: 45px;
    position: relative;
    left: 49%;
    top: -46px;
    z-index: 998;
    float: left;
}

.border6 {
    border-left: solid medium #3F6375;
    width: 1px;
    height: 45px;
    position: relative;
    left: 83.3%;
    top: -46px;
    z-index: 998;
    float: left;
}

/*-------- Post Styles End ----------*/


/*-----------------------------------*/
/*-------- Promo Styles Start -------*/
/*-----------------------------------*/

h2.promo-page-title,
promo-no-promo {
    font-weight: 500;
    color:
        #63747f;
}

.promo-space-xs {
    height: 20vh;
    width: 100%;
}

#promo-feat {
    background-position: center -100px;
    width: 100%;
    background-size: cover;
    box-shadow: inset 0 0 1000px rgba(0, 135, 210, .25);
    border-radius: 10px;
    opacity: .8;
    background-repeat: no-repeat;
}


/*NEW promo page---------------------------------------------------------------*/

.promo-featured-image {
    display: block;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

.promo-competition img {
    width: 100%;
}

.promo-leaflet-section {
    width: 21%;
    padding: 2%;
    padding: round(nearest, 2%, var(--mica-space-unit));
}

.promo-wrapper .ind-page-title {
    padding-top: 20px;
}

.leaflet-image {
    display: block;
    overflow: hidden;
}

.leaflet-image img {
    width: 100%;
    height: auto;
}

.promo-item h4 {
    padding: 10px 0;
}

.promo-pages {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.promo-item {
    text-decoration: none;
    color: #0085d2;
    padding: 10px 0;
    width: 100%;
    display: block;
}

/*-------- Promo Styles End ---------*/


/*-----------------------------------*/
/*------ Sidebar Styles Start -------*/
/*-----------------------------------*/
.sidebar {
    display: block;
}

/* Product single: compact, catalogue-style layout. */
.mica-product-single .container-md {
    width: 100% !important;
    max-width: 1224px !important;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px !important;
    padding-left: 12px !important;
}

.mica-product-single__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr) !important;
    gap: 40px !important;
    align-items: start !important;
}

.mica-product-single__main,
.mica-product-single__sidebar {
    width: auto !important;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    flex: none !important;
}

.mica-product-single__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
    color: #8a939b;
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.mica-product-single__breadcrumbs a {
    color: #8a939b;
    text-decoration: none;
}

.mica-product-single__breadcrumbs a:hover,
.mica-product-single__breadcrumbs a:focus-visible {
    color: #0072bc;
}

.mica-product-single__breadcrumbs span:last-child {
    color: #34495e;
    font-weight: 700;
}

.mica-product-single__title {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #f58220 !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
}

.mica-product-single__hero {
    width: 100%;
    height: clamp(168px, 18vw, 260px);
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 7px;
    background: #e8edf0;
}

.mica-product-single__hero img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mica-product-single__intro {
    color: #4d5962;
    font-size: 0.78rem;
    line-height: 1.35;
}

.mica-product-single__intro p {
    margin: 0 0 8px;
    padding: 0 !important;
}

.mica-product-single__intro strong {
    color: #f58220;
}

.mica-product-single__range-button {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    margin: 2px 0 17px;
    padding: 7px 16px;
    border: 1px solid #006fc5;
    border-radius: 3px;
    background: #0072bc;
    color: #fff !important;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    text-transform: uppercase;
}

.mica-product-single__range-button:hover,
.mica-product-single__range-button:focus-visible {
    border-color: #005a95;
    background: #005a95;
    color: #fff !important;
}

.mica-product-single__types-heading {
    margin: 0 0 7px !important;
    color: #0072bc !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

.mica-product-single__group-title {
    margin: 12px 0 6px !important;
    color: #0072bc !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

.mica-product-single__type-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px 14px;
    margin: 0 0 14px !important;
    padding: 0 !important;
    list-style: none;
}

.mica-product-single__type-list li {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.mica-product-single__type-list a {
    display: flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 6px 5px;
    border: 1px solid #e5e8eb;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(24, 43, 58, 0.08);
    color: #0072bc !important;
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
}

.mica-product-single__type-list a:hover,
.mica-product-single__type-list a:focus-visible {
    border-color: #0072bc;
    background: #f4f9fc;
    color: #005a95 !important;
}

.single.posts .product-sidebar {
    margin: 0;
    padding: 0 0 0 20px;
    border: 0;
    border-left: 2px solid #63747f;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.single.posts .product-sidebar .widgettitle {
    margin: 0 0 4px;
    padding: 0 0 8px;
    border: 0;
    color: #0072bc;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.single.posts .product-sidebar .product-sidebar-list {
    width: 100%;
    margin: 0;
    padding: 0;
}

.single.posts .product-sidebar .product-sidebar-list li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0;
    line-height: 1.2;
}

.single.posts .product-sidebar .product-sidebar-list li:last-child {
    border-bottom: 0;
}

.single.posts .product-sidebar .product-sidebar-list a {
    display: block;
    padding: 4px 0;
    color: #006dcc !important;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none !important;
}

.single.posts .product-sidebar .product-sidebar-list li.is-current a,
.single.posts .product-sidebar .product-sidebar-list a:hover,
.single.posts .product-sidebar .product-sidebar-list a:focus-visible {
    color: #f58220 !important;
}

@media (max-width: 767px) {
    .mica-product-single__layout {
        display: block !important;
    }

    .mica-product-single__main {
        width: 100% !important;
    }

    .mica-product-single__type-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.search-side-block {
    margin: 0 0 15px 0;
    padding: 20px 0;
    /*	background-color:#f3f3f3;*/
    width: 100%;
}

.widget_recent_entries,
.widget_categories {
    border-left: solid 1px #dbdbdb;
}

#recent-posts-3 a,
#categories-3 a {
    text-transform: uppercase;
}

ul.recent-block {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

ul.recent-block li {
    margin: 10px 0;
    padding: 10px 0;
    /*	background-color:#f3f3f3;*/
}

ul.recent-block li:nth-child(2) {
    margin: 0;
}

.screen-reader-text {
    display: none;
}

#search-form {
    margin: 0 auto;
    padding: 0;
    width: 85%;
    display: block;
    overflow: hidden;
}

#searchform {
    margin: 0;
    padding: 0;
    width: 98%;
}

#search-btn {
    margin: 0;
    padding: 10px;
}

input#search-input {
    height: 40px;
    width: 85%;
    margin: 0;
    padding: 0 20px;
    color: #cccccc;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 400;
}

.the-search-input {
    position: relative;
    z-index: 100;
}

.the-search-submit {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    right: 40px;
    z-index: 101;
}

.widgettitle {
    margin: 00;
    padding: 0 0 20px 8%;
    font-size: 20px;
    color: #0085d2;
    text-decoration: underline;
    text-transform: uppercase;
}

.widget ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 85%;
}

.widget ul li {
    padding: 0px 0 10px 0;
    border-bottom: solid 1px #dbdbdb;
    height: auto;
    line-height: 15px;
}


.widget ul li a {
    text-decoration: none;
    color: #0085d2;
    font-size: 13px;
    letter-spacing: 1px;
}

.widget ul li a:hover {
    color: #3fb6e5;
}



#search-4 {
    border-left: solid 1px #dbdbdb;
    padding-left: 20px;
}


#searchsubmit {
    background-color: #0072BC;
    border: solid 1px white;
    height: 32px;
    width: 100%;
    background-color: #0071BB;
    margin: 0 0 0 -1px;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    margin-top: 5px;
}

#s {
    width: 100%;
}


/*------ Sidebar Styles End ---------*/


/*-----------------------------------*/
/*------- News Styles Start ---------*/
/*-----------------------------------*/


/*-------- News Styles End ----------*/

/*-----------------------------------*/
/*------- Stores Styles Start -------*/
/*-----------------------------------*/

#store-locator .dc-stores a {
    font-size: 16px;
    color: #0088d2;
    font-weight: bolder;
}


#store-locator .wpv-submit-trigger,
#store-locator .wpv-reset-trigger {
    padding: 5px;
}

#store-locator .form-control {
    height: calc(1.2em + 0.75rem + 2px);
}

#store-locator .store-filter {
    padding: 5px 0;
}

#store-locator .store-filter .filters {
    padding: 10px;
}

#store-locator .store-filter input {
    width: 100%;
}

#store-locator .wpv-reset-trigger,
.wpv-submit-trigger {
    background: #0071BB !important;
    border: 2px solid white !important;
    margin: 0;
}

.wpv-submit-trigger:hover,
.wpv-reset-trigger:hover {
    background: #f3a053 !important;
}

.store-filter {
    background: #f58220 !important;
}

/*.store-hours:first-child p, .store-address p, li.store-list> div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > p:nth-child(1) {padding-top: 0 !important;}*/

#centre-map-button {
    font-size: 12px;
    padding: 10px 16px;
    width: auto;
    border-style: none;
    background-color: #0071BB;
    color: white;
    float: left;
    text-align: centre;
    border: 1px solid #0071BB;
}

.team-info-wrap p {
    padding: 0 !important;
}

.store-address {
    padding-left: 0;
    width: 85%;
}

.team-info-wrap p {
    font-size: 12px;
    line-height: 22px;
}

.team-map-view a {
    color: #0071BB;
}

.team-map-view {
    overflow: auto !important;
    border: 2px solid grey !important;
    padding: 5px 20px !important;
    height: 70vh !important;
}

.team-map-view i {
    padding-right: 10px;
    color: #0071bb;
}

.team-map-view span {
    width: 100%;
    display: block;
}

.team-info-wrap h2 {
    margin-top: 0;
    padding-bottom: 10px;
}

.store-side-icon {
    padding: 0 !important;
}

#js-map-elements {
    list-style: none;
    padding-left: 0;
}

.store-list {
    padding: 20px 5px !important;
    border-bottom: 2px solid gray;
}

.store-buttons button {
    width: 47%;
    margin: 6px 6px;
}

#wpv-view-layout-8615-TCPID16 {
    padding: 10px;
    border: 2px solid gray;
    overflow: scroll;
    height: 60vh;
}

.store-filter form {
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
}

.store-filter .filters {
    padding: 0 5px;
}

.share-block i {
    font-size: 5em;
}


#single-store .store-section .participating-text p {
    margin-bottom: 5px !important;
}

.single-store .store-info .store-heading {
    border-bottom: 2px solid #0072BC;
}

.single-store .store-info {
    border: 2px solid #0072BC;
    padding: 20px;
    margin: 20px 0;
}

.single-store .store-info .col-1 {
    max-width: 30px !important;
}

.single-store .store-info .col-11 {
    padding: 0 5px !important;
}

/*------- Stores Styles End ---------*/

/*-----------------------------------*/
/*------ Archive Styles Start -------*/
/*-----------------------------------*/

.page-item .page-link {
    color: grey !important;
}

.page-item.active .page-link {
    color: white !important;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}

.wpv-filter-form {
    margin: auto;
}

.pin-button {
    position: absolute;
    padding: 5px;
    z-index: 20;
    display: none;
}

.supplier-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 20px;
}

.supplier-inner a {
    margin-top: auto;
    padding-top: 20px;
}

.supp-cat-heading a {
    text-decoration: none;
    color: #878787;
    letter-spacing: 1px;
}

.supplier-button a {
    background: #0072BC;
    padding: 10px 20px;
    display: block;
    margin-bottom: 20px;
    color: white;
    width: max-content;
}

.post-items:hover .pin-button {
    display: block;
}

.post-items {
    display: flex;
    flex-wrap: wrap;
}

.post-item-image {
    max-height: 310px;
    overflow: hidden;
}

.news-articles .post-item {
    padding: 7px;
}

.news-articles h3 {
    text-transform: uppercase;
}

.date-block {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 60px;
    background-color: #35a8e0;
    color: #ffffff;
}

#post-day {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
}

#post-month {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: 400;
    font-style: italic;
}

#post-year {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
}


.date-block {
    height: auto;
}

#post-month {
    padding: 0 !important;
    font-size: 20px;
}

#post-year {
    padding-top: 0 !important;
    font-size: 20px;
}

.share-block i {
    font-size: 4em;
}

#post-day {
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.post-left {
    display: flex;
}

.post-info-block {
    display: flex;
}

.post-info-block p {
    padding-right: 30px;
}

.ind-post-title {
    margin: 10px 0;
    padding: 0;
    font-weight: 500;
    font-size: 20px;
    color:
        #63747f;
}

.supplier-logo img {
    width: 250px;
}

/*------- Archive Styles End --------*/


/* Element | http://azipit.co.za/mica-2020/store-locator/ */

.store-filter {
    background: #f58220;
    padding: 10px;
    text-transform: uppercase;
    color: white;
}

/* Element | http://azipit.co.za/mica-2020/store-locator/ */

.wpv-submit-trigger {
    font-size: 12px;
    padding: 10px 16px;
    width: auto;
    border-style: none;
    background-color: #0071BB;
    color: white;
    float: left;
    align: centre;
    font-family: Ubuntu, sans-serif;
    border: 1px solid #0071BB;
}

/* Element | http://azipit.co.za/mica-2020/store-locator/ */

.wpv-reset-trigger {
    font-size: 12px;
    padding: 10px 16px;
    width: auto;
    border-style: none;
    background-color: #0071BB;
    color: white;
    float: left;
    align: centre;
    font-family: Ubuntu, sans-serif;
    border: 1px solid #0071BB;
    margin-left: 10px;
}

/* Element | http://azipit.co.za/mica-2020/store-locator/ */

div.filters:nth-child(3)>select:nth-child(1) {
    color: black;
    text-transform: uppercase;
}

/* Element | http://azipit.co.za/mica-2020/store-locator/ */

#wpv_control_select_city {
    color: black;
    text-transform: uppercase;
}

/* style.css | http://azipit.co.za/mica-2020/wp-content/themes/mica2019/style.css?ver=731d56aca457c80cad29b1ebc181902e */

.store-filter form {
    justify-content: center;
    align-items: center;
}

#js-map-elements
/*-----------------------------------*/
/*------ About us Styles Start ------*/
/*-----------------------------------*/

/*------- About us Styles End -------*/

/*-----------------------------------*/
/*------ Contact Styles Start -------*/
/*-----------------------------------*/


/*------- Contact Styles End --------*/

/*-----------------------------------*/
/*----- Promotions Styles Start -----*/
/*-----------------------------------*/
#single-add #promo-content #province {
    display: flex !important;
    flex-direction: column-reverse !important;
}

#promotions-page {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

h2.ind-page-title,
h2.ind-page-title-locator {
    font-weight: 500;
    color: #63747f;
}

.mica-vids {
    padding: 20px;
}

.mica-vid-border {
    background-color: rgba(25, 97, 172, 0.8);
    padding: 20px;
}

.video-txt {
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-txt h1 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.video-txt h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: grey;
    margin: 12px;
}

#additional-promos #promo-btn {
    font-size: 12px;
    padding: 10px 16px;
    width: auto;
    display block;
    border-style: none;
    background-color: #0071BB;
    color: white;
    float: left;
    font-family: Ubuntu, sans-serif;
    border: 1px solid #0071BB;
    margin: 5px;
}

#additional-promos #promo-btn:hover {
    background-color: lightgray;
    border: 1px solid grey;
    color: grey;
}

#single-add a {
    font-size: 15px;
    margin: 0;
    /*     text-transform: uppercase; */
    color: #0072BC;
    font-weight: 800;
}

#single-add a:hover {
    color: blue;
}

/*----- Promotions Styles End -------*/


#missing-page .missing-text {
    text-align: center;
    position: absolute;
    top: 0;
    margin-top: 350px;
    background: rgba(255, 255, 255, 0.7);
    justify-content: center;
    align-content: center;
    display: flex;
    flex-direction: column;
}

#missing-page .page-content {
    position: relative;
    display: block;
}


/*-----------------------------------*/
/*--------- Case Styles Start -------*/
/*-----------------------------------*/

/*--------- Case Styles End ---------*/

/*-----------------------------------*/
/*------ Store Site Styles Start ----*/
/*-----------------------------------*/

.supp-cat-image {
    display: block;
    height: 9vw;
    background-color: #35a8e0;
    overflow: hidden;
}

.ind-supplier {
    margin: 0 1.6% 5px 1.6%;
    margin-bottom: 5px;
    padding: 5px 0;
    display: block;
    min-height: 350px;
}

#store-sites p {
    margin-top: auto;
}

#store-sites {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 20px;
}

.supp-cat-image img {
    width: 105%;
    height: auto;
    opacity: 0.6;
    transition-duration: 0.8s;
}

.supp-cat-image:hover img {
    opacity: 1;
}

.supp-cat-heading {
    text-align: center;
    font-weight: 400;
    margin: 10px 0;
    font-size: 25px;
}

.cat-heading h1 {
    font-weight: 400;
    font-style: italic;
    font-size: 40px;
    color: #0085d2;
}

.web-button {
    background-color: #35a8e0;
    padding: 10px 20px;
    color: white;
}

.store-sites .page-content h4 {
    border-bottom: none;
    color: grey;
}

.store-sites #the-content-body {
    display: flex;
    flex-wrap: wrap;
}

/*------ Store Site Styles End ------*/

/*-----------------------------------*/
/*-------- Page Styles Start --------*/
/*-----------------------------------*/
.gift-btn {
    text-align: center;
}

.gift-btn a {
    width: 98%;
    margin-bottom: 10px;
    background-color: #0088d2;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}

.gift-btn a:hover {
    width: 100%;
    background-color: #046ca5;
}

.textarea {
    width: 100%;
}

.max-width-col .wp-block-column {
    max-width: 50%;
}

/*--------- Page Styles End ---------*/

/*-----------------------------------*/
/*------- Slider Styles Start -------*/
/*-----------------------------------*/

/*------- Slider Styles End ---------*/

/*-----------------------------------*/
/*-------- Gform Styles Start -------*/
/*-----------------------------------*/

.gform_wrapper,
.leftForm {
    padding: 20px;
    /*     border: 2px solid #dbdbdb; */
}


/*-------- Gform Styles End ---------*/

/*-----------------------------------*/
/*----- Responsive Styles Start -----*/
/*-----------------------------------*/


@media only screen and (max-width: 1199px) {
    .supp-cat-image {
        height: 160px;
    }

    #post-month {
        padding: 0 !important;
        font-size: 14px;
    }

    .post-item-image {
        max-height: 190px;
    }
}

@media only screen and (max-width: 1455px) {}

@media only screen and (max-width: 1136px) {

    #micaLogoContain>a:nth-child(1) {
        padding: 0 !important;
        margin: 0 !important;
    }

    #newBannerTitle img,
    #micaLogoContain a img {
        padding: 20px 0px;
    }

    .nav>li>a {
        padding: 10px 10px;
    }

}


@media only screen and (max-width: 1060px) {
    #topMenuNav {
        margin-right: auto;
    }

    .secondary-menu {
        flex-direction: column;
    }

    #social-menu i {
        font-size: 25px;
    }

    #social-menu a {
        padding: 5px 15px;
    }

    #header-bottom nav {
        margin: auto;
    }
}

@media only screen and (max-width: 991px) {
    #top-nav .main-logo {
        width: 165px;
        margin-left: auto;
    }

    #top-nav #mainMenu a {
        padding: 20px 5px;
        font-size: 15px;
    }

    #top-nav .shop-btn a {
        font-size: 15px;
        text-transform: uppercase;
        padding: 5px;
    }

    #top-nav .shop-btn {
        padding: 0;
    }

    #top-nav {
        padding: 10px 5px;
    }

    .supp-button {
        width: 150px;
    }

    .post-item-image {
        max-height: 190px;
    }

    .medium-headings,
    .small-headings {
        margin: 0 auto 20px auto;
    }
}

@media only screen and (max-width: 954px) {
    .nav>li>a {
        font-size: 12.8px;
        padding: 10px 10px !important;
    }

    .top-menu {
        padding: 0 !important;
    }

    #social-menu i {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    #top-nav .shop-btn a {
        padding: 10px;
        display: block;
        font-size: 19px;
        width: max-content;
    }

    .store-buttons button {
        width: 100%;
    }

    #main-header {
        background: white;
    }

    .navbar-light .navbar-toggler {
        position: absolute;
        top: 20px;
        border-color: #0072BC !important;
    }

    #navbarCollapse {
        border-top: 2px solid #0072BC;
        margin-top: 12px;
    }

    #top-nav #mainMenu li {
        padding: 10px 0;
    }

    #top-nav #mainMenu a {
        color: #0072BC !important;
        padding: 0;
        font-size: 18px;
    }

    #social-menu i {
        font-size: 24px;
    }

    .navbar-light .navbar-toggler .icon-bar {
        background: #0072BC !important;
    }

    #homeHeader {
        background: white;
    }

    #top-nav .main-logo {
        margin: auto !important;
    }

    .mobile-hide {
        display: none !important;
    }

    .mobile-show {
        display: block;
    }

    .main-logo-2 {
        display: none !important;
    }

    .main-logo-1 {
        position: inherit !important;
        display: block !important;
    }

    .mica-vids {
        margin: 0;
        padding: 5px;
    }

    #MainLogoContain {
        position: inherit;
        margin: auto;
    }

    .navbar-header {
        position: absolute;
        display: block;
    }

    .navbar-toggle {
        border: 2px solid #0072BC !important;
    }

    .mobile-nav {
        border-bottom: 2px solid #0072BC;
        padding: 20px 0;
    }

    .navbar-toggle .icon-bar {
        background: #0072BC !important;
    }

    .navbar-toggle {
        float: left !important;
        margin-left: 15px !important;
    }

    .quicklinks .col-12,
    .quicklinks .col-6 {
        padding: 0 !important;
    }

    .mobile-only {
        display: inherit;
    }

    .web-menus {
        display: none;
    }

    .mica-vids {
        margin-bottom: 20px;
    }

    .video-txt img {
        max-width: 200px;
    }

    .video-txt {
        text-align: center;
        padding-bottom: 20px;
    }

    #the-content-body {
        padding: 0;
    }

    .page-content {
        padding: 0 !important;
    }

    .ind-supplier {
        min-height: inherit;
    }

    .vid-frame iframe {
        width: 100%;
    }

    .quick-col-2 {
        padding-right: 0 !important;
    }

    .quick-col-3 {
        padding-left: 0 !important;
    }

    .quick-col-1 a {
        padding: 0;
    }

    .quick-col-1 {
        flex-direction: row;
    }

    .supp-cat-image {
        height: inherit;
    }

    .post-item-image {
        max-height: inherit;
    }

    .sidebar {
        display: none;
    }

    ul#menu-mobile-menu li.menu-item a {
        padding: 5px 30px;
        text-decoration: none;
        transition: all .2s;
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        font-size: 23px;
        color: #3b3b3b;
    }

    #menu-mobile-menu {
        text-align: center;
    }

    .menu-item-has-children:hover .sub-menu {
        display: none;
    }

    ul#menu-mobile-menu li.menu-item a:hover,
    ul#menu-mobile-menu li.menu-item a:focus {
        background: #e20613 !important;
        color: #fff;
    }

    #footer .foot-links {
        border-left: none;
        text-align: center;
        margin-top: 10px;
    }

    #footer #menu-footer-menu {
        padding: 0 !important;
    }

    #footer #menu-footer-menu li:nth-child(even) {
        background: white;
    }

    #js-wpv-addon-maps-render-single-store {
        height: 350px !important;
    }

}

@media only screen and (max-width: 599px) {
    #js-wpv-addon-maps-render-mica-stores {
        height: 50vh !important;
    }
}

@media only screen and (max-width: 575px) {
    .quicklink-icon i {
        font-size: 80px !important;
    }

    .quicklink-head h2 {
        font-size: 25px !important;
    }

    .foot-about {
        text-align: center;
    }

    .foot-about p {
        margin: 0;
    }

}

@media only screen and (max-width: 510px) {
    .col-xx-12 {
        width: 100% !important;
    }

    #missing-page .missing-text {
        margin-top: 160px;
    }
}

@media only screen and (max-width: 440px) {
    .promo-block {
        width: 100% !important;
    }

    .medium-headings,
    .small-headings {
        width: var(--story-container);
        height: inherit;
        background-image: none;
    }

    .small-headings h1 {
        font-size: 40px;
        border: 2px solid;
        padding: 5px;
    }

}

/*------ Responsive Styles End ------*/


.frm_submit {
    position: relative;
    z-index: 999;
}

#field_gmle6 div iframe {
    height: auto !important;
    display: block !important;
}

/*--------------------------------------------------------------
Front page blueprint promotion reveal
--------------------------------------------------------------*/
.mica-promo-hero {
    --mica-plan-blue: #0072bc;
    --mica-plan-orange: #f58220;
    --mica-plan-paper: #f3f8fb;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: var(--mica-plan-paper);
}

.mica-promo-hero.has-promotion-intro {
    min-height: clamp(390px, 52vw, 720px);
}

.mica-promo-slider {
    position: relative;
    z-index: 1;
    width: 100%;
}

.has-promotion-intro .mica-promo-slider {
    opacity: 0;
    animation: mica-promo-slider-fallback 0.9s 4s forwards;
}

.mica-promo-blueprint,
.mica-promo-intro,
.mica-section-blueprint {
    position: absolute;
    inset: 0;
}

.mica-promo-blueprint {
    z-index: 2;
    overflow: hidden;
    color: var(--mica-plan-blue);
    background: var(--mica-plan-paper);
    animation: mica-promo-blueprint-fallback 0.7s 4.35s forwards;
}

.mica-blueprint-grid {
    position: absolute;
    inset: 0;
    opacity: 0.52;
    background-image:
        linear-gradient(rgba(0, 114, 188, 0.11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 114, 188, 0.11) 1px, transparent 1px),
        linear-gradient(rgba(0, 114, 188, 0.2) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 114, 188, 0.2) 1px, transparent 1px);
    background-size: 24px 24px, 24px 24px, 120px 120px, 120px 120px;
}

.mica-blueprint-line {
    position: absolute;
    display: block;
    background: currentColor;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.42);
}

.mica-blueprint-line--horizontal {
    right: 0;
    left: 0;
    height: 1px;
    transform-origin: left center;
}

.mica-blueprint-line--vertical {
    top: 0;
    bottom: 0;
    width: 1px;
    transform-origin: center top;
}

.mica-blueprint-line--h1 {
    top: 16%;
}

.mica-blueprint-line--h2 {
    top: 38%;
}

.mica-blueprint-line--h3 {
    top: 67%;
}

.mica-blueprint-line--h4 {
    top: 86%;
}

.mica-blueprint-line--v1 {
    left: 8%;
}

.mica-blueprint-line--v2 {
    left: 29%;
}

.mica-blueprint-line--v3 {
    left: 71%;
}

.mica-blueprint-line--v4 {
    left: 92%;
}

.mica-promo-intro {
    z-index: 3;
    display: grid;
    place-items: center;
    padding: clamp(28px, 5vw, 76px) 20px;
    padding: round(nearest, clamp(28px, 5vw, 76px), var(--mica-space-unit)) 20px;
    color: #123552;
    text-align: center;
    pointer-events: none;
    animation: mica-promo-intro-fallback 0.65s 3.65s forwards;
}

.mica-promo-intro__content {
    width: min(920px, 92vw);
}

.mica-promo-intro__logo {
    width: clamp(130px, 18vw, 230px);
    height: auto;
    margin-bottom: clamp(15px, 2vw, 28px);
}

.mica-promo-intro__kicker {
    display: block;
    margin-bottom: 7px;
    color: var(--mica-plan-orange);
    font-size: clamp(0.72rem, 1.15vw, 0.95rem);
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.mica-promo-intro__heading {
    margin: 0;
    color: #123552;
    font-family: "Oswald", "Roboto", sans-serif;
    font-size: clamp(3.2rem, 9vw, 8.5rem);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 0.9;
    text-transform: uppercase;
}

.mica-promo-intro__title {
    margin: 18px 0 0;
    color: #47657c;
    font-size: clamp(1rem, 1.6vw, 1.35rem);
    font-weight: 500;
}

.mica-promo-intro__banner-plan {
    position: relative;
    width: min(680px, 82vw);
    height: clamp(54px, 8vw, 92px);
    margin: clamp(24px, 4vw, 42px) auto 0;
    border: 1px solid rgba(0, 114, 188, 0.72);
    background: rgba(255, 255, 255, 0.2);
}

.mica-promo-intro__banner-plan::before,
.mica-promo-intro__banner-plan::after,
.mica-promo-intro__banner-plan>span {
    position: absolute;
    content: "";
    background: rgba(0, 114, 188, 0.45);
}

.mica-promo-intro__banner-plan::before {
    top: 50%;
    right: 0;
    left: 0;
    height: 1px;
}

.mica-promo-intro__banner-plan::after {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
}

.mica-promo-intro__banner-plan>span:nth-child(1),
.mica-promo-intro__banner-plan>span:nth-child(2) {
    top: 50%;
    width: 54%;
    height: 1px;
}

.mica-promo-intro__banner-plan>span:nth-child(1) {
    left: 0;
    transform: rotate(8deg);
}

.mica-promo-intro__banner-plan>span:nth-child(2) {
    right: 0;
    transform: rotate(-8deg);
}

.mica-promo-intro__banner-plan>span:nth-child(3) {
    top: 11px;
    right: 11px;
    bottom: 11px;
    left: 11px;
    border: 1px dashed rgba(0, 114, 188, 0.44);
    background: #f58220;
}

.mica-promo-intro__banner-plan small {
    position: absolute;
    right: 12px;
    bottom: 7px;
    padding: 2px 5px;
    color: var(--mica-plan-blue);
    background: var(--mica-plan-paper);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mica-promo-hero.is-gsap-ready .mica-promo-intro,
.mica-promo-hero.is-gsap-ready .mica-promo-blueprint,
.mica-promo-hero.is-gsap-ready .mica-promo-slider {
    animation: none;
}

.mica-promo-hero.is-promo-seen .mica-promo-intro,
.mica-promo-hero.is-promo-seen .mica-promo-blueprint,
.mica-promo-hero.is-built .mica-promo-intro,
.mica-promo-hero.is-built .mica-promo-blueprint {
    visibility: hidden;
    opacity: 0;
}

.mica-promo-hero.is-promo-seen .mica-promo-slider,
.mica-promo-hero.is-built .mica-promo-slider {
    visibility: visible;
    opacity: 1;
    animation: none;
}

.mica-blueprint-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.mica-blueprint-section>.container-md {
    position: relative;
    z-index: 2;
}

.mica-section-blueprint {
    z-index: 1;
    visibility: hidden;
    overflow: hidden;
    color: var(--mica-plan-blue, #0072bc);
    opacity: 0;
    pointer-events: none;
    background: rgba(243, 248, 251, 0.96);
}

.mica-blueprint-section.is-built .mica-section-blueprint {
    visibility: hidden;
    opacity: 0;
}

@keyframes mica-promo-intro-fallback {
    to {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-18px);
    }
}

@keyframes mica-promo-blueprint-fallback {
    to {
        visibility: hidden;
        opacity: 0;
    }
}

@keyframes mica-promo-slider-fallback {
    to {
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .mica-promo-hero.has-promotion-intro {
        min-height: 430px;
    }

    .mica-promo-intro {
        padding-top: 38px;
        padding-bottom: 38px;
    }

    .mica-promo-intro__heading {
        font-size: clamp(3rem, 16vw, 5.6rem);
    }

    .mica-promo-intro__banner-plan {
        width: min(88vw, 540px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .has-promotion-intro .mica-promo-slider {
        visibility: visible;
        opacity: 1;
        animation: none;
    }

    .mica-promo-intro,
    .mica-promo-blueprint,
    .mica-section-blueprint {
        display: none;
        animation: none;
    }
}

/* ==========================================================
   About Us page
   ========================================================== */
.mica-about-page {
    --mica-about-orange: #f58220;
    --mica-about-orange-dark: #d8610b;
    --mica-about-navy: #102f4f;
    --mica-about-ink: #172b3a;
    --mica-about-paper: #fbfaf7;
    overflow: hidden;
    color: var(--mica-about-ink);
    background: var(--mica-about-paper);
    font-family: "Inter", Arial, sans-serif;
}

.mica-about-page,
.mica-about-page * {
    box-sizing: border-box;
}

.mica-about-page__shell {
    width: min(1180px, calc(100vw - 48px));
    margin-inline: auto;
}

.mica-about-hero {
    padding: clamp(68px, 8vw, 126px) 0 clamp(78px, 9vw, 142px);
    padding: round(nearest, clamp(68px, 8vw, 126px), var(--mica-space-unit)) 0 round(nearest, clamp(78px, 9vw, 142px), var(--mica-space-unit));
}

.mica-about-hero__grid {
    display: block;
}

.mica-about-hero__copy {
    max-width: 1180px;
}

.mica-about-page__eyebrow {
    margin: 0 0 18px;
    color: var(--mica-about-orange);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.2em;
    line-height: 1.3;
    text-transform: uppercase;
}

.mica-about-hero h1 {
    margin: 0;
    color: var(--mica-about-navy);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 0.88;
    text-transform: uppercase;
}

.mica-about-hero h1#mica-page-title {
    width: 100%;
    max-width: none;
    font-size: clamp(4.6rem, 9vw, 8.4rem);
}

.mica-about-hero__rule {
    width: min(100%, 430px);
    height: 7px;
    margin: 28px 0 30px;
    background: var(--mica-about-orange);
    box-shadow: 17px 0 0 var(--mica-about-navy);
}

.mica-about-hero__content {
    max-width: none;
    color: #566675;
    font-size: 1rem;
    line-height: 1.82;
}

.mica-about-hero__layout {
    display: flow-root;
}

.mica-about-hero__content p,
.mica-about-hero__content ul,
.mica-about-hero__content ol,
.mica-about-hero__content blockquote {
    margin: 0 0 22px;
}

.mica-about-hero__content>*:first-child {
    margin-top: 0;
}

.mica-about-hero__content>*:last-child {
    margin-bottom: 0;
}

.mica-about-hero__content>p:first-child {
    color: var(--mica-about-navy);
    font-size: clamp(1.12rem, 1.6vw, 1.38rem);
    font-weight: 600;
    line-height: 1.45;
}

.mica-about-hero__content strong {
    color: var(--mica-about-navy);
}

.mica-about-hero__content a {
    color: var(--mica-about-orange);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.mica-about-hero__content h2,
.mica-about-hero__content h3,
.mica-about-hero__content h4,
.mica-about-hero__content h5,
.mica-about-hero__content h6 {
    margin: 48px 0 16px;
    color: var(--mica-about-navy);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    line-height: 1;
    text-transform: uppercase;
}

.mica-about-hero__content h2:first-child,
.mica-about-hero__content h3:first-child,
.mica-about-hero__content h4:first-child,
.mica-about-hero__content h5:first-child,
.mica-about-hero__content h6:first-child {
    margin-top: 0;
}

.mica-about-hero__content h2 {
    font-size: 2.3rem;
}

.mica-about-hero__content h3 {
    font-size: 1.7rem;
}

.mica-about-hero__content h5,
.mica-about-hero__content h6 {
    font-family: "Inter", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.mica-about-hero__content ul,
.mica-about-hero__content ol {
    padding-left: 1.3rem;
}

.mica-about-hero__content h1 {
    clear: both;
    margin: 48px 0 16px;
    color: var(--mica-about-navy);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 2.7rem;
    line-height: 1;
    text-transform: uppercase;
}

.mica-about-hero__content a {
    overflow-wrap: anywhere;
}

.mica-about-hero__content .frm_forms,
.mica-about-hero__content .gform_wrapper {
    clear: both;
    margin-top: 34px;
}

.mica-about-hero__pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    clear: both;
    margin-top: 34px;
    padding-top: 20px;
    border-top: 1px solid rgba(16, 47, 79, 0.16);
    color: var(--mica-about-navy);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mica-about-hero__pagination a,
.mica-about-hero__pagination span {
    display: inline-flex;
    min-width: 30px;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid rgba(16, 47, 79, 0.16);
    border-radius: 999px;
    text-decoration: none;
}

.mica-about-hero__pagination a {
    color: var(--mica-about-navy);
}

.mica-about-hero__content blockquote {
    padding-left: 20px;
    border-left: 3px solid var(--mica-about-orange);
    color: var(--mica-about-navy);
    font-size: 1.15rem;
    font-weight: 600;
}

.mica-about-hero__actions {
    display: grid;
    align-items: center;
    gap: 20px 28px;
    margin-top: 34px;
}

.mica-about-page:not(.mica-standard-page) .mica-about-hero__actions {
    grid-template-columns: repeat(2, max-content);
}

.mica-about-page.mica-standard-page .mica-about-hero__actions {
    grid-template-columns: repeat(4, max-content);
}

@media (max-width: 1100px) and (min-width: 768px) {
    .mica-about-page.mica-standard-page .mica-about-hero__actions {
        grid-template-columns: repeat(2, max-content);
    }
}

.mica-about-hero__actions .mica2026-button {
    gap: 10px;
    color: var(--mica-about-navy);
    background: transparent;
    border-color: var(--mica-about-navy);
    text-decoration: none;
}

.mica-about-hero__actions .mica2026-button--orange {
    color: #fff;
    border-color: var(--mica-about-orange);
    background: var(--mica-about-orange);
}

.mica-about-hero__actions .mica2026-button--orange:hover,
.mica-about-hero__actions .mica2026-button--orange:focus-visible {
    color: #fff;
    border-color: var(--mica-about-orange-dark);
    background: var(--mica-about-orange-dark);
}

.mica-about-hero__actions .mica2026-button--outline:hover,
.mica-about-hero__actions .mica2026-button--outline:focus-visible {
    color: #fff;
    border-color: var(--mica-about-navy);
    background: var(--mica-about-navy);
}

.mica-about-hero__actions .mica2026-button:hover,
.mica-about-hero__actions .mica2026-button:focus-visible {
    text-decoration: none;
}

.mica-about-hero__actions .mica2026-button i {
    font-size: 0.95em;
}

.mica-about-hero__media {
    float: right;
    position: relative;
    width: min(42%, 480px);
    margin: 0;
    margin-bottom: 36px;
    margin-left: clamp(28px, 5vw, 84px);
}

.mica-about-hero__image-frame {
    position: relative;
    overflow: hidden;
    aspect-ratio: 5 / 6;
    background: var(--mica-about-navy);
    box-shadow: 0 26px 60px rgba(16, 47, 79, 0.2);
    transform: rotate(1.2deg);
}

.mica-about-hero__image-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mica-about-hero__caption {
    position: absolute;
    right: -10px;
    bottom: 2px;
    z-index: 2;
    max-width: 220px;
    padding: 13px 17px;
    color: var(--mica-about-navy);
    background: #ffd54a;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    line-height: 1.25;
    text-transform: uppercase;
    transform: rotate(-3deg);
}

@media (max-width: 900px) {
    .mica-about-hero h1 {
        font-size: clamp(4rem, 10vw, 6.5rem);
    }

}

@media (max-width: 767px) {
    .mica-about-page__shell {
        width: calc(100% - 30px);
    }

    .mica-about-hero {
        padding: 64px 0 78px;
    }

    .mica-about-hero h1 {
        font-size: clamp(4.2rem, 20vw, 6.7rem);
    }

    .mica-about-hero__rule {
        margin-top: 24px;
    }

    .mica-about-hero__content {
        font-size: 0.95rem;
    }

    .mica-about-hero__actions {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .mica-about-hero__media {
        float: none;
        width: min(100%, 560px);
        max-width: 560px;
        margin-inline: auto;
        margin-bottom: 36px;
    }

    .mica-about-hero__caption {
        right: -2px;
    }

}

@media (prefers-reduced-motion: reduce) {
    .mica-about-page * {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .mica-about-hero__caption {
        transform: none;
    }
}

/* Front-page footer: the reference three-panel finish, fed by current-site data. */
body.home .mica-story-footer {
    position: relative;
    z-index: 20;
    padding: 0;
    margin: 0;
    border: 0;
    background: var(--story-night);
    color: var(--story-white);
    font-family: "Roboto", Arial, sans-serif;
}

body.home .mica-story-footer h2,
body.home .mica-story-footer p {
    margin-top: 0;
}

body.home .mica-story-footer__main {
    display: grid;
    min-height: 430px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.home .mica-story-footer__newsletter,
body.home .mica-story-footer__project,
body.home .mica-story-footer__brand-panel {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: clamp(2rem, 4vw, 4.6rem);
    padding: round(nearest, clamp(2rem, 4vw, 4.6rem), var(--mica-space-unit));
}

body.home .mica-story-footer__newsletter {
    background: var(--story-yellow);
    color: var(--story-blue);
}

body.home .mica-story-footer__newsletter>p,
body.home .mica-story-footer__project>p {
    margin-bottom: 0.8rem;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.home .mica-story-footer__newsletter h2,
body.home .mica-story-footer__project h2 {
    margin-bottom: 1.15rem;
    font-family: "Roboto", Arial, sans-serif;
    font-size: clamp(1.8rem, 3vw, 3.45rem);
    font-weight: 900;
    line-height: 0.92;
    text-transform: uppercase;
}

body.home .mica-story-footer__form {
    width: 100%;
    max-width: 480px;
}

body.home .mica-story-footer__form .frm_forms,
body.home .mica-story-footer__form .frm_form_field,
body.home .mica-story-footer__form .frm_submit,
body.home .mica-story-footer__form fieldset {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

body.home .mica-story-footer__form .frm_form_field {
    margin-bottom: 0.65rem;
}

body.home .mica-story-footer__form label,
body.home .mica-story-footer__form .frm_primary_label {
    color: var(--story-blue);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.home .mica-story-footer__form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.home .mica-story-footer__form select,
body.home .mica-story-footer__form textarea {
    width: 100%;
    min-height: 44px;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(0, 62, 112, 0.28);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.76);
    color: var(--story-ink);
    font: inherit;
}

body.home .mica-story-footer__form button,
body.home .mica-story-footer__form input[type="submit"] {
    min-height: 44px;
    padding: 0.72rem 1rem;
    border: 0;
    border-radius: 0;
    background: var(--story-blue);
    color: var(--story-white);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.home .mica-story-footer__project {
    background: var(--story-blue);
    color: var(--story-white);
}

body.home .mica-story-footer__project>div:not(.mica-story-footer__actions) {
    max-width: 520px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
}

body.home .mica-story-footer__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.6rem;
}

body.home .mica-story-footer__brand-panel {
    align-items: center;
    background: var(--story-orange);
    text-align: center;
}

body.home .mica-story-footer__brand-panel a {
    display: block;
    width: min(70%, 310px);
    color: var(--story-white);
    text-decoration: none;
}

body.home .mica-story-footer__brand-panel strong {
    font-size: clamp(2.5rem, 5vw, 5.5rem);
    font-weight: 900;
    line-height: 0.9;
    text-transform: uppercase;
}

body.home .mica-story-footer__logo-image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: 210px;
    margin: 0;
    object-fit: contain;
}

body.home .mica-story-footer__base {
    padding: clamp(3.2rem, 6vw, 6rem) 0 1.4rem;
    background: var(--story-night);
}

body.home .mica-story-footer__base-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(180px, 0.6fr) minmax(180px, 0.6fr);
    gap: clamp(2rem, 5vw, 6rem);
    gap: round(nearest, clamp(2rem, 5vw, 6rem), var(--mica-space-unit));
}

body.home .mica-story-footer__base h2,
body.home .mica-story-footer__about>strong {
    display: block;
    margin-bottom: 1rem;
    color: var(--story-yellow);
    font-family: "Roboto", Arial, sans-serif;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.home .mica-story-footer__about p {
    max-width: 570px;
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.86rem;
}

body.home .mica-story-footer__about a,
body.home .mica-story-footer__menu a,
body.home .mica-story-footer__legal a {
    color: var(--story-white);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
}

body.home .mica-story-footer__about a:hover,
body.home .mica-story-footer__about a:focus-visible,
body.home .mica-story-footer__menu a:hover,
body.home .mica-story-footer__menu a:focus-visible,
body.home .mica-story-footer__legal a:hover,
body.home .mica-story-footer__legal a:focus-visible {
    color: var(--story-yellow);
}

body.home .mica-story-footer__menu {
    display: grid;
    gap: 0.65rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

body.home .mica-story-footer__menu--social {
    grid-template-columns: repeat(4, minmax(0, max-content));
}

body.home .mica-story-footer__menu--social a {
    font-size: 1rem;
}

body.home .mica-story-footer__legal {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 2rem;
    margin-top: 3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

body.home .mica-story-footer__legal p {
    margin: 0;
    color: rgba(255, 255, 255, 0.48);
    font-size: 0.72rem;
}

@media (max-width: 1023px) {
    body.home .mica-story-footer__main {
        min-height: 0;
        grid-template-columns: 1fr 1fr;
    }

    body.home .mica-story-footer__brand-panel {
        min-height: 300px;
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {

    body.home .mica-story-footer__main,
    body.home .mica-story-footer__base-grid {
        grid-template-columns: 1fr;
    }

    body.home .mica-story-footer__newsletter,
    body.home .mica-story-footer__project,
    body.home .mica-story-footer__brand-panel {
        min-height: 360px;
        padding: 2rem 1.5rem;
        padding: round(nearest, 2rem, var(--mica-space-unit)) round(nearest, 1.5rem, var(--mica-space-unit));
    }

    body.home .mica-story-footer__brand-panel {
        min-height: 260px;
        grid-column: auto;
    }

    body.home .mica-story-footer__base-grid {
        gap: 2.5rem;
        gap: round(nearest, 2.5rem, var(--mica-space-unit));
    }

    body.home .mica-story-footer__legal {
        align-items: flex-start;
        flex-direction: column;
    }
}

/*--------------------------------------------------------------
Actual-DOM website construction loader
--------------------------------------------------------------*/
:root {
    --mica-wireframe-ink: #0877ad;
    --mica-wireframe-faint: rgba(8, 119, 173, 0.16);
    --mica-wireframe-line: rgba(8, 119, 173, 0.62);
    --mica-wireframe-paper: #edf5f8;
}

.mica-site-construction {
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    color: var(--mica-wireframe-ink);
    pointer-events: none;
}

.mica-construction-line,
.mica-construction-frame__line,
.mica-construction-grid__line {
    position: absolute;
    display: block;
    background: var(--mica-wireframe-line);
}

.mica-construction-line--initial {
    z-index: 3;
    top: clamp(12px, 2vw, 30px);
    left: clamp(12px, 2vw, 30px);
    width: min(42vw, 620px);
    height: 1px;
    transform: scaleX(0);
    transform-origin: left center;
}

.mica-construction-frame {
    position: absolute;
    z-index: 3;
    inset: clamp(12px, 2vw, 30px);
}

.mica-construction-frame__line--top,
.mica-construction-frame__line--bottom {
    right: 0;
    left: 0;
    height: 1px;
    transform: scaleX(0);
}

.mica-construction-frame__line--top {
    top: 0;
    transform-origin: left center;
}

.mica-construction-frame__line--bottom {
    bottom: 0;
    transform-origin: right center;
}

.mica-construction-frame__line--left,
.mica-construction-frame__line--right {
    top: 0;
    bottom: 0;
    width: 1px;
    transform: scaleY(0);
}

.mica-construction-frame__line--left {
    left: 0;
    transform-origin: center top;
}

.mica-construction-frame__line--right {
    right: 0;
    transform-origin: center top;
}

.mica-construction-grid {
    position: absolute;
    z-index: 2;
    inset: clamp(12px, 2vw, 30px);
}

.mica-construction-grid__line {
    top: 0;
    bottom: 0;
    width: 1px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
}

.mica-construction-grid__line--1 {
    left: 8.333%;
}

.mica-construction-grid__line--2 {
    left: 16.666%;
}

.mica-construction-grid__line--3 {
    left: 25%;
}

.mica-construction-grid__line--4 {
    left: 33.333%;
}

.mica-construction-grid__line--5 {
    left: 41.666%;
}

.mica-construction-grid__line--6 {
    left: 50%;
}

.mica-construction-grid__line--7 {
    left: 58.333%;
}

.mica-construction-grid__line--8 {
    left: 66.666%;
}

.mica-construction-grid__line--9 {
    left: 75%;
}

.mica-construction-grid__line--10 {
    left: 83.333%;
}

.mica-construction-grid__line--11 {
    left: 91.666%;
}

.mica-construction-label {
    position: absolute;
    z-index: 4;
    opacity: 0;
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: clamp(0.55rem, 0.72vw, 0.7rem);
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.mica-construction-label--grid {
    top: clamp(20px, 3vw, 42px);
    left: clamp(24px, 3.2vw, 48px);
}

.mica-construction-label--width {
    right: clamp(24px, 3.2vw, 48px);
    bottom: clamp(20px, 3vw, 42px);
}

.mica-construction-colour-wash {
    position: absolute;
    z-index: 1;
    inset: 0;
    visibility: hidden;
    opacity: 0;
    background: var(--mica-wireframe-paper);
    will-change: clip-path;
}

html.mica-wireframe-loading {
    overflow: hidden;
    scrollbar-gutter: stable;
    background: var(--mica-wireframe-paper);
}

html.mica-wireframe-loading body {
    overflow: hidden;
    background: var(--mica-wireframe-paper);
}

html.mica-wireframe-loading .mica-site-construction {
    visibility: visible;
    opacity: 1;
}

html.mica-wireframe-loading body.home #main-header,
html.mica-wireframe-loading body.home [data-promo-hero],
html.mica-wireframe-loading body.home [data-wireframe-section],
html.mica-wireframe-loading body.home .quicklinks {
    opacity: 0;
}

html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home #main-header,
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home #top-nav,
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home #header-bottom,
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home [data-promo-hero],
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home [data-wireframe-section],
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home .quicklinks,
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home .promo-block {
    color: var(--mica-wireframe-ink);
    background-color: var(--mica-wireframe-paper) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px var(--mica-wireframe-faint);
}

html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home #top-nav,
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home #header-bottom,
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home [data-promo-slider],
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home .home-content,
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home .promo-block,
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home .quicklink-icon {
    outline: 1px solid var(--mica-wireframe-line);
    outline-offset: -1px;
}

html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home [data-promo-slider],
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home .quicklink-icon,
html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home #top-nav .main-logo {
    background-color: rgba(255, 255, 255, 0.2) !important;
    background-image:
        linear-gradient(to bottom right,
            transparent calc(50% - 0.5px),
            var(--mica-wireframe-faint) 50%,
            transparent calc(50% + 0.5px)),
        linear-gradient(to top right,
            transparent calc(50% - 0.5px),
            var(--mica-wireframe-faint) 50%,
            transparent calc(50% + 0.5px)) !important;
}

html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home #top-nav .navbar-nav>li>a,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home #top-nav .shop-btn a,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home #header-bottom a,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .mica-promo-intro__kicker,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .mica-promo-intro__heading,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .mica-promo-intro__title,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .home-content h1,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .home-content p,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .quicklink-head h2,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .quicklink-desc p,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .quicklink-read a {
    position: relative;
    color: transparent !important;
    text-shadow: none !important;
}

html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home #top-nav .navbar-nav>li>a::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home #top-nav .shop-btn a::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home #header-bottom a::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .mica-promo-intro__kicker::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .mica-promo-intro__heading::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .mica-promo-intro__title::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .home-content h1::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .home-content p::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .quicklink-head h2::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .quicklink-desc p::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .quicklink-read a::after {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    height: 2px;
    content: "";
    background: var(--mica-wireframe-line);
    transform: translateY(-50%);
}

html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .mica-promo-intro__heading::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .home-content h1::after,
html.mica-wireframe-loading:not(.mica-wireframe-type-ready) body.home .quicklink-head h2::after {
    left: 5%;
    width: 90%;
    height: 3px;
}

html.mica-wireframe-loading:not(.mica-wireframe-images-ready) body.home #main-header img,
html.mica-wireframe-loading:not(.mica-wireframe-images-ready) body.home [data-promo-hero] img,
html.mica-wireframe-loading:not(.mica-wireframe-images-ready) body.home [data-wireframe-section] img,
html.mica-wireframe-loading:not(.mica-wireframe-images-ready) body.home .quicklink-icon i {
    opacity: 0 !important;
}

html.mica-wireframe-loading body.home .mica-promo-intro,
html.mica-wireframe-loading body.home .mica-promo-blueprint,
html.mica-wireframe-loading body.home .mica-promo-slider,
html.mica-wireframe-loading body.home .mica-section-blueprint {
    animation: none !important;
}

html.mica-wireframe-loading body.home .mica-promo-blueprint,
html.mica-wireframe-loading body.home .mica-section-blueprint {
    display: none;
}

html.mica-wireframe-loading body.home .has-promotion-intro .mica-promo-slider {
    visibility: visible;
    animation: none !important;
}

html.mica-wireframe-loading body.home .promo-block,
html.mica-wireframe-loading body.home .quicklink-icon,
html.mica-wireframe-loading body.home [data-promo-slider],
html.mica-wireframe-loading body.home #top-nav .main-logo {
    will-change: transform, opacity, clip-path;
}

html.mica-loader-complete .mica-site-construction {
    display: none;
}

html.mica-loader-complete body.home .has-promotion-intro .mica-promo-slider,
html.mica-loader-complete body.home .mica-promo-slider {
    visibility: visible;
    opacity: 1;
    animation: none;
}

html.mica-loader-complete body.home .mica-promo-intro,
html.mica-loader-complete body.home .mica-promo-blueprint {
    visibility: hidden;
    opacity: 0;
    animation: none;
}

@media (max-width: 767px) {

    .mica-construction-frame,
    .mica-construction-grid {
        inset: 10px;
    }

    .mica-construction-line--initial {
        top: 10px;
        left: 10px;
        width: 66vw;
    }

    .mica-construction-grid__line--1 {
        left: 25%;
    }

    .mica-construction-grid__line--2 {
        left: 50%;
    }

    .mica-construction-grid__line--3 {
        left: 75%;
    }

    .mica-construction-grid__line--4,
    .mica-construction-grid__line--5,
    .mica-construction-grid__line--6,
    .mica-construction-grid__line--7,
    .mica-construction-grid__line--8,
    .mica-construction-grid__line--9,
    .mica-construction-grid__line--10,
    .mica-construction-grid__line--11 {
        display: none;
    }

    .mica-construction-label--grid {
        top: 18px;
        left: 18px;
        font-size: 0;
    }

    .mica-construction-label--grid::after {
        content: "4 COL GRID";
        font-size: 0.56rem;
    }

    .mica-construction-label--width {
        right: 18px;
        bottom: 18px;
        max-width: 74vw;
        font-size: 0.52rem;
        text-align: right;
    }

    html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home #top-nav .navbar-nav {
        display: none;
    }

    html.mica-wireframe-loading:not(.mica-wireframe-resolving) body.home #top-nav .navbar-toggler {
        outline: 1px solid var(--mica-wireframe-line);
        background: transparent !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    html.mica-wireframe-loading,
    html.mica-wireframe-loading body {
        overflow: auto;
        background: inherit;
    }

    html.mica-wireframe-loading .mica-site-construction {
        display: none;
    }

    html.mica-wireframe-loading body.home #main-header,
    html.mica-wireframe-loading body.home [data-promo-hero],
    html.mica-wireframe-loading body.home [data-wireframe-section],
    html.mica-wireframe-loading body.home .quicklinks {
        visibility: visible;
        opacity: 1;
    }
}

/*--------------------------------------------------------------
Mica 2026 premium homepage transfer
All selectors are namespaced to prevent legacy theme collisions.
--------------------------------------------------------------*/
/* Lenis base rules live here so the theme keeps one CSS payload. */
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: clip;
}

/* Embedded maps/videos retain their own pointer and keyboard interaction. */

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    body *,
    body *::before,
    body *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .mica2026-button:hover,
    .mica2026-button:focus-visible,
    .mica-product-button:hover,
    .mica-promotion-card-button:hover,
    .mica-store-site-card__button:hover {
        transform: none;
    }
}

.mica2026-home,
#main-header.mica2026-site-header,
.mica2026-site-footer {
    --mica2026-orange: #f58220;
    --mica2026-orange-dark: #d8610b;
    --mica2026-navy: #102f4f;
    --mica2026-navy-deep: #08243d;
    --mica2026-ink: #172b3a;
    --mica2026-cream: #f3eee5;
    --mica2026-paper: #fbfaf7;
    --mica2026-yellow: #ffd54a;
    --mica2026-line: rgba(16, 47, 79, 0.18);
    --mica2026-shell: min(1180px, calc(100vw - 48px));
    font-family: "Inter", Arial, sans-serif;
}

body.home {
    overflow-x: clip;
    color: var(--mica2026-ink, #172b3a);
    background: var(--mica2026-paper, #fbfaf7);
}

body.home.mica2026-nav-open {
    overflow: hidden;
}

.mica2026-home *,
#main-header.mica2026-site-header *,
.mica2026-site-footer * {
    box-sizing: border-box;
}

.mica2026-home img,
#main-header.mica2026-site-header img,
.mica2026-site-footer img {
    display: block;
    max-width: 100%;
}

.mica2026-home a,
#main-header.mica2026-site-header a,
.mica2026-site-footer a {
    text-decoration: none;
}

.mica2026-home h1,
.mica2026-home h2,
.mica2026-home h3,
.mica2026-site-footer h2 {
    margin: 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 0.94;
}

.mica2026-home p,
.mica2026-site-footer p {
    margin: 0;
}

.mica2026-shell {
    width: var(--mica2026-shell);
    margin-inline: auto;
}

.mica2026-section {
    position: relative;
    scroll-margin-top: 86px;
}

.mica2026-eyebrow {
    margin-bottom: 16px !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1.3;
    text-transform: uppercase;
}

.mica2026-eyebrow--orange {
    color: var(--mica2026-orange);
}

.mica2026-section-heading h2,
.mica2026-journey__heading h2,
.mica2026-workbench__heading h2 {
    color: var(--mica2026-navy);
    font-size: clamp(3.5rem, 7.4vw, 7.6rem);
    text-transform: uppercase;
}

.mica2026-section-heading h2 em,
.mica2026-journey__heading h2 em,
.mica2026-workbench__heading h2 em {
    color: var(--mica2026-orange);
    font-style: normal;
}

.mica2026-section-heading--light h2,
.mica2026-section-heading--light .mica2026-eyebrow {
    color: #fff;
}

.mica2026-section-heading--light h2 em {
    color: var(--mica2026-yellow);
}

.mica2026-section-heading--split {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
}

.mica2026-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}

.mica2026-button,
.mica2026-header-action {
    display: inline-flex;
    width: auto;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    min-height: 44px;
    padding: 12px 18px;
    white-space: nowrap;
    flex-shrink: 0;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.mica2026-button:hover,
.mica2026-button:focus-visible,
.mica2026-header-action:hover,
.mica2026-header-action:focus-visible {
    text-decoration: none;
    transform: translateY(-2px);
}

.mica2026-button--orange {
    color: #fff;
    background: var(--mica2026-orange);
}

.mica2026-button--orange:hover,
.mica2026-button--orange:focus-visible {
    color: #fff;
    background: var(--mica2026-orange-dark);
}

.mica2026-button--ghost {
    border-color: rgba(255, 255, 255, 0.7);
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
}

.mica2026-button--ghost:hover,
.mica2026-button--ghost:focus-visible {
    color: var(--mica2026-navy);
    background: #fff;
}

.mica2026-button--navy {
    color: #fff;
    background: var(--mica2026-navy);
}

.mica2026-button--navy:hover,
.mica2026-button--navy:focus-visible {
    color: #fff;
    background: var(--mica2026-orange);
}

.mica2026-button--outline {
    border-color: var(--mica2026-navy, #102f4f);
    color: var(--mica2026-navy, #102f4f);
    background: transparent;
}

.mica2026-button--outline:hover,
.mica2026-button--outline:focus-visible {
    border-color: var(--mica2026-navy, #102f4f);
    color: #fff;
    background: var(--mica2026-navy, #102f4f);
}

.mica2026-text-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--mica2026-navy);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mica2026-text-link span {
    color: var(--mica2026-orange);
    font-size: 1.2em;
    transition: transform 180ms ease;
}

.mica2026-text-link:hover span,
.mica2026-text-link:focus-visible span {
    transform: translateX(4px);
}

.mica2026-text-link--light {
    color: #fff;
}

/* Header */
/* Keep inner-page content in normal flow beneath the sticky header. The
 * homepage intentionally remains full-bleed beneath its fixed header. */
body:not(.home):not(.front-page) {
    padding-top: 0;
}

@media (max-width: 991px) {
    body:not(.home):not(.front-page) {
        padding-top: 0;
    }
}

body:not(.home):not(.front-page) #main-header.mica2026-site-header {
    position: sticky !important;
}

#main-header.mica2026-site-header {
    position: fixed !important;
    z-index: 10020;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    min-height: 90px;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: #102f4f;
    --mica2026-header-orange: #f58220;
    --mica2026-header-orange-dark: #d8610b;
    --mica2026-header-blue: #c9edff;
    --mica2026-header-action-blue: #0072bc;
    --mica2026-header-blue-dark: #005a95;
    background: var(--mica2026-header-orange) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(4px);
    transition: color 220ms ease, background-color 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

#main-header.mica2026-site-header.is-scrolled,
body.mica2026-nav-open #main-header.mica2026-site-header {
    border-bottom-color: rgba(255, 255, 255, 0.12);
    color: #102f4f;
    background: var(--mica2026-header-orange) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(8px);
}

.mica2026-site-header__shell {
    display: flex;
    width: var(--mica2026-shell);
    min-height: 90px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-inline: auto;
}

.mica2026-site-header__brand {
    position: relative;
    z-index: 2;
    display: block;
    flex: 0 0 auto;
    width: clamp(105px, 10vw, 146px);
}

.mica2026-site-header__logo-image {
    width: 100%;
    height: auto;
    max-height: 62px;
    object-fit: contain;
}

.mica2026-site-header__panel {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(18px, 3vw, 44px);
    gap: round(nearest, clamp(18px, 3vw, 44px), var(--mica-space-unit));
}

.mica2026-site-header__menu,
.mica2026-site-header__menu ul {
    display: flex;
    align-items: center;
    gap: clamp(1.35rem, 2vw, 2rem);
    margin: 0;
    padding: 0;
    list-style: none;
    color: white;
}

.mica2026-site-header__menu li {
    position: relative;
    margin: 0;
}

.mica2026-site-header__menu>li>a {
    display: block;
    padding: 36px 0;
    color: inherit;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mica2026-site-header__menu>li>a::after {
    position: absolute;
    right: 0;
    bottom: 22px;
    left: 0;
    height: 2px;
    content: "";
    background: #fff;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 180ms ease;
}

.mica2026-site-header__menu>li.current-menu-item>a,
.mica2026-site-header__menu>li.current-menu-parent>a,
.mica2026-site-header__menu>li.current-menu-ancestor>a {
    color: #fff;
}

.mica2026-site-header__menu>li.current-menu-item>a::after,
.mica2026-site-header__menu>li.current-menu-parent>a::after,
.mica2026-site-header__menu>li.current-menu-ancestor>a::after,
.mica2026-site-header__menu>li>a:focus-visible::after {
    background: #fff;
    transform: scaleX(1);
    transform-origin: left center;
}

.mica2026-site-header__menu>li>a:hover,
.mica2026-site-header__menu>li>a:focus-visible,
.mica2026-site-header__menu>li:hover>a,
.mica2026-site-header__menu>li:focus-within>a {
    color: var(--mica2026-header-action-blue);
}

.mica2026-site-header__menu>li:hover>a::after,
.mica2026-site-header__menu>li>a:focus-visible::after {
    background: var(--mica2026-header-action-blue);
}

.mica2026-site-header__menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: grid;
    width: min(250px, calc(100vw - 32px));
    min-width: 220px;
    gap: 0;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    background: rgba(15, 17, 17, 0.96);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(6px);
    transform: translateY(8px);
    transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
}

.mica2026-site-header__menu li:hover>.sub-menu,
.mica2026-site-header__menu li:focus-within>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.mica2026-site-header__menu .sub-menu a {
    display: block;
    padding: 15px 20px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.25;
    transition: color 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}

.mica2026-site-header__menu .sub-menu li {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    list-style: none;
}

.mica2026-site-header__menu .sub-menu a:hover,
.mica2026-site-header__menu .sub-menu a:focus-visible {
    color: var(--mica2026-header-action-blue);
    background: rgba(0, 114, 188, 0.12);
    box-shadow: inset 3px 0 0 var(--mica2026-header-action-blue);
}

.mica2026-site-header__actions {
    display: flex;
    gap: 8px;
}

.mica2026-header-action {
    min-height: 44px;
    padding: 12px 18px;
}

.mica2026-header-action--outline {
    border-color: currentColor;
    background: transparent;
    color: #fff;
}

.mica2026-header-action--outline:hover,
.mica2026-header-action--outline:focus-visible {
    background-color: rgba(255, 194, 141, 0.24);
    border-color: var(--mica2026-header-action-blue);
    color: var(--mica2026-header-action-blue);
}

.mica2026-header-action--solid {
    color: #fff;
    background: var(--mica2026-header-action-blue);
}

.mica2026-header-action--solid:hover,
.mica2026-header-action--solid:focus-visible {
    background: var(--mica2026-header-blue-dark);
    color: #fff;
}

.mica2026-site-header__toggle {
    position: relative;
    z-index: 2;
    display: none;
    width: 46px;
    height: 46px;
    padding: 12px;
    border: 0;
    border-radius: 50%;
    background: var(--mica2026-header-action-blue);
}

.mica2026-site-header__toggle span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 4px 0;
    background: #fff;
    transition: transform 180ms ease, opacity 180ms ease;
}

body.mica2026-nav-open .mica2026-site-header__toggle span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

body.mica2026-nav-open .mica2026-site-header__toggle span:nth-child(2) {
    opacity: 0;
}

body.mica2026-nav-open .mica2026-site-header__toggle span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

/* Hero */
.mica2026-hero {
    position: relative;
    display: grid;
    min-height: 100svh;
    align-items: end;
    overflow: hidden;
    isolation: isolate;
    color: #fff;
    background: var(--mica2026-navy-deep);
}

.mica2026-hero__media,
.mica2026-hero__shade {
    position: absolute;
    inset: 0;
}

.mica2026-hero__media {
    z-index: -3;
    overflow: hidden;
    transform-origin: center center;
}

.mica2026-hero__media>*,
.mica2026-hero__media .rev_slider_wrapper,
.mica2026-hero__media .rev_slider {
    width: 100% !important;
    min-height: 100svh !important;
}

.mica2026-hero__media img,
.mica2026-hero__fallback-image {
    width: 100%;
    height: 100svh;
    object-fit: cover;
}

.mica2026-hero__shade {
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(5, 24, 40, 0.86) 0%, rgba(5, 24, 40, 0.54) 46%, rgba(5, 24, 40, 0.2) 75%),
        linear-gradient(0deg, rgba(5, 24, 40, 0.72), transparent 42%);
    pointer-events: none;
}

.mica2026-hero__content {
    position: relative;
    z-index: 2;
    padding-top: 160px;
    padding-bottom: clamp(120px, 15vh, 180px);
    padding-bottom: round(nearest, clamp(120px, 15vh, 180px), var(--mica-space-unit));
}

.mica2026-hero__content h1 {
    max-width: 900px;
    color: #fff;
    font-size: clamp(4.6rem, 10.5vw, 10.5rem);
    text-transform: uppercase;
}

.mica2026-hero__summary {
    max-width: 610px;
    margin-top: 24px !important;
    color: rgba(255, 255, 255, 0.84);
    font-size: clamp(1rem, 1.35vw, 1.25rem);
    line-height: 1.7;
}

.mica2026-scroll-cue {
    position: absolute;
    z-index: 3;
    right: max(24px, 3vw);
    bottom: 32px;
    display: flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.mica2026-scroll-cue i {
    position: relative;
    display: block;
    width: 1px;
    height: 54px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.3);
}

.mica2026-scroll-cue i::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 50%;
    content: "";
    background: var(--mica2026-orange);
    animation: mica2026-scroll-cue 1.8s ease-in-out infinite;
}

@keyframes mica2026-scroll-cue {
    0% {
        transform: translateY(-120%);
    }

    50%,
    100% {
        transform: translateY(220%);
    }
}

/* Introduction */
.mica2026-intro {
    padding: clamp(90px, 12vw, 180px) 0;
    padding: round(nearest, clamp(90px, 12vw, 180px), var(--mica-space-unit)) 0;
    overflow: hidden;
    background: var(--mica2026-paper);
}

.mica2026-intro::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 1px);
    width: 1px;
    content: "";
    background: var(--mica2026-line);
}

.mica2026-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(54px, 9vw, 140px);
    gap: round(nearest, clamp(54px, 9vw, 140px), var(--mica-space-unit));
    align-items: start;
}

.mica2026-rich-text {
    color: #405260;
    font-size: clamp(1.05rem, 1.35vw, 1.25rem);
    line-height: 1.85;
}

.mica2026-rich-text p+p {
    margin-top: 1.3em !important;
}

.mica2026-rich-text> :first-child {
    margin-top: 0;
}

.mica2026-rich-text> :last-child {
    margin-bottom: 0;
}

/* Category journey */
.mica2026-journey {
    padding: clamp(100px, 12vw, 170px) 0;
    padding: round(nearest, clamp(100px, 12vw, 170px), var(--mica-space-unit)) 0;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 16% 12%, rgba(245, 130, 32, 0.18), transparent 32%),
        var(--mica2026-navy-deep);
}

.mica2026-journey__heading {
    max-width: 780px;
    margin-bottom: 90px;
}

.mica2026-journey__heading h2 {
    color: #fff;
}

.mica2026-journey__line {
    position: absolute;
    top: 290px;
    bottom: 100px;
    left: 50%;
    width: 2px;
    background: rgba(255, 255, 255, 0.12);
}

.mica2026-journey__line span {
    position: absolute;
    inset: 0;
    display: block;
    background: var(--mica2026-orange);
    transform-origin: center top;
}

.mica2026-journey__line::before {
    position: absolute;
    z-index: 2;
    top: -16px;
    left: 50%;
    width: 32px;
    height: 32px;
    border: 6px solid var(--mica2026-orange);
    border-radius: 50%;
    content: "";
    background: var(--mica2026-yellow);
    box-shadow: 0 0 0 7px rgba(245, 130, 32, 0.18);
    transform: translateX(-50%);
}

.mica2026-journey__cards {
    position: relative;
    z-index: 2;
}

.mica2026-journey-card {
    width: calc(50% - 58px);
    margin-bottom: 30px;
}

.mica2026-journey-card--right {
    margin-left: auto;
}

.mica2026-journey-card a {
    position: relative;
    display: grid;
    min-height: 190px;
    grid-template-columns: minmax(130px, 0.42fr) 1fr auto;
    align-items: stretch;
    overflow: hidden;
    color: var(--mica2026-navy);
    background: var(--mica2026-paper);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.18);
    transition: transform 220ms ease, box-shadow 220ms ease;
}

.mica2026-journey-card a:hover,
.mica2026-journey-card a:focus-visible {
    box-shadow: 0 30px 74px rgba(0, 0, 0, 0.26);
    transform: translateY(-5px);
}

.mica2026-journey-card__number {
    position: absolute;
    z-index: 3;
    top: 12px;
    left: 14px;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.mica2026-journey-card__media,
.mica2026-journey-card__media>span {
    display: block;
    min-height: 190px;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(245, 130, 32, 0.82), rgba(16, 47, 79, 0.9)),
        repeating-linear-gradient(45deg, transparent 0 12px, rgba(255, 255, 255, 0.12) 12px 13px);
}

.mica2026-journey-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}

.mica2026-journey-card a:hover .mica2026-journey-card__media img {
    transform: scale(1.05);
}

.mica2026-journey-card__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 28px;
}

.mica2026-journey-card__content strong {
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(1.55rem, 2.1vw, 2.2rem);
    line-height: 1;
    text-transform: uppercase;
}

.mica2026-journey-card__content small {
    color: #63717c;
    font-size: 0.83rem;
    line-height: 1.55;
}

.mica2026-journey-card__arrow {
    display: grid;
    width: 46px;
    place-items: center;
    border-left: 1px solid var(--mica2026-line);
    color: var(--mica2026-orange);
    font-size: 1.2rem;
}

/* Workbench / latest posts */
.mica2026-workbench {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(rgba(25, 16, 9, 0.5), rgba(25, 16, 9, 0.5)),
        repeating-linear-gradient(92deg, #6c4327 0 34px, #7b4d2b 34px 68px, #5a371f 68px 70px);
}

.mica2026-workbench::after {
    position: absolute;
    inset: 0;
    content: "";
    opacity: 0.2;
    background: repeating-linear-gradient(4deg, transparent 0 12px, rgba(255, 255, 255, 0.12) 13px, transparent 14px 28px);
    pointer-events: none;
}

.mica2026-workbench__pin {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 100svh;
    align-items: center;
    padding: 100px 0;
}

.mica2026-workbench__heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 52px;
}

.mica2026-workbench__heading h2,
.mica2026-workbench__heading .mica2026-eyebrow {
    color: #fff;
}

.mica2026-workbench__heading h2 {
    max-width: 760px;
}

.mica2026-workbench__viewport {
    width: 100%;
    overflow: hidden;
}

.mica2026-workbench__rail {
    display: flex;
    width: max-content;
    gap: 26px;
    padding: 24px 8vw 32px 0;
}

.mica2026-project-card {
    position: relative;
    display: grid;
    width: clamp(300px, 27vw, 380px);
    flex: 0 0 auto;
    grid-template-rows: 230px 1fr;
    color: var(--mica2026-ink);
    background: var(--mica2026-cream);
    box-shadow: 12px 18px 35px rgba(25, 12, 4, 0.26);
}

.mica2026-project-card:nth-child(2n) {
    transform: rotate(1deg);
}

.mica2026-project-card:nth-child(3n) {
    transform: rotate(-1.2deg);
}

.mica2026-project-card__pin {
    position: absolute;
    z-index: 3;
    top: -11px;
    left: 50%;
    width: 23px;
    height: 23px;
    border: 4px solid #7e7f80;
    border-radius: 50%;
    background: radial-gradient(circle at 38% 34%, #f1f1f1 0 16%, #929394 48%, #454646 100%);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.32);
    transform: translateX(-50%);
}

.mica2026-project-card__media {
    display: block;
    overflow: hidden;
    background: var(--mica2026-navy);
}

.mica2026-project-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}

.mica2026-project-card__media>span {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, var(--mica2026-navy), var(--mica2026-orange));
}

.mica2026-project-card:hover .mica2026-project-card__media img {
    transform: scale(1.045);
}

.mica2026-project-card__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px;
}

.mica2026-project-card__body time {
    margin-bottom: 12px;
    color: var(--mica2026-orange);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mica2026-project-card__body h3 {
    margin-bottom: 14px;
    font-size: clamp(1.8rem, 2.4vw, 2.5rem);
    line-height: 1;
    text-transform: uppercase;
}

.mica2026-project-card__body h3 a {
    color: var(--mica2026-navy);
}

.mica2026-project-card__body p {
    margin-bottom: 24px !important;
    color: #5b6872;
    font-size: 0.88rem;
    line-height: 1.65;
}

.mica2026-project-card__body .mica2026-text-link {
    margin-top: auto;
}

/* Orange services */
.mica2026-services {
    padding: clamp(100px, 12vw, 170px) 0;
    padding: round(nearest, clamp(100px, 12vw, 170px), var(--mica-space-unit)) 0;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 92% 18%, rgba(255, 213, 74, 0.42), transparent 30%),
        var(--mica2026-orange);
}

.mica2026-services__grid {
    display: grid;
    grid-template-columns: minmax(270px, 0.76fr) minmax(0, 1.24fr);
    gap: clamp(70px, 10vw, 150px);
    gap: round(nearest, clamp(70px, 10vw, 150px), var(--mica-space-unit));
}

.mica2026-services__list {
    border-top: 1px solid rgba(255, 255, 255, 0.36);
}

.mica2026-service-card {
    display: grid;
    grid-template-columns: 44px 32px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 24px 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.36);
    color: #fff;
    transition: padding 180ms ease, background-color 180ms ease;
}

.mica2026-service-card:hover,
.mica2026-service-card:focus-visible {
    padding-right: 18px;
    padding-left: 18px;
    background: rgba(255, 255, 255, 0.1);
}

.mica2026-service-card__number {
    color: var(--mica2026-yellow);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.mica2026-service-card>i {
    color: var(--mica2026-yellow);
    font-size: 1.15rem;
    text-align: center;
}

.mica2026-service-card>span:nth-child(3) {
    display: grid;
    gap: 6px;
}

.mica2026-service-card strong {
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(1.55rem, 2.1vw, 2.25rem);
    line-height: 1;
    text-transform: uppercase;
}

.mica2026-service-card small {
    max-width: 500px;
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.8rem;
    line-height: 1.5;
}

.mica2026-service-card b {
    color: var(--mica2026-yellow);
    font-size: 1.3rem;
}

/* Optional gallery wall */
.mica2026-gallery {
    min-height: 100svh;
    padding: clamp(100px, 12vw, 170px) 0;
    overflow: hidden;
    color: #fff;
    background-color: #713c2b;
    background-image:
        linear-gradient(335deg, rgba(0, 0, 0, 0.14) 23px, transparent 23px),
        linear-gradient(155deg, rgba(255, 255, 255, 0.06) 23px, transparent 23px),
        linear-gradient(335deg, rgba(0, 0, 0, 0.12) 23px, transparent 23px),
        linear-gradient(155deg, rgba(255, 255, 255, 0.04) 23px, transparent 23px);
    background-position: 0 2px, 4px 35px, 29px 31px, 34px 6px;
    background-size: 58px 58px;
}

.mica2026-gallery::before {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(rgba(13, 21, 28, 0.28), rgba(13, 21, 28, 0.48));
}

.mica2026-gallery>.mica2026-shell {
    position: relative;
    z-index: 2;
}

.mica2026-gallery__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 28px;
    align-items: center;
    margin-top: 70px;
}

.mica2026-gallery-frame {
    position: relative;
    margin: 0;
    padding: 12px;
    background: #f5efe2;
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.34), inset 0 0 0 4px #6f4d2d;
}

.mica2026-gallery-frame::before {
    position: absolute;
    top: -18px;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: "";
    background: #c1c2c0;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.4);
    transform: translateX(-50%);
}

.mica2026-gallery-frame img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.mica2026-gallery-frame--1 {
    grid-column: 1 / span 5;
    transform: rotate(-2deg);
}

.mica2026-gallery-frame--2 {
    grid-column: 7 / span 6;
    transform: rotate(1.4deg);
}

.mica2026-gallery-frame--3 {
    grid-column: 2 / span 4;
    transform: rotate(1deg);
}

.mica2026-gallery-frame--4 {
    grid-column: 6 / span 4;
    transform: rotate(-1.5deg);
}

.mica2026-gallery-frame--5 {
    grid-column: 10 / span 3;
    transform: rotate(2deg);
}

/* Videos */
.mica2026-videos {
    padding: clamp(100px, 11vw, 160px) 0;
    background: var(--mica2026-paper);
}

.mica2026-videos__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    margin-top: 60px;
}

.mica2026-video-card {
    overflow: hidden;
    color: #fff;
    background: var(--mica2026-navy);
    box-shadow: 0 24px 60px rgba(12, 39, 61, 0.14);
}

.mica2026-video-card h3 {
    display: flex;
    min-height: 82px;
    align-items: center;
    gap: 14px;
    padding: 22px 26px;
    font-size: clamp(1.4rem, 2vw, 2rem);
    letter-spacing: -0.01em;
    line-height: 1.1;
    text-transform: uppercase;
}

.mica2026-video-card h3 i {
    color: var(--mica2026-orange);
}

.mica2026-video-card__frame {
    aspect-ratio: 16 / 9;
}

.mica2026-video-card__frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* Promotions */
.mica2026-promotions {
    padding: clamp(100px, 12vw, 170px) 0;
    padding: round(nearest, clamp(100px, 12vw, 170px), var(--mica-space-unit)) 0;
    background: var(--mica2026-cream);
}

.mica2026-promotions__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    margin-top: 64px;
}

.mica2026-promotion-card {
    display: grid;
    min-width: 0;
    grid-template-rows: minmax(220px, 0.82fr) 1fr;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 22px 54px rgba(16, 47, 79, 0.1);
}

.mica2026-promotion-card__media {
    display: block;
    min-height: 220px;
    overflow: hidden;
    background: var(--mica2026-navy);
}

.mica2026-promotion-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}

.mica2026-promotion-card__media>span {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 220px;
    place-items: center;
    color: #fff;
    font-size: 4rem;
    background:
        radial-gradient(circle at 75% 25%, rgba(255, 213, 74, 0.5), transparent 28%),
        linear-gradient(145deg, var(--mica2026-orange), var(--mica2026-navy));
}

.mica2026-promotion-card:hover .mica2026-promotion-card__media img {
    transform: scale(1.045);
}

.mica2026-promotion-card__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
}

.mica2026-promotion-card__body h3 {
    margin-bottom: 14px;
    color: var(--mica2026-navy);
    font-size: clamp(2rem, 3vw, 3rem);
    text-transform: uppercase;
}

.mica2026-promotion-card__body p {
    margin-bottom: 26px !important;
    color: #65727b;
    font-size: 0.9rem;
    line-height: 1.65;
}

.mica2026-promotion-card__body .mica2026-button {
    margin-top: auto;
}

/* Footer */
.mica2026-site-footer {
    color: #fff;
    background: var(--mica2026-navy-deep);
}

.mica2026-site-footer__newsletter {
    padding: 70px 0;
    color: var(--mica2026-navy);
    background: var(--mica2026-yellow);
}

.mica2026-site-footer__newsletter-grid {
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
    gap: 70px;
    align-items: center;
}

.mica2026-site-footer__newsletter h2 {
    max-width: 500px;
    font-size: clamp(2.7rem, 5vw, 5rem);
    text-transform: uppercase;
}

.mica2026-site-footer__form .frm_forms,
.mica2026-site-footer__form .frm_form_fields,
.mica2026-site-footer__form fieldset {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.mica2026-site-footer__form .frm_fields_container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 10px;
    align-items: end;
}

.mica2026-site-footer__form .frm_form_field,
.mica2026-site-footer__form .frm_submit {
    margin: 0 !important;
}

.mica2026-site-footer__form label {
    color: var(--mica2026-navy) !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mica2026-site-footer__form input[type="text"],
.mica2026-site-footer__form input[type="email"] {
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid rgba(16, 47, 79, 0.28) !important;
    border-radius: 0 !important;
    color: var(--mica2026-navy) !important;
    background: rgba(255, 255, 255, 0.62) !important;
    box-shadow: none !important;
}

.mica2026-site-footer__form button,
.mica2026-site-footer__form input[type="submit"] {
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: var(--mica2026-navy) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mica2026-site-footer__main {
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) minmax(160px, 0.4fr) minmax(160px, 0.4fr);
    gap: clamp(50px, 8vw, 110px);
    gap: round(nearest, clamp(50px, 8vw, 110px), var(--mica-space-unit));
    padding-top: 80px;
    padding-bottom: 80px;
}

.mica2026-site-footer__brand {
    display: block;
    width: min(180px, 60%);
    margin-bottom: 24px;
}

.mica2026-site-footer__logo-image {
    width: 100%;
    height: auto;
    max-height: 72px;
    object-fit: contain;
    object-position: left center;
}

.mica2026-site-footer__about>p {
    max-width: 590px;
    margin-bottom: 24px !important;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.9rem;
    line-height: 1.75;
}

.mica2026-site-footer__links h2,
.mica2026-site-footer__social h2 {
    margin-bottom: 24px;
    color: var(--mica2026-orange);
    font-size: 1.5rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mica2026-site-footer__menu {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mica2026-site-footer__menu li {
    margin: 0;
}

.mica2026-site-footer__menu a {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.86rem;
    transition: color 180ms ease;
}

.mica2026-site-footer__menu a:hover,
.mica2026-site-footer__menu a:focus-visible {
    color: #fff;
}

.mica2026-site-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.mica2026-site-footer__bottom .mica2026-shell {
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.mica2026-site-footer__bottom p,
.mica2026-back-to-top {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mica2026-back-to-top {
    padding: 10px 0;
    border: 0;
    background: transparent;
}

.mica2026-back-to-top span {
    margin-left: 8px;
    color: var(--mica2026-orange);
}

/* Tablet */
@media (max-width: 1100px) {
    .mica2026-site-header__actions .mica2026-header-action--outline {
        display: none;
    }

    .mica2026-site-header__menu,
    .mica2026-site-header__menu ul {
        gap: 16px;
    }

    .mica2026-journey-card {
        width: calc(50% - 34px);
    }

    .mica2026-journey-card a {
        grid-template-columns: 118px 1fr auto;
    }

    .mica2026-site-footer__form .frm_fields_container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {

    .mica2026-home,
    #main-header.mica2026-site-header,
    .mica2026-site-footer {
        --mica2026-shell: min(100% - 36px, 760px);
    }

    #main-header.mica2026-site-header,
    .mica2026-site-header__shell {
        min-height: 74px;
    }

    .mica2026-site-header__toggle {
        display: block;
    }

    .mica2026-site-header__panel {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        width: min(390px, 88vw);
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 32px;
        padding: 108px 28px 36px;
        visibility: hidden;
        overflow-y: auto;
        opacity: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(15, 17, 17, 0.98);
        box-shadow: -20px 0 50px rgba(0, 0, 0, 0.28);
        backdrop-filter: blur(8px);
        transform: translateX(100%);
        transition: transform 240ms ease, opacity 200ms ease, visibility 240ms ease;
    }

    body.mica2026-nav-open .mica2026-site-header__panel {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }

    .mica2026-site-header__menu,
    .mica2026-site-header__menu ul {
        display: grid;
        gap: 0;
    }

    .mica2026-site-header__menu>li {
        border-bottom: 1px solid var(--mica2026-line);
    }

    .mica2026-site-header__menu>li>a {
        padding: 16px 0;
        color: #fff;
        font-family: "Inter", Arial, sans-serif;
        font-size: 1.1rem;
        font-weight: 700;
        letter-spacing: 0.02em;
    }

    .mica2026-site-header__menu>li>a::after {
        display: none;
    }

    .mica2026-site-header__menu .sub-menu {
        position: static;
        display: grid;
        width: 100%;
        min-width: 0;
        padding: 0 0 12px 14px;
        border: 0;
        border-radius: 0;
        visibility: visible;
        opacity: 1;
        overflow: visible;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        transform: none;
    }

    .mica2026-site-header__actions {
        display: grid;
    }

    .mica2026-site-header__actions .mica2026-header-action--outline {
        display: inline-flex;
    }

    .mica2026-hero__content {
        padding-top: 130px;
    }

    .mica2026-intro::before {
        display: none;
    }

    .mica2026-intro__grid,
    .mica2026-services__grid,
    .mica2026-site-footer__newsletter-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .mica2026-promotions__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mica2026-site-footer__main {
        grid-template-columns: 1fr 1fr;
    }

    .mica2026-site-footer__about {
        grid-column: 1 / -1;
    }
}

/* Mobile: native flow, no pinned layouts and smaller visual workload. */
@media (max-width: 767px) {

    .mica2026-home,
    #main-header.mica2026-site-header,
    .mica2026-site-footer {
        --mica2026-shell: calc(100% - 30px);
    }

    .mica2026-site-header__brand {
        width: 104px;
    }

    .mica2026-hero {
        min-height: 86svh;
    }

    .mica2026-hero__media>*,
    .mica2026-hero__media .rev_slider_wrapper,
    .mica2026-hero__media .rev_slider,
    .mica2026-hero__media img,
    .mica2026-hero__fallback-image {
        min-height: 86svh !important;
        height: 86svh;
    }

    .mica2026-hero__shade {
        background: linear-gradient(0deg, rgba(5, 24, 40, 0.88), rgba(5, 24, 40, 0.25) 82%);
    }

    .mica2026-hero__content {
        padding-top: 120px;
        padding-bottom: 108px;
    }

    .mica2026-hero__content h1 {
        font-size: clamp(3.8rem, 20vw, 6rem);
    }

    .mica2026-hero__summary {
        font-size: 0.96rem;
        line-height: 1.65;
    }

    .mica2026-scroll-cue {
        right: 16px;
        bottom: 18px;
    }

    .mica2026-scroll-cue span {
        display: none;
    }

    .mica2026-section-heading h2,
    .mica2026-journey__heading h2,
    .mica2026-workbench__heading h2 {
        font-size: clamp(3rem, 15vw, 5rem);
    }

    .mica2026-section-heading--split,
    .mica2026-workbench__heading {
        display: grid;
        align-items: start;
    }

    .mica2026-intro,
    .mica2026-journey,
    .mica2026-services,
    .mica2026-gallery,
    .mica2026-videos,
    .mica2026-promotions {
        padding-top: 82px;
        padding-bottom: 82px;
    }

    .mica2026-journey__heading {
        margin-bottom: 60px;
    }

    .mica2026-journey__line {
        top: 265px;
        bottom: 70px;
        left: 23px;
    }

    .mica2026-journey-card,
    .mica2026-journey-card--right {
        width: calc(100% - 42px);
        margin-right: 0;
        margin-bottom: 20px;
        margin-left: 42px;
    }

    .mica2026-journey-card a {
        min-height: 0;
        grid-template-columns: 90px minmax(0, 1fr) 34px;
    }

    .mica2026-journey-card__media,
    .mica2026-journey-card__media>span {
        min-height: 132px;
    }

    .mica2026-journey-card__content {
        gap: 8px;
        padding: 18px 14px;
    }

    .mica2026-journey-card__content strong {
        font-size: 1.4rem;
    }

    .mica2026-journey-card__content small {
        display: -webkit-box;
        overflow: hidden;
        font-size: 0.72rem;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .mica2026-journey-card__arrow {
        width: 34px;
    }

    .mica2026-workbench__pin {
        min-height: 0;
        padding: 82px 0;
    }

    .mica2026-workbench__viewport {
        width: calc(100vw - 15px);
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
        scrollbar-color: var(--mica2026-orange) rgba(255, 255, 255, 0.2);
        -webkit-overflow-scrolling: touch;
    }

    .mica2026-workbench__rail {
        gap: 16px;
        padding-right: 30px;
    }

    .mica2026-project-card {
        width: min(82vw, 330px);
        grid-template-rows: 190px 1fr;
        scroll-snap-align: start;
        transform: none !important;
    }

    .mica2026-project-card__body {
        padding: 22px;
    }

    .mica2026-service-card {
        grid-template-columns: 32px 26px minmax(0, 1fr) 16px;
        gap: 10px;
        padding: 20px 0;
    }

    .mica2026-service-card small {
        display: none;
    }

    .mica2026-gallery {
        min-height: 0;
    }

    .mica2026-gallery__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 50px;
    }

    .mica2026-gallery-frame,
    .mica2026-gallery-frame--1,
    .mica2026-gallery-frame--2,
    .mica2026-gallery-frame--3,
    .mica2026-gallery-frame--4,
    .mica2026-gallery-frame--5 {
        grid-column: auto;
        padding: 8px;
        transform: none;
    }

    .mica2026-gallery-frame:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        width: 58%;
        justify-self: center;
    }

    .mica2026-videos__grid,
    .mica2026-promotions__grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 46px;
    }

    .mica2026-promotion-card {
        grid-template-rows: 210px auto;
    }

    .mica2026-site-footer__newsletter {
        padding: 58px 0;
    }

    .mica2026-site-footer__newsletter-grid {
        gap: 34px;
    }

    .mica2026-site-footer__form .frm_fields_container {
        grid-template-columns: 1fr !important;
    }

    .mica2026-site-footer__main {
        grid-template-columns: 1fr;
        gap: 42px;
        padding-top: 62px;
        padding-bottom: 62px;
    }

    .mica2026-site-footer__about {
        grid-column: auto;
    }

    .mica2026-site-footer__bottom .mica2026-shell {
        min-height: 82px;
        flex-direction: column;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {

    .mica2026-home *,
    #main-header.mica2026-site-header *,
    .mica2026-site-footer * {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .mica2026-scroll-cue i::after {
        animation: none;
    }
}

/* ==========================================================
   MICA CINEMATIC HOMEPAGE
   Reference-matched structure with current-site content only.
   ========================================================== */
.mica-story-home,
body.home #main-header.mica2026-site-header,
body.home .mica2026-site-footer {
    --story-blue: #0072bc;
    --story-yellow: #ffd900;
    --story-orange: #f58220;
    --story-ink: #20282a;
    --story-muted: #687171;
    --story-paper: #f4f2ed;
    --story-white: #fff;
    --story-night: #0b1211;
    --story-workbench: #15252a;
    --story-container: min(1240px, calc(100vw - 64px));
    font-family: "Roboto", Arial, sans-serif;
}

body.home {
    margin: 0;
    overflow-x: clip;
    background: #f4f2ed;
    color: #20282a;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

body.home.mica2026-nav-open {
    overflow: hidden;
}

.mica-story-home *,
.mica-story-home *::before,
.mica-story-home *::after {
    box-sizing: border-box;
}

.mica-story-home {
    position: relative;
    overflow: clip;
    background: var(--story-paper);
}

.mica-story-home img {
    display: block;
    max-width: 100%;
}

.mica-story-home h1,
.mica-story-home h2,
.mica-story-home h3,
.mica-story-home p {
    margin-top: 0;
}

.mica-story-home h1,
.mica-story-home h2,
.mica-story-home h3 {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 900;
    line-height: 0.98;
}

.mica-story-home em {
    color: var(--story-orange);
    font-style: normal;
}

.mica-story-container {
    width: var(--story-container);
    margin-inline: auto;
}

.mica-story-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1.18rem;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.mica-story-button:hover,
.mica-story-button:focus-visible {
    transform: translateY(-2px);
}

.mica-story-button--accent {
    background: var(--story-orange);
    color: var(--story-white);
}

.mica-story-button--accent:hover,
.mica-story-button--accent:focus-visible {
    background: var(--story-yellow);
    color: var(--story-ink);
}

.mica-story-button--outline {
    border-color: rgba(255, 255, 255, 0.66);
    color: var(--story-white);
}

.mica-story-button--outline:hover,
.mica-story-button--outline:focus-visible {
    border-color: var(--story-white);
    background: var(--story-white);
    color: var(--story-ink);
}

.mica-story-button--dark {
    background: var(--story-ink);
    color: var(--story-white);
}

.mica-story-button--dark:hover,
.mica-story-button--dark:focus-visible {
    background: var(--story-blue);
    color: var(--story-white);
}

/* Header */
body.home #main-header.mica2026-site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 90;
    min-height: 90px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.58) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
    color: var(--story-white);
    backdrop-filter: blur(10px);
    transition: background-color 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

body.home #main-header.mica2026-site-header.is-scrolled {
    border-bottom-color: rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.72) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(10px);
    color: #fff;
}

body.home .mica2026-site-header__shell {
    width: var(--story-container);
    min-height: 90px;
    margin-inline: auto;
}

body.home .mica2026-site-header__brand {
    width: auto;
    max-width: 210px;
}

body.home .mica2026-site-header__logo-image {
    width: auto;
    max-width: 190px;
    max-height: 62px;
    object-fit: contain;
}

body.home .mica2026-site-header__menu,
body.home .mica2026-site-header__menu ul {
    gap: clamp(1.35rem, 2vw, 2rem);
}

body.home .mica2026-site-header__menu>li>a,
body.home .mica2026-site-header__menu>li>button {
    min-height: 42px;
    padding-top: 36px;
    padding-bottom: 36px;
    color: inherit;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.home .mica2026-site-header__menu>li>a:hover,
body.home .mica2026-site-header__menu>li>a:focus-visible,
body.home .mica2026-site-header__menu>li:hover>a,
body.home .mica2026-site-header__menu>li:focus-within>a,
body.home .mica2026-site-header__menu>li.current-menu-item>a,
body.home .mica2026-site-header__menu>li.current-menu-parent>a,
body.home .mica2026-site-header__menu>li.current-menu-ancestor>a {
    color: var(--story-orange, #f58220);
}

body.home .mica2026-site-header__menu>li>a::after {
    background: var(--story-orange, #f58220);
}

body.home #main-header.mica2026-site-header.is-scrolled .mica2026-site-header__menu>li>a:hover,
body.home #main-header.mica2026-site-header.is-scrolled .mica2026-site-header__menu>li>a:focus-visible,
body.home #main-header.mica2026-site-header.is-scrolled .mica2026-site-header__menu>li.current-menu-item>a,
body.home #main-header.mica2026-site-header.is-scrolled .mica2026-site-header__menu>li.current-menu-parent>a,
body.home #main-header.mica2026-site-header.is-scrolled .mica2026-site-header__menu>li.current-menu-ancestor>a {
    color: var(--story-orange, #f58220);
}

body.home #main-header.mica2026-site-header.is-scrolled .mica2026-site-header__menu>li>a::after {
    background: var(--story-orange, #f58220);
}

body.home .mica2026-site-header__menu>li.current-menu-parent>a::after,
body.home .mica2026-site-header__menu>li.current-menu-ancestor>a::after {
    transform: scaleX(1);
    transform-origin: left center;
}

body.home .mica2026-site-header__menu .sub-menu {
    top: 100%;
    left: 0;
    display: grid;
    width: min(250px, calc(100vw - 32px));
    min-width: 220px;
    gap: 0;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    background: rgba(15, 17, 17, 0.96);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(6px);
    transform: translateY(8px);
    transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
}

body.home .mica2026-site-header__menu .sub-menu li {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    list-style: none;
}

body.home .mica2026-site-header__menu li:hover>.sub-menu,
body.home .mica2026-site-header__menu li:focus-within>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

body.home .mica2026-site-header__menu .sub-menu a {
    display: block;
    padding: 15px 20px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.25;
    transition: color 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}

body.home .mica2026-site-header__menu .sub-menu a:hover,
body.home .mica2026-site-header__menu .sub-menu a:focus-visible {
    color: var(--mica2026-header-action-blue);
    background: rgba(0, 114, 188, 0.12);
    box-shadow: inset 3px 0 0 var(--mica2026-header-action-blue);
}

body.home .mica2026-header-action {
    min-height: 44px;
    padding: 0.75rem 1.1rem;
    border-radius: 0;
    font-size: 0.68rem;
    font-weight: 900;
}

body.home .mica2026-header-action--solid {
    background: var(--story-blue);
}

body.home .mica2026-header-action--solid:hover,
body.home .mica2026-header-action--solid:focus-visible {
    background: #005a95;
}

body.home .mica2026-header-action--outline {
    border-color: rgba(255, 255, 255, 0.62);
    background: rgba(15, 17, 17, 0.32);
}

body.home .mica2026-header-action--outline:hover,
body.home .mica2026-header-action--outline:focus-visible {
    border-color: var(--story-blue);
    background: rgba(0, 114, 188, 0.16);
}

/* Aerial hero */
.mica-story-hero {
    position: relative;
    min-height: calc(100vh + var(--mica-story-hero-scroll, 1200px));
    background: var(--story-night);
    color: var(--story-white);
}

.mica-story-hero__sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 520px;
    overflow: hidden;
    background: var(--story-night);
    isolation: isolate;
}

.mica-story-hero__slider,
.mica-story-hero__canvas,
.mica-story-hero__vignette {
    position: absolute;
    inset: 0;
}

.mica-story-hero__slider {
    z-index: 0;
    overflow: hidden;
    opacity: 0.42;
    transition: opacity 500ms ease;
}

.mica-story-hero__slider>*,
.mica-story-hero__slider rs-fullwidth-wrap,
.mica-story-hero__slider rs-module-wrap,
.mica-story-hero__slider rs-module,
.mica-story-hero__slider img {
    width: 100% !important;
    height: 100vh !important;
    min-height: 520px !important;
    object-fit: cover;
}

.mica-story-hero__slider rs-slides,
.mica-story-hero__slider rs-slide,
.mica-story-hero__slider rs-sbg-px,
.mica-story-hero__slider rs-sbg-wrap,
.mica-story-hero__slider rs-sbg,
.mica-story-hero__slider rs-fw-forcer {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
}

.mica-story-hero__canvas {
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--story-night);
    opacity: 0;
    transition: opacity 500ms ease;
}

.mica-story-hero.is-ready .mica-story-hero__canvas {
    opacity: 1;
}

.mica-story-hero.is-ready .mica-story-hero__slider {
    opacity: 0;
    visibility: hidden;
}

.mica-story-hero__vignette {
    z-index: 2;
    background: linear-gradient(180deg, rgba(4, 9, 9, 0.58), rgba(4, 9, 9, 0.08) 32%, rgba(4, 9, 9, 0.08) 63%, rgba(4, 9, 9, 0.7)), radial-gradient(ellipse at center, transparent 42%, rgba(4, 9, 9, 0.35));
    pointer-events: none;
}

.mica-story-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 7;
    display: grid;
    width: min(280px, calc(100% - 48px));
    gap: 0.8rem;
    place-items: center;
    transform: translate(-50%, -50%);
    transition: opacity 400ms ease, visibility 400ms ease;
}

.mica-story-loader>span:first-child {
    color: var(--story-white);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.mica-story-loader.is-hidden {
    visibility: hidden;
    opacity: 0;
}

.mica-story-loader__bar {
    display: block;
    width: 100%;
    height: 2px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.25);
}

.mica-story-loader__bar span {
    display: block;
    width: 35%;
    height: 100%;
    background: var(--story-yellow);
    animation: mica-story-loader 1.4s ease-in-out infinite;
}

@keyframes mica-story-loader {
    from {
        transform: translateX(-110%);
    }

    to {
        transform: translateX(330%);
    }
}

.mica-story-chrome {
    position: absolute;
    right: clamp(18px, 3vw, 44px);
    bottom: clamp(18px, 4vh, 44px);
    z-index: 5;
    display: flex;
    gap: 0.65rem;
    align-items: center;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.63rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mica-story-chrome__line {
    width: 44px;
    height: 1px;
    background: var(--story-yellow);
}

.mica-story-chrome [data-story-progress] {
    min-width: 1.3rem;
    color: var(--story-yellow);
}

.mica-story-stage {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    text-align: center;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    isolation: isolate;
}

.mica-story-stage::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    transform: translate(-50%, -50%);

    background: radial-gradient(ellipse at center,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0.4) 25%,
            rgba(0, 0, 0, 0.2) 50%,
            rgba(0, 0, 0, 0) 75%);

    pointer-events: none;
}

.mica-story-stage>* {
    position: relative;
    z-index: 1;
}

.mica-story-stage--welcome h1 {
    margin-bottom: 0.1em;
    color: var(--story-white);
    font-size: clamp(1.35rem, 2.6vw, 3.2rem);
    font-weight: 900;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.86);
}

.mica-story-stage--welcome img {
    width: 300px;
    max-width: 70vw;
    height: auto;
    display: block;
    margin: 0 auto;
}

.mica-story-stage__supporting {
    max-width: 470px;
    margin-inline: auto;
    color: rgba(255, 255, 255, 0.95);
    font-size: clamp(0.9rem, 1.35vw, 1.08rem);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.86);
}

.mica-story-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

.mica-story-handoff {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: grid;
    place-items: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
}

.mica-story-handoff h2 {
    margin: 0;
    color: var(--story-white);
    font-size: clamp(2.4rem, 5.6vw, 6.25rem);
    line-height: 0.9;
    text-transform: uppercase;
    --mica-story-handoff-shadow-opacity: 0.72;
    text-shadow: 0 3px 16px rgba(0, 0, 0, var(--mica-story-handoff-shadow-opacity));
    text-align: center;
}

.mica-story-handoff h2 span,
.mica-story-handoff h2 em {
    display: block;
}

.mica-story-handoff h2 em {
    color: var(--story-yellow);
}

.mica-story-handoff.is-absolute {
    position: absolute;
    inset: auto;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

/* Text handoff */
.mica-story-understanding {
    position: relative;
    z-index: 4;
    overflow: hidden;
    background: var(--story-paper);
    color: var(--story-ink);
}

.mica-story-understanding::after {
    position: absolute;
    right: -12vw;
    bottom: -17vw;
    width: 42vw;
    aspect-ratio: 1;
    border: 1px solid rgba(0, 114, 188, 0.15);
    border-radius: 50%;
    content: "";
}

.mica-story-understanding__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min(980px, calc(100vw - 64px));
    min-height: 85vh;
    gap: 2rem;
    gap: round(nearest, 2rem, var(--mica-space-unit));
    align-items: center;
    align-content: center;
    padding-top: clamp(5rem, 10vw, 9rem);
    padding-top: round(nearest, clamp(5rem, 10vw, 9rem), var(--mica-space-unit));
    text-align: center;
}

.mica-story-understanding h2 {
    max-width: 900px;
    margin: 0;
    font-size: clamp(2.15rem, 4.65vw, 5.2rem);
    line-height: 0.9;
    text-transform: uppercase;
}

.mica-story-understanding h2 span,
.mica-story-understanding h2 em {
    display: block;
}

.mica-story-understanding__copy {
    width: min(100%, 860px);
    max-width: 860px;
    margin-inline: auto;
    color: var(--story-muted);
    font-size: clamp(1rem, 1.5vw, 1.25rem);
}

.mica-story-understanding__copy p:last-child {
    margin-bottom: 0;
}

/* Supplier logo marquees */
.mica-story-suppliers {
    position: relative;
    display: grid;
    width: 100vw;
    gap: clamp(0.7rem, 1.25vw, 1.1rem);
    gap: round(nearest, clamp(0.7rem, 1.25vw, 1.1rem), var(--mica-space-unit));
}

.mica-story-supplier-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    isolation: isolate;
}

.mica-story-supplier-slider::before,
.mica-story-supplier-slider::after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: clamp(2rem, 8vw, 8rem);
    pointer-events: none;
    content: "";
}

.mica-story-supplier-slider::before {
    left: 0;
    background: linear-gradient(90deg, var(--story-paper), rgba(246, 244, 239, 0));
}

.mica-story-supplier-slider::after {
    right: 0;
    background: linear-gradient(270deg, var(--story-paper), rgba(246, 244, 239, 0));
}

.mica-story-supplier-slider__track {
    --mica-supplier-gap: clamp(0.7rem, 1.25vw, 1.1rem);
    display: flex;
    width: max-content;
    align-items: stretch;
    gap: var(--mica-supplier-gap);
    padding-right: var(--mica-supplier-gap);
    will-change: transform;
    backface-visibility: hidden;
}

.mica-story-supplier-logo {
    display: grid;
    flex: 0 0 clamp(140px, 13vw, 220px);
    place-items: center;
    min-height: clamp(72px, 7vw, 112px);
    padding: clamp(0.7rem, 1.25vw, 1.1rem);
    border: 1px solid rgba(4, 9, 9, 0.1);
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 8px 24px rgba(4, 9, 9, 0.06);
}

.mica-story-supplier-logo img {
    display: block;
    width: 100%;
    height: clamp(42px, 4.5vw, 72px);
    object-fit: contain;
}

.mica-story-supplier-logo:focus-visible {
    outline: 2px solid var(--story-blue);
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .mica-story-supplier-slider__track {
        transform: none !important;
    }
}

/* Measured departments */
.mica-story-departments {
    position: relative;
    min-height: 100vh;
    overflow: clip;
    background: var(--story-blue);
    color: var(--story-white);
}

.mica-story-departments__pin {
    position: relative;
    height: 100vh;
    min-height: 620px;
    overflow: hidden;
    isolation: isolate;
}

.mica-story-departments__workbench,
.mica-story-departments__split,
.mica-story-departments__split span {
    position: absolute;
    inset: 0;
}

.mica-story-departments__workbench {
    z-index: 0;
    background: var(--workbench-image) center / cover no-repeat;
    filter: saturate(0.86) contrast(1.04);
}

.mica-story-departments__split {
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.mica-story-departments__split span {
    position: relative;
    background: var(--story-blue);
}

.mica-story-departments__split span:first-child::after {
    position: absolute;
    inset: 0 0 0 auto;
    width: 1px;
    background: rgba(255, 255, 255, 0.16);
    content: "";
}

.mica-story-departments__content {
    position: relative;
    z-index: 4;
    height: 100%;
    padding-top: clamp(6rem, 13vh, 8rem);
    padding-top: round(nearest, clamp(6rem, 13vh, 8rem), var(--mica-space-unit));
}

.mica-story-departments__heading {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(260px, 0.58fr);
    gap: 4rem;
    align-items: end;
}

.mica-story-departments__heading h2 {
    margin: 0;
    font-size: clamp(3.1rem, 6.4vw, 7.1rem);
    line-height: 0.82;
    text-transform: uppercase;

}

.mica-story-departments__heading h2 em {
    color: var(--story-yellow);
}

.mica-story-departments__heading p {
    max-width: 360px;
    margin-bottom: 0.8rem;
    color: rgba(255, 255, 255, 0.74);
}

.mica-story-tape {
    position: absolute;
    top: -6vh;
    left: 50%;
    z-index: 7;
    width: clamp(72px, 7vw, 110px);
    transform: translateX(-50%);
    pointer-events: none;
}

@media (min-width: 1024px) {

    /* Prevent a pre-initialisation flash before the pinned department timeline owns the tape. */
    html.mica-story-js .mica-story-departments .mica-story-tape {
        visibility: hidden;
    }
}

.mica-story-tape__blade {
    position: absolute;
    top: 7rem;
    left: 50%;
    width: clamp(24px, 2vw, 34px);
    height: calc(100vh + 18rem);
    overflow: hidden;
    transform: translateX(-50%);
    clip-path: inset(0 0 100% 0);
}

.mica-story-tape__blade {
    /* Tile at a proportional size so a taller viewport never stretches the markings.
     * Keep the centre enlarged to preserve the existing readable blade width. */
    background-image: url("assets/images/story/measuring-tape/tape-strip.webp");
    background-size: 180% auto;
    background-position: top center;
    background-repeat: repeat-y;
}

.mica-story-tape__housing {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    width: 100%;
    height: auto;
    max-width: none;
    transform: translateX(-50%);
    filter: drop-shadow(0 1rem 1rem rgba(0, 0, 0, 0.22));
}

.mica-story-tape>span {
    position: absolute;
    top: 7rem;
    left: calc(50% + 1.6rem);
    width: max-content;
    color: var(--story-yellow);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
}

.mica-story-department-track {
    position: relative;
    display: grid;
    width: 100%;
    gap: 1rem;
    margin-top: 2.4rem;
}

.mica-story-department-card {
    width: calc(50% - 38px);
    visibility: hidden;
    opacity: 0;
}

.mica-story-department-card.is-right {
    margin-left: auto;
}

.mica-story-department-card a {
    display: grid;
    min-height: 138px;
    grid-template-columns: 142px minmax(0, 1fr) 48px;
    align-items: stretch;
    overflow: hidden;
    background: rgba(8, 38, 70, 0.88);
    color: var(--story-white);
    text-decoration: none;
    box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.14);
}

.mica-story-department-card__image,
.mica-story-department-card__image>span {
    display: block;
    min-height: 138px;
    background: linear-gradient(135deg, #063a91, var(--story-blue));
}

.mica-story-department-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 420ms ease;
}

.mica-story-department-card a:hover img,
.mica-story-department-card a:focus-visible img {
    transform: scale(1.045);
}

.mica-story-department-card__content {
    display: grid;
    gap: 0.35rem;
    gap: round(nearest, 0.35rem, var(--mica-space-unit));
    align-content: center;
    padding: 1rem 1.25rem;
    padding: round(nearest, 1rem, var(--mica-space-unit)) round(nearest, 1.25rem, var(--mica-space-unit));
}

.mica-story-department-card__content strong {
    font-size: clamp(1.2rem, 2vw, 2rem);
    line-height: 1;
    text-transform: uppercase;
}

.mica-story-department-card__content small {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.82rem;
}

.mica-story-department-card__arrow {
    display: grid;
    place-items: center;
    color: var(--story-yellow);
    font-size: 1.8rem;
    transition: transform 180ms ease;
}

.mica-story-department-card a:hover .mica-story-department-card__arrow,
.mica-story-department-card a:focus-visible .mica-story-department-card__arrow {
    transform: translate(4px, -4px);
}

/* Pinned workbench and handoff layers */
.mica-story-workshop {
    position: relative;
    min-height: 100vh;
    overflow: clip;
    /* Desktop applies a one-viewport overlap below; the mobile media query
     * restores normal document flow. */
    margin-top: 0;
    background: var(--story-workbench);
    color: var(--story-white);
}

.mica-story-workshop__pin {
    position: relative;
    height: 100vh;
    min-height: 620px;
    overflow: hidden;
    isolation: isolate;
}

/* Desktop handoff: keep the real workshop one viewport underneath the
 * departments scene so the opening panels reveal it directly. */
@media (min-width: 1024px) {
    html.mica-story-js:not(.mica-story-static) .mica-story-departments {
        z-index: 2;
        background: transparent;
    }

    html.mica-story-js:not(.mica-story-static) .mica-story-departments__pin {
        z-index: 2;
    }

    html.mica-story-js:not(.mica-story-static) .mica-story-workshop {
        z-index: 1;
        /* The department trigger pins an inner 100vh element, so its spacer
         * retains that viewport in addition to the scroll distance. Subtract
         * both viewports to place Workshop one viewport before handoff. */
        margin-top: -200vh;
    }

    html.mica-story-js:not(.mica-story-static) .mica-story-workshop__pin {
        z-index: 1;
    }
}

.mica-story-workshop__bench,
.mica-story-services,
.mica-story-canopy,
.mica-story-brick-gallery {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mica-story-workshop__bench {
    z-index: 1;
    background: var(--workbench-image) center / cover no-repeat;
}

.mica-story-workshop__wash {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(8, 19, 22, 0.9), rgba(8, 19, 22, 0.36) 58%, rgba(8, 19, 22, 0.22)), linear-gradient(0deg, rgba(8, 19, 22, 0.62), transparent 54%);
}

/* One pinned workbench carries the category panels. The scene layer shares the
 * background, so the workshop never exposes an empty transition. */
.mica-story-workshop-scenes {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
}

.mica-story-workshop-scene {
    position: absolute;
    inset: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: auto;
}

.mica-story-workshop-scene__inner {
    display: grid;
    height: 100%;
    grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr);
    gap: clamp(1.5rem, 4vw, 4.5rem);
    gap: round(nearest, clamp(1.5rem, 4vw, 4.5rem), var(--mica-space-unit));
    align-items: center;
    padding-block: clamp(4rem, 8vh, 6.5rem) 2.5rem;
    padding-block: round(nearest, clamp(4rem, 8vh, 6.5rem), var(--mica-space-unit)) round(nearest, 2.5rem, var(--mica-space-unit));
}

.mica-story-workshop-scene__heading {
    align-self: center;
}

.mica-story-project-grid {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(0.8rem, 1.4vw, 1.35rem);
    gap: round(nearest, clamp(0.8rem, 1.4vw, 1.35rem), var(--mica-space-unit));
    align-items: start;
    perspective: 1200px;
}

.mica-story-workshop-scene .mica-story-project-card {
    width: clamp(150px, 11vw, 210px);
    height: auto;
    max-width: 100%;
    min-width: 0;
    align-self: start;
}

.mica-story-workshop-scene .mica-story-project-card__image {
    height: clamp(96px, 10vw, 145px);
}

/* The workbench is a single pinned view: the tabs choose which category of
 * nail-mounted posts is shown instead of asking visitors to scroll through
 * three separate category scenes. */
.mica-story-workshop-tabs {
    display: grid;
    max-width: 19rem;
    gap: 0.55rem;
    margin-top: 2rem;
}

.mica-story-workshop-tab {
    display: grid;
    width: 100%;
    grid-template-columns: 2.15rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    padding: 0.78rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 0;
    background: rgba(8, 19, 22, 0.2);
    color: var(--story-white);
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.mica-story-workshop-tab:hover,
.mica-story-workshop-tab:focus-visible {
    border-color: var(--story-yellow);
    transform: translateX(4px);
}

.mica-story-workshop-tab:focus-visible {
    outline: 2px solid var(--story-yellow);
    outline-offset: 3px;
}

.mica-story-workshop-tab:disabled {
    cursor: wait;
    opacity: 0.68;
    pointer-events: none;
}

.mica-story-workshop-tab[aria-selected="true"] {
    border-color: var(--story-yellow);
    background: var(--story-yellow);
    color: var(--story-ink);
}

.mica-story-workshop-tab__number {
    color: var(--story-yellow);
    font-size: 0.68rem;
    letter-spacing: 0.12em;
}

.mica-story-workshop-tab[aria-selected="true"] .mica-story-workshop-tab__number {
    color: var(--story-ink);
}

.mica-story-workshop-panels {
    display: grid;
    min-width: 0;
    min-height: 29rem;
    align-items: flex-start;
    justify-content: center;
    padding-top: 0.7rem;
}

.mica-story-workshop-panel {
    width: 100%;
    grid-area: 1 / 1;
}

.mica-story-workshop-panel[hidden] {
    display: none;
}

.mica-story-project-card__image-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #c6bba9, #e6dfd1 55%, #a99c8b);
}

.mica-story-workshop__content {
    position: relative;
    z-index: 2;
    display: grid;
    height: 100%;
    grid-template-columns: minmax(240px, 0.34fr) minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 5rem);
    gap: round(nearest, clamp(2rem, 5vw, 5rem), var(--mica-space-unit));
    align-items: center;
    padding-block: clamp(5.5rem, 11vh, 8rem) 3rem;
    padding-block: round(nearest, clamp(5.5rem, 11vh, 8rem), var(--mica-space-unit)) round(nearest, 3rem, var(--mica-space-unit));
}

.mica-story-workshop__heading {
    max-width: 400px;
}

.mica-story-workshop__heading>p,
.mica-story-services header>p,
.mica-story-canopy__content header>p,
.mica-story-brick-gallery__content header>p {
    margin-bottom: 1.1rem;
    color: var(--story-yellow);
    font-size: 0.71rem;
    font-weight: 900;
    letter-spacing: 0.19em;
    text-transform: uppercase;
}

.mica-story-workshop__heading h2,
.mica-story-services h2 {
    margin: 0;
    color: var(--story-white);
    font-size: clamp(2.7rem, 5vw, 5rem);
    line-height: 0.82;
    text-transform: uppercase;
}

.mica-story-workshop__heading h2 em {
    color: var(--story-yellow);
}

.mica-story-project-viewport {
    min-width: 0;
    overflow: visible;
}

.mica-story-project-rail {
    display: flex;
    width: max-content;
    gap: clamp(0.7rem, 1vw, 1rem);
    align-items: flex-start;
}

.mica-story-project-card {
    position: relative;
    box-sizing: border-box;
    transform: none;
}

.mica-story-project-card__paper {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    flex-direction: column;
    padding: 0.72rem;
    background: var(--story-white);
    box-shadow: 0 0.8rem 1.4rem rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.2);
    color: var(--story-ink);
    transform: none;
    transform-style: preserve-3d;
    transform-origin: 50% 0%;
    will-change: transform, opacity;
}

.mica-story-project-card__nail {
    position: absolute;
    top: -1.25rem;
    left: 50%;
    z-index: 4;
    width: clamp(2.35rem, 3vw, 3.2rem);
    aspect-ratio: 1;
    background: var(--nail-image) center / contain no-repeat;
    transform: translateX(-50%);
    filter: drop-shadow(0 0.32rem 0.22rem rgba(0, 0, 0, 0.55));
    will-change: transform, opacity;
}

.mica-story-project-card__image {
    display: block;
    height: clamp(125px, 12vw, 165px);
    overflow: hidden;
    background: #e6dfd1;
}

.mica-story-project-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 420ms ease;
}

.mica-story-project-card:hover .mica-story-project-card__image img {
    transform: scale(1.035);
}

.mica-story-project-card__body {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
    padding: 0.9rem 0.55rem 0.35rem;
    padding: round(nearest, 0.9rem, var(--mica-space-unit)) round(nearest, 0.55rem, var(--mica-space-unit)) round(nearest, 0.35rem, var(--mica-space-unit));
}

.mica-story-project-card time {
    color: var(--story-orange);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mica-story-project-card h3 {
    margin: 0.5rem 0;
    font-size: clamp(1.1rem, 1.5vw, 1rem);
    line-height: 0.98;
    text-transform: uppercase;
}

.mica-story-project-card h3 a,
.mica-story-text-link {
    color: inherit;
    text-decoration: none;
}

.mica-story-project-card p {
    display: -webkit-box;
    min-height: 3.3em;
    margin-bottom: 0.7rem;
    overflow: hidden;
    color: var(--story-muted);
    font-size: 0.78rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.mica-story-text-link {
    display: inline-flex;
    margin-top: auto;
    gap: 0.45rem;
    align-items: center;
    font-size: 0.63rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mica-story-paint-transition {
    position: absolute;
    inset: 0;
    z-index: 12;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    contain: layout paint size;
}

.mica-story-paint-transition .mica-story-paint-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.mica-story-paint-canvas {
    display: block;
    pointer-events: none;
}

.mica-story-services {
    /* Keep this wrapper out of the stacking order. Its background and content
     * need to sit on opposite sides of the paint layer. */
    z-index: auto;
    display: flex;
    align-items: center;
    background: transparent;
    color: var(--story-ink);
    visibility: hidden;
    opacity: 1;
}

.mica-story-services::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 6;
    background: #f58220;
    clip-path: inset(0 0 var(--services-bg-clip, 100%) 0);
    pointer-events: none;
}

.mica-story-services__inner {
    position: relative;
    z-index: 13;
    display: flex;
    width: min(1420px, calc(100% - 4rem));
    height: min(82vh, 760px);
    box-sizing: border-box;
    align-items: center;
    padding-inline: 0;
    margin-inline: auto;
}

@media (min-width: 1024px) {
    .mica-story-services__inner {
        transform: translateY(clamp(2rem, 5vh, 3rem));
    }
}

.mica-story-services__list {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: clamp(0.75rem, 1.35vw, 1.4rem);
}

.mica-story-service-tile {
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    isolation: isolate;
    background: var(--story-ink);
    text-decoration: none;
}

.mica-story-service-tile:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}

.mica-story-service-tile:nth-child(2) {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.mica-story-service-tile:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
}

.mica-story-service-tile:nth-child(4) {
    grid-column: 3;
    grid-row: 1 / span 2;
}

.mica-story-service-tile img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 520ms ease;
}

.mica-story-service-tile:hover img,
.mica-story-service-tile:focus-visible img {
    transform: scale(1.045);
}

/* Canopy */
.mica-story-canopy {
    /* The canopy must cover the Services content when the next scene begins. */
    z-index: 14;
    background: transparent;
    visibility: hidden;
    opacity: 0;
}

.mica-story-canopy__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: #07150b;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.mica-story-canopy>img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: none;
    height: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: 50% 100%;
    backface-visibility: hidden;
    pointer-events: none;
    will-change: transform;
}

.mica-story-canopy__shade {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: radial-gradient(ellipse 48% 50% at 50% 49%, rgba(5, 27, 13, 0.2), rgba(5, 27, 13, 0.04) 57%, rgba(3, 17, 8, 0.32)), linear-gradient(180deg, rgba(3, 18, 8, 0.05), rgba(3, 18, 8, 0.3));
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.mica-story-canopy__content {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: grid;
    width: var(--story-container);
    height: 100%;
    grid-template-columns: minmax(280px, 0.62fr) 1.38fr;
    gap: clamp(2.5rem, 5vw, 5rem);
    gap: round(nearest, clamp(2.5rem, 5vw, 5rem), var(--mica-space-unit));
    align-items: center;
    color: var(--story-white);
    opacity: 1;
    pointer-events: auto;
}

.mica-story-canopy__content h2,
.mica-story-brick-gallery__content h2 {
    margin: 0;
    color: var(--story-white);
    font-size: clamp(3rem, 6.2vw, 6.5rem);
    line-height: 0.86;
    text-transform: uppercase;
    text-shadow: 0 0.3rem 1.6rem rgba(0, 0, 0, 0.45);
}

.mica-story-canopy__content h2 em {
    color: var(--story-yellow);
}

.mica-story-canopy__cta {
    gap: 0.65rem;
    gap: round(nearest, 0.65rem, var(--mica-space-unit));
    margin-top: clamp(1.4rem, 3vh, 2.2rem);
    margin-top: round(nearest, clamp(1.4rem, 3vh, 2.2rem), var(--mica-space-unit));
    border-color: var(--story-yellow);
    color: var(--story-yellow);
}

.mica-story-canopy__cta span {
    font-size: 1.15rem;
    line-height: 0.8;
    transition: transform 180ms ease;
}

.mica-story-canopy__cta:hover span,
.mica-story-canopy__cta:focus-visible span {
    transform: translateX(4px);
}

.mica-story-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(5, 31, 14, 0.42);
    box-shadow: 0 1.4rem 3.2rem rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(5px);
}

.mica-story-feature-grid>a {
    min-height: clamp(190px, 29vh, 250px);
    padding: clamp(1.3rem, 2.4vw, 2.2rem);
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    color: var(--story-white);
    text-decoration: none;
}

.mica-story-feature-grid>a:nth-child(2n) {
    border-right: 0;
}

.mica-story-feature-grid>a:nth-last-child(-n+2) {
    border-bottom: 0;
}



.mica-story-feature-grid h3 {
    margin: 1.2rem 0 0.65rem;
    color: var(--story-yellow);
    font-size: clamp(1.3rem, 2vw, 2rem);
    text-transform: uppercase;
}

.mica-story-feature-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.82rem;
}

/* Brick gallery */
.mica-story-brick-gallery {
    z-index: 5;
    scroll-margin-top: var(--mica-header-bottom, 90px);
    background: transparent;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.mica-story-brick-gallery__wall,
.mica-story-brick-gallery__shade {
    position: absolute;
    inset: 0;
}

.mica-story-brick-gallery__wall {
    z-index: 1;
    overflow: hidden;
}

.mica-story-brick {
    position: absolute;
    overflow: hidden;
    background: #fff;
    background-position: center;
    background-size: cover;
    filter: saturate(0.82) brightness(0.78);
    transform-origin: center;
}

.mica-story-brick__face {
    position: absolute;
    inset: 0 5px 5px 0;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform-origin: center;
}

.mica-story-brick-gallery__shade {
    z-index: 2;
    --mica-brick-shade-soft: 62%;
    --mica-brick-shade-mid: 96%;
    --mica-brick-shade-radius: 132%;
    /* The JavaScript timeline reduces this to a small circle before the wall
     * begins building, then expands it across the screen. */
    background: radial-gradient(circle at 50% 100%,
            rgba(0, 0, 0, 0.78) 0%,
            rgba(0, 0, 0, 0.48) var(--mica-brick-shade-soft),
            rgba(0, 0, 0, 0.2) var(--mica-brick-shade-mid),
            transparent var(--mica-brick-shade-radius));
}

@media (min-width: 1024px) {
    html.mica-story-js:not(.mica-story-static) .mica-story-brick-gallery__shade {
        --mica-brick-shade-soft: 6%;
        --mica-brick-shade-mid: 12%;
        --mica-brick-shade-radius: 18%;
    }
}

.mica-story-brick-gallery__content {
    position: relative;
    z-index: 3;
    height: 100%;
    padding-top: 0;
    color: var(--story-white);
}

.mica-story-brick-gallery__content header {
    position: absolute;
    top: max(clamp(2.75rem, 7vh, 5.5rem), calc(var(--mica-header-bottom, 90px) + 1rem));
    left: 50%;
    z-index: 3;
    width: 100%;
    margin: 0;
    text-align: center;
    transform: translateX(-50%);
}

.mica-story-brick-gallery__content h2 {
    font-size: clamp(2.8rem, 5.4vw, 5.8rem);
    line-height: 1.2;
    padding-block: 0.08em;
    white-space: normal;
    overflow-wrap: anywhere;
}

.mica-story-brick-gallery__content h2 em {
    color: var(--story-yellow);
}

/* Let the heading size its own row, below the measured fixed navigation.
 * The frames use the remaining space, including after zoom or a copy change. */
@media (min-width: 1024px) {
    html:not(.mica-story-static) .mica-story-brick-gallery__content {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        gap: clamp(1rem, 3vh, 2.5rem);
        padding-top: calc(var(--mica-header-bottom, 90px) + clamp(1rem, 3vh, 2rem));
        padding-bottom: clamp(2rem, 5vh, 4rem);
    }

    html:not(.mica-story-static) .mica-story-brick-gallery__content header {
        position: relative;
        inset: auto;
        transform: none;
    }

    html:not(.mica-story-static) .mica-story-brick-gallery__content h2 {
        margin-bottom: 0;
    }

    html:not(.mica-story-static) .mica-story-brick-gallery__content .mica-story-brick-gallery__frames {
        position: relative;
        inset: auto;
        width: 100%;
        min-height: 0;
        transform: none;
    }
}

.mica-story-brick-gallery__frames {
    position: absolute;
    top: clamp(13rem, 25vh, 17rem);
    left: 50%;
    bottom: clamp(2.5rem, 6vh, 5rem);
    width: min(1120px, calc(100vw - 32px));
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.75rem, 1.7vw, 1.8rem);
    align-items: center;
    transform: translateX(-50%);
}

@media (min-width: 1024px) {
    html:not(.mica-story-static) .mica-story-brick-gallery__frames {
        container-type: size;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        align-items: center;
    }

    html:not(.mica-story-static) .mica-story-brick-gallery .mica-story-gallery-frame {
        /* Fit two landscape rows, including their borders, without stretching. */
        width: min(100%, calc((100cqh - clamp(0.75rem, 1.7vw, 1.8rem) - 92px) * 8 / 9 + 46px));
        align-self: center;
        justify-self: center;
    }
}

.mica-story-gallery-frame {
    position: relative;
    z-index: 4;
    width: 100%;
    max-width: none;
    padding: clamp(8px, 1.1vw, 14px);
    margin: 0;
    background: linear-gradient(135deg, #33251b, #5a412d 22%, #2b2018 48%, #644932 72%, #302218);
    box-shadow: 0 1.6rem 3.2rem rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.08);
    opacity: 0;
    align-self: center;
    pointer-events: auto;
}

.mica-story-gallery-frame>div {
    overflow: hidden;
    border: clamp(5px, 0.65vw, 9px) solid #ece6d9;
    background: #111;
}

.mica-story-gallery-frame img,
.mica-story-gallery-frame iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    object-fit: cover;
}

.mica-story-gallery-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #111;
}

.mica-story-gallery-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
}

.mica-story-gallery-video__poster {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: #111;
    cursor: pointer;
}

.mica-story-gallery-video__poster img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 220ms ease, filter 220ms ease;
}

.mica-story-gallery-video__poster::after {
    position: absolute;
    inset: 0;
    content: "";
    background: rgba(0, 0, 0, 0.18);
    transition: background-color 220ms ease;
}

.mica-story-gallery-video__poster span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border: 2px solid var(--story-yellow);
    border-radius: 50%;
    color: var(--story-yellow);
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
}

.mica-story-gallery-video__poster:hover img,
.mica-story-gallery-video__poster:focus-visible img {
    filter: brightness(1.12);
    transform: scale(1.03);
}

.mica-story-gallery-video__poster:hover::after,
.mica-story-gallery-video__poster:focus-visible::after {
    background: rgba(0, 0, 0, 0.05);
}

.mica-story-gallery-frame.frame-1 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: rotate(2deg);
}

.mica-story-gallery-frame.frame-2 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: rotate(-2.4deg);
}

.mica-story-gallery-frame.frame-3 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: rotate(1deg);
}

.mica-story-gallery-frame.frame-4 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: rotate(-1.3deg);
}

.mica-story-gallery-frame.frame-5 {
    bottom: 7%;
    left: 6%;
    width: clamp(210px, 22vw, 320px);
    transform: rotate(1.8deg);
}

/* Promotions */
.mica-story-promotions {
    position: relative;
    overflow: hidden;
    background: var(--story-paper);
}

.mica-story-promo-grid {
    display: grid;
    width: min(calc(100% - 48px), 1440px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 2rem);
    gap: round(nearest, clamp(1rem, 2vw, 2rem), var(--mica-space-unit));
    margin-inline: auto;
    padding: 20px 0;
}

.mica-story-promo-card {
    position: relative;
    height: clamp(320px, 31vw, 520px);
    min-height: 320px;
    overflow: hidden;
    isolation: isolate;
}

.mica-story-promo-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.mica-story-promo-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}

.mica-story-promo-card::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 38%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.18) 50%, transparent);
    content: "";
}

.mica-story-promo-card:hover img,
.mica-story-promo-card:focus-within img {
    transform: scale(1.025);
}

.mica-story-promo-card .mica-story-button {
    position: absolute;
    bottom: clamp(1rem, 2vw, 1.8rem);
    left: clamp(1rem, 2vw, 1.8rem);
    z-index: 2;
}

/* Tablet and mobile: use a static hero and linear flow for the story sections. */
@media (max-width: 1023px) {

    .mica-story-hero {
        min-height: 100svh;
    }

    .mica-story-hero__sticky {
        position: relative;
        height: 100svh;
    }

    .mica-story-home,
    body.home #main-header.mica2026-site-header,
    body.home .mica2026-site-footer {
        --story-container: min(960px, calc(100vw - 40px));
    }

    body.home .mica2026-site-header__toggle {
        display: grid;
        border-radius: 0;
    }

    body.home .mica2026-site-header__panel {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 1;
        display: flex;
        width: min(430px, 100%);
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 2rem;
        gap: round(nearest, 2rem, var(--mica-space-unit));
        padding: 108px 28px 40px;
        border: 0;
        border-radius: 0;
        visibility: hidden;
        overflow-y: auto;
        opacity: 0;
        background: var(--story-night);
        box-shadow: -20px 0 50px rgba(0, 0, 0, 0.28);
        color: var(--story-white);
        transform: translateX(105%);
        transition: transform 240ms ease, opacity 200ms ease, visibility 240ms ease;
    }

    body.home.mica2026-nav-open .mica2026-site-header__panel {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }

    body.home .mica2026-site-header__nav {
        position: static;
        inset: auto;
        width: 100%;
        padding: 0;
        overflow: visible;
        background: transparent;
        color: inherit;
        transform: none;
    }

    body.home .mica2026-site-header__menu,
    body.home .mica2026-site-header__menu ul {
        display: grid;
        gap: 0;
        align-items: stretch;
    }

    body.home .mica2026-site-header__menu>li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

    body.home .mica2026-site-header__menu>li>a {
        min-height: 0;
        padding: 0.9rem 0;
        color: var(--story-white);
        font-size: 1.1rem;
        letter-spacing: 0.02em;
    }

    body.home .mica2026-site-header__menu .sub-menu {
        position: static;
        display: grid;
        width: 100%;
        min-width: 0;
        padding: 0 0 0.75rem 0.8rem;
        border: 0;
        border-radius: 0;
        visibility: visible;
        opacity: 1;
        overflow: visible;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        transform: none;
    }

    body.home .mica2026-site-header__menu .sub-menu a {
        color: var(--story-white);
    }

    body.home .mica2026-site-header__actions {
        display: grid;
    }

    .mica-story-hero,
    .mica-story-hero__sticky {
        height: 92svh;
        min-height: 620px;
    }

    .mica-story-hero__sticky {
        position: relative;
        top: auto;
    }

    .mica-story-hero__canvas {
        display: none;
    }

    .mica-story-hero__slider {
        opacity: 0.64 !important;
        visibility: visible !important;
    }

    .mica-story-hero__slider>*,
    .mica-story-hero__slider rs-module-wrap,
    .mica-story-hero__slider rs-module,
    .mica-story-hero__slider img {
        height: 92svh !important;
        min-height: 620px !important;
    }

    .mica-story-loader,
    .mica-story-handoff {
        display: none;
    }

    .mica-story-stage--welcome {
        visibility: visible !important;
        opacity: 1 !important;
        transform: translate(-50%, -50%) !important;
    }

    .mica-story-understanding__inner {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 2rem;
        gap: round(nearest, 2rem, var(--mica-space-unit));
    }

    .mica-story-suppliers {
        gap: 0.65rem;
        gap: round(nearest, 0.65rem, var(--mica-space-unit));
        margin-top: 2.5rem;
        margin-top: round(nearest, 2.5rem, var(--mica-space-unit));
        padding-block: 1rem;
        padding-block: round(nearest, 1rem, var(--mica-space-unit));
    }

    .mica-story-supplier-slider__track {
        --mica-supplier-gap: 0.65rem;
        gap: var(--mica-supplier-gap);
        padding-right: var(--mica-supplier-gap);
    }

    .mica-story-supplier-logo {
        flex-basis: clamp(124px, 24vw, 180px);
        min-height: 68px;
        padding: 0.65rem;
    }

    .mica-story-supplier-logo img {
        height: 42px;
    }

    .mica-story-understanding h2 {
        max-width: 720px;
    }

    .mica-story-departments,
    .mica-story-departments__pin,
    .mica-story-workshop,
    .mica-story-workshop__pin {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .mica-story-workshop {
        margin-top: 0;
    }

    .mica-story-departments {
        background: var(--story-blue);
    }

    .mica-story-departments__pin {
        padding: 7rem 0;
    }

    .mica-story-departments__workbench,
    .mica-story-departments__split {
        display: none;
    }

    .mica-story-departments__content {
        height: auto;
        padding-top: 0;
    }

    .mica-story-departments__heading {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }

    .mica-story-tape {
        display: none;
    }

    .mica-story-department-track {
        margin-top: 3rem;
        gap: 1rem;
        padding-left: 0;
        transform: none !important;
    }

    .mica-story-department-card,
    .mica-story-department-card.is-right {
        width: 100%;
        margin-left: 0;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .mica-story-department-card a {
        width: 100%;
    }

    .mica-story-department-card__content {
        min-width: 0;
    }

    .mica-story-department-card__arrow {
        min-width: 48px;
        place-items: center;
    }

    .mica-story-workshop__pin {
        background: var(--story-workbench);
    }

    .mica-story-workshop__bench,
    .mica-story-services,
    .mica-story-canopy,
    .mica-story-brick-gallery {
        position: relative;
        inset: auto;
        height: auto;
        min-height: 0;
        overflow: hidden;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .mica-story-workshop__bench {
        position: absolute;
        inset: 0;
        height: auto;
        min-height: 100%;
        display: block;
    }

    .mica-story-workshop-scenes {
        position: relative;
        inset: auto;
        height: auto;
        overflow: visible;
        background: transparent;
    }

    .mica-story-workshop-scene {
        position: relative;
        inset: auto;
        min-height: 0;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto;
        will-change: auto;
    }

    .mica-story-workshop-scene__inner {
        display: grid;
        height: auto;
        grid-template-columns: 1fr;
        gap: 2rem;
        gap: round(nearest, 2rem, var(--mica-space-unit));
        align-items: start;
        padding-block: 6.5rem 2rem;
        padding-block: round(nearest, 6.5rem, var(--mica-space-unit)) round(nearest, 2rem, var(--mica-space-unit));
    }

    .mica-story-project-grid {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 1.25rem;
        gap: round(nearest, 1.25rem, var(--mica-space-unit));
        justify-items: center;
    }

    .mica-story-workshop-scene .mica-story-project-card {
        width: min(86vw, 340px);
        height: auto;
        min-height: 0;
        transform: none;
        align-self: center;
        justify-self: center;
        margin-inline: auto;
    }

    .mica-story-workshop-scene .mica-story-project-card__paper {
        height: auto;
    }

    .mica-story-workshop-scene .mica-story-project-card__image {
        height: clamp(150px, 42vw, 230px);
    }

    .mica-story-workshop-scene--categories .mica-story-workshop-tabs {
        width: min(100%, 340px);
        max-width: none;
        margin-top: 1.5rem;
        margin-right: auto;
        margin-left: auto;
    }

    .mica-story-workshop-scene--categories .mica-story-workshop__heading {
        width: 100%;
        max-width: none;
        text-align: center;
    }

    .mica-story-workshop-scene--categories .mica-story-workshop-panels {
        min-height: 0;
        justify-content: center;
        padding-top: 0.3rem;
    }

    .mica-story-workshop__content {
        grid-template-columns: 1fr;
        gap: 2rem;
        gap: round(nearest, 2rem, var(--mica-space-unit));
        align-content: center;
        padding-block: 7rem;
        padding-block: round(nearest, 7rem, var(--mica-space-unit));
    }

    .mica-story-project-viewport {
        width: calc(100vw - 20px);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-color: var(--story-yellow) rgba(255, 255, 255, 0.2);
        -webkit-overflow-scrolling: touch;
    }

    .mica-story-project-rail {
        padding: 22px 32px 28px 0;
        transform: none !important;
    }

    .mica-story-project-card {
        flex-basis: min(300px, 72vw);
        scroll-snap-align: start;
        transform: none;
    }

    .mica-story-paint-transition,
    .mica-story-paint-canvas {
        display: none;
    }

    .mica-story-services {
        padding: 6rem 0;
        padding: round(nearest, 6rem, var(--mica-space-unit)) 0;
        background: #f58220;
    }

    .mica-story-services::before {
        display: none;
    }

    .mica-story-services__inner {
        display: block;
        width: var(--story-container);
        height: auto;
        padding-inline: 0;
        padding-block: 2rem 5rem;
        padding-block: round(nearest, 2rem, var(--mica-space-unit)) round(nearest, 5rem, var(--mica-space-unit));
    }

    .mica-story-services__list {
        height: auto;
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 1rem;
    }

    .mica-story-service-tile,
    .mica-story-service-tile:nth-child(1),
    .mica-story-service-tile:nth-child(2),
    .mica-story-service-tile:nth-child(3),
    .mica-story-service-tile:nth-child(4) {
        grid-column: auto;
        grid-row: auto;
        min-height: min(72vw, 360px);
    }

    .mica-story-canopy {
        min-height: 900px;
        background-color: #07150b;
        background-image: url("assets/images/story/canopy/canopy-complete-top-optimized.webp");
        background-position: 50% 80%;
        background-size: auto 250%;
        background-repeat: no-repeat;
    }

    .mica-story-canopy__background {
        display: none;
    }

    .mica-story-canopy>img {
        display: none;
        transform: none !important;
    }

    .mica-story-canopy__content {
        position: relative;
        inset: auto;
        width: var(--story-container);
        height: auto;
        min-height: 900px;
        grid-template-columns: 1fr;
        gap: 2rem;
        gap: round(nearest, 2rem, var(--mica-space-unit));
        align-content: center;
        padding-block: 5rem;
        padding-block: round(nearest, 5rem, var(--mica-space-unit));
    }

    .mica-story-brick-gallery {
        min-height: 1050px;
        background: #38271d;
    }

    .mica-story-brick-gallery__content {
        min-height: 1050px;
        padding-block: 5rem;
        padding-block: round(nearest, 5rem, var(--mica-space-unit));
    }

    .mica-story-brick-gallery__frames {
        position: absolute;
        top: clamp(11rem, 22vh, 15rem);
        right: 0;
        bottom: clamp(3rem, 6vh, 5rem);
        left: 0;
        width: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
        margin-top: 0;
        transform: none;
    }

    .mica-story-gallery-frame,
    .mica-story-gallery-frame.frame-1,
    .mica-story-gallery-frame.frame-2,
    .mica-story-gallery-frame.frame-3,
    .mica-story-gallery-frame.frame-4,
    .mica-story-gallery-frame.frame-5 {
        position: relative;
        inset: auto;
        width: 100%;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

@media (max-width: 700px) {

    .mica-story-home,
    body.home #main-header.mica2026-site-header,
    body.home .mica2026-site-footer {
        --story-container: calc(100vw - 32px);
    }

    body.home .mica2026-site-header__shell {
        min-height: 72px;
    }

    body.home .mica2026-site-header__brand {
        max-width: 128px;
    }

    body.home .mica2026-site-header__logo-image {
        max-width: 128px;
        max-height: 46px;
    }

    .mica-story-hero,
    .mica-story-hero__sticky,
    .mica-story-hero__slider>*,
    .mica-story-hero__slider rs-module-wrap,
    .mica-story-hero__slider rs-module,
    .mica-story-hero__slider img {
        height: 88svh !important;
        min-height: 580px !important;
    }

    .mica-story-stage {
        width: calc(100% - 32px);
        top: calc(50% + 36px);
    }

    .mica-story-stage--welcome p {
        font-size: 1.15rem;
    }

    .mica-story-stage--welcome h1 {
        font-size: clamp(3rem, 16vw, 5rem);
    }

    .mica-story-stage__supporting {
        display: -webkit-box;
        overflow: hidden;
        font-size: 0.88rem;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .mica-story-actions {
        gap: 0.5rem;
    }

    .mica-story-button {
        min-height: 44px;
        padding-inline: 0.85rem;
        font-size: 0.64rem;
    }

    .mica-story-chrome {
        display: none;
    }

    .mica-story-chrome>span:nth-child(2) {
        display: none;
    }

    .mica-story-understanding__inner {
        padding-block: 5rem 0;
        padding-block: round(nearest, 5rem, var(--mica-space-unit)) 0;
    }

    .mica-story-understanding h2 {
        font-size: clamp(2.4rem, 12vw, 4rem);
    }

    .mica-story-suppliers {
        margin-top: 2rem;
        margin-top: round(nearest, 2rem, var(--mica-space-unit));
    }

    .mica-story-supplier-logo {
        flex-basis: 126px;
    }

    .mica-story-departments__pin {
        padding: 5rem 0;
    }

    .mica-story-departments__heading h2,
    .mica-story-workshop__heading h2,
    .mica-story-services h2,
    .mica-story-canopy__content h2,
    .mica-story-brick-gallery__content h2 {
        font-size: clamp(2.7rem, 13vw, 4.4rem);
    }

    .mica-story-departments__heading p {
        font-size: 0.86rem;
    }

    .mica-story-department-track {
        gap: 1rem;
        padding-left: 0;
    }

    .mica-story-department-card a {
        min-height: 116px;
        grid-template-columns: clamp(72px, 25vw, 86px) minmax(0, 1fr) 44px;
    }

    .mica-story-department-card__image,
    .mica-story-department-card__image>span {
        min-height: 116px;
    }

    .mica-story-department-card__content {
        min-width: 0;
        padding: 0.9rem 1rem;
        padding: round(nearest, 0.9rem, var(--mica-space-unit)) round(nearest, 1rem, var(--mica-space-unit));
    }

    .mica-story-department-card__content strong {
        font-size: 1.15rem;
        overflow-wrap: anywhere;
    }

    .mica-story-department-card__arrow {
        min-width: 44px;
        place-items: center;
    }

    .mica-story-department-card__content small {
        display: none;
    }

    .mica-story-workshop__bench {
        min-height: 720px;
    }

    .mica-story-workshop__content {
        padding-block: 5rem;
        padding-block: round(nearest, 5rem, var(--mica-space-unit));
    }

    .mica-story-services {
        padding: 5rem 0;
        padding: round(nearest, 5rem, var(--mica-space-unit)) 0;
    }

    .mica-story-services__inner {
        padding-block: 0 4rem;
        padding-block: 0 round(nearest, 4rem, var(--mica-space-unit));
    }

    .mica-story-service-tile,
    .mica-story-service-tile:nth-child(1),
    .mica-story-service-tile:nth-child(2),
    .mica-story-service-tile:nth-child(3),
    .mica-story-service-tile:nth-child(4) {
        min-height: min(78vw, 340px);
    }

    .mica-story-canopy,
    .mica-story-canopy__content {
        min-height: 970px;
    }

    .mica-story-feature-grid {
        grid-template-columns: 1fr;
    }

    .mica-story-feature-grid>a,
    .mica-story-feature-grid>a:nth-child(2n),
    .mica-story-feature-grid>a:nth-last-child(-n+2) {
        display: flex;
        min-height: 118px;
        flex-direction: column;
        justify-content: center;
        padding: 1.25rem 1.2rem;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    .mica-story-feature-grid>a:last-child {
        border-bottom: 0;
    }

    .mica-story-feature-grid h3 {
        margin: 0.4rem 0 0.2rem;
        font-size: 1.1rem;
    }

    .mica-story-feature-grid p {
        display: -webkit-box;
        overflow: hidden;
        font-size: 0.72rem;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .mica-story-brick-gallery,
    .mica-story-brick-gallery__content {
        min-height: 0;
    }

    .mica-story-brick-gallery__content {
        padding-block: 5rem 2.5rem;
        padding-block: max(5rem, calc(var(--mica-header-bottom, 90px) + 1rem)) 2.5rem;
    }

    .mica-story-brick-gallery__content header {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        transform: none;
    }

    .mica-story-brick-gallery__frames {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-top: 2rem;
        transform: none;
    }

    .mica-story-gallery-frame {
        max-width: 420px;
        justify-self: center;
        padding: 8px;
        margin-inline: auto;
    }

    .mica-story-promo-grid {
        width: calc(100% - 24px);
        grid-template-columns: 1fr;
        gap: 1rem;
        gap: round(nearest, 1rem, var(--mica-space-unit));
    }

    .mica-story-promo-card,
    .mica-story-promo-card:last-child:nth-child(odd) {
        height: clamp(260px, 75vw, 400px);
        min-height: 260px;
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {

    .mica-story-home *,
    body.home #main-header.mica2026-site-header *,
    body.home .mica2026-site-footer * {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .mica-story-hero__canvas,
    .mica-story-loader,
    .mica-story-paint-transition,
    .mica-story-paint-canvas {
        display: none !important;
    }

    html.mica-story-static .mica-story-hero {
        min-height: 100vh;
    }

    html.mica-story-static .mica-story-hero__sticky {
        position: relative;
        top: auto;
    }

    html.mica-story-static .mica-story-hero__slider {
        visibility: visible !important;
        opacity: 0.64 !important;
    }

    html.mica-story-static .mica-story-stage--welcome {
        visibility: visible !important;
        opacity: 1 !important;
        transform: translate(-50%, -50%) !important;
    }

    html.mica-story-static .mica-story-handoff,
    html.mica-story-static .mica-story-departments__workbench,
    html.mica-story-static .mica-story-departments__split,
    html.mica-story-static .mica-story-tape {
        display: none !important;
    }

    html.mica-story-static .mica-story-departments,
    html.mica-story-static .mica-story-departments__pin,
    html.mica-story-static .mica-story-workshop,
    html.mica-story-static .mica-story-workshop__pin {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    html.mica-story-static .mica-story-departments__pin {
        padding: 7rem 0;
    }

    html.mica-story-static .mica-story-departments__content {
        height: auto;
        padding-top: 0;
    }

    html.mica-story-static .mica-story-department-card,
    html.mica-story-static .mica-story-department-card.is-right {
        width: 100%;
        margin-left: 0;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    html.mica-story-static .mica-story-workshop {
        margin-top: 0;
    }

    html.mica-story-static .mica-story-workshop__bench,
    html.mica-story-static .mica-story-services,
    html.mica-story-static .mica-story-canopy,
    html.mica-story-static .mica-story-brick-gallery {
        position: relative;
        inset: auto;
        height: auto;
        min-height: 0;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html.mica-story-static .mica-story-workshop__bench {
        position: absolute;
        inset: 0;
        height: auto;
        min-height: 100%;
        display: block;
    }

    html.mica-story-static .mica-story-workshop-scenes {
        position: relative;
        inset: auto;
        height: auto;
        overflow: visible;
        background: transparent;
    }

    html.mica-story-static .mica-story-workshop-scene {
        position: relative;
        inset: auto;
        min-height: 0;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto;
        will-change: auto;
    }

    html.mica-story-static .mica-story-workshop-scene__inner {
        display: grid;
        height: auto;
        grid-template-columns: 1fr;
        gap: 2rem;
        gap: round(nearest, 2rem, var(--mica-space-unit));
        align-items: start;
        padding-block: 6.5rem 2rem;
        padding-block: round(nearest, 6.5rem, var(--mica-space-unit)) round(nearest, 2rem, var(--mica-space-unit));
    }

    html.mica-story-static .mica-story-project-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        gap: round(nearest, 1.25rem, var(--mica-space-unit));
    }

    html.mica-story-static .mica-story-workshop-scene .mica-story-project-card {
        width: min(86vw, 340px);
        height: auto;
        min-height: 0;
        transform: none;
        align-self: center;
    }

    html.mica-story-static .mica-story-workshop-scene .mica-story-project-card__paper {
        height: auto;
    }

    html.mica-story-static .mica-story-workshop-scene .mica-story-project-card__image {
        height: clamp(150px, 42vw, 230px);
    }

    html.mica-story-static .mica-story-workshop-scene--categories .mica-story-workshop-tabs {
        max-width: none;
        margin-top: 1.5rem;
    }

    html.mica-story-static .mica-story-workshop-scene--categories .mica-story-workshop-panels {
        min-height: 0;
        justify-content: flex-start;
        padding-top: 0.3rem;
    }

    html.mica-story-static .mica-story-project-card,
    html.mica-story-static [data-service-card],
    html.mica-story-static [data-canopy-content],
    html.mica-story-static [data-feature-card],
    html.mica-story-static [data-gallery-content],
    html.mica-story-static [data-gallery-frame] {
        visibility: visible !important;
        opacity: 1 !important;
    }

    html.mica-story-static .mica-story-services {
        padding: 6rem 0;
        padding: round(nearest, 6rem, var(--mica-space-unit)) 0;
        background: #f58220;
    }

    html.mica-story-static .mica-story-services::before {
        display: none;
    }

    html.mica-story-static .mica-story-services__inner {
        width: var(--story-container);
        height: auto;
        padding-inline: 0;
        padding-block: 0;
    }

    html.mica-story-static .mica-story-services__list {
        height: min(78vw, 760px);
        min-height: 560px;
    }

    html.mica-story-static .mica-story-canopy,
    html.mica-story-static .mica-story-canopy__content {
        min-height: 900px;
    }

    html.mica-story-static .mica-story-canopy>img {
        display: none;
        transform: none !important;
    }

    html.mica-story-static .mica-story-canopy {
        background-color: #07150b;
        background-image: url("assets/images/story/canopy/canopy-complete-top-optimized.webp");
        background-position: 50% 80%;
        background-size: auto 250%;
        background-repeat: no-repeat;
    }

    html.mica-story-static .mica-story-canopy__background {
        display: none;
    }

    html.mica-story-static .mica-story-canopy__content {
        position: relative;
        inset: auto;
        width: var(--story-container);
        height: auto;
    }

    html.mica-story-static .mica-story-brick-gallery,
    html.mica-story-static .mica-story-brick-gallery__content {
        min-height: 0;
    }

    html.mica-story-static .mica-story-brick-gallery__content {
        padding-block: 5rem 2.5rem;
        padding-block: round(nearest, 5rem, var(--mica-space-unit)) round(nearest, 2.5rem, var(--mica-space-unit));
    }

    html.mica-story-static .mica-story-brick-gallery__content header {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        transform: none;
    }

    html.mica-story-static .mica-story-brick-gallery__frames {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        margin-top: 2rem;
        transform: none;
    }

    html.mica-story-static .mica-story-brick-gallery__wall {
        background: #38271d url("assets/images/story/brick/brick-1.webp") center / 220px auto repeat;
    }
}

/* ==========================================================
   BRANDS & SUPPLIERS — LARGE DESKTOP SCALE
   Match the visual scale of the newer Mica archive pages
   ========================================================== */

.mica-brands-page {
    padding: clamp(50px, 5vw, 90px) 0 100px;
    padding: round(nearest, clamp(50px, 5vw, 90px), var(--mica-space-unit)) 0 100px;
    background: #f7f8f9;
    color: #4c5966;
}

/* Wider page shell */
.mica-brands-page .container {
    width: min(100% - 60px, 1600px);
    max-width: 1600px;
    margin-inline: auto;
    padding: 0;
}


/* ==========================================================
   INTRO
   ========================================================== */

.mica-brands-page__intro {
    padding-bottom: clamp(55px, 6vw, 90px);
    padding-bottom: round(nearest, clamp(55px, 6vw, 90px), var(--mica-space-unit));
}

.mica-brands-page__title {
    margin: 0 0 35px;
    color: #f58220;
    font-size: clamp(3.8rem, 5vw, 5.8rem);
    font-weight: 900;
    letter-spacing: -0.045em;
    line-height: 0.95;
    text-transform: uppercase;
}

.mica-brands-page__content {
    width: 100%;
    font-size: 1.05rem;
    line-height: 1.7;
}

.mica-brands-page__content h2,
.mica-brands-page__content h3 {
    margin-bottom: 14px;
    color: #0072bc;
    font-size: clamp(1.8rem, 2vw, 2.5rem);
    font-weight: 700;
    line-height: 1.1;
}

.mica-brands-page__content p {
    color: #7a858d;
    font-size: 1rem;
    line-height: 1.65;
}

.mica-brands-page__content a {
    color: #0072bc;
}


/* ==========================================================
   SUPPLIERS SECTION
   ========================================================== */

.mica-brands-page__suppliers {
    padding-bottom: 80px;
}

.mica-brands-page__section-header {
    margin-bottom: 26px;
}

.mica-brands-page__section-header h2 {
    margin: 0;
    color: #f58220;
    font-size: clamp(2.8rem, 3.5vw, 4.4rem);
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1;
    text-transform: uppercase;
}


/* ==========================================================
   SEARCH
   ========================================================== */

.mica-supplier-filters {
    margin-bottom: 22px;
}

.mica-supplier-filters__search {
    display: flex;
    width: min(100%, 610px);
    gap: 12px;
}

.mica-supplier-filters__search input {
    min-width: 0;
    height: 56px;
    flex: 1;
    padding: 0 18px;

    border: 1px solid #d7dfe5;
    border-radius: 8px;

    background: #fff;
    color: #34495e;

    font-size: 0.95rem;
}

.mica-supplier-filters__search button {
    min-height: 56px;
    padding: 0 28px;

    border: 0;
    border-radius: 8px;

    background: #0072bc;
    color: #fff;

    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        background-color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}

.mica-supplier-filters__search button:hover,
.mica-supplier-filters__search button:focus-visible {
    background: #005a95;
    box-shadow: 0 8px 18px rgba(0, 114, 188, 0.22);
    transform: translateY(-2px);
}


/* ==========================================================
   CATEGORY FILTERS
   ========================================================== */

.mica-supplier-filters__categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 10px 24px;

    margin: 0 0 32px;
}

.mica-supplier-filters__categories a {
    padding: 8px 0;

    color: #0072bc;

    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.045em;
    line-height: 1;

    text-decoration: none;
    text-transform: uppercase;

    transition:
        color 160ms ease,
        background-color 160ms ease;
}

.mica-supplier-filters__categories a:hover,
.mica-supplier-filters__categories a:focus-visible {
    color: #f58220;
}

.mica-supplier-filters__categories a.is-active {
    padding: 10px 18px;

    border-radius: 999px;

    background: #0072bc;
    color: #fff;
}

.mica-supplier-filters__categories-toggle {
    display: none;
}


/* ==========================================================
   SUPPLIER GRID
   ========================================================== */

.mica-supplier-grid {
    margin-right: -14px !important;
    margin-left: -14px !important;

    row-gap: 28px;
}

.mica-supplier-grid__item {
    display: flex;
    padding-right: 14px !important;
    padding-left: 14px !important;
}


/* ==========================================================
   SUPPLIER CARD
   ========================================================== */

.mica-supplier-card {
    position: relative;

    display: flex;
    width: 100%;
    min-height: 270px;

    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    padding: 30px 26px 26px;

    overflow: hidden;

    border: 1px solid #e3e8ec;
    border-radius: 12px;

    background: #fff;

    box-shadow:
        0 8px 28px rgba(20, 45, 65, 0.07);

    text-align: center;

    transition:
        border-color 220ms ease,
        box-shadow 220ms ease,
        transform 220ms ease;
}

.mica-supplier-card:hover {
    border-color: rgba(0, 114, 188, 0.25);

    box-shadow:
        0 16px 42px rgba(20, 45, 65, 0.12);

    transform: translateY(-5px);
}


/* Logo area */

.mica-supplier-card__image {
    display: flex;

    width: 100%;
    height: 115px;

    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    overflow: hidden;

    border-radius: 6px;
}

.mica-supplier-card__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    transition: transform 220ms ease;
}

.mica-supplier-card:hover .mica-supplier-card__image img {
    transform: scale(1.05);
}

.mica-supplier-card__image span {
    color: #0072bc;
    font-size: 2.5rem;
    font-weight: 900;
}


/* Supplier name */

.mica-supplier-card__title {
    margin: 0 0 7px;

    color: #006dcc;

    font-size: 1.12rem;
    font-weight: 800;
    line-height: 1.25;
}


/* Category */

.mica-supplier-card__category {
    margin: 0 0 18px;

    color: #7d8993;

    font-size: 0.82rem;
    line-height: 1.35;
}


/* View brand */

.mica-supplier-card__link {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-top: auto;

    color: #0072bc;

    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;

    text-decoration: none;
    text-transform: uppercase;
}

.mica-supplier-card__link::after {
    content: "→";
    margin-left: 8px;

    transition: transform 180ms ease;
}

.mica-supplier-card__link:hover,
.mica-supplier-card__link:focus-visible {
    color: #f58220;
}

.mica-supplier-card__link:hover::after,
.mica-supplier-card__link:focus-visible::after {
    transform: translateX(4px);
}


/* ==========================================================
   PAGINATION
   ========================================================== */

.mica-supplier-pagination {
    display: flex;

    justify-content: center;

    margin-top: 46px;
}

.mica-supplier-pagination>ul.page-numbers {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.mica-supplier-pagination .page-numbers a,
.mica-supplier-pagination .page-numbers span {
    display: inline-flex;

    min-width: 42px;
    min-height: 42px;

    align-items: center;
    justify-content: center;

    padding: 8px 13px;

    border: 1px solid #d9e1e7;
    border-radius: 7px;

    background: #fff;
    color: #0072bc;

    font-size: 0.78rem;
    font-weight: 800;

    text-decoration: none;

    transition:
        color 160ms ease,
        background-color 160ms ease,
        border-color 160ms ease;
}

.mica-supplier-pagination .page-numbers.current,
.mica-supplier-pagination .page-numbers a:hover {
    border-color: #0072bc;
    background: #0072bc;
    color: #fff;
}


/* ==========================================================
   SAPMA FEATURE
   ========================================================== */

.mica-brands-page__sapma {
    padding-top: 30px;
}

.mica-sapma-panel {
    display: grid;

    grid-template-columns: minmax(420px, 0.9fr) minmax(0, 1.1fr);

    min-height: 420px;

    overflow: hidden;

    border-radius: 16px;

    background: #eaf4fd;

    box-shadow:
        0 14px 40px rgba(20, 45, 65, 0.08);
}

.mica-sapma-panel__image {
    display: block;

    width: 100%;
    height: 100%;
}

.mica-sapma-panel__image img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 420px;

    object-fit: cover;
}

.mica-sapma-panel__content {
    display: flex;

    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    padding: clamp(40px, 5vw, 80px);
    padding: round(nearest, clamp(40px, 5vw, 80px), var(--mica-space-unit));
}

.mica-sapma-panel__content h2 {
    margin: 0 0 18px;

    color: #0072bc;

    font-size: clamp(3rem, 4vw, 4.8rem);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 0.95;

    text-transform: uppercase;
}

.mica-sapma-panel__excerpt {
    max-width: 650px;

    color: #586672;

    font-size: 1rem;
    line-height: 1.7;
}

.mica-sapma-panel__excerpt p {
    margin: 0;
}

.mica-sapma-panel__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;
    width: max-content;

    margin-top: 28px;
    padding: 0 24px;

    border: 1px solid #0072bc;
    border-radius: 8px;

    background: #0072bc;
    color: #fff;

    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    line-height: 1;

    text-decoration: none !important;
    text-transform: uppercase;
}

.mica-sapma-panel__link:hover,
.mica-sapma-panel__link:focus-visible {
    border-color: #005a95;
    background: #005a95;
    color: #fff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1199px) {

    .mica-brands-page .container {
        width: min(100% - 48px, 1120px);
    }

    .mica-brands-page__title {
        font-size: clamp(3.2rem, 6vw, 4.5rem);
    }

    .mica-supplier-card {
        min-height: 245px;
    }

    .mica-sapma-panel {
        grid-template-columns: 1fr 1fr;
        min-height: 360px;
    }

    .mica-sapma-panel__image img {
        min-height: 360px;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .mica-brands-page {
        padding: 38px 0 70px;
    }

    .mica-brands-page .container {
        width: calc(100% - 30px);
    }

    .mica-brands-page__intro {
        padding-bottom: 50px;
    }

    .mica-brands-page__title {
        margin-bottom: 24px;
        font-size: clamp(2.8rem, 14vw, 4rem);
    }

    .mica-brands-page__section-header h2 {
        font-size: clamp(2.3rem, 11vw, 3.4rem);
    }

    .mica-supplier-filters__search {
        width: 100%;
    }

    .mica-supplier-filters__categories {
        gap: 8px 16px;
    }

    .mica-supplier-grid {
        margin-right: -8px !important;
        margin-left: -8px !important;
        row-gap: 16px;
    }

    .mica-supplier-grid__item {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .mica-supplier-card {
        min-height: 230px;
        padding: 24px 20px;
    }

    .mica-supplier-card__image {
        height: 100px;
    }

    .mica-sapma-panel {
        display: block;
        min-height: 0;
    }

    .mica-sapma-panel__image {
        height: 260px;
    }

    .mica-sapma-panel__image img {
        min-height: 0;
    }

    .mica-sapma-panel__content {
        padding: 36px 26px 40px;
    }

    .mica-sapma-panel__content h2 {
        font-size: clamp(2.6rem, 13vw, 4rem);
    }
}

.mica-sapma-panel__excerpt {
    max-width: 680px;
    color: #4c5966;
    font-size: 0.74rem;
    line-height: 1.45;
}

.mica-sapma-panel__excerpt p:last-child {
    margin-bottom: 0;
}

.mica-sapma-panel__link {
    margin-top: 12px;
}

@media (max-width: 767px) {
    .mica-brands-page {
        padding-top: 18px;
    }

    .mica-supplier-filters__search {
        width: 100%;
    }

    .mica-supplier-filters__categories {
        gap: 5px 13px;
    }

    .mica-sapma-panel {
        display: block;
    }

    .mica-sapma-panel__image {
        width: 100%;
        height: 190px;
    }

    .mica-sapma-panel__image img {
        min-height: 0;
    }

    .mica-sapma-panel__content {
        padding: 18px;
    }
}

/* Single promotion page */
.mica-promotion-single {
    background: #f5f6f7;
}

.mica-promotions-archive {
    display: flow-root;
    padding-top: 0;
}

.mica-promotions-archive .mica-promotion-single__banner {
    height: auto;
    margin-bottom: 0;
    background: #08263c;
}

.mica-promotion-section-title,
.mica-promotion-archive-heading h1 {
    margin: 0;
    color: #f58220;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.mica-promotion-section-title {
    padding: 28px 20px 0;
    text-align: center;
}

.mica-promotion-single .container {
    width: 100%;
    max-width: 1224px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
}

.mica-additional-promotions {
    padding: 34px 0 8px;
    background: #f5f6f7;
}

.mica-promotion-archive-heading {
    max-width: 820px;
    margin-bottom: 28px;
}

.mica-promotion-archive-heading p:last-child {
    max-width: 700px;
    margin: 12px 0 0;
    color: #63747f;
    font-size: 1rem;
    line-height: 1.6;
}

/* Keep every national leaflet equally prominent in one horizontal row. */
.promo-pages--national-leaflets {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: clamp(18px, 2.5vw, 34px);
    align-items: stretch;
    margin-right: 0;
    margin-left: 0;
}

.promo-pages--national-leaflets .promo-leaflet-section {
    width: auto;
    min-width: 0;
    padding: 0;
}

.promo-pages--national-leaflets .promo-leaflet-section--national {
    grid-column: auto;
    grid-row: auto;
}

.promo-pages--national-leaflets .promo-leaflet-section>a {
    display: block;
    height: auto;
}

.promo-pages--national-leaflets .leaflet-image {
    aspect-ratio: 210 / 297;
}

.promo-pages--national-leaflets .leaflet-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 767px) {
    .promo-pages--national-leaflets {
        grid-template-columns: minmax(0, 1fr);
    }
}

.mica-additional-promotions__grid {
    row-gap: 24px;
}

.mica-additional-promotion-card-wrap {
    display: flex;
    align-items: flex-start;
}

.mica-additional-promotion-card {
    display: flex;
    width: min(100%, 350px);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e1e6eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(24, 50, 72, 0.08);
}

.mica-additional-promotion-card__image {
    display: block;
    width: 100%;
    overflow: hidden;
    background: linear-gradient(135deg, #dbeaf5, #0072bc);
}

.mica-additional-promotion-card__image img,
.mica-additional-promotion-card__image span {
    display: block;
    width: 100%;
    object-position: center;
}

.mica-additional-promotion-card__image img {
    height: auto;
    object-fit: contain;
}

.mica-additional-promotion-card__image span {
    aspect-ratio: 4 / 3;
}

.mica-additional-promotion-card__image img {
    background: #fff;
    transition: transform 220ms ease;
}

.mica-additional-promotion-card__image:hover img,
.mica-additional-promotion-card__image:focus-visible img {
    transform: scale(1.04);
}

.mica-additional-promotion-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 20px;
}

.mica-additional-promotion-card__body h2 {
    margin: 0 0 8px;
    color: #0072bc;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.1;
}

.mica-additional-promotion-card__body p {
    margin: 0 0 18px;
    color: #63747f;
    font-size: 0.9rem;
    line-height: 1.5;
}

.mica-additional-promotion-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.mica-promotion-card-button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 9px 13px;
    border: 1px solid #0072bc;
    border-radius: 4px;
    background: #0072bc;
    color: #fff !important;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    text-transform: uppercase;
}

.mica-promotion-card-button:hover,
.mica-promotion-card-button:focus-visible {
    border-color: #f58220;
    background: #f58220;
}

.mica-promotion-card-button--outline {
    background: transparent;
    color: #0072bc !important;
}

.mica-promotion-card-button--outline:hover,
.mica-promotion-card-button--outline:focus-visible {
    background: #f58220;
    color: #fff !important;
}

.mica-promotion-single__banner {
    width: 100%;
    margin: 0 auto 26px;
    overflow: hidden;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.mica-promotion-single__banner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 100%;
}

.mica-promotion-single__banner--slider .rs-module-wrap,
.mica-promotion-single__banner--slider rs-module-wrap {
    width: 100% !important;
    margin: 0 !important;
}

.mica-promotion-snooze {
    width: min(100%, 620px);
    margin: 28px auto;
    padding: 24px 22px 30px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(24, 50, 72, 0.14);
    text-align: center;
}

.mica-promotion-snooze__art {
    width: min(100%, 430px);
    height: 172px;
    margin: 0 auto 4px;
}

.mica-promotion-snooze__art img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.mica-promotion-snooze h1 {
    margin: 0 0 8px;
    color: #f58220;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: clamp(2.15rem, 5vw, 3rem);
    font-weight: 800;
    line-height: 0.95;
    text-transform: uppercase;
}

.mica-promotion-snooze h2 {
    margin: 0 0 16px;
    color: #006dcc;
    font-size: clamp(1rem, 2.2vw, 1.25rem);
    font-weight: 600;
    line-height: 1.25;
}

.mica-promotion-snooze p {
    max-width: 500px;
    margin: 0 auto 20px;
    color: #34475a;
    font-size: 0.92rem;
    line-height: 1.55;
}

.mica-promotion-snooze__button {
    display: inline-flex;
    min-width: 268px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 20px;
    border: 0;
    border-radius: 999px;
    background: #0072bc;
    box-shadow: 0 7px 14px rgba(0, 114, 188, 0.25);
    color: #fff !important;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
}

.mica-promotion-snooze__button:hover,
.mica-promotion-snooze__button:focus-visible {
    background: #f58220;
    color: #fff !important;
}

.mica-promotion-snooze__button-icon {
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1;
}

.mica-promotion-single__content {
    width: min(100%, 900px);
    margin: 34px auto 0;
    padding: 28px;
    border-radius: 8px;
    background: #fff;
}

.mica-promotion-single__content h2 {
    margin-bottom: 16px;
    color: #f58220;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .mica-promotion-single {
        padding-top: 18px;
    }

    .mica-promotions-archive {
        padding-top: 0;
    }

    .mica-promotion-snooze {
        box-sizing: border-box;
        width: calc(100% - 24px);
        margin-right: auto;
        margin-left: auto;
        padding-right: 16px;
        padding-left: 16px;
    }

    .mica-promotion-snooze__art {
        height: 142px;
    }

    .mica-promotion-snooze__button {
        min-width: 0;
        width: 100%;
    }

    .mica-promotion-single__content {
        padding: 20px;
    }

    .mica-promotion-archive-heading {
        text-align: center;
    }

    .mica-promotion-archive-heading p {
        margin-right: auto;
        margin-left: auto;
    }

    .mica-additional-promotions__grid {
        justify-content: center;
    }

    .mica-additional-promotion-card-wrap {
        justify-content: center;
    }

    .promo-pages--national-leaflets {
        justify-items: center;
    }

    .promo-pages--national-leaflets .promo-leaflet-section {
        width: min(100%, 420px);
    }
}

/* Footer social menu */
#footer .mica-footer-social-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
}

#footer .mica-footer-social-menu li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer .mica-footer-social-menu a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #0072bc !important;
    border-radius: 50%;
    color: #0072bc !important;
    font-size: 0;
    text-decoration: none !important;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

#footer .mica-footer-social-menu a::before {
    content: "\f0c1";
    font-family: "Font Awesome 6 Free";
    font-size: 1.05rem;
    font-weight: 900;
}

#footer .mica-footer-social-menu a[href*="facebook"]::before {
    content: "\f39e";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

#footer .mica-footer-social-menu a[href*="instagram"]::before {
    content: "\f16d";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

#footer .mica-footer-social-menu a[href*="youtube"]::before {
    content: "\f167";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

#footer .mica-footer-social-menu a[href*="linkedin"]::before {
    content: "\f0e1";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

#footer .mica-footer-social-menu a[href*="pinterest"]::before {
    content: "\f0d2";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

#footer .mica-footer-social-menu a[href*="whatsapp"]::before {
    content: "\f232";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

#footer .mica-footer-social-menu a[href*="twitter"]::before {
    content: "\f099";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

#footer .mica-footer-social-menu a[href*="x.com"]::before {
    content: "\e61f";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

#footer .mica-footer-social-menu a[href*="tiktok"]::before {
    content: "\e07b";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

#footer .mica-footer-social-menu a:hover,
#footer .mica-footer-social-menu a:focus-visible {
    border-color: #f58220 !important;
    background: #f58220;
    color: #fff !important;
    transform: translateY(-2px);
}

/* Newsletter form refresh */
#footer #newsletter-signup .mica-footer-form-wrap {
    padding: 20px;
}

#footer #newsletter-signup #form_newsletter-signup .frm_forms,
#footer #newsletter-signup #form_newsletter-signup .frm_form_fields,
#footer #newsletter-signup #form_newsletter-signup fieldset {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

#footer #newsletter-signup #form_newsletter-signup .frm_fields_container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: end;
}

#footer #newsletter-signup #form_newsletter-signup .frm_form_field {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
}

#footer #newsletter-signup #form_newsletter-signup #frm_field_36_container,
#footer #newsletter-signup #form_newsletter-signup #frm_field_378_container {
    grid-column: 1 / -1;
}

#footer #newsletter-signup #form_newsletter-signup #frm_field_379_container,
#footer #newsletter-signup #form_newsletter-signup .frm__6524ff0ddeb4e {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

#footer #newsletter-signup #form_newsletter-signup .frm_primary_label {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #526574 !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

#footer #newsletter-signup #form_newsletter-signup input[type="text"],
#footer #newsletter-signup #form_newsletter-signup input[type="email"] {
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #d2e0e8 !important;
    border-radius: 8px !important;
    color: #102f4f !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(16, 47, 79, 0.06) !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

#footer #newsletter-signup #form_newsletter-signup input[type="text"]::placeholder,
#footer #newsletter-signup #form_newsletter-signup input[type="email"]::placeholder {
    color: #8293a0;
    opacity: 1;
}

#footer #newsletter-signup #form_newsletter-signup input[type="text"]:focus,
#footer #newsletter-signup #form_newsletter-signup input[type="email"]:focus {
    border-color: #0072bc !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 114, 188, 0.16) !important;
}

#footer #newsletter-signup #form_newsletter-signup #frm_field_378_container .frm_submit {
    width: 100% !important;
    margin: 0 !important;
}

#footer #newsletter-signup #form_newsletter-signup button.frm_button_submit {
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    background: #0072bc !important;
    box-shadow: 0 5px 12px rgba(0, 114, 188, 0.2) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
    transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

#footer #newsletter-signup #form_newsletter-signup button.frm_button_submit:hover,
#footer #newsletter-signup #form_newsletter-signup button.frm_button_submit:focus-visible {
    background: #005f9e !important;
    box-shadow: 0 7px 16px rgba(0, 95, 158, 0.25) !important;
    outline: none;
    transform: translateY(-1px);
}

@media (max-width: 575px) {
    #footer #newsletter-signup .mica-footer-form-wrap {
        padding: 16px;
    }

    #footer #newsletter-signup #form_newsletter-signup .frm_fields_container {
        grid-template-columns: minmax(0, 1fr);
    }

    #footer #newsletter-signup #form_newsletter-signup #frm_field_36_container,
    #footer #newsletter-signup #form_newsletter-signup #frm_field_378_container {
        grid-column: auto;
    }
}

/* Store locator location-first prompt */
#store-locator.mica-store-locator {
    position: relative;
    min-height: 680px;
}

/* Keep the off-canvas results column from creating horizontal document
 * overflow while it travels in from the right. */
#store-locator.mica-store-locator #locator-map {
    overflow-x: hidden;
}

@supports (overflow: clip) {
    #store-locator.mica-store-locator #locator-map {
        overflow-x: clip;
    }
}

body.mica-store-locator-prompt-open {
    overflow: hidden;
}

/* Give the full-width locator map a definite height after the store/sidebar
 * column is hidden. Toolset's map renderer uses height: 100%, so every
 * wrapper in the layout needs to carry the section height through to it. */
body.mica-store-locator-prompt-open #store-locator.mica-store-locator {
    height: calc(100vh - 90px);
    height: calc(100dvh - 90px);
    min-height: calc(100vh - 90px);
    min-height: calc(100dvh - 90px);
}

body.mica-store-locator-prompt-open #store-locator.mica-store-locator>.container-fluid,
body.mica-store-locator-prompt-open #store-locator.mica-store-locator>.container-fluid>.row,
body.mica-store-locator-prompt-open #store-locator.mica-store-locator #locator-map,
body.mica-store-locator-prompt-open #store-locator.mica-store-locator #locator-map>.tb-grid,
body.mica-store-locator-prompt-open #store-locator.mica-store-locator #locator-map>.tb-grid>.tb-grid-column,
body.mica-store-locator-prompt-open #store-locator.mica-store-locator #locator-map .wpv-addon-maps-render {
    height: 100%;
    min-height: 0;
}

body.mica-store-locator-prompt-open #store-locator.mica-store-locator #locator-map .wpv-addon-maps-render {
    height: 100% !important;
}

/* While the location prompt is open, the visible map should use the full
 * locator width. Keep the sidebar out of the grid flow so its off-canvas
 * transform cannot leave a blank second track on the right. */
body.mica-store-locator-prompt-open #locator-map>.tb-grid {
    position: relative;
    grid-template-columns: minmax(0, 1fr) !important;
}

body.mica-store-locator-prompt-open #locator-map>.tb-grid>.tb-grid-column:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50% !important;
}

/* Keep the locator grid fixed while the prompt is open so the map/content
 * stays still and only the results/sidebar animates into view. */
body.mica-store-locator-prompt-open #locator-map>.tb-grid>.tb-grid-column:nth-child(2) {
    opacity: 0 !important;
    pointer-events: none;
    transform: translate3d(100%, 0, 0) !important;
    visibility: hidden !important;
}

/* Bring the locator results/sidebar in from the right when the location
 * prompt is dismissed by a search, a suggested destination, or Skip. */
#locator-map>.tb-grid>.tb-grid-column:nth-child(2) {
    min-width: 0;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    transition: transform 520ms cubic-bezier(.22, .8, .24, 1), opacity 260ms ease, visibility 0s linear 0s;
    visibility: visible !important;
    will-change: transform, opacity;
}

body.mica-store-locator-prompt-open #locator-map>.tb-grid>.tb-grid-column:nth-child(2) {
    transition: transform 0s linear 0s, opacity 0s linear 0s, visibility 0s linear 0s;
}

@media (prefers-reduced-motion: reduce) {
    #locator-map>.tb-grid>.tb-grid-column:nth-child(2) {
        transition: none;
    }
}

@media (max-width: 991px) {
    body.mica-store-locator-prompt-open #store-locator.mica-store-locator {
        height: calc(100vh - 74px);
        height: calc(100dvh - 74px);
        min-height: calc(100vh - 74px);
        min-height: calc(100dvh - 74px);
    }
}

.mica-store-locator-prompt {
    position: fixed;
    z-index: 10030;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow-y: auto;
}

.mica-store-locator-prompt[hidden] {
    display: none;
}

.mica-store-locator-prompt__panel {
    position: relative;
    width: auto;
    padding: clamp(28px, 5vw, 52px);
    padding: round(nearest, clamp(28px, 5vw, 52px), var(--mica-space-unit));
    overflow: visible;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 14px;
    color: #fff;
}

.mica-store-locator-prompt__eyebrow {
    margin: 0 0 12px;
    color: #f58220;
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.mica-store-locator-prompt__panel h1 {
    width: 100%;
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(2.9rem, 7vw, 4.7rem);
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 0.94;
}

.mica-store-locator-prompt__panel h1 span {
    color: #f58220;
}

.mica-store-locator-prompt__description {
    max-width: 34rem;
    margin: 20px 0 28px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 1rem;
    line-height: 1.55;
}

.mica-store-locator-prompt__form label {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.84rem;
    font-weight: 700;
}

.mica-store-locator-prompt__search {
    display: flex;
    align-items: stretch;
    min-height: 54px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.46);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.22);
}

.mica-store-locator-prompt__search input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    padding: 0 16px;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
}

.mica-store-locator-prompt__search input::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.mica-store-locator-prompt__search button {
    flex: 0 0 auto;
    min-width: 104px;
    border: 0;
    padding: 0 20px;
    background: #0072bc;
    color: #fff;
    cursor: pointer;
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: background-color 180ms ease, color 180ms ease;
}

.mica-store-locator-prompt__search button:hover,
.mica-store-locator-prompt__search button:focus-visible {
    background: #f58220;
}

.mica-store-locator-prompt__divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 24px 0 18px;
    color: rgba(255, 255, 255, 0.52);
    font-size: 0.77rem;
    text-transform: uppercase;
}

.mica-store-locator-prompt__divider::before,
.mica-store-locator-prompt__divider::after {
    flex: 1 1 auto;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    content: "";
}

.mica-store-locator-prompt__location {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 0;
    padding: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 0.98rem;
    font-weight: 700;
    text-align: left;
}

.mica-store-locator-prompt__location i {
    color: #f58220;
    font-size: 1.15rem;
}

.mica-store-locator-prompt__location:hover,
.mica-store-locator-prompt__location:focus-visible {
    color: #f58220;
}

.mica-store-locator-prompt__location:disabled {
    cursor: wait;
    opacity: 0.65;
}

.mica-store-locator-prompt__status {
    min-height: 1.25em;
    margin: 10px 0 0;
    color: #9dd9ff;
    font-size: 0.8rem;
    line-height: 1.45;
}

.mica-store-locator-prompt__status.is-error {
    color: #ffb0a8;
}

.mica-store-locator-prompt__popular {
    margin-top: 28px;
}

.mica-store-locator-prompt__popular>p {
    margin: 0 0 10px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mica-store-locator-prompt__popular-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mica-store-locator-prompt__popular-list button {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    padding: 8px 14px;
    background: transparent;
    color: rgba(255, 255, 255, 0.88);
    cursor: pointer;
    font: inherit;
    font-size: 0.83rem;
    transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease;
}

.mica-store-locator-prompt__popular-list button:hover,
.mica-store-locator-prompt__popular-list button:focus-visible {
    border-color: #f58220;
    background: rgba(245, 130, 32, 0.1);
    color: #f58220;
}

.mica-store-locator-prompt__skip {
    display: block;
    width: 100%;
    margin-top: 28px;
    border: 0;
    padding: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.62);
    cursor: pointer;
    font: inherit;
    font-size: 0.86rem;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.mica-store-locator-prompt__skip:hover,
.mica-store-locator-prompt__skip:focus-visible {
    color: #fff;
}

.mica-store-locator-prompt button:focus-visible,
.mica-store-locator-prompt input:focus-visible {
    outline: 3px solid #f58220;
    outline-offset: 3px;
}

@media (max-width: 575px) {
    .mica-store-locator-prompt {
        align-items: end;
        padding: 12px;
    }

    .mica-store-locator-prompt__panel {
        padding: 30px 20px 24px;
    }

    .mica-store-locator-prompt__panel h1 {
        text-align: center;
        font-size: 3.1rem;
    }

    .mica-store-locator-prompt__search {
        flex-direction: column;
        padding: 6px;
    }

    .mica-store-locator-prompt__search input {
        min-height: 46px;
    }

    .mica-store-locator-prompt__search button {
        min-height: 46px;
        border-radius: 5px;
    }
}

/* Compact store locator modal */
.mica-store-locator-prompt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    z-index: 1;
    pointer-events: none;
    background: rgba(0, 0, 0, .85);
}

.mica-store-locator-prompt__panel {
    width: auto;
    margin: auto;
    padding: clamp(28px, 5vw, 48px);
    padding: round(nearest, clamp(28px, 5vw, 48px), var(--mica-space-unit));
    overflow: visible;
    pointer-events: auto;
}

.mica-store-locator-prompt__panel h1 {
    font-size: clamp(2.5rem, 6vw, 4.35rem);
    line-height: 0.96;
    width: 100%;
}

.mica-store-locator-prompt__search-area {
    position: relative;
}

.mica-store-locator-prompt__form {
    margin-top: 30px;
}

.mica-store-locator-prompt__form .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mica-store-locator-prompt__search {
    min-height: 58px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.28);
}

.mica-store-locator-prompt__search input {
    padding: 0 18px;
    font-size: 0.96rem;
}

.mica-store-locator-prompt__search button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    min-width: 58px;
    padding: 0;
    background: #f58220;
    font-size: 1.05rem;
}

.mica-store-locator-prompt__search button:hover,
.mica-store-locator-prompt__search button:focus-visible {
    background: #0072bc;
}

.mica-store-locator-prompt__area-menu[hidden] {
    display: none !important;
}

.mica-store-locator-prompt__area-menu {
    position: absolute;
    z-index: 3;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    margin-top: 0;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 5px;
    background: #10283d;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.34);
    box-sizing: border-box;
}

.mica-store-locator-prompt__location,
.mica-store-locator-prompt__area-list button {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border: 0;
    border-radius: 3px;
    padding: 12px 10px;
    background: transparent;
    color: rgba(255, 255, 255, 0.88);
    cursor: pointer;
    font: inherit;
    font-size: 0.9rem;
    text-align: left;
}

.mica-store-locator-prompt__location {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0;
    color: #fff;
    font-weight: 700;
}

.mica-store-locator-prompt__location i {
    color: #f58220;
}

.mica-store-locator-prompt__area-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 8px;
    padding-top: 4px;
}

.mica-store-locator-prompt__location:hover,
.mica-store-locator-prompt__location:focus-visible,
.mica-store-locator-prompt__area-list button:hover,
.mica-store-locator-prompt__area-list button:focus-visible {
    background: rgba(245, 130, 32, 0.12);
    color: #f58220;
}

.mica-store-locator-prompt__status {
    min-height: 0;
    margin-top: 12px;
}

.mica-store-locator-prompt__skip {
    width: auto;
    margin: 18px auto 0;
    font-size: 0.78rem;
}

@media (max-width: 575px) {
    .mica-store-locator-prompt {
        align-items: center;
        padding: 16px;
    }

    .mica-store-locator-prompt__panel {
        padding: 30px 20px 24px;
    }

    .mica-store-locator-prompt__panel h1 {
        text-align: center;
        font-size: 2.85rem;
    }

    .mica-store-locator-prompt__search {
        flex-direction: row;
        padding: 0;
    }

    .mica-store-locator-prompt__search input {
        min-height: 52px;
    }

    .mica-store-locator-prompt__search button {
        min-height: 52px;
        border-radius: 0;
    }

    .mica-store-locator-prompt__area-list {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   Mica editorial archive
   No hero/banner. Scoped to the default archive template.
   ========================================================== */

.mica-archive-page,
.mica-archive-page *,
.mica-archive-page *::before,
.mica-archive-page *::after {
    box-sizing: border-box;
}

.mica-archive-page {
    --mica-archive-blue: #0072bc;
    --mica-archive-blue-dark: #0d3f66;
    --mica-archive-orange: #f58220;
    --mica-archive-ink: #1b2d3a;
    --mica-archive-muted: #6d7982;
    --mica-archive-line: #e4e9ed;
    --mica-archive-bg: #f6f7f8;

    width: 100%;
    background: var(--mica-archive-bg);
    color: var(--mica-archive-ink);
}

.mica-archive-shell {
    width: min(1680px, calc(100% - 64px));
    margin: 0 auto;
}

.mica-archive-intro {
    padding: clamp(48px, 6vw, 82px) 0 0;
    padding: round(nearest, clamp(48px, 6vw, 82px), var(--mica-space-unit)) 0 0;
}

.mica-archive-heading {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

.mica-archive-heading__title {
    margin: 0;
    color: var(--mica-archive-blue-dark);
    font-family: inherit;
    font-size: clamp(2.65rem, 5vw, 5rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 0.98;
    text-transform: uppercase;
    text-wrap: balance;
}

.mica-archive-heading__description {
    max-width: 760px;
    margin: 20px auto 0;
    color: var(--mica-archive-muted);
    font-size: clamp(0.95rem, 1.25vw, 1.08rem);
    line-height: 1.7;
}

.mica-archive-heading__description p {
    margin: 0 0 10px;
    color: inherit;
}

.mica-archive-heading__description p:last-child {
    margin-bottom: 0;
}

.mica-archive-heading__count {
    margin: 15px 0 0;
    color: #8a949b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mica-archive-categories {
    margin-top: clamp(32px, 4vw, 48px);
    padding: 20px 0 22px;
    border-top: 1px solid var(--mica-archive-line);
}

.mica-archive-categories__scroll {
    /* Leave room for the category links' hover lift inside the scroller's
     * unavoidable vertical clipping area. */
    margin-block: -4px;
    padding-block: 4px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
}

.mica-archive-categories__scroll::-webkit-scrollbar {
    display: none;
}

.mica-archive-categories__list {
    display: flex;
    min-width: max-content;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mica-archive-categories__list>li {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mica-archive-categories__list>li>a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border: 1px solid #d7e2ea;
    border-radius: 999px;
    background: #fff;
    color: var(--mica-archive-blue-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition:
        border-color 180ms ease,
        background-color 180ms ease,
        color 180ms ease,
        transform 180ms ease;
}

.mica-archive-categories__list>li>a:hover,
.mica-archive-categories__list>li>a:focus-visible {
    border-color: var(--mica-archive-blue);
    color: var(--mica-archive-blue);
    outline: none;
    transform: translateY(-1px);
}

.mica-archive-categories__list>li.current-menu-item>a,
.mica-archive-categories__list>li.current-menu-parent>a,
.mica-archive-categories__list>li.current-menu-ancestor>a,
.mica-archive-categories__list>li.current-category-ancestor>a {
    border-color: var(--mica-archive-blue);
    background: var(--mica-archive-blue);
    color: #fff;
}

.mica-archive-listing {
    padding: clamp(42px, 5vw, 72px) 0 clamp(72px, 7vw, 110px);
    padding: round(nearest, clamp(42px, 5vw, 72px), var(--mica-space-unit)) 0 round(nearest, clamp(72px, 7vw, 110px), var(--mica-space-unit));
}

.mica-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(22px, 2vw, 32px);
    gap: round(nearest, clamp(22px, 2vw, 32px), var(--mica-space-unit));
    align-items: stretch;
}

.mica-archive-card {
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(13, 63, 102, 0.11);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(13, 63, 102, 0.07);
    transition:
        box-shadow 260ms ease,
        transform 260ms ease;
}

.mica-archive-card:hover,
.mica-archive-card:focus-within {
    box-shadow: 0 16px 38px rgba(13, 63, 102, 0.13);
    transform: translateY(-4px);
}

.mica-archive-card__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #dfe8ee;
}

.mica-archive-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 320ms ease;
}

.mica-archive-card:hover .mica-archive-card__image,
.mica-archive-card:focus-within .mica-archive-card__image {
    transform: scale(1.035);
}

.mica-archive-card__placeholder {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(0, 114, 188, 0.95), rgba(13, 63, 102, 0.98));
}

.mica-archive-card__placeholder::before,
.mica-archive-card__placeholder::after {
    position: absolute;
    border-radius: 999px;
    content: "";
}

.mica-archive-card__placeholder::before {
    top: -35%;
    right: -10%;
    width: 70%;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.mica-archive-card__placeholder::after {
    bottom: -42%;
    left: -12%;
    width: 72%;
    aspect-ratio: 1;
    background: rgba(235, 124, 22, 0.9);
}

.mica-archive-card__body {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 24px 24px 22px;
}

.mica-store-site-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: auto;
    padding-top: 24px;
}

.mica-store-site-card__action {
    min-width: 0;
    margin: 0;
}

.mica-store-site-card__button {
    display: inline-flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 14px;
    border: 1px solid var(--mica-archive-blue);
    border-radius: 6px;
    background: var(--mica-archive-blue);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: uppercase;
    transition:
        border-color 180ms ease,
        background-color 180ms ease,
        color 180ms ease,
        transform 180ms ease;
}

.mica-store-site-card__button:hover,
.mica-store-site-card__button:focus-visible {
    border-color: var(--mica-archive-orange);
    background: var(--mica-archive-orange);
    color: #fff;
    outline: none;
    transform: translateY(-1px);
}

.mica-store-site-card__button--secondary {
    border-color: #d7e2ea;
    background: #fff;
    color: var(--mica-archive-blue-dark);
}

.mica-store-site-card__button--secondary:hover,
.mica-store-site-card__button--secondary:focus-visible {
    border-color: var(--mica-archive-blue);
    background: #fff;
    color: var(--mica-archive-blue);
}

.mica-archive-card__meta {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 15px;
}

.mica-archive-card__category,
.mica-archive-card__date {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
}

.mica-archive-card__category {
    overflow: hidden;
    color: var(--mica-archive-orange);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mica-archive-card__category:hover,
.mica-archive-card__category:focus-visible {
    color: var(--mica-archive-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.mica-archive-card__date {
    flex: 0 0 auto;
    color: #929ca3;
}

.mica-archive-card__title {
    margin: 0 0 14px;
    color: var(--mica-archive-blue-dark);
    font-size: clamp(1.3rem, 1.7vw, 1.65rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.mica-archive-card__title a {
    color: inherit;
    text-decoration: none;
}

.mica-archive-card__title a:hover,
.mica-archive-card__title a:focus-visible {
    color: var(--mica-archive-blue);
}

.mica-archive-card__excerpt {
    margin: 0 0 22px;
    color: var(--mica-archive-muted);
    font-size: 0.92rem;
    line-height: 1.65;
}

.mica-product-category-archive .mica-archive-card__excerpt {
    margin-bottom: 0;
}

.mica-archive-card__read-more {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    align-self: flex-start;
    margin-top: auto;
    color: var(--mica-archive-blue);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
}

.mica-archive-card__read-more span:last-child {
    transition: transform 180ms ease;
}

.mica-archive-card__read-more:hover,
.mica-archive-card__read-more:focus-visible {
    color: var(--mica-archive-orange);
}

.mica-archive-card__read-more:hover span:last-child,
.mica-archive-card__read-more:focus-visible span:last-child {
    transform: translateX(4px);
}

.mica-archive-pagination {
    margin-top: clamp(38px, 5vw, 58px);
}

.mica-archive-pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mica-archive-pagination .page-numbers {
    display: inline-flex;
    min-width: 42px;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 8px 13px;
    border: 1px solid #d7e2ea;
    border-radius: 999px;
    background: #fff;
    color: var(--mica-archive-blue-dark);
    font-size: 0.76rem;
    font-weight: 800;
    text-decoration: none;
    transition:
        border-color 180ms ease,
        background-color 180ms ease,
        color 180ms ease;
}

.mica-archive-pagination a.page-numbers:hover,
.mica-archive-pagination a.page-numbers:focus-visible {
    border-color: var(--mica-archive-blue);
    color: var(--mica-archive-blue);
}

.mica-archive-pagination .page-numbers.current {
    border-color: var(--mica-archive-blue);
    background: var(--mica-archive-blue);
    color: #fff;
}

.mica-archive-empty {
    max-width: 760px;
    margin: 0 auto;
    padding: 54px 28px;
    border: 1px solid var(--mica-archive-line);
    border-radius: 14px;
    background: #fff;
    text-align: center;
}

.mica-archive-empty h2 {
    margin: 0 0 10px;
    color: var(--mica-archive-blue-dark);
}

.mica-archive-empty p {
    margin: 0;
    color: var(--mica-archive-muted);
}

@media (min-width: 1500px) {
    .mica-archive-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .mica-archive-shell {
        width: min(1680px, calc(100% - 48px));
    }

    .mica-archive-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .mica-archive-shell {
        width: calc(100% - 32px);
    }

    .mica-archive-intro {
        padding-top: 42px;
    }

    .mica-archive-heading__title {
        font-size: clamp(2.35rem, 11vw, 3.6rem);
    }

    .mica-archive-categories {
        margin-top: 30px;
        padding: 16px 0 18px;
    }

    .mica-archive-categories__list {
        justify-content: center;
    }

    .mica-archive-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .mica-archive-listing {
        padding-top: 32px;
    }
}

@media (max-width: 480px) {
    .mica-archive-card__body {
        padding: 22px 20px 20px;
    }

    .mica-store-site-card__actions {
        grid-template-columns: 1fr;
    }

    .mica-archive-card__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .mica-archive-categories__list>li>a {
        min-height: 40px;
        padding: 9px 15px;
        font-size: 0.68rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .mica-archive-page *,
    .mica-archive-page *::before,
    .mica-archive-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }

    .mica-archive-card:hover,
    .mica-archive-card:focus-within {
        transform: none;
    }
}

/* ==========================================================
   Mica editorial single article
   Shares the About Us/page composition, with post metadata and navigation.
   ========================================================== */
.mica-single-page,
.mica-single-page *,
.mica-single-page *::before,
.mica-single-page *::after {
    box-sizing: border-box;
}

.mica-single-page {
    --mica-single-orange: #f58220;
    --mica-single-orange-dark: #d8610b;
    --mica-single-navy: #102f4f;
    --mica-single-ink: #172b3a;
    --mica-single-muted: #566675;
    --mica-single-paper: #fbfaf7;
    --mica-single-line: rgba(16, 47, 79, 0.16);

    overflow: hidden;
    color: var(--mica-single-ink);
    background: var(--mica-single-paper);
    font-family: "Inter", Arial, sans-serif;
}

.mica-single-page__shell {
    width: min(1180px, calc(100vw - 48px));
    margin-inline: auto;
}

.mica-single-hero {
    padding: clamp(68px, 8vw, 126px) 0 clamp(78px, 9vw, 142px);
    padding: round(nearest, clamp(68px, 8vw, 126px), var(--mica-space-unit)) 0 round(nearest, clamp(78px, 9vw, 142px), var(--mica-space-unit));
}

.mica-single-article__header {
    max-width: 1180px;
}

.mica-single-page__eyebrow {
    margin: 0 0 18px;
    color: var(--mica-single-orange);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.2em;
    line-height: 1.3;
    text-transform: uppercase;
}

.mica-single-article__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    margin: 0 0 19px;
    color: #74818b;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    line-height: 1.45;
    text-transform: uppercase;
}

.mica-single-article__categories,
.mica-single-article__author {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.mica-single-article__categories a {
    color: var(--mica-single-orange);
    text-decoration: none;
}

.mica-single-article__categories a:hover,
.mica-single-article__categories a:focus-visible {
    color: var(--mica-single-navy);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.mica-single-article__author {
    color: var(--mica-single-navy);
}

.mica-single-article__header h1 {
    max-width: 1160px;
    margin: 0;
    color: var(--mica-single-navy);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(4rem, 8.5vw, 8rem);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 0.9;
    text-transform: uppercase;
    text-wrap: balance;
}

.mica-single-article__rule {
    width: min(100%, 430px);
    height: 7px;
    margin: 28px 0 30px;
    background: var(--mica-single-orange);
    box-shadow: 17px 0 0 var(--mica-single-navy);
}

.mica-single-article__layout {
    display: flow-root;
}

.mica-single-article__media {
    float: right;
    position: relative;
    width: min(42%, 480px);
    margin: 0 0 38px clamp(28px, 5vw, 84px);
}

.mica-single-article__image-frame {
    position: relative;
    overflow: hidden;
    aspect-ratio: 5 / 6;
    background: var(--mica-single-navy);
    box-shadow: 0 26px 60px rgba(16, 47, 79, 0.2);
    transform: rotate(1.2deg);
}

.mica-single-article__image,
.mica-single-article__image-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mica-single-article__image-placeholder {
    background:
        radial-gradient(circle at 76% 22%, rgba(255, 213, 74, 0.92) 0 14%, transparent 14.5%),
        linear-gradient(135deg, #0072bc 0%, var(--mica-single-navy) 68%, #0a233a 100%);
}

.mica-single-article__caption {
    position: absolute;
    right: -10px;
    bottom: 2px;
    z-index: 2;
    max-width: 220px;
    padding: 13px 17px;
    color: var(--mica-single-navy);
    background: #ffd54a;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    line-height: 1.25;
    text-transform: uppercase;
    transform: rotate(-3deg);
}

.mica-single-article__content {
    color: var(--mica-single-muted);
    font-size: 1rem;
    line-height: 1.82;
}

.mica-single-article__lede {
    max-width: 760px;
    margin: 0 0 25px;
    color: var(--mica-single-navy);
    font-size: clamp(1.15rem, 1.65vw, 1.4rem);
    font-weight: 600;
    line-height: 1.45;
}

.mica-single-article__body>*:first-child {
    margin-top: 0;
}

.mica-single-article__body>*:last-child {
    margin-bottom: 0;
}

.mica-single-article__body p,
.mica-single-article__body ul,
.mica-single-article__body ol,
.mica-single-article__body blockquote,
.mica-single-article__body table,
.mica-single-article__body figure,
.mica-single-article__body .wp-block-image {
    margin: 0 0 22px;
}

.mica-single-article__body p:first-child {
    color: var(--mica-single-navy);
    font-size: clamp(1.08rem, 1.45vw, 1.25rem);
    font-weight: 600;
    line-height: 1.52;
}

.mica-single-article__body strong {
    color: var(--mica-single-navy);
}

.mica-single-article__body a {
    color: var(--mica-single-orange);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.mica-single-article__body a:hover,
.mica-single-article__body a:focus-visible {
    color: var(--mica-single-navy);
}

.mica-single-article__body h2,
.mica-single-article__body h3,
.mica-single-article__body h4,
.mica-single-article__body h5,
.mica-single-article__body h6 {
    margin: 48px 0 16px;
    color: var(--mica-single-navy);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    line-height: 1;
    text-transform: uppercase;
}

.mica-single-article__body h2 {
    font-size: 2.3rem;
}

.mica-single-article__body h3 {
    font-size: 1.7rem;
}

.mica-single-article__body h4,
.mica-single-article__body h5,
.mica-single-article__body h6 {
    font-family: "Inter", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.mica-single-article__body ul,
.mica-single-article__body ol {
    padding-left: 1.3rem;
}

.mica-single-article__body blockquote {
    padding-left: 20px;
    border-left: 3px solid var(--mica-single-orange);
    color: var(--mica-single-navy);
    font-size: 1.15rem;
    font-weight: 600;
}

.mica-single-article__body img,
.mica-single-article__body iframe,
.mica-single-article__body video,
.mica-single-article__body embed {
    max-width: 100%;
}

.mica-single-article__body img {
    height: auto;
}

.mica-single-article__body figcaption,
.mica-single-article__body .wp-element-caption {
    color: #74818b;
    font-size: 0.78rem;
    line-height: 1.45;
}

.mica-single-article__pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    clear: both;
    margin-top: 34px;
    padding-top: 20px;
    border-top: 1px solid var(--mica-single-line);
    color: var(--mica-single-navy);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mica-single-article__pagination a,
.mica-single-article__pagination span {
    display: inline-flex;
    min-width: 30px;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid var(--mica-single-line);
    border-radius: 999px;
    text-decoration: none;
}

.mica-single-article__footer {
    clear: both;
    margin-top: clamp(42px, 5vw, 70px);
    margin-top: round(nearest, clamp(42px, 5vw, 70px), var(--mica-space-unit));
    padding-top: 24px;
    border-top: 1px solid var(--mica-single-line);
}

.mica-single-article__footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px 36px;
}

.mica-single-article__share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px;
}

.mica-single-article__footer-label,
.mica-single-article__nav-label {
    color: var(--mica-single-navy);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.25;
    text-transform: uppercase;
}

.mica-single-article__share-links {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mica-single-article__share-links a {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mica-single-navy);
    border-radius: 50%;
    color: var(--mica-single-navy);
    text-decoration: none;
    transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.mica-single-article__share-links a:hover,
.mica-single-article__share-links a:focus-visible {
    color: #fff;
    background: var(--mica-single-navy);
    outline: none;
    transform: translateY(-2px);
}

.mica-single-article__back-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--mica-single-orange);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.mica-single-article__back-link span:first-child {
    font-size: 1.15rem;
    line-height: 1;
    transition: transform 180ms ease;
}

.mica-single-article__back-link:hover,
.mica-single-article__back-link:focus-visible {
    color: var(--mica-single-navy);
    outline: none;
}

.mica-single-article__back-link:hover span:first-child,
.mica-single-article__back-link:focus-visible span:first-child {
    transform: translateX(-4px);
}

.mica-single-article__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid rgba(16, 47, 79, 0.1);
}

.mica-single-article__tag-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mica-single-article__tag-links a {
    padding: 7px 11px;
    border: 1px solid rgba(16, 47, 79, 0.16);
    border-radius: 999px;
    color: var(--mica-single-muted);
    font-size: 0.68rem;
    font-weight: 700;
    text-decoration: none;
}

.mica-single-article__tag-links a:hover,
.mica-single-article__tag-links a:focus-visible {
    border-color: var(--mica-single-orange);
    color: var(--mica-single-orange);
    outline: none;
}

.mica-single-article__navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 50px;
}

.mica-single-article__nav-card {
    display: flex;
    min-width: 0;
    min-height: 122px;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 22px;
    border: 1px solid rgba(16, 47, 79, 0.14);
    background: rgba(255, 255, 255, 0.42);
    color: var(--mica-single-navy);
    text-decoration: none;
    transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.mica-single-article__nav-card--next {
    text-align: right;
}

.mica-single-article__nav-card strong {
    display: block;
    overflow: hidden;
    color: var(--mica-single-navy);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.03;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.mica-single-article__nav-card:hover,
.mica-single-article__nav-card:focus-visible {
    border-color: var(--mica-single-orange);
    background: #fff;
    outline: none;
    transform: translateY(-2px);
}

.mica-single-article__nav-card:hover strong,
.mica-single-article__nav-card:focus-visible strong {
    color: var(--mica-single-orange);
}

@media (max-width: 900px) {
    .mica-single-article__header h1 {
        font-size: clamp(4rem, 10vw, 6.5rem);
    }
}

@media (max-width: 767px) {
    .mica-single-page__shell {
        width: calc(100% - 30px);
    }

    .mica-single-hero {
        padding: 64px 0 78px;
    }

    .mica-single-article__header h1 {
        font-size: clamp(3.7rem, 19vw, 6.3rem);
    }

    .mica-single-article__rule {
        margin-top: 24px;
    }

    .mica-single-article__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .mica-single-article__media {
        float: none;
        width: min(100%, 560px);
        max-width: 560px;
        margin: 0 auto 36px;
    }

    .mica-single-article__footer-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .mica-single-article__navigation {
        grid-template-columns: minmax(0, 1fr);
    }

    .mica-single-article__nav-card--next {
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {

    .mica-single-page *,
    .mica-single-page *::before,
    .mica-single-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .mica-single-article__image-frame,
    .mica-single-article__caption,
    .mica-single-article__nav-card:hover,
    .mica-single-article__nav-card:focus-visible {
        transform: none;
    }
}

/* -------------------------------------------------------------------------
   Shared form system
   The footer newsletter is the reference treatment for every user-facing
   form: compact uppercase labels, 52px white controls, rounded corners and
   Mica blue actions.
   ------------------------------------------------------------------------- */
:root {
    --mica-form-blue: #0072bc;
    --mica-form-blue-dark: #005f9e;
    --mica-form-ink: #102f4f;
    --mica-form-label: #526574;
    --mica-form-line: #d2e0e8;
    --mica-form-muted: #8293a0;
    --mica-form-focus: rgba(0, 114, 188, 0.16);
}

.frm_forms .frm_forms,
.frm_forms .frm_form_fields,
.frm_forms fieldset {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.frm_forms .frm_fields_container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: end;
}

.frm_forms .frm_form_field {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.frm_forms .frm_fields_container>.frm_form_field:not(.frm_half) {
    grid-column: 1 / -1;
}

.frm_forms .frm_fields_container>.frm_form_field.frm_half {
    grid-column: span 1;
}

.frm_forms .frm_primary_label {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: var(--mica-form-label) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

.frm_forms .frm_fields_container input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
.frm_forms .frm_fields_container select,
.frm_forms .frm_fields_container textarea {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid var(--mica-form-line) !important;
    border-radius: 8px !important;
    color: var(--mica-form-ink) !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(16, 47, 79, 0.06) !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.frm_forms .frm_fields_container textarea {
    min-height: 140px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    resize: vertical;
}

.frm_forms .frm_fields_container input::placeholder,
.frm_forms .frm_fields_container textarea::placeholder {
    color: var(--mica-form-muted);
    opacity: 1;
}

.frm_forms .frm_fields_container input:focus,
.frm_forms .frm_fields_container select:focus,
.frm_forms .frm_fields_container textarea:focus {
    border-color: var(--mica-form-blue) !important;
    outline: none;
    box-shadow: 0 0 0 3px var(--mica-form-focus) !important;
}

.frm_forms .frm_opt_container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 4px;
}

.frm_forms .frm_checkbox label,
.frm_forms .frm_radio label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--mica-form-label);
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3;
    text-transform: none;
}

.frm_forms .frm_checkbox input[type="checkbox"],
.frm_forms .frm_radio input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: var(--mica-form-blue);
}

.frm_forms .frm_checkbox input[type="checkbox"]:focus-visible,
.frm_forms .frm_radio input[type="radio"]:focus-visible {
    border-color: transparent !important;
    outline: 3px solid var(--mica-form-focus);
    outline-offset: 2px;
    box-shadow: none !important;
}

/* Invisible reCAPTCHA should not leave a visible field label or grid row. */
.frm_forms .frm_form_field:has(.g-recaptcha) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.frm_forms .frm_submit {
    width: 100% !important;
    margin: 0 !important;
}

.frm_forms button.frm_button_submit,
.frm_forms input[type="submit"] {
    display: inline-flex;
    width: 100% !important;
    min-height: 52px !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: var(--mica-form-blue) !important;
    box-shadow: 0 5px 12px rgba(0, 114, 188, 0.2) !important;
    cursor: pointer;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
    transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.frm_forms button.frm_button_submit:hover,
.frm_forms button.frm_button_submit:focus-visible,
.frm_forms input[type="submit"]:hover,
.frm_forms input[type="submit"]:focus-visible {
    background: var(--mica-form-blue-dark) !important;
    box-shadow: 0 7px 16px rgba(0, 95, 158, 0.25) !important;
    outline: none;
    transform: translateY(-1px);
}

.frm_forms .frm_error {
    margin-top: 6px;
    color: #b42318;
    font-size: 0.76rem;
    line-height: 1.35;
}

/* Native theme forms use the same control geometry as the Formidable forms. */
.mica-supplier-filters__search input,
.mica-store-locator-prompt__search input,
.mica-loyalty__field input,
.mica-loyalty__field select {
    box-sizing: border-box;
    min-height: 52px;
    border: 1px solid var(--mica-form-line);
    border-radius: 8px;
    background: #fff;
    color: var(--mica-form-ink);
    box-shadow: 0 2px 8px rgba(16, 47, 79, 0.06);
    font-size: 0.95rem;
}

.mica-supplier-filters__search input::placeholder,
.mica-loyalty__field input::placeholder {
    color: var(--mica-form-muted);
    opacity: 1;
}

.mica-supplier-filters__search input:focus,
.mica-store-locator-prompt__search input:focus,
.mica-loyalty__field input:focus,
.mica-loyalty__field select:focus {
    border-color: var(--mica-form-blue);
    outline: none;
    box-shadow: 0 0 0 3px var(--mica-form-focus);
}

.mica-supplier-filters__search button,
.mica-store-locator-prompt__search button {
    min-height: 52px;
    border: 0;
    border-radius: 8px;
    background: var(--mica-form-blue);
    box-shadow: 0 5px 12px rgba(0, 114, 188, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.mica-supplier-filters__search button:hover,
.mica-supplier-filters__search button:focus-visible,
.mica-store-locator-prompt__search button:hover,
.mica-store-locator-prompt__search button:focus-visible {
    border-color: var(--mica-form-blue-dark);
    background: var(--mica-form-blue-dark);
    box-shadow: 0 7px 16px rgba(0, 95, 158, 0.25);
    outline: none;
    transform: translateY(-1px);
}

@media (max-width: 575px) {
    .frm_forms .frm_fields_container {
        grid-template-columns: minmax(0, 1fr);
    }

    .frm_forms .frm_fields_container>.frm_form_field.frm_half {
        grid-column: auto;
    }
}

/* Keep the locator's dark modal context while using the shared control shape. */
.mica-store-locator-prompt__search {
    min-height: 0;
    gap: 8px;
    overflow: visible;
    border: 0;
    background: transparent;
}

.mica-store-locator-prompt__search input {
    min-height: 52px;
    padding: 0 16px;
}

.mica-store-locator-prompt__search button {
    width: auto;
    min-width: 58px;
    min-height: 52px;
    padding: 0 20px;
}

@media (max-width: 575px) {
    .mica-store-locator-prompt__search {
        flex-direction: column;
        gap: 8px;
    }

    .mica-store-locator-prompt__search input,
    .mica-store-locator-prompt__search button {
        width: 100%;
    }
}

/* Button-only action forms should still share the footer button geometry. */
.mica-store-site-card__button {
    min-height: 52px;
    border-radius: 8px;
    box-shadow: 0 5px 12px rgba(0, 114, 188, 0.2);
}

/* -------------------------------------------------------------------------
   Own-a-Mica enquiry form
   Keep section headings, guidance and street-address fields full width. The
   four related fields in each group then sit in equal columns on desktop,
   while the existing single-column mobile layout remains unchanged.
   ------------------------------------------------------------------------- */
@media (min-width: 992px) {
    #frm_form_9_container .frm_fields_container {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 20px 16px !important;
        align-items: start !important;
    }

    /* Section headings and the applicant guidance should not be squeezed
     * into an input column. The shared form rules already make other
     * non-half fields (street addresses) span the complete row. */
    #frm_form_9_container .frm_fields_container>#frm_field_61_container,
    #frm_form_9_container .frm_fields_container>#frm_field_66_container,
    #frm_form_9_container .frm_fields_container>#frm_field_67_container,
    #frm_form_9_container .frm_fields_container>#frm_field_73_container {
        grid-column: 1 / -1 !important;
    }

    #frm_form_9_container .frm_fields_container>.frm_submit {
        grid-column: 1 / -1 !important;
        width: min(100%, 220px) !important;
    }
}

#frm_form_9_container .frm_html_container h4 {
    margin: 0 0 18px;
    color: var(--mica-form-ink);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 0.95;
    text-transform: uppercase;
}

#frm_form_9_container #frm_field_66_container p {
    margin: 0;
    color: var(--mica-form-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

@media (max-width: 767px) {
    #frm_form_9_container .frm_fields_container {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
        align-items: start !important;
    }

    #frm_form_9_container .frm_fields_container>.frm_form_field,
    #frm_form_9_container .frm_fields_container>.frm_submit {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }
}

/* Keep the fixed mobile navigation relative to the viewport. A backdrop
 * filter on the fixed header would otherwise make it the menu's containing
 * block and clip the open panel to the header height. */
@media (max-width: 991px) {

    body.home #main-header.mica2026-site-header,
    body:not(.home) #main-header.mica2026-site-header {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    /* Mobile navigation: show only the submenu explicitly opened by its
     * parent. Without this, every WordPress submenu is visible at once. */
    .mica2026-site-header__panel[data-nav-enhanced] .mica2026-site-header__menu>li.menu-item-has-children {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .mica2026-site-header__panel[data-nav-enhanced] .mica2026-site-header__menu>li.menu-item-has-children>a {
        grid-column: 1;
    }

    .mica2026-site-header__submenu-toggle {
        position: relative;
        display: grid;
        width: 42px;
        height: 42px;
        grid-column: 2;
        grid-row: 1;
        place-items: center;
        padding: 0;
        border: 0;
        background: transparent;
        color: currentColor;
        cursor: pointer;
    }

    .mica2026-site-header__submenu-toggle::before {
        width: 9px;
        height: 9px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        content: "";
        transform: rotate(45deg) translate(-2px, -2px);
        transition: transform 180ms ease;
    }

    .mica2026-site-header__menu>li.is-submenu-open>.mica2026-site-header__submenu-toggle::before {
        transform: rotate(225deg) translate(-2px, -2px);
    }

    .mica2026-site-header__panel[data-nav-enhanced] .mica2026-site-header__menu .sub-menu {
        display: none !important;
        grid-column: 1 / -1;
        visibility: hidden !important;
        max-height: 0;
        padding-bottom: 0;
        opacity: 0;
        overflow: hidden;
    }

    .mica2026-site-header__panel[data-nav-enhanced] .mica2026-site-header__menu>li.is-submenu-open>.sub-menu {
        display: grid !important;
        visibility: visible !important;
        max-height: 1000px;
        padding-bottom: 12px;
        opacity: 1;
        overflow: visible;
    }

    .mica2026-site-header__submenu-toggle:focus-visible {
        outline: 2px solid var(--mica2026-header-action-blue);
        outline-offset: -4px;
    }
}

/* Compact supplier filters and cards on small screens. */
@media (max-width: 767px) {
    .mica-supplier-filters__categories {
        align-content: flex-start;
        max-height: 72px;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .mica-supplier-filters__categories.is-expanded {
        max-height: none;
        overflow: visible;
    }

    .mica-supplier-filters__categories a {
        white-space: nowrap;
    }

    .mica-supplier-filters__categories-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 32px;
        margin: 0 0 24px;
        padding: 7px 14px;
        border: 1px solid #0072bc;
        border-radius: 999px;
        background: transparent;
        color: #0072bc;
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .mica-supplier-filters__categories-toggle[hidden] {
        display: none !important;
    }

    .mica-supplier-grid__item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .mica-supplier-card {
        min-height: 184px;
        padding: 14px 10px 15px;
        border-radius: 8px;
    }

    .mica-supplier-card__image {
        height: 72px;
        margin-bottom: 10px;
    }

    .mica-supplier-card__title {
        margin-bottom: 4px;
        font-size: 0.82rem;
        line-height: 1.15;
    }

    .mica-supplier-card__category {
        margin-bottom: 9px;
        font-size: 0.64rem;
        line-height: 1.2;
    }

    .mica-supplier-card__link {
        width: 100%;
        min-height: 28px;
        padding: 6px 4px;
        border: 1px solid #0072bc;
        border-radius: 999px;
        font-size: 0.57rem;
        letter-spacing: 0.04em;
        line-height: 1.1;
    }

    .mica-supplier-card__link::after {
        margin-left: 4px;
    }
}

/* Center the three Latest/News category controls on mobile. */
@media (max-width: 1023px) {
    .mica-story-workshop-scene--categories .mica-story-workshop-tabs {
        margin-right: auto;
        margin-left: auto;
    }

    .mica-story-workshop-scene--categories .mica-story-workshop-tab {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.7rem;
        text-align: center;
    }
}

/* The customer-service form has six half-width fields before its full-width
 * message field. Formidable's default twelve-column grid makes the first
 * fields collapse when each field is assigned a one-column span. */
@media (min-width: 768px) {
    #form_customer-service .frm_fields_container {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    #form_customer-service .frm_fields_container>.frm_form_field.frm_half {
        grid-column: span 1 !important;
    }

    #form_customer-service .frm_fields_container>.frm_form_field:not(.frm_half),
    #form_customer-service .frm_fields_container>.frm_submit {
        grid-column: 1 / -1 !important;
    }
}


/* ========================================================================== 
   GLOBAL THEME OVERRIDES
   Consolidated from assets/css/global-overrides.css
   ========================================================================== */
/*
 * Bootstrap adds a blue focus halo to every .btn after a mouse click.
 * Keep keyboard focus visible, but remove that click-only treatment so
 * buttons do not look like they have an overlay applied to them.
 */
.btn:focus:not(:focus-visible),
.btn.focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

/* Keep the existing muted/brand palette while meeting AA text contrast. */
html,
body,
h1,
h2,
h3,
h4,
h5,
p,
a,
.text-grey {
    color: #5c636b;
}

.mica-about-page__eyebrow,
.mica2026-eyebrow--orange {
    color: #f58220 !important;
}

.mica-about-hero__content a {
    color: #f58220;
}

/* Keep the homepage department introduction readable on the story-blue panel. */
.mica-story-departments__heading p {
    color: #ffffff !important;
}

.sidebar .widgettitle,
.sidebar a {
    color: #5c636b !important;
}

.single-store .store-section-heading {
    font-size: 1.5rem;
    line-height: 1.2;
}

.dream-card-region__heading {
    font-size: 1.75rem;
    line-height: 1.2;
}

.gift-subheading__note {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
}

#story-understanding-title span,
.mica-story-understanding__copy,
.mica-story-understanding__copy p {
    color: #5c636b !important;
}

#story-understanding-title em {
    color: #f58220 !important;
}

#footer h2 {
    color: #5c636b;
}

.mica-promotion-archive-heading h1 {
    color: #f58220 !important;
}

.mica-promotion-archive-heading p {
    color: #5c636b !important;
}

/* YouTube facade: reserve the same 16:9 frame without loading the player. */
.mica-video-facade {
    position: relative;
    display: block;
    width: 90%;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #111;
    cursor: pointer;
}

.mica-video-facade img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vid-frame>.mica-video-facade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    margin: 0;
}

.mica-video-facade__play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border-radius: 50%;
    background: rgba(0, 114, 188, 0.95);
    color: #fff;
    font-size: 1.35rem;
    transform: translate(-50%, -50%);
}

.mica-video-facade__play .fa-play {
    display: block;
    line-height: 1;
}

.mica-video-facade:focus-visible {
    outline: 3px solid #f58220;
    outline-offset: 3px;
}

.promo-item h3 {
    padding: 10px 0;
    margin: 0;
    font-size: inherit;
}

/* Match each article image's editorial frame to its intrinsic shape. */
.mica-story-project-card__image,
.mica-story-workshop-scene .mica-story-project-card__image,
html.mica-story-static .mica-story-workshop-scene .mica-story-project-card__image,
.mica-archive-page .mica-archive-card__media,
.mica-single-article__image-frame {
    height: auto;
    aspect-ratio: var(--mica-article-image-ratio, 1 / 1);
}

/* Keep long latest-post titles inside their paper poster on narrow cards. */
.mica-story-project-card h3 {
    display: -webkit-box;
    min-width: 0;
    max-height: 3em;
    overflow: hidden;
    overflow-wrap: anywhere;
    font-size: clamp(1.15rem, 1.35vw, 1.28rem);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.mica-story-project-card h3 a {
    display: block;
}

.mica-story-project-card time {
    font-size: 0.68rem;
}

.mica-story-project-card p {
    font-size: 0.84rem;
}

.mica-story-project-card .mica-story-text-link {
    font-size: 0.68rem;
}

/* The poster grid was sizing itself to an implicit max-content track. That
 * made each card hit its max-width before the scene's available width was
 * used. Let the panel track fill the scene and let each poster fill its grid
 * column; the nail remains independently sized by its existing rule. */
@media (min-width: 1024px) {
    .mica-story-workshop-panels {
        grid-template-columns: minmax(0, 1fr);
    }

    .mica-story-workshop-scene .mica-story-project-card {
        width: 100%;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .mica-story-workshop-scene__inner {
        grid-template-columns: minmax(120px, 0.2fr) minmax(0, 1fr);
    }
}

@media (min-width: 1200px) {
    .mica-story-workshop-scene__inner {
        width: min(1400px, calc(100vw - 64px));
        grid-template-columns: minmax(200px, 0.2fr) minmax(0, 1fr);
        gap: clamp(2rem, 3.5vw, 3.5rem);
        gap: round(nearest, clamp(2rem, 3.5vw, 3.5rem), var(--mica-space-unit));
    }

    .mica-story-workshop-scene__heading {
        position: relative;
        left: -24px;
    }
}

/* Inner-page desktop header: keep the previous dark treatment and the orange
 * active/hover state while restoring readable contrast. */
@media (min-width: 992px) {

    /* Submenu controls are only needed by the mobile navigation. Without a
     * desktop rule, the dynamically-added buttons fall back to the browser's
     * default 16px button styling and appear as stray marks below the links. */
    .mica2026-site-header__submenu-toggle {
        display: none;
    }

    /* Keep primary-nav labels on one line at desktop widths. */
    .mica2026-site-header__menu>li>a {
        white-space: nowrap;
    }

    body:not(.home) #main-header.mica2026-site-header {
        color: #fff;
        background: #08243d !important;
    }

    body:not(.home) #main-header.mica2026-site-header.is-scrolled {
        color: #fff;
        background: #08243d !important;
    }

    body:not(.home) .mica2026-site-header__menu>li.current-menu-item>a,
    body:not(.home) .mica2026-site-header__menu>li.current-menu-parent>a,
    body:not(.home) .mica2026-site-header__menu>li.current-menu-ancestor>a,
    body:not(.home) .mica2026-site-header__menu>li>a:hover,
    body:not(.home) .mica2026-site-header__menu>li>a:focus-visible,
    body:not(.home) .mica2026-site-header__menu>li:hover>a,
    body:not(.home) .mica2026-site-header__menu>li:focus-within>a {
        color: #f58220;
    }

    body:not(.home) .mica2026-site-header__menu>li.current-menu-item>a::after,
    body:not(.home) .mica2026-site-header__menu>li.current-menu-parent>a::after,
    body:not(.home) .mica2026-site-header__menu>li.current-menu-ancestor>a::after,
    body:not(.home) .mica2026-site-header__menu>li>a:hover::after,
    body:not(.home) .mica2026-site-header__menu>li>a:focus-visible::after {
        background: #f58220;
    }

    body:not(.home) .mica2026-header-action--outline {
        color: #fff;
    }
}

/* Preserve the single-line desktop navigation at narrower desktop widths
 * without pushing the action buttons outside the header shell. */
@media (min-width: 992px) and (max-width: 1200px) {
    .mica2026-site-header__panel {
        gap: 16px;
    }

    .mica2026-site-header__menu,
    .mica2026-site-header__menu ul {
        gap: 16px;
    }

    .mica2026-header-action {
        padding-right: 12px;
        padding-left: 12px;
    }
}

.mica-product-category-archive .mica-archive-heading__description,
.mica-product-category-archive .mica-archive-card__excerpt {
    color: #5c636b !important;
}

.mica-archive-page .mica-archive-heading__description p {
    color: #5c636b !important;
}

.mica-archive-page .mica-archive-heading__count,
.mica-archive-page .mica-archive-card__date,
.mica-archive-page .mica-archive-card__excerpt {
    color: #5c636b !important;
}

.mica-archive-page .mica-archive-card__category {
    color: #f58220 !important;
}

.mica-single-page__eyebrow {
    color: #f58220 !important;
}

.mica-single-article__meta time {
    color: #5c636b !important;
}

.mica-single-article__categories a {
    color: #f58220 !important;
}

.post-type-archive-supplier .description {
    color: #5c636b !important;
}

.post-type-archive-supplier .supp-button {
    background-color: #f58220 !important;
}

.post-type-archive-supplier .supp-cat-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1199px) {
    .post-type-archive-supplier .supp-cat-image {
        height: 160px !important;
    }
}

.mica-product-category-archive .mica-product-button--learn {
    border-color: #f58220;
    color: #f58220;
}

.mica-product-category-archive .mica-product-button--learn:hover,
.mica-product-category-archive .mica-product-button--learn:focus-visible {
    border-color: #f58220;
    background: #f58220;
    color: #fff;
}

/* Keep both category actions in one consistent bottom row. The second column
 * may wrap its label internally, but the button itself never drops below the
 * Shop Products button. */
.mica-product-category-card .supplier-actions {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 12px;
}

.mica-product-category-card .supplier-actions .mica-product-button {
    min-width: 0;
    min-height: 48px;
    padding: 0.6rem 0.75rem;
    font-size: 0.68rem;
    line-height: 1.2;
}

.mica-product-category-card .supplier-actions .mica-product-button--shop {
    white-space: nowrap;
}

.mica-product-category-card .supplier-actions .mica-product-button--learn {
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.mica-product-category-archive .mica-product-button--store-only,
.mica-product-category-archive .mica-product-button--store-only:hover,
.mica-product-category-archive .mica-product-button--store-only:focus-visible {
    border-color: #c6ccd1 !important;
    color: #727b82 !important;
    background: #e3e6e8 !important;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.9;
    pointer-events: none;
    transform: none !important;
}

.mica-product-single__title,
.mica-product-single__intro strong {
    color: #f58220 !important;
}

.product-sidebar a {
    display: inline-block;
    min-height: 24px;
    line-height: 24px;
    color: #5c636b !important;
}

.product-sidebar li.is-current>a {
    color: #f58220 !important;
}

.single.posts .product-sidebar .product-sidebar-list a {
    line-height: 24px;
}

.single.posts .product-sidebar .product-sidebar-list li.is-current a {
    color: #f58220 !important;
}

.mica-brands-page__title,
.mica-brands-page__section-header h2 {
    color: #f58220 !important;
}

.mica-brands-page .wp-block-group p,
.mica-brands-page .wp-block-group p strong {
    color: #5c636b !important;
}

.mica-supplier-card__category {
    color: #5c636b !important;
}

.frm_forms select {
    color: #5c636b !important;
}

/* Store-locator phone links remain easy to tap on narrow screens. */
#locator-map .store-item a {
    display: inline-block;
    min-height: 24px;
    padding-block: 4px;
    line-height: 16px;
}

@media (max-width: 767px) {
    .mica-supplier-filters__categories {
        max-height: 70px;
    }

    .mica-supplier-filters__categories-toggle {
        min-height: 44px;
    }
}

/* Contact page: separate information from the two form entry points. */
.mica-contact-page .mica-about-hero__content>.wp-block-heading {
    margin-bottom: 14px !important;
}

.mica-contact-page__details,
.mica-contact-page__rewards {
    margin-top: 28px;
    padding: 24px 26px;
}

.mica-contact-page__details {
    border-left: 4px solid var(--mica-about-navy);
    background: #f0f4f6;
}

.mica-contact-page__rewards {
    border-left: 4px solid var(--mica-about-orange);
    background: #fff3e5;
}

.mica-contact-page__details>p,
.mica-contact-page__rewards>p {
    margin: 0 !important;
    color: #566675;
}

.mica-contact-page__details a,
.mica-contact-page__rewards a {
    color: var(--mica-about-navy) !important;
}

.mica-contact-page__details h2,
.mica-contact-page__rewards h2 {
    margin: 0 0 14px !important;
    color: var(--mica-about-navy) !important;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(2rem, 4vw, 3.1rem) !important;
    font-weight: 700 !important;
    line-height: 0.95 !important;
    text-transform: uppercase;
}

.mica-contact-page__choices {
    margin-top: clamp(38px, 5vw, 60px);
    margin-top: round(nearest, clamp(38px, 5vw, 60px), var(--mica-space-unit));
    padding-top: 28px;
    border-top: 1px solid rgba(16, 47, 79, 0.16);
}

.mica-contact-page__choices h2 {
    margin: 0 0 20px !important;
    color: var(--mica-about-navy) !important;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(2.2rem, 4.5vw, 3.8rem) !important;
    font-weight: 700 !important;
    line-height: 0.95 !important;
    text-transform: uppercase;
}

.mica-contact-page__choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.mica-contact-page__choice-button {
    display: flex;
    width: 100%;
    min-height: 72px;
    align-items: center;
    gap: 14px;
    padding: 17px 20px;
    border: 1px solid #0072bc;
    border-radius: 8px;
    color: #fff;
    background: #0072bc;
    box-shadow: 0 12px 24px rgba(0, 114, 188, 0.15);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.25;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.mica-contact-page__choice-button>i:first-child {
    flex: 0 0 auto;
    font-size: 1.15rem;
}

.mica-contact-page__choice-button>i:last-child {
    flex: 0 0 auto;
    margin-left: auto;
    font-size: 0.85rem;
    transition: transform 180ms ease;
}

.mica-contact-page__choice-button:hover,
.mica-contact-page__choice-button:focus-visible {
    border-color: #005a95;
    color: #fff;
    background: #005a95;
    box-shadow: 0 16px 30px rgba(0, 90, 149, 0.2);
    outline: none;
    transform: translateY(-2px);
}

.mica-contact-page__choice-button:hover>i:last-child,
.mica-contact-page__choice-button:focus-visible>i:last-child {
    transform: translateX(4px);
}

body.mica-contact-modal-open {
    overflow: hidden;
}

.mica-contact-modal {
    width: min(760px, calc(100% - 30px));
    max-width: none;
    max-height: calc(100vh - 32px);
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 14px;
    color: var(--mica-about-ink);
    background: var(--mica-about-paper);
    box-shadow: 0 28px 90px rgba(16, 47, 79, 0.3);
}

.mica-contact-modal::backdrop {
    background: rgba(16, 47, 79, 0.76);
    backdrop-filter: blur(4px);
}

.mica-contact-modal.is-open {
    display: block;
    position: fixed;
    inset: 16px;
    margin: auto;
}

.mica-contact-modal__inner {
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding: clamp(24px, 4vw, 42px);
    padding: round(nearest, clamp(24px, 4vw, 42px), var(--mica-space-unit));
}

.mica-contact-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(16, 47, 79, 0.16);
}

.mica-contact-modal__header h2 {
    margin: 0 !important;
    color: var(--mica-about-navy) !important;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(2.4rem, 5vw, 4rem) !important;
    font-weight: 700 !important;
    line-height: 0.92 !important;
    text-transform: uppercase;
}

.mica-contact-modal__close {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(16, 47, 79, 0.24);
    border-radius: 50%;
    color: var(--mica-about-navy);
    background: transparent;
    font-size: 1rem;
    cursor: pointer;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.mica-contact-modal__close:hover,
.mica-contact-modal__close:focus-visible {
    border-color: var(--mica-about-orange);
    color: #fff;
    background: var(--mica-about-orange);
    outline: none;
    transform: rotate(90deg);
}

.mica-contact-modal__form .frm_forms {
    margin: 0;
}

.mica-contact-modal__form .frm_button_submit {
    border-color: #0072bc !important;
    color: #fff !important;
    background: #0072bc !important;
}

.mica-contact-modal__form .frm_button_submit:hover,
.mica-contact-modal__form .frm_button_submit:focus-visible {
    border-color: #005a95 !important;
    background: #005a95 !important;
}

@media (max-width: 767px) {

    .mica-contact-page__details,
    .mica-contact-page__rewards {
        padding: 20px;
    }

    .mica-contact-page__choice-grid {
        grid-template-columns: 1fr;
    }

    .mica-contact-page__choice-button {
        min-height: 64px;
    }

    .mica-contact-modal {
        width: calc(100% - 20px);
        max-height: calc(100vh - 20px);
    }

    .mica-contact-modal__inner {
        max-height: calc(100vh - 20px);
        padding: 22px 18px 28px;
    }
}

/* Product category singles share the editorial composition used by About Us. */
.mica-product-category-page .mica-about-hero h1.mica-product-single__title {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--mica-about-navy) !important;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(4.6rem, 9vw, 8.4rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.045em;
    line-height: 0.88 !important;
    text-transform: uppercase;
}

.mica-product-category-page .mica-about-hero__content.mica-product-single__intro {
    max-width: none;
    color: #566675;
    font-size: 1rem !important;
    line-height: 1.82 !important;
}

.mica-product-category-page .mica-about-hero__content.mica-product-single__intro p {
    margin: 0 0 22px !important;
    padding: 0 !important;
}

.mica-product-category-page .mica-about-hero__content.mica-product-single__intro strong {
    color: var(--mica-about-navy) !important;
}

.mica-product-category-page .mica-product-category-page__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 278px);
    gap: clamp(36px, 6vw, 84px);
    align-items: start;
}

.mica-product-category-page__main {
    min-width: 0;
    display: flow-root;
}

.mica-product-category-page__main .mica-product-category-page__media {
    width: min(42%, 420px);
}

.mica-product-category-page .mica-product-category-page__actions {
    display: flex;
    grid-template-columns: none;
    flex-wrap: wrap;
    gap: 14px 20px;
    margin-top: 34px;
}

.mica-product-category-page .mica-product-category-page__actions .mica-product-single__range-button {
    min-height: 44px;
    margin: 0;
    padding: 12px 18px;
    border: 1px solid var(--mica-about-orange) !important;
    border-radius: 999px;
    color: #fff !important;
    background: var(--mica-about-orange) !important;
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.mica-product-category-page .mica-product-category-page__actions .mica-product-single__range-button:hover,
.mica-product-category-page .mica-product-category-page__actions .mica-product-single__range-button:focus-visible {
    border-color: var(--mica-about-orange-dark) !important;
    color: #fff !important;
    background: var(--mica-about-orange-dark) !important;
}

.mica-product-category-page__types {
    clear: both;
    margin-top: clamp(48px, 6vw, 84px);
    margin-top: round(nearest, clamp(48px, 6vw, 84px), var(--mica-space-unit));
    padding-top: clamp(28px, 4vw, 48px);
    padding-top: round(nearest, clamp(28px, 4vw, 48px), var(--mica-space-unit));
    border-top: 1px solid rgba(16, 47, 79, 0.16);
}

.mica-product-category-page .mica-product-category-page__types-heading {
    margin: 0 0 28px !important;
    color: var(--mica-about-navy) !important;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(2.2rem, 5vw, 4rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em;
    line-height: 0.95 !important;
    text-transform: uppercase;
}

.mica-product-category-page__type-groups {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 30px 40px;
}

.mica-product-category-page__type-group {
    min-width: 0;
}

.mica-product-category-page .mica-product-category-page__type-group .mica-product-single__group-title {
    margin: 0 0 12px !important;
    color: #f58220 !important;
    font-family: "Inter", Arial, sans-serif;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em;
    line-height: 1.3 !important;
    text-transform: uppercase;
}

.mica-product-category-page .mica-product-category-page__type-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: 12px 14px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.mica-product-category-page .mica-product-category-page__type-list li {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    list-style: none;
}

.mica-product-category-page .mica-product-category-page__type-list a.mica-product-category-page__type-button {
    display: flex;
    width: 100%;
    min-height: 54px;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 17px;
    border: 1px solid rgba(16, 47, 79, 0.28) !important;
    border-radius: 999px;
    color: var(--mica-about-navy) !important;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 8px 20px rgba(16, 47, 79, 0.06);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    text-decoration: none !important;
    white-space: normal;
}

.mica-product-category-page .mica-product-category-page__type-list a.mica-product-category-page__type-button i {
    flex: 0 0 auto;
    color: var(--mica-about-orange);
    font-size: 0.78rem;
    transition: color 180ms ease, transform 180ms ease;
}

.mica-product-category-page .mica-product-category-page__type-list a.mica-product-category-page__type-button:hover,
.mica-product-category-page .mica-product-category-page__type-list a.mica-product-category-page__type-button:focus-visible {
    border-color: var(--mica-about-orange) !important;
    color: #fff !important;
    background: var(--mica-about-orange);
    box-shadow: 0 12px 24px rgba(245, 130, 32, 0.2);
}

.mica-product-category-page .mica-product-category-page__type-list a.mica-product-category-page__type-button:hover i,
.mica-product-category-page .mica-product-category-page__type-list a.mica-product-category-page__type-button:focus-visible i {
    color: #fff;
    transform: translateX(3px);
}

.mica-product-category-page__catalogue {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    align-self: start;
    position: sticky;
    top: 104px;
    clear: none;
    margin: 0;
    padding: 24px 0 24px 26px;
    border-top: 7px solid var(--mica-about-orange);
    border-left: 1px solid rgba(16, 47, 79, 0.16);
}

.mica-product-category-page__catalogue .product-sidebar {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.mica-product-category-page__catalogue .product-sidebar .widgettitle {
    margin: 0 0 20px;
    padding: 0;
    color: var(--mica-about-navy) !important;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(1.8rem, 3vw, 2.45rem);
    font-weight: 700;
    line-height: 0.95;
    text-decoration: none;
}

.mica-product-category-page__catalogue .product-sidebar-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mica-product-category-page__catalogue .product-sidebar-list li {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(16, 47, 79, 0.16);
    list-style: none;
}

.mica-product-category-page__catalogue .product-sidebar-list a {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    color: #566675 !important;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
}

.mica-product-category-page__catalogue .product-sidebar-list a::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    flex: 0 0 auto;
    color: var(--mica-about-orange);
    font-size: 1rem;
    transition: color 180ms ease, transform 180ms ease;
}

.mica-product-category-page__catalogue .product-sidebar-list li.is-current a,
.mica-product-category-page__catalogue .product-sidebar-list a:hover,
.mica-product-category-page__catalogue .product-sidebar-list a:focus-visible {
    color: #f58220 !important;
}

.mica-product-category-page__catalogue .product-sidebar-list a:hover::after,
.mica-product-category-page__catalogue .product-sidebar-list a:focus-visible::after,
.mica-product-category-page__catalogue .product-sidebar-list li.is-current a::after {
    color: #f58220;
    transform: translateX(3px);
}

@media (max-width: 980px) {
    .mica-product-category-page .mica-product-category-page__layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 44px;
    }

    .mica-product-category-page__catalogue {
        grid-column: 1;
        grid-row: auto;
        position: static;
        margin-top: 0;
        padding: 28px 0 0;
        border-top: 7px solid var(--mica-about-orange);
        border-left: 0;
    }

    .mica-product-category-page__catalogue .product-sidebar-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 24px;
    }
}

@media (max-width: 767px) {
    .mica-product-category-page .mica-about-hero h1.mica-product-single__title {
        font-size: clamp(4.2rem, 20vw, 6.7rem) !important;
    }

    .mica-product-category-page .mica-about-hero__content.mica-product-single__intro {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
    }

    .mica-product-category-page .mica-product-category-page__actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .mica-product-category-page .mica-product-category-page__actions .mica-product-single__range-button {
        width: 100%;
        max-width: 360px;
    }

    .mica-product-category-page__types {
        margin-top: 48px;
        padding-top: 28px;
    }

    .mica-product-category-page__type-groups {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .mica-product-category-page .mica-product-category-page__type-list {
        grid-template-columns: 1fr;
    }

    .mica-product-category-page__catalogue {
        margin-top: 0;
    }

    .mica-product-category-page__catalogue .product-sidebar-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 18px;
    }
}

/* A single product category can exist in the local catalogue before it has
 * any products in the WooCommerce range. Keep that state informative and
 * non-interactive instead of sending shoppers to an empty shop page. */
.mica-product-category-page .mica-product-single__range-button--store-only,
.mica-product-category-page .mica-product-single__range-button--store-only:hover,
.mica-product-category-page .mica-product-single__range-button--store-only:focus-visible {
    border-color: #c6ccd1 !important;
    color: #727b82 !important;
    background: #e3e6e8 !important;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .9;
    pointer-events: none;
    transform: none !important;
}

.mica-product-category-page .mica-product-single__range-button--store-only i {
    color: inherit !important;
}


/* ========================================================================== 
   DEFAULT PAGE COMPONENTS
   Consolidated from assets/css/default-page.css
   ========================================================================== */
/*
 * Default page shell
 * Content-first editorial layout with shadcn-inspired tokens, cards and
 * focus states. It is namespaced so dedicated page templates can opt out.
 */

.mica-default-page {
    --mica-page-orange: #f58220;
    --mica-page-orange-dark: #d8660d;
    --mica-page-blue: #0072bc;
    --mica-page-navy: #102f4f;
    --mica-page-ink: #213547;
    --mica-page-muted: #687987;
    --mica-page-line: #dce4e9;
    --mica-page-paper: #f6f8f9;
    --mica-page-card: #ffffff;
    --mica-page-shell: min(1200px, calc(100vw - 48px));
    position: relative;
    overflow: hidden;
    color: var(--mica-page-ink);
    background: var(--mica-page-paper);
    font-family: "Inter", Arial, sans-serif;
}

.mica-default-page *,
.mica-default-page *::before,
.mica-default-page *::after {
    box-sizing: border-box;
}

.mica-default-page a {
    color: inherit;
}

.mica-default-page__shell {
    width: var(--mica-page-shell);
    margin-inline: auto;
}

.mica-default-page__hero {
    position: relative;
    padding: clamp(32px, 5vw, 72px) 0 clamp(52px, 7vw, 96px);
    padding: round(nearest, clamp(32px, 5vw, 72px), var(--mica-space-unit)) 0 round(nearest, clamp(52px, 7vw, 96px), var(--mica-space-unit));
    background:
        radial-gradient(circle at 7% 21%, rgba(0, 114, 188, 0.1) 0 2px, transparent 2.5px) 0 0 / 20px 20px,
        linear-gradient(135deg, #ffffff 0%, #f6f8f9 65%, #eef3f5 100%);
}

.mica-default-page__hero::after {
    position: absolute;
    right: -80px;
    bottom: -110px;
    width: 280px;
    height: 280px;
    border: 1px solid rgba(245, 130, 32, 0.2);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.mica-default-page__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: clamp(42px, 7vw, 78px);
    color: var(--mica-page-muted);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.4;
    text-transform: uppercase;
}

.mica-default-page__breadcrumbs a {
    color: var(--mica-page-blue);
    text-decoration: none;
}

.mica-default-page__breadcrumbs a:hover,
.mica-default-page__breadcrumbs a:focus-visible {
    color: var(--mica-page-orange);
}

.mica-default-page__breadcrumbs span:last-child {
    color: var(--mica-page-navy);
}

.mica-default-page__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: clamp(40px, 8vw, 116px);
    gap: round(nearest, clamp(40px, 8vw, 116px), var(--mica-space-unit));
    align-items: center;
}

.mica-default-page__eyebrow,
.mica-default-page__rail-label {
    margin: 0 0 18px;
    color: var(--mica-page-blue);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.3;
    text-transform: uppercase;
}

.mica-default-page__eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
}

.mica-default-page__eyebrow span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mica-page-orange);
    box-shadow: 0 0 0 5px rgba(245, 130, 32, 0.14);
}

.mica-default-page__hero h1 {
    max-width: 8ch;
    margin: 0;
    color: var(--mica-page-navy);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(4.1rem, 8.8vw, 8.8rem);
    font-weight: 700;
    letter-spacing: -0.055em;
    line-height: 0.84;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.mica-default-page__hero-rule {
    width: min(100%, 220px);
    height: 7px;
    margin: clamp(28px, 4vw, 42px) 0 22px;
    background: linear-gradient(90deg, var(--mica-page-orange) 0 34%, var(--mica-page-blue) 34% 100%);
}

.mica-default-page__hero-note {
    max-width: 31ch;
    margin: 0;
    color: var(--mica-page-muted);
    font-size: clamp(0.92rem, 1.4vw, 1.05rem);
    line-height: 1.65;
}

.mica-default-page__hero-media {
    min-width: 0;
}

.mica-default-page__image-frame,
.mica-default-page__abstract-frame {
    position: relative;
    min-height: clamp(260px, 37vw, 470px);
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(16, 47, 79, 0.14);
    border-radius: 28px 28px 28px 8px;
    background: var(--mica-page-navy);
    box-shadow: 16px 18px 0 rgba(0, 114, 188, 0.1), 0 22px 50px rgba(16, 47, 79, 0.16);
}

.mica-default-page__image-frame::after {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: inherit;
    content: "";
    pointer-events: none;
}

.mica-default-page__image-frame img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
}

.mica-default-page__image-stamp {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, 0.54);
    border-radius: 999px;
    color: #fff;
    background: rgba(16, 47, 79, 0.74);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.mica-default-page__abstract-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
    background: var(--mica-page-navy);
}

.mica-default-page__abstract-frame__word {
    position: relative;
    z-index: 2;
    color: #fff;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(5rem, 12vw, 10rem);
    font-weight: 700;
    letter-spacing: -0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.mica-default-page__abstract-frame__shape {
    position: absolute;
    display: block;
}

.mica-default-page__abstract-frame__shape--one {
    top: -12%;
    right: -10%;
    width: 58%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--mica-page-orange);
}

.mica-default-page__abstract-frame__shape--two {
    bottom: -16%;
    left: -8%;
    width: 58%;
    height: 42%;
    border-radius: 44px;
    background: var(--mica-page-blue);
    transform: rotate(-14deg);
}

.mica-default-page__abstract-frame__shape--three {
    right: 12%;
    bottom: 14%;
    width: 28%;
    height: 9px;
    background: #ffd54a;
    transform: rotate(-32deg);
}

.mica-default-page__media-caption {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 18px 0 0;
    color: var(--mica-page-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.mica-default-page__media-caption span {
    color: var(--mica-page-orange);
}

.mica-default-page__body {
    padding: clamp(48px, 7vw, 94px) 0 clamp(70px, 9vw, 120px);
    padding: round(nearest, clamp(48px, 7vw, 94px), var(--mica-space-unit)) 0 round(nearest, clamp(70px, 9vw, 120px), var(--mica-space-unit));
    background: var(--mica-page-paper);
}

.mica-default-page__body-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
    gap: clamp(28px, 5vw, 68px);
    gap: round(nearest, clamp(28px, 5vw, 68px), var(--mica-space-unit));
    align-items: start;
}

.mica-default-page__content-card,
.mica-default-page__rail-card {
    border: 1px solid var(--mica-page-line);
    border-radius: 24px;
    background: var(--mica-page-card);
    box-shadow: 0 12px 30px rgba(16, 47, 79, 0.05);
}

.mica-default-page__content-card {
    min-width: 0;
    padding: clamp(28px, 5vw, 60px);
}

.mica-default-page__content-kicker {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: clamp(28px, 4vw, 48px);
    color: var(--mica-page-blue);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.mica-default-page__content-kicker-line {
    width: 48px;
    height: 1px;
    background: var(--mica-page-orange);
}

.mica-default-page__prose {
    max-width: 73ch;
    color: var(--mica-page-ink);
    font-size: clamp(0.98rem, 1.3vw, 1.08rem);
    line-height: 1.82;
}

.mica-default-page__prose>*:first-child {
    margin-top: 0;
}

.mica-default-page__prose>*:last-child {
    margin-bottom: 0;
}

.mica-default-page__prose p,
.mica-default-page__prose ul,
.mica-default-page__prose ol,
.mica-default-page__prose blockquote,
.mica-default-page__prose table,
.mica-default-page__prose figure {
    margin: 0 0 1.25em;
}

.mica-default-page__prose h2,
.mica-default-page__prose h3,
.mica-default-page__prose h4 {
    margin: 1.8em 0 0.55em;
    color: var(--mica-page-navy);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1;
    text-transform: uppercase;
}

.mica-default-page__prose h2 {
    font-size: clamp(2rem, 3.5vw, 3rem);
}

.mica-default-page__prose h3 {
    font-size: clamp(1.55rem, 2.5vw, 2.2rem);
}

.mica-default-page__prose h4 {
    font-family: "Inter", Arial, sans-serif;
    font-size: 1rem;
    letter-spacing: 0.06em;
}

.mica-default-page__prose a {
    color: var(--mica-page-blue);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(245, 130, 32, 0.65);
    text-underline-offset: 3px;
}

.mica-default-page__prose a:hover,
.mica-default-page__prose a:focus-visible {
    color: var(--mica-page-orange);
}

.mica-default-page__prose ul,
.mica-default-page__prose ol {
    padding-left: 1.35em;
}

.mica-default-page__prose li+li {
    margin-top: 0.45em;
}

.mica-default-page__prose strong {
    color: var(--mica-page-navy);
}

.mica-default-page__prose blockquote {
    padding: 16px 22px;
    border-left: 4px solid var(--mica-page-orange);
    color: var(--mica-page-navy);
    background: #fff7ef;
    font-size: 1.08em;
    font-weight: 600;
}

.mica-default-page__prose img,
.mica-default-page__prose iframe,
.mica-default-page__prose video {
    max-width: 100%;
    border-radius: 14px;
}

.mica-default-page__prose iframe {
    width: 100%;
    min-height: 380px;
}

.mica-default-page__pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 38px;
    padding-top: 22px;
    border-top: 1px solid var(--mica-page-line);
    color: var(--mica-page-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mica-default-page__pagination a,
.mica-default-page__pagination span {
    display: inline-flex;
    min-width: 30px;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border-radius: 999px;
    text-decoration: none;
}

.mica-default-page__pagination a {
    border: 1px solid var(--mica-page-line);
    color: var(--mica-page-blue);
}

.mica-default-page__pagination a:hover,
.mica-default-page__pagination a:focus-visible {
    border-color: var(--mica-page-blue);
    background: #edf7fc;
}

.mica-default-page__rail {
    display: grid;
    gap: 20px;
}

.mica-default-page__rail-card {
    padding: 26px;
}

.mica-default-page__rail-card--accent {
    border-color: transparent;
    color: #fff;
    background: var(--mica-page-navy);
    box-shadow: 8px 8px 0 rgba(245, 130, 32, 0.9);
}

.mica-default-page__rail-card--accent .mica-default-page__rail-label {
    color: #ffd54a;
}

.mica-default-page__rail-card--shop {
    border-color: transparent;
    color: #fff;
    background: var(--mica-page-orange);
    box-shadow: 8px 8px 0 rgba(0, 114, 188, 0.16);
}

.mica-default-page__rail-card--shop .mica-default-page__rail-label {
    color: #fff7d6;
}

.mica-default-page__rail-card--quiet {
    background: #fff;
}

.mica-default-page__rail-card--loyalty {
    border-color: #cfe7f3;
    background: #edf7fc;
}

.mica-default-page__rail-card h2 {
    margin: 0 0 24px;
    color: inherit;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(2rem, 3vw, 2.7rem);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 0.95;
    text-transform: uppercase;
}

.mica-default-page__rail-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.mica-default-page__rail-card--quiet .mica-default-page__rail-link,
.mica-default-page__rail-card--loyalty .mica-default-page__rail-link {
    border-top-color: var(--mica-page-line);
    color: var(--mica-page-blue);
}

.mica-default-page__rail-card--shop .mica-default-page__rail-link {
    border-top-color: rgba(255, 255, 255, 0.42);
}

.mica-default-page__rail-card--shop .mica-default-page__rail-link span {
    color: #fff;
}

.mica-default-page__rail-link span {
    color: var(--mica-page-orange);
    font-size: 1.3em;
    transition: transform 180ms ease;
}

.mica-default-page__rail-link:hover span,
.mica-default-page__rail-link:focus-visible span {
    transform: translateX(4px);
}

.mica-default-page__hero-copy:focus-within,
.mica-default-page__hero-media:focus-within,
.mica-default-page__content-card:focus-within,
.mica-default-page__rail:focus-within {
    outline: 2px solid rgba(0, 114, 188, 0.32);
    outline-offset: 6px;
}

@media (prefers-reduced-motion: reduce) {
    .mica-default-page__rail-link span {
        transition: none;
    }
}

@media (max-width: 820px) {

    .mica-default-page__hero-grid,
    .mica-default-page__body-grid {
        grid-template-columns: 1fr;
    }

    .mica-default-page__hero-copy {
        max-width: 660px;
    }

    .mica-default-page__hero h1 {
        max-width: 9ch;
    }

    .mica-default-page__hero-media {
        max-width: 720px;
    }

    .mica-default-page__rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
}

@media (max-width: 560px) {
    .mica-default-page {
        --mica-page-shell: min(100% - 32px, 1200px);
    }

    .mica-default-page__hero {
        padding-top: 28px;
    }

    .mica-default-page__breadcrumbs {
        margin-bottom: 42px;
    }

    .mica-default-page__hero h1 {
        font-size: clamp(3.7rem, 19vw, 6rem);
    }

    .mica-default-page__image-frame,
    .mica-default-page__abstract-frame {
        min-height: 250px;
        border-radius: 20px 20px 20px 6px;
    }

    .mica-default-page__content-card {
        padding: 24px 20px;
        border-radius: 18px;
    }

    .mica-default-page__rail {
        grid-template-columns: 1fr;
    }
}


/* ========================================================================== 
   LOYALTY CARD STORES PAGE
   Consolidated from assets/css/loyalty-stores.css
   ========================================================================== */
/* Mica Loyalty Card Stores page ----------------------------------------- */
.mica-loyalty {
    --mica-loyalty-blue: #0072bc;
    --mica-loyalty-blue-deep: #064e9a;
    --mica-loyalty-navy: #123873;
    --mica-loyalty-ink: #1c3458;
    --mica-loyalty-muted: #5c636b;
    --mica-loyalty-orange: #f58220;
    --mica-loyalty-yellow: #ffbf00;
    --mica-loyalty-paper: #f5f7fa;
    --mica-loyalty-line: #e3e8ef;
    /* The shared benefits markup also uses the programme token names. */
    --mica-programme-blue-dark: var(--mica-loyalty-blue-deep);
    --mica-programme-navy: var(--mica-loyalty-navy);
    --mica-programme-ink: var(--mica-loyalty-ink);
    --mica-programme-orange: var(--mica-loyalty-orange);
    --mica-programme-line: var(--mica-loyalty-line);
    width: 100%;
    overflow: visible;
    background: #fff;
    color: var(--mica-loyalty-ink);
    font-family: "Inter", Arial, sans-serif;
}

.mica-loyalty *,
.mica-loyalty *::before,
.mica-loyalty *::after {
    box-sizing: border-box;
}

.mica-loyalty img {
    display: block;
    max-width: 100%;
}

.mica-loyalty .mica-loyalty-icon {
    display: block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mica-loyalty a {
    color: inherit;
    text-decoration: none;
}

.mica-loyalty h1,
.mica-loyalty h2,
.mica-loyalty h3,
.mica-loyalty p,
.mica-loyalty ul {
    margin: 0;
}

.mica-loyalty ul {
    padding: 0;
    list-style: none;
}

.mica-loyalty button,
.mica-loyalty input,
.mica-loyalty select {
    font: inherit;
}

.mica-loyalty button,
.mica-loyalty input,
.mica-loyalty select {
    margin: 0;
}

.mica-loyalty__shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
}

.mica-loyalty__hero {
    position: relative;
    overflow: hidden;
}

.mica-loyalty__hero-banner {
    width: 100%;
}

.mica-loyalty__hero-banner img {
    width: 100%;
    height: auto;
}

.mica-loyalty__benefits {
    position: relative;
    z-index: 2;
    margin-top: -30px;
}

.mica-loyalty__benefits-shell {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    min-height: 92px;
    border: 1px solid rgba(18, 56, 115, .08);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(22, 48, 90, .1);
}

.mica-loyalty__benefit {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px 20px;
}

.mica-loyalty__benefit+.mica-loyalty__benefit {
    border-left: 1px solid var(--mica-loyalty-line);
}

.mica-loyalty__benefit-icon,
.mica-loyalty__cta-feature>span {
    display: inline-flex;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--mica-loyalty-blue-deep);
    color: #fff;
    font-size: 1.1rem;
}

.mica-loyalty__benefit:nth-child(4) .mica-loyalty__benefit-icon {
    background: var(--mica-loyalty-orange);
}

.mica-loyalty__benefit-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.mica-loyalty__benefit-copy strong {
    overflow: hidden;
    color: var(--mica-loyalty-navy);
    font-size: clamp(.85rem, 1.05vw, 1rem);
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.1;
    text-overflow: clip;
    text-transform: uppercase;
    white-space: normal;
}

.mica-loyalty__benefit-copy small {
    color: var(--mica-loyalty-muted);
    font-size: clamp(.72rem, .9vw, .86rem);
    line-height: 1.3;
    white-space: normal;
}

.mica-loyalty__directory {
    padding: 14px 0 42px;
    background: linear-gradient(#fff 0, #fff 15%, var(--mica-loyalty-paper) 100%);
}

.mica-loyalty__filters {
    display: grid;
    grid-template-columns: minmax(250px, 1.45fr) minmax(165px, .78fr) minmax(145px, .58fr) minmax(170px, .75fr);
    align-items: center;
    gap: 13px;
}

.mica-loyalty__field,
.mica-loyalty__location-button,
.mica-loyalty__nearest-button {
    display: flex;
    min-width: 0;
    min-height: 58px;
    align-items: center;
    border: 1px solid #dce3eb;
    border-radius: 8px;
    background: #fff;
    color: var(--mica-loyalty-muted);
    box-shadow: 0 2px 8px rgba(16, 47, 79, .06);
    font-size: .9rem;
}

.mica-loyalty__field {
    position: relative;
}

.mica-loyalty__field>i,
.mica-loyalty__field>.mica-loyalty-icon {
    flex: 0 0 auto;
    margin-left: 16px;
    color: #7c8b9e;
    font-size: .9rem;
}

.mica-loyalty__field input,
.mica-loyalty__field select {
    width: 100%;
    min-width: 0;
    height: 56px;
    min-height: 56px;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 0 16px 0 13px;
    background: transparent;
    color: var(--mica-loyalty-ink);
    box-shadow: none;
    font-size: .9rem;
}

.mica-loyalty__field input::placeholder {
    color: #96a1af;
}

.mica-loyalty__field--select select {
    appearance: none;
    padding-right: 28px;
    cursor: pointer;
}

.mica-loyalty__select-chevron {
    position: absolute;
    right: 12px;
    margin: 0 !important;
    color: #77869a !important;
    font-size: .62rem !important;
    pointer-events: none;
}

.mica-loyalty__location-button,
.mica-loyalty__nearest-button {
    justify-content: center;
    gap: 10px;
    padding: 0 20px;
    cursor: pointer;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .06em;
    white-space: nowrap;
}

.mica-loyalty__location-button {
    border-color: #8db7ed;
    background: #fff;
    color: var(--mica-loyalty-blue);
}

.mica-loyalty__nearest-button {
    border-color: var(--mica-loyalty-orange);
    background: var(--mica-loyalty-orange);
    color: #fff;
}

.mica-loyalty__location-button:hover,
.mica-loyalty__location-button:focus-visible {
    border-color: var(--mica-loyalty-blue-deep);
    background: #eef6ff;
}

.mica-loyalty__nearest-button:hover,
.mica-loyalty__nearest-button:focus-visible {
    border-color: #dd6811;
    background: #dd6811;
    color: #fff;
}

.mica-loyalty__filter-status {
    min-height: 1.15em;
    margin: 8px 0 0 !important;
    color: var(--mica-loyalty-muted);
    font-size: .7rem;
    text-align: right;
}

.mica-loyalty__directory-heading {
    margin: 8px 0 24px;
    text-align: center;
}

.mica-loyalty__directory-heading h2 {
    color: var(--mica-loyalty-navy);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(2rem, 3vw, 2.65rem);
    font-weight: 800;
    letter-spacing: .02em;
    line-height: .98;
    text-transform: uppercase;
}

.mica-loyalty__directory-heading p {
    max-width: 720px;
    margin: 10px auto 0 !important;
    color: var(--mica-loyalty-muted);
    font-size: clamp(.82rem, 1.1vw, .98rem);
    line-height: 1.5;
    white-space: pre-line;
}

.mica-loyalty__regions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 20px;
}

.mica-loyalty__region {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: visible;
    border: 1px solid #e2e7ee;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 11px rgba(35, 58, 87, .04);
}

/* A collapsed destination should keep only its header instead of stretching
 * into the height of the tallest open card in the same grid row. */
.mica-loyalty__region.is-collapsed {
    align-self: start;
    height: max-content;
}

.mica-loyalty__region[hidden] {
    display: none;
}

.mica-loyalty__region-heading {
    margin: 0;
}

.mica-loyalty__region-toggle {
    display: flex;
    width: 100%;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 0;
    padding: 0 18px;
    border-radius: 9px 9px 0 0;
    background: linear-gradient(105deg, var(--mica-loyalty-blue-deep), #075da6);
    color: #fff;
    cursor: pointer;
    text-align: left;
}

.mica-loyalty__region-name,
.mica-loyalty__region-meta {
    display: inline-flex;
    align-items: center;
}

.mica-loyalty__region-name {
    min-width: 0;
    gap: 10px;
    font-size: clamp(.9rem, 1.15vw, 1.08rem);
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.1;
    text-transform: uppercase;
}

.mica-loyalty__region-name>i,
.mica-loyalty__region-name>.mica-loyalty-icon {
    color: #fff;
    font-size: 1rem;
}

.mica-loyalty__region-meta {
    flex: 0 0 auto;
    gap: 11px;
}

.mica-loyalty__region-meta small {
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: var(--mica-loyalty-blue-deep);
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.mica-loyalty__region-meta>i,
.mica-loyalty__region-meta>.mica-loyalty-icon {
    font-size: .78rem;
    transition: transform 180ms ease;
}

.mica-loyalty__region.is-collapsed .mica-loyalty__region-meta>i,
.mica-loyalty__region.is-collapsed .mica-loyalty__region-meta>.mica-loyalty-icon {
    transform: rotate(180deg);
}

.mica-loyalty__region-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 16px 18px 12px;
}

.mica-loyalty__region-body[hidden],
.mica-loyalty__store-actions[hidden] {
    display: none !important;
}

.mica-loyalty__region.is-collapsed .mica-loyalty__region-body {
    display: none;
}

.mica-loyalty__store-list {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    column-gap: 24px;
}

.mica-loyalty__store-list li {
    position: relative;
    display: block;
    min-width: 0;
    border-bottom: 1px solid rgba(226, 231, 238, .72);
}

.mica-loyalty__store-list li.is-expanded {
    z-index: 20;
}

.mica-loyalty__store-row {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: stretch;
}

.mica-loyalty__store-link {
    position: relative;
    display: flex;
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    min-height: 36px;
    align-items: center;
    gap: 9px;
    padding: 7px 42px 7px 0;
    border: 0;
    background: transparent;
    color: #415675;
    font-size: clamp(.68rem, .82vw, .78rem);
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.mica-loyalty__store-link>span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mica-loyalty__store-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-flex;
    width: 32px;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--mica-loyalty-blue);
    cursor: pointer;
}

.mica-loyalty__store-toggle i,
.mica-loyalty__store-toggle>.mica-loyalty-icon {
    align-self: center;
    font-size: .62rem;
    transition: transform 180ms ease;
}

.mica-loyalty__store-list li.is-expanded .mica-loyalty__store-toggle i,
.mica-loyalty__store-list li.is-expanded .mica-loyalty__store-toggle>.mica-loyalty-icon {
    transform: rotate(90deg);
}

.mica-loyalty__store-link:hover,
.mica-loyalty__store-link:focus-visible,
.mica-loyalty__store-toggle:hover,
.mica-loyalty__store-toggle:focus-visible {
    color: var(--mica-loyalty-orange);
}

.mica-loyalty__store-toggle:hover,
.mica-loyalty__store-toggle:focus-visible {
    background: #f4f8fd;
}

.mica-loyalty__store-actions {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 20;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: -1px;
    align-items: center;
    padding: 10px 12px 12px;
    border: 1px solid #cfe0f2;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(35, 58, 87, .14);
}

.mica-loyalty__store-actions-name {
    flex: 1 1 100%;
    min-width: 0;
    overflow-wrap: break-word;
    color: var(--mica-loyalty-navy);
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.25;
    white-space: normal;
}

.mica-loyalty__store-actions a {
    display: inline-flex;
    width: 100%;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid #cfe0f2;
    border-radius: 4px;
    background: #f4f8fd;
    color: var(--mica-loyalty-blue);
    font-size: .64rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.mica-loyalty__store-actions a:hover,
.mica-loyalty__store-actions a:focus-visible {
    border-color: var(--mica-loyalty-blue);
    background: #e8f3ff;
    color: var(--mica-loyalty-orange);
}

.mica-loyalty__store-actions a>i,
.mica-loyalty__store-actions a>.mica-loyalty-icon {
    font-size: .58rem;
}

.mica-loyalty__region-empty {
    padding: 14px 0 5px;
    color: var(--mica-loyalty-muted);
    font-size: .82rem;
}

.mica-loyalty__region-empty[hidden] {
    display: none;
}

.mica-loyalty__cta {
    padding: 0 0 18px;
    background: var(--mica-loyalty-paper);
}

.mica-loyalty__cta-shell {
    display: grid;
    grid-template-columns: minmax(260px, 1.1fr) minmax(0, 2fr);
    grid-template-areas:
        "intro features"
        ". button";
    min-height: 144px;
    align-items: center;
    gap: 8px clamp(24px, 3vw, 38px);
    gap: 8px round(nearest, clamp(24px, 3vw, 38px), var(--mica-space-unit));
    padding: 24px 28px;
    border: 1px solid #e1e8f2;
    border-radius: 7px;
    background: linear-gradient(102deg, #edf5ff, #f4f8fd);
}

.mica-loyalty__cta-intro {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 16px;
    grid-area: intro;
}

.mica-loyalty__cta-art {
    display: flex;
    flex: 0 0 120px;
    min-height: 72px;
    align-items: center;
    justify-content: center;
}

.mica-loyalty__cta-art>img {
    width: 120px;
    height: auto;
    object-fit: contain;
    transform: rotate(-7deg);
}

.mica-loyalty__cta-intro h2 {
    color: var(--mica-loyalty-navy);
    font-size: clamp(.95rem, 1.3vw, 1.2rem);
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.mica-loyalty__cta-intro h2+div {
    margin-top: 8px;
    color: var(--mica-loyalty-muted);
    font-size: clamp(.75rem, .95vw, .9rem);
    line-height: 1.4;
    white-space: pre-line;
}

.mica-loyalty__cta-features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
    gap: 10px;
    grid-area: features;
}

.mica-loyalty__cta-feature {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 14px;
    min-height: 72px;
    padding: 10px 18px;
    border-left: 1px solid #dce5f0;
}

.mica-loyalty__cta-feature>span {
    width: 38px;
    height: 38px;
    font-size: .9rem;
}

.mica-loyalty__cta-feature>div {
    display: grid;
    min-width: 0;
    gap: 7px;
    padding-top: 2px;
}

.mica-loyalty__cta-feature strong {
    color: var(--mica-loyalty-navy);
    font-size: .82rem;
    line-height: 1.15;
    white-space: normal;
}

.mica-loyalty__cta-feature small {
    display: block;
    color: var(--mica-loyalty-muted);
    font-size: .72rem;
    line-height: 1.25;
    white-space: normal;
}

.mica-loyalty__cta-button {
    display: inline-flex;
    width: 50%;
    max-width: none;
    min-height: 42px;
    min-width: 0;
    align-items: center;
    justify-content: center;
    grid-area: button;
    justify-self: center;
    padding: 10px 16px;
    border-radius: 6px;
    background: var(--mica-loyalty-orange);
    color: #fff !important;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .02em;
    text-align: center;
    text-transform: uppercase;
}

.mica-loyalty__cta-button:hover,
.mica-loyalty__cta-button:focus-visible {
    background: #d96d12;
}

.mica-loyalty :focus-visible {
    outline: 3px solid var(--mica-loyalty-orange);
    outline-offset: 2px;
}

.mica-loyalty .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1100px) {
    .mica-loyalty__shell {
        width: min(100% - 36px, 900px);
    }

    .mica-loyalty__filters {
        grid-template-columns: minmax(220px, 1.4fr) minmax(155px, .8fr) minmax(140px, .65fr) minmax(165px, .8fr);
        gap: 9px;
    }

    .mica-loyalty__cta-shell {
        grid-template-columns: minmax(205px, .95fr) minmax(0, 1.8fr);
        gap: 8px 16px;
        padding: 20px;
    }

    .mica-loyalty__cta-features {
        gap: 4px;
    }

    .mica-loyalty__cta-feature {
        gap: 8px;
        padding-inline: 10px;
    }

    .mica-loyalty__cta-feature>span {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        font-size: .8rem;
    }

    .mica-loyalty__cta-button {
        width: 50%;
        max-width: none;
        justify-self: center;
        padding-inline: 10px;
    }
}

@media (max-width: 900px) {
    .mica-loyalty__cta-shell {
        grid-template-columns: 1fr;
        grid-template-areas:
            "intro"
            "features"
            "button";
        gap: 20px;
        padding: 24px;
    }

    .mica-loyalty__cta-features {
        border-top: 1px solid #dce5f0;
        gap: 14px;
        padding-top: 18px;
    }

    .mica-loyalty__cta-button {
        justify-self: start;
    }
}

@media (max-width: 820px) {
    .mica-loyalty__filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mica-loyalty__field--search {
        grid-column: 1 / -1;
    }

    .mica-loyalty__regions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .mica-loyalty {
        max-width: 100vw;
        overflow-x: clip;
    }

    .mica-loyalty__shell {
        width: calc(100% - 30px);
        max-width: calc(100vw - 30px);
    }

    .mica-loyalty__benefits {
        /* Keep the benefits panel below the banner on phones. The desktop
         * overlap remains controlled by the base -30px rule above. */
        margin-top: 18px;
    }

    .mica-loyalty__benefits-shell {
        grid-template-columns: repeat(2, 1fr);
    }

    .mica-loyalty__benefit:nth-child(3) {
        border-top: 1px solid var(--mica-loyalty-line);
        border-left: 0;
    }

    .mica-loyalty__benefit:nth-child(4) {
        border-top: 1px solid var(--mica-loyalty-line);
    }

    .mica-loyalty__benefit {
        justify-content: flex-start;
        min-width: 0;
        overflow: hidden;
        padding-inline: 11px;
    }

    .mica-loyalty__benefit-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    .mica-loyalty__directory {
        padding-top: 12px;
    }

    .mica-loyalty__filters,
    .mica-loyalty__regions {
        grid-template-columns: 1fr;
    }

    .mica-loyalty__field--search {
        grid-column: auto;
    }

    .mica-loyalty__location-button,
    .mica-loyalty__nearest-button {
        min-height: 58px;
    }

    .mica-loyalty__filter-status {
        text-align: left;
    }

    .mica-loyalty__directory-heading {
        margin-top: 4px;
    }

    .mica-loyalty__directory-heading h2 {
        font-size: 2rem;
    }

    .mica-loyalty__store-list {
        grid-template-columns: 1fr;
    }

    .mica-loyalty__store-actions {
        right: 0;
        left: 0;
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 10px;
    }

    .mica-loyalty__store-actions-name {
        grid-column: 1 / -1;
    }

    .mica-loyalty__store-actions a {
        width: 100%;
    }

    .mica-loyalty__store-list a>span {
        white-space: nowrap;
    }

    .mica-loyalty__cta-features {
        grid-template-columns: 1fr;
        gap: 0;
        padding-top: 16px;
    }

    .mica-loyalty__cta-feature {
        min-height: 0;
        border-left: 0;
        gap: 14px;
        padding: 14px 0;
        border-bottom: 1px solid #dce5f0;
    }

    .mica-loyalty__cta-feature:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .mica-loyalty__cta-button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {

    .mica-loyalty *,
    .mica-loyalty *::before,
    .mica-loyalty *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}


/* ========================================================================== 
   MAKE IT WITH MICA REWARDS PROGRAMME
   Consolidated from assets/css/loyalty-programme.css
   ========================================================================== */
/* Make It With Mica Rewards Programme ------------------------------------- */
.mica-loyalty-programme {
    --mica-programme-blue: #0075bd;
    --mica-programme-blue-dark: #07518e;
    --mica-programme-navy: #062f60;
    --mica-programme-ink: #102f53;
    --mica-programme-orange: #f58220;
    --mica-programme-orange-dark: #d8610b;
    --mica-programme-yellow: #ffc400;
    --mica-programme-pale: #eff6fb;
    --mica-programme-line: #d7e3ec;
    width: 100%;
    overflow: hidden;
    color: var(--mica-programme-ink);
    background: #fff;
    font-family: "Inter", Arial, sans-serif;
}

.mica-loyalty-programme *,
.mica-loyalty-programme *::before,
.mica-loyalty-programme *::after {
    box-sizing: border-box;
}

.mica-loyalty-programme img {
    display: block;
    max-width: 100%;
}

.mica-loyalty-programme a {
    color: inherit;
    text-decoration: none;
}

.mica-loyalty-programme h1,
.mica-loyalty-programme h2,
.mica-loyalty-programme h3,
.mica-loyalty-programme p,
.mica-loyalty-programme ul,
.mica-loyalty-programme ol,
.mica-loyalty-programme figure {
    margin: 0;
}

.mica-loyalty-programme ul,
.mica-loyalty-programme ol {
    padding: 0;
    list-style: none;
}

.mica-loyalty-programme__shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
}

.mica-loyalty-programme__content-shell {
    width: min(525px, 100%);
    margin-inline: auto;
}

.mica-loyalty-programme__eyebrow {
    margin-bottom: 13px;
    color: var(--mica-programme-orange);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: .19em;
    line-height: 1.25;
    text-transform: uppercase;
}

.mica-loyalty-programme h1,
.mica-loyalty-programme h2,
.mica-loyalty-programme h3 {
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: .93;
    text-transform: uppercase;
}

.mica-loyalty-programme p {
    font-size: 1rem;
    line-height: 1.55;
}

.mica-loyalty-programme__button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .035em;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.mica-loyalty-programme__button:hover,
.mica-loyalty-programme__button:focus-visible {
    transform: translateY(-2px);
}

/* Programme CTAs use the shared orange button treatment. */
.mica-loyalty-programme .mica-loyalty-programme__button.mica2026-button--orange {
    min-height: 44px;
    padding: 12px 18px;
    border-radius: 999px;
    color: #fff !important;
    background: var(--mica-programme-orange);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1;
}

.mica-loyalty-programme .mica-loyalty-programme__button.mica2026-button--orange:hover,
.mica-loyalty-programme .mica-loyalty-programme__button.mica2026-button--orange:focus-visible {
    color: #fff !important;
    background: var(--mica-programme-orange-dark);
}

.mica-loyalty-programme__button--navy {
    color: #fff !important;
    background: var(--mica-programme-navy);
}

.mica-loyalty-programme__button--navy:hover,
.mica-loyalty-programme__button--navy:focus-visible {
    color: var(--mica-programme-navy) !important;
    background: #fff;
}

/* Hero -------------------------------------------------------------------- */
.mica-loyalty-programme__hero {
    position: relative;
    min-height: clamp(430px, 39vw, 570px);
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background: var(--mica-programme-blue);
}

.mica-loyalty-programme__hero-media,
.mica-loyalty-programme__hero-media::after {
    position: absolute;
    inset: 0;
}

.mica-loyalty-programme__hero-media {
    z-index: -2;
    overflow: hidden;
    background: var(--mica-programme-blue);
}

.mica-loyalty-programme__hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}

.mica-loyalty-programme__hero-inner {
    display: flex;
    min-height: inherit;
    align-items: center;
    padding-top: clamp(44px, 6vw, 78px);
    padding-top: round(nearest, clamp(44px, 6vw, 78px), var(--mica-space-unit));
    padding-bottom: clamp(44px, 6vw, 78px);
    padding-bottom: round(nearest, clamp(44px, 6vw, 78px), var(--mica-space-unit));
}

.mica-loyalty-programme__hero-copy {
    width: min(475px, 55%);
}

.mica-loyalty-programme__hero .mica-loyalty-programme__eyebrow {
    color: #fff;
    font-size: 1rem;
    text-decoration: underline;
    text-decoration-color: var(--mica-programme-yellow);
    text-decoration-thickness: 3px;
    text-underline-offset: 8px;
}

.mica-loyalty-programme__hero h1 {
    max-width: 8.5ch;
    color: #fff;
    font-size: clamp(3.6rem, 7vw, 6.4rem);
    letter-spacing: .01em;
}

.mica-loyalty-programme__hero h1 span {
    display: block;
    color: var(--mica-programme-yellow);
}

.mica-loyalty-programme__hero-lead {
    max-width: 410px;
    margin-top: 24px !important;
    color: rgba(255, 255, 255, .94);
    font-size: clamp(1rem, 1.3vw, 1.12rem) !important;
    line-height: 1.45 !important;
}

.mica-loyalty-programme__hero .mica-loyalty-programme__button {
    margin-top: 28px;
}

/* Benefit strip ----------------------------------------------------------- */
.mica-loyalty-programme__feature-strip,
.mica-loyalty__benefits {
    position: relative;
    z-index: 2;
    padding-bottom: 24px;
}

.mica-loyalty-programme__feature-strip .mica-loyalty__benefits-shell,
.mica-loyalty__benefits-shell {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 118px;
    margin-top: -30px;
    border: 1px solid rgba(6, 47, 96, .08);
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(22, 48, 90, .1);
}

.mica-loyalty-programme__feature,
.mica-loyalty__benefit {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px 20px;
}

.mica-loyalty-programme__feature+.mica-loyalty-programme__feature,
.mica-loyalty__benefit+.mica-loyalty__benefit {
    border-left: 1px solid var(--mica-programme-line);
}

.mica-loyalty-programme__feature-icon,
.mica-loyalty__benefit-icon {
    display: inline-flex;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--mica-programme-blue-dark);
    font-size: 1.1rem;
}

.mica-loyalty-programme__feature:nth-child(4) .mica-loyalty-programme__feature-icon,
.mica-loyalty__benefit:nth-child(4) .mica-loyalty__benefit-icon {
    background: var(--mica-programme-orange);
}

.mica-loyalty-programme__feature-copy,
.mica-loyalty__benefit-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.mica-loyalty-programme__feature-copy strong,
.mica-loyalty__benefit-copy strong {
    overflow: hidden;
    color: var(--mica-programme-navy);
    font-size: clamp(.85rem, 1.05vw, 1rem);
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.1;
    text-overflow: clip;
    text-transform: uppercase;
    white-space: normal;
}

.mica-loyalty-programme__feature-copy small,
.mica-loyalty__benefit-copy small {
    color: #5c636b;
    font-size: clamp(.72rem, .9vw, .86rem);
    line-height: 1.3;
    white-space: normal;
}

/* Rewards for every project ---------------------------------------------- */
.mica-loyalty-programme__project-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    background: var(--mica-programme-pale);
}

.mica-loyalty-programme__project-copy {
    display: flex;
    align-items: center;
    padding: clamp(58px, 8vw, 108px) clamp(32px, 7vw, 104px);
    padding: round(nearest, clamp(58px, 8vw, 108px), var(--mica-space-unit)) round(nearest, clamp(32px, 7vw, 104px), var(--mica-space-unit));
    background: #fff;
}

.mica-loyalty-programme__project-copy h2 {
    max-width: 8ch;
    color: var(--mica-programme-navy);
    font-size: clamp(3rem, 5.2vw, 5rem);
    letter-spacing: .01em;
}

.mica-loyalty-programme__project-copy>.mica-loyalty-programme__content-shell>p:not(.mica-loyalty-programme__eyebrow) {
    max-width: 470px;
    margin-top: 23px;
    color: #29445f;
}

.mica-loyalty-programme__project-copy .mica-loyalty-programme__button {
    margin-top: 27px;
}

.mica-loyalty-programme__project-media {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    background: var(--mica-programme-blue);
}

.mica-loyalty-programme__project-media::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .85) 8%, rgba(255, 255, 255, .4) 20%, rgba(255, 255, 255, 0) 38%);
    pointer-events: none;
}

.mica-loyalty-programme__project-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* How it works ------------------------------------------------------------ */
.mica-loyalty-programme__how-it-works {
    padding: clamp(62px, 7vw, 88px) 0 clamp(70px, 8vw, 102px);
    padding: round(nearest, clamp(62px, 7vw, 88px), var(--mica-space-unit)) 0 round(nearest, clamp(70px, 8vw, 102px), var(--mica-space-unit));
    background: #fff;
}

.mica-loyalty-programme__section-heading {
    text-align: center;
}

.mica-loyalty-programme__section-heading h2 {
    color: var(--mica-programme-navy);
    font-size: clamp(3rem, 5vw, 4.8rem);
    letter-spacing: .01em;
}

.mica-loyalty-programme__how-it-works .mica-loyalty-programme__section-heading .mica-loyalty-programme__eyebrow,
.mica-loyalty-programme__perks .mica-loyalty-programme__section-heading .mica-loyalty-programme__eyebrow {
    margin-top: 8px;
    margin-bottom: 0;
    color: var(--mica-programme-blue-dark);
    letter-spacing: .055em;
}

.mica-loyalty-programme__steps-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    margin-top: 42px;
}

.mica-loyalty-programme__step {
    position: relative;
    min-height: 210px;
    padding: 34px 23px 25px;
    border: 0;
    border-radius: 4px;
    background: #fff;
    box-shadow: none;
    text-align: center;
}

.mica-loyalty-programme__step::after {
    position: absolute;
    top: 50%;
    right: -23px;
    color: var(--mica-programme-navy);
    content: "\2192";
    font-size: 1.45rem;
    font-weight: 400;
    transform: translateY(-50%);
}

.mica-loyalty-programme__step:last-child::after {
    display: none;
}

/* Use a CSS-escaped arrow so the separator cannot be corrupted by file encoding. */
.mica-loyalty-programme__step::after {
    content: "\2192";
}

.mica-loyalty-programme__step-number {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--mica-programme-orange);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    transform: translate(-6px, -8px);
}

.mica-loyalty-programme__step:nth-child(even) .mica-loyalty-programme__step-number {
    background: var(--mica-programme-blue);
}

.mica-loyalty-programme__step-icon {
    display: block;
    min-height: 46px;
    color: var(--mica-programme-orange);
    font-size: 2.35rem;
}

.mica-loyalty-programme__step:nth-child(even) .mica-loyalty-programme__step-icon {
    color: var(--mica-programme-blue);
}

.mica-loyalty-programme__step h3 {
    margin-top: 14px;
    color: var(--mica-programme-navy);
    font-size: 1.45rem;
    letter-spacing: .02em;
}

.mica-loyalty-programme__step p {
    margin-top: 9px;
    color: #3a536b;
    font-size: .9rem;
    line-height: 1.4;
}

/* Shop smart band --------------------------------------------------------- */
.mica-loyalty-programme__shop-smart {
    position: relative;
    min-height: 305px;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background: var(--mica-programme-navy);
}

.mica-loyalty-programme__shop-smart-media,
.mica-loyalty-programme__shop-smart-media::after {
    position: absolute;
    inset: 0;
}

.mica-loyalty-programme__shop-smart-media {
    z-index: -2;
    overflow: hidden;
}

.mica-loyalty-programme__shop-smart-media::after {
    z-index: 1;
    content: "";
    background: linear-gradient(90deg, rgba(4, 45, 91, .98) 0%, rgba(4, 55, 105, .94) 40%, rgba(4, 47, 91, .6) 72%, rgba(4, 47, 91, .73) 100%);
}

.mica-loyalty-programme__shop-smart-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    opacity: .65;
}

.mica-loyalty-programme__shop-smart-inner {
    display: grid;
    min-height: 305px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 40px;
    padding-block: 48px;
}

.mica-loyalty-programme__shop-smart .mica-loyalty-programme__eyebrow {
    margin-bottom: 11px;
    color: #fff;
}

.mica-loyalty-programme__shop-smart h2 {
    color: #fff;
    font-size: clamp(3rem, 5.4vw, 5.2rem);
    letter-spacing: .01em;
}

.mica-loyalty-programme__shop-smart p:not(.mica-loyalty-programme__eyebrow) {
    max-width: 440px;
    margin-top: 15px;
    color: rgba(255, 255, 255, .9);
}

.mica-loyalty-programme__shop-smart .mica-loyalty-programme__button {
    min-width: 190px;
}

/* Programme perks --------------------------------------------------------- */
.mica-loyalty-programme__perks {
    padding: clamp(58px, 7vw, 84px) 0 clamp(64px, 8vw, 94px);
    background: var(--mica-programme-pale);
}

.mica-loyalty-programme__perks-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 36px;
}

.mica-loyalty-programme__perk {
    display: flex;
    min-height: 115px;
    align-items: center;
    gap: 17px;
    padding: 22px 21px;
    border: 1px solid rgba(215, 227, 236, .72);
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(15, 62, 100, .035);
}

.mica-loyalty-programme__perk-icon {
    display: inline-flex;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--mica-programme-orange);
    font-size: 1.35rem;
}

.mica-loyalty-programme__perk:nth-child(even) .mica-loyalty-programme__perk-icon {
    background: var(--mica-programme-blue);
}

.mica-loyalty-programme__perk h3 {
    color: var(--mica-programme-navy);
    font-size: 1.23rem;
    line-height: 1;
}

.mica-loyalty-programme__perk p {
    margin-top: 7px;
    color: #3c566d;
    font-size: .88rem;
    line-height: 1.35;
}

/* Exclusive member benefits ---------------------------------------------- */
.mica-loyalty-programme__exclusive-benefits {
    padding: clamp(66px, 8vw, 108px) 0;
    padding: round(nearest, clamp(66px, 8vw, 108px), var(--mica-space-unit)) 0;
    background: #fff;
}

.mica-loyalty-programme__exclusive-heading {
    max-width: 880px;
    margin-inline: auto;
    text-align: center;
}

.mica-loyalty-programme__exclusive-heading h2 {
    width: 100%;
    max-width: 26ch;
    margin-inline: auto;
    color: var(--mica-programme-navy);
    font-size: clamp(3rem, 5vw, 5rem);
    letter-spacing: .01em;
}

.mica-loyalty-programme__exclusive-heading>p:not(.mica-loyalty-programme__eyebrow) {
    max-width: 760px;
    margin: 22px auto 0;
    color: #38526b;
    font-size: clamp(1rem, 1.4vw, 1.12rem);
}

.mica-loyalty-programme__exclusive-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 46px;
}

.mica-loyalty-programme__exclusive-card {
    position: relative;
    min-width: 0;
    min-height: 355px;
    padding: 33px 22px 28px;
    border: 1px solid var(--mica-programme-line);
    border-top: 5px solid var(--mica-programme-orange);
    border-radius: 4px;
    background: var(--mica-programme-pale);
    box-shadow: 0 8px 22px rgba(15, 62, 100, .05);
}

.mica-loyalty-programme__exclusive-card:nth-child(even) {
    border-top-color: var(--mica-programme-blue);
}

.mica-loyalty-programme__exclusive-number {
    position: absolute;
    top: 12px;
    right: 16px;
    color: rgba(6, 47, 96, .36);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.mica-loyalty-programme__exclusive-icon {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--mica-programme-orange);
    font-size: 1.3rem;
}

.mica-loyalty-programme__exclusive-card:nth-child(even) .mica-loyalty-programme__exclusive-icon {
    background: var(--mica-programme-blue);
}

.mica-loyalty-programme__exclusive-card h3 {
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
    color: var(--mica-programme-navy);
    font-size: 1.65rem;
    letter-spacing: .02em;
    overflow-wrap: anywhere;
}

.mica-loyalty-programme__exclusive-card p {
    width: 100%;
    max-width: 100%;
    margin-top: 14px;
    color: #38526b;
    font-size: .92rem;
    line-height: 1.48;
    overflow-wrap: anywhere;
}

/* Programme invitation --------------------------------------------------- */
.mica-loyalty-programme__join-programme {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background: var(--mica-programme-navy);
}

.mica-loyalty-programme__join-programme-inner {
    display: grid;
    grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);
    align-items: center;
    gap: clamp(42px, 8vw, 120px);
    gap: round(nearest, clamp(42px, 8vw, 120px), var(--mica-space-unit));
    padding-top: clamp(64px, 8vw, 105px);
    padding-top: round(nearest, clamp(64px, 8vw, 105px), var(--mica-space-unit));
    padding-bottom: clamp(68px, 8vw, 110px);
    padding-bottom: round(nearest, clamp(68px, 8vw, 110px), var(--mica-space-unit));
}

.mica-loyalty-programme__join-programme-art {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
}

.mica-loyalty-programme__join-programme-art img {
    display: block;
    width: min(100%, 360px);
    height: auto;
    max-height: 500px;
    object-fit: contain;
    border-radius: 8px;
}

.mica-loyalty-programme__join-programme-copy .mica-loyalty-programme__eyebrow {
    color: var(--mica-programme-yellow);
}

.mica-loyalty-programme__join-programme-copy h2 {
    max-width: 28ch;
    color: #fff;
    font-size: clamp(2.8rem, 5vw, 5rem);
    letter-spacing: .01em;
}

.mica-loyalty-programme__join-programme-copy>p:not(.mica-loyalty-programme__eyebrow):not(.mica-loyalty-programme__join-programme-hashtags) {
    max-width: 760px;
    margin-top: 18px;
    color: rgba(255, 255, 255, .9);
}

.mica-loyalty-programme__join-programme-hashtags {
    margin-top: 21px;
    color: var(--mica-programme-yellow);
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: .05em;
}

.mica-loyalty-programme__join-programme-copy .mica-loyalty-programme__actions {
    margin-top: 28px;
}

.mica-loyalty-programme__join-programme-link {
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

/* Questions --------------------------------------------------------------- */
.mica-loyalty-programme__questions {
    padding: clamp(66px, 8vw, 104px) 0;
    padding: round(nearest, clamp(66px, 8vw, 104px), var(--mica-space-unit)) 0;
    background: #fff;
}

.mica-loyalty-programme__questions-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: clamp(32px, 5vw, 58px);
    gap: round(nearest, clamp(32px, 5vw, 58px), var(--mica-space-unit));
}

.mica-loyalty-programme__questions-copy {
    max-width: 920px;
}

.mica-loyalty-programme__questions-copy h2 {
    max-width: 28ch;
    color: var(--mica-programme-navy);
    font-size: clamp(3rem, 5.2vw, 5rem);
    letter-spacing: .01em;
}

.mica-loyalty-programme__questions-copy>p:not(.mica-loyalty-programme__eyebrow):not(.mica-loyalty-programme__questions-links) {
    max-width: 760px;
    margin-top: 18px;
    color: #38526b;
}

.mica-loyalty-programme__questions-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin-top: 22px;
    color: var(--mica-programme-blue-dark);
    font-size: .88rem;
    font-weight: 700;
}

.mica-loyalty-programme__questions-links a {
    width: fit-content;
    border-bottom: 1px solid currentColor;
}

.mica-loyalty-programme__questions-form {
    width: 100%;
    padding: 28px;
    border: 1px solid #e2ebf2;
    border-radius: 6px;
    background: var(--mica-programme-pale);
    box-shadow: 0 8px 22px rgba(15, 62, 100, .06);
}

.mica-loyalty-programme__questions-form .frm_forms,
.mica-loyalty-programme__questions-form .frm_form_fields,
.mica-loyalty-programme__questions-form .frm_fields_container {
    width: 100%;
}

.mica-loyalty-programme__questions-form .frm_fields_container {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
}

.mica-loyalty-programme__questions-form .frm_form_field {
    width: 100% !important;
    min-width: 0;
    margin: 0 0 12px !important;
    float: none !important;
}

.mica-loyalty-programme__questions-form .frm_form_field.frm6 {
    width: calc(50% - 6px) !important;
}

.mica-loyalty-programme__questions-form .frm_form_field label,
.mica-loyalty-programme__questions-form .frm_primary_label {
    display: block;
    margin-bottom: 5px;
    color: var(--mica-programme-navy);
    font-size: .72rem;
    font-weight: 700;
}

.mica-loyalty-programme__questions-form input:not([type="radio"]):not([type="checkbox"]),
.mica-loyalty-programme__questions-form select,
.mica-loyalty-programme__questions-form textarea {
    width: 100% !important;
    min-height: 40px;
    padding: 9px 11px !important;
    border: 1px solid #d5e1ea !important;
    border-radius: 3px !important;
    color: var(--mica-programme-ink) !important;
    background: #fff !important;
    box-shadow: none !important;
    font: inherit;
    font-size: .84rem !important;
}

.mica-loyalty-programme__questions-form textarea {
    min-height: 92px;
    resize: vertical;
}

.mica-loyalty-programme__questions-form .frm_combo_inputs_container {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
}

.mica-loyalty-programme__questions-form .frm_combo_inputs_container>.frm_form_field {
    width: calc(50% - 6px) !important;
}

.mica-loyalty-programme__questions-form .frm_radio,
.mica-loyalty-programme__questions-form .frm_checkbox {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 3px 14px 0 0;
    color: #38526b;
    font-size: .78rem;
}

.mica-loyalty-programme__questions-form input[type="radio"],
.mica-loyalty-programme__questions-form input[type="checkbox"] {
    accent-color: var(--mica-programme-blue);
}

.mica-loyalty-programme__questions-form .frm_submit {
    width: 100%;
    margin-top: 2px;
}

.mica-loyalty-programme__questions-form .frm_submit button,
.mica-loyalty-programme__questions-form .frm_submit input[type="submit"] {
    width: 100%;
    min-height: 44px;
    padding: 11px 16px;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: var(--mica-programme-blue);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
}

.mica-loyalty-programme__questions-form .frm_submit button:hover,
.mica-loyalty-programme__questions-form .frm_submit input[type="submit"]:hover {
    background: var(--mica-programme-blue-dark);
}

/* Responsive ------------------------------------------------------------- */
@media (max-width: 980px) {
    .mica-loyalty-programme__hero {
        min-height: 500px;
    }

    .mica-loyalty-programme__hero-copy {
        width: min(475px, 64%);
    }

    .mica-loyalty-programme__project-copy {
        padding-right: clamp(24px, 5vw, 60px);
        padding-right: round(nearest, clamp(24px, 5vw, 60px), var(--mica-space-unit));
        padding-left: clamp(24px, 5vw, 60px);
        padding-left: round(nearest, clamp(24px, 5vw, 60px), var(--mica-space-unit));
    }

    .mica-loyalty-programme__exclusive-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mica-loyalty-programme__join-programme-inner {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .mica-loyalty-programme__join-programme-art img {
        width: min(100%, 320px);
    }

    .mica-loyalty-programme__questions-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
    }

}

@media (max-width: 740px) {
    .mica-loyalty-programme__shell {
        width: min(100% - 40px, 560px);
    }

    .mica-loyalty-programme__hero {
        min-height: 610px;
    }

    .mica-loyalty-programme__hero-media::after {
        background: linear-gradient(180deg, rgba(0, 100, 183, .38) 0%, rgba(0, 100, 183, .72) 48%, rgba(0, 74, 145, .98) 100%);
    }

    .mica-loyalty-programme__hero-image {
        object-position: 68% center;
    }

    .mica-loyalty-programme__hero-inner {
        align-items: flex-end;
        padding-bottom: 52px;
    }

    .mica-loyalty-programme__hero-copy {
        width: min(100%, 480px);
    }

    .mica-loyalty-programme__hero h1 {
        font-size: clamp(3.45rem, 15vw, 5.5rem);
    }

    .mica-loyalty-programme__exclusive-benefits {
        padding-block: 60px 68px;
    }

    .mica-loyalty-programme__exclusive-grid {
        grid-template-columns: 1fr;
        margin-top: 34px;
    }

    .mica-loyalty-programme__exclusive-card {
        min-height: 0;
    }

    .mica-loyalty-programme__join-programme-copy h2 {
        font-size: clamp(2.8rem, 12vw, 4.6rem);
    }

    .mica-loyalty__benefits-shell {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mica-loyalty-programme__feature,
    .mica-loyalty__benefit {
        min-height: 100px;
        padding: 14px 12px;
    }

    .mica-loyalty-programme__feature:nth-child(3),
    .mica-loyalty__benefit:nth-child(3) {
        border-left: 0;
        border-top: 1px solid var(--mica-programme-line);
    }

    .mica-loyalty-programme__feature:nth-child(4),
    .mica-loyalty__benefit:nth-child(4) {
        border-top: 1px solid var(--mica-programme-line);
    }

    .mica-loyalty-programme__project-section {
        grid-template-columns: 1fr;
    }

    .mica-loyalty-programme__project-copy {
        padding: 60px 0;
    }

    .mica-loyalty-programme__project-media {
        min-height: 340px;
    }

    .mica-loyalty-programme__project-media::after {
        background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .85) 4%, rgba(255, 255, 255, .4) 12%, rgba(255, 255, 255, 0) 26%);
    }

    .mica-loyalty-programme__steps-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .mica-loyalty-programme__step::after {
        display: none;
    }

    .mica-loyalty-programme__shop-smart-inner {
        min-height: 400px;
        grid-template-columns: 1fr;
        align-content: center;
        gap: 26px;
    }

    .mica-loyalty-programme__shop-smart .mica-loyalty-programme__button {
        justify-self: start;
    }

    .mica-loyalty-programme__perks-grid,
    .mica-loyalty-programme__questions-grid {
        grid-template-columns: 1fr;
    }

    .mica-loyalty-programme__questions-grid {
        gap: 38px;
    }

    .mica-loyalty-programme__questions-copy h2 {
        max-width: 12ch;
    }

}

@media (max-width: 480px) {
    .mica-loyalty-programme__shell {
        width: calc(100% - 32px);
    }

    .mica-loyalty__benefits-shell {
        margin-top: 0;
    }

    .mica-loyalty-programme__hero {
        min-height: 570px;
    }

    .mica-loyalty-programme__hero h1 {
        font-size: clamp(3rem, 15vw, 4.7rem);
    }

    .mica-loyalty-programme__hero-lead {
        font-size: .98rem !important;
    }

    .mica-loyalty__benefits-shell,
    .mica-loyalty-programme__steps-grid {
        grid-template-columns: 1fr;
    }

    .mica-loyalty-programme__feature+.mica-loyalty-programme__feature,
    .mica-loyalty__benefit+.mica-loyalty__benefit {
        border-left: 0;
        border-top: 1px solid var(--mica-programme-line);
    }

    .mica-loyalty-programme__feature:nth-child(3),
    .mica-loyalty__benefit:nth-child(3) {
        border-left: 0;
    }

    .mica-loyalty-programme__step {
        min-height: 190px;
    }

    .mica-loyalty-programme__questions-form {
        padding: 19px 15px;
    }

    .mica-loyalty-programme__questions-form .frm_form_field.frm6,
    .mica-loyalty-programme__questions-form .frm_combo_inputs_container>.frm_form_field {
        width: 100% !important;
    }

    .mica-loyalty-programme__desktop-break {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mica-loyalty-programme__button {
        transition: none;
    }

    .mica-loyalty-programme__button:hover,
    .mica-loyalty-programme__button:focus-visible {
        transform: none;
    }
}

/* Loyalty stores: keep the benefits panel visibly overlapping the hero. */
.mica-loyalty>.mica-loyalty__hero+.mica-loyalty__benefits {
    margin-top: -56px !important;
    background: transparent;
}

.mica-loyalty>.mica-loyalty__hero+.mica-loyalty__benefits>.mica-loyalty__benefits-shell {
    position: relative;
    z-index: 3;
    margin-top: 0 !important;
    background: #fff;
}

@media (max-width: 600px) {
    .mica-loyalty>.mica-loyalty__hero+.mica-loyalty__benefits {
        margin-top: 18px !important;
    }
}

/* Loyalty programme: consistent section rhythm. */
.mica-loyalty-programme {
    --mica-programme-section-space: clamp(64px, 7vw, 96px);
    --mica-programme-section-space-mobile: clamp(48px, 10vw, 68px);
    --mica-programme-strip-space: clamp(40px, 4vw, 56px);
    --mica-programme-content-gap: 40px;
}

.mica-loyalty-programme__feature-strip {
    padding-bottom: var(--mica-programme-strip-space);
    padding-bottom: round(nearest, var(--mica-programme-strip-space), var(--mica-space-unit));
}

.mica-loyalty-programme__project-copy {
    padding-block: var(--mica-programme-section-space);
    padding-block: round(nearest, var(--mica-programme-section-space), var(--mica-space-unit));
}

.mica-loyalty-programme__how-it-works,
.mica-loyalty-programme__exclusive-benefits,
.mica-loyalty-programme__questions,
.mica-loyalty-programme__join-programme-inner {
    padding-block: var(--mica-programme-section-space);
    padding-block: round(nearest, var(--mica-programme-section-space), var(--mica-space-unit));
}

.mica-loyalty-programme__steps-grid,
.mica-loyalty-programme__exclusive-grid {
    margin-top: var(--mica-programme-content-gap);
    margin-top: round(nearest, var(--mica-programme-content-gap), var(--mica-space-unit));
}

@media (max-width: 740px) {
    .mica-loyalty-programme__feature-strip {
        padding-bottom: 32px;
    }

    .mica-loyalty-programme__project-copy,
    .mica-loyalty-programme__how-it-works,
    .mica-loyalty-programme__exclusive-benefits,
    .mica-loyalty-programme__questions,
    .mica-loyalty-programme__join-programme-inner {
        padding-block: var(--mica-programme-section-space-mobile);
        padding-block: round(nearest, var(--mica-programme-section-space-mobile), var(--mica-space-unit));
    }

    .mica-loyalty-programme__steps-grid,
    .mica-loyalty-programme__exclusive-grid {
        margin-top: 32px;
    }
}

/* Typography system: Anton anchors the identity, DM Sans carries function,
   and Zilla Slab is reserved for small editorial accents. */
html,
body,
body.home,
.mica2026-home,
.mica-story-home,
#main-header.mica2026-site-header,
.mica2026-site-footer,
.mica-story-footer,
.mica-about-page,
.mica-single-article,
.mica-default-page,
.mica-loyalty,
.mica-loyalty-programme {
    font-family: var(--mica-font-body) !important;
}

body :where(p, a, nav, li, button, input, select, textarea, label, small, strong, em, figcaption, blockquote, dt, dd, th, td, option) {
    font-family: var(--mica-font-body) !important;
}

body :where(h1, h2) {
    color: inherit;
    font-family: var(--mica-font-display) !important;
    font-weight: 400 !important;
    letter-spacing: .01em !important;
}

body :where(h3, h4, h5, h6) {
    font-family: var(--mica-font-body) !important;
    font-weight: 700 !important;
}

/* Display text that is not rendered as an h1 or h2. */
body :where(.mica-promo-intro__heading, .mica-promotion-section-title, .mica2026-journey-card__number, .mica2026-service-card__number, .mica-default-page__abstract-frame__word, .mica-loyalty-programme__step-number, .mica-loyalty-programme__exclusive-number, .mica-story-workshop-tab__number, .price, .amount, .woocommerce-Price-amount) {
    font-family: var(--mica-font-display) !important;
    font-weight: 400 !important;
    letter-spacing: .01em !important;
}

/* Functional controls and legacy plugin elements inherit DM Sans too. */
body :where(.mica-construction-label, .gf_progressbar_percentage, .wpv-submit-trigger, .wpv-reset-trigger, #additional-promos #promo-btn, .mica-product-single__group-title) {
    font-family: var(--mica-font-body) !important;
}

/* Character accents: use Zilla Slab only for editorial/kicker language. */
body :where(.mica-font-character, .mica2026-eyebrow, .mica-promo-intro__kicker, .mica-about-page__eyebrow, .mica-single-page__eyebrow, .mica-loyalty-programme__eyebrow) {
    font-family: var(--mica-font-character) !important;
    font-weight: 600 !important;
    letter-spacing: .06em !important;
}

/* Homepage display headings share one responsive scale, including accent text. */
.mica-story-home {
    --story-heading-size: clamp(2.4rem, 4.65vw, 5.2rem);
}

.mica-story-home h1,
.mica-story-home h2 {
    font-size: var(--story-heading-size);
    line-height: 1.1;
}

/* Override the global body-font rule on nested em, strong and link elements. */
.mica-story-home :is(h1, h2) :is(em, span, strong, a) {
    font-family: inherit !important;
    font-size: inherit;
    font-weight: inherit !important;
    letter-spacing: inherit;
    line-height: inherit;
}

@media (max-width: 767px) {
    .mica-story-home {
        --story-heading-size: clamp(2.4rem, 10vw, 4rem);
    }
}

/* Loyalty stores: readable directory sizing and consistent section spacing. */
.mica-loyalty .mica-loyalty__shell {
    width: min(1240px, calc(100% - 48px));
}
.mica-loyalty .mica-loyalty__directory {
    padding: 40px 0 64px;
}
.mica-loyalty .mica-loyalty__directory-heading {
    margin: 24px 0 32px;
}
.mica-loyalty .mica-loyalty__directory-heading h2 {
    font-size: clamp(2.1rem, 3.5vw, 3.4rem);
    line-height: 1.12;
}
.mica-loyalty .mica-loyalty__directory-heading p {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 16px;
}
.mica-loyalty .mica-loyalty__filters { gap: 16px; }
.mica-loyalty .mica-loyalty__field input,
.mica-loyalty .mica-loyalty__field select { font-size: 1rem; }
.mica-loyalty .mica-loyalty__status { font-size: .875rem; }
.mica-loyalty .mica-loyalty__regions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 24px;
}
.mica-loyalty .mica-loyalty__region-toggle {
    min-height: 64px;
    padding-inline: 24px;
}
.mica-loyalty .mica-loyalty__region-name { font-size: 1.125rem; }
.mica-loyalty .mica-loyalty__region-meta small { font-size: .8125rem; }
.mica-loyalty .mica-loyalty__region-body { padding: 8px 24px 16px; }
.mica-loyalty .mica-loyalty__store-list { gap: 0 24px; }
.mica-loyalty .mica-loyalty__store-link {
    min-height: 52px;
    padding: 12px 44px 12px 0;
    font-size: 1rem;
    line-height: 1.4;
}
.mica-loyalty .mica-loyalty__store-list .mica-loyalty__store-link>span {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}
.mica-loyalty .mica-loyalty__store-toggle { width: 40px; min-height: 44px; }
.mica-loyalty .mica-loyalty__store-actions { gap: 8px; padding: 12px; }
.mica-loyalty .mica-loyalty__store-actions a {
    min-height: 44px;
    padding: 8px 12px;
    font-size: .875rem;
}
.mica-loyalty .mica-loyalty__store-actions-name { font-size: 1rem; }
.mica-loyalty .mica-loyalty__cta { padding: 0 0 64px; }
.mica-loyalty .mica-loyalty__cta-shell {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "intro" "features" "button";
    gap: 24px;
    padding: 40px;
}
.mica-loyalty .mica-loyalty__cta-intro { gap: 24px; }
.mica-loyalty .mica-loyalty__cta-intro h2 {
    font-size: clamp(1.75rem, 2.5vw, 2.5rem);
    line-height: 1.2;
}
.mica-loyalty .mica-loyalty__cta-intro h2+div { font-size: 1rem; line-height: 1.6; }
.mica-loyalty .mica-loyalty__cta-features { gap: 16px; }
.mica-loyalty .mica-loyalty__cta-feature { padding: 12px 24px; }
.mica-loyalty .mica-loyalty__cta-feature strong { font-size: 1rem; }
.mica-loyalty .mica-loyalty__cta-feature small { font-size: .875rem; line-height: 1.5; }
.mica-loyalty .mica-loyalty__cta-button {
    width: auto;
    min-height: 48px;
    padding: 12px 24px;
    font-size: .875rem;
}
@media (max-width: 980px) {
    .mica-loyalty .mica-loyalty__store-list { grid-template-columns: 1fr; }
}
@media (max-width: 740px) {
    .mica-loyalty .mica-loyalty__shell { width: calc(100% - 40px); }
    .mica-loyalty .mica-loyalty__directory { padding: 32px 0 40px; }
    .mica-loyalty .mica-loyalty__regions { grid-template-columns: 1fr; gap: 16px; }
    .mica-loyalty .mica-loyalty__region-toggle { padding-inline: 20px; }
    .mica-loyalty .mica-loyalty__region-body { padding: 8px 20px 16px; }
    .mica-loyalty .mica-loyalty__cta { padding-bottom: 40px; }
    .mica-loyalty .mica-loyalty__cta-shell { padding: 24px; }
    .mica-loyalty .mica-loyalty__cta-intro { flex-direction: column; align-items: flex-start; gap: 16px; }
    .mica-loyalty .mica-loyalty__cta-art { flex-basis: auto; }
    .mica-loyalty .mica-loyalty__cta-features { grid-template-columns: 1fr; }
    .mica-loyalty .mica-loyalty__cta-feature { border-left: 0; padding: 12px 0; }
    .mica-loyalty .mica-loyalty__cta-button { width: 100%; white-space: normal; text-align: center; }
}

/* Loyalty programme polish: proportionate artwork and a calmer type hierarchy. */
.mica-loyalty-programme .mica-loyalty-programme__hero {
    min-height: 0;
}
.mica-loyalty-programme .mica-loyalty-programme__hero-media {
    position: relative;
    inset: auto;
    z-index: 0;
}
.mica-loyalty-programme .mica-loyalty-programme__hero-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.mica-loyalty-programme .mica-loyalty-programme__hero-media::after {
    display: none;
}
.mica-loyalty-programme h2 {
    font-size: clamp(2.1rem, 3.5vw, 3.4rem);
    line-height: 1.12;
    text-wrap: balance;
}
.mica-loyalty-programme__project-copy h2 {
    max-width: 16ch;
}
.mica-loyalty-programme__project-copy p,
.mica-loyalty-programme__join-programme-copy p {
    line-height: 1.7;
}
.mica-loyalty-programme__exclusive-benefits {
    background: #f5f8fb;
}
.mica-loyalty-programme__exclusive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.mica-loyalty-programme__exclusive-card {
    min-height: 0;
    padding: 28px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(15, 62, 100, .04);
}
.mica-loyalty-programme__exclusive-card h3 {
    font-size: 1.15rem;
    line-height: 1.3;
    letter-spacing: 0;
    overflow-wrap: normal;
    margin-top: 18px;
}
.mica-loyalty-programme__exclusive-card p {
    line-height: 1.65;
}
.mica-loyalty-programme__step h3 {
    font-size: 1.1rem;
    line-height: 1.3;
}
.mica-loyalty-programme__join-programme-inner {
    gap: clamp(32px, 5vw, 72px);
    gap: round(nearest, clamp(32px, 5vw, 72px), var(--mica-space-unit));
}
.mica-loyalty-programme__questions-copy h2 {
    max-width: 18ch;
}
.mica-loyalty-programme__questions-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}
@media (min-width: 981px) {
    .mica-loyalty-programme__questions-grid {
        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
        gap: clamp(32px, 5vw, 72px);
        gap: round(nearest, clamp(32px, 5vw, 72px), var(--mica-space-unit));
    }
}
@media (max-width: 740px) {
    .mica-loyalty-programme__exclusive-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .mica-loyalty-programme__exclusive-card {
        padding: 24px;
    }
    .mica-loyalty-programme__project-copy .mica-loyalty-programme__content-shell {
        width: calc(100% - 40px);
    }
    .mica-loyalty-programme .mica-loyalty-programme__feature-strip {
        margin-top: 0;
        padding-top: 20px;
    }
}

/* Preserve the form plugin's offscreen CAPTCHA sizing. */
.mica-loyalty-programme__questions-form .frm_form_field:has(.g-recaptcha) {
    width: 1px !important;
}
.mica-loyalty-programme__questions-form {
    position: relative;
}
@media (max-width: 740px) {
    .mica-loyalty-programme__feature-strip .mica-loyalty__benefits-shell {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 0;
    }
}
@media (max-width: 480px) {
    .mica-loyalty-programme__feature-strip .mica-loyalty__benefits-shell {
        grid-template-columns: 1fr;
    }
}

/* Participating stores: compact province dropdowns shared by promotion pages. */
.mica-promo-stores .promo-header { margin-bottom: 24px !important; }
.mica-promo-stores .promo-header h1 { font-size: clamp(2rem, 3.5vw, 3.5rem); line-height: 1.15; margin: 14px 0; }
.mica-promo-stores .promo-participation-note { max-width: 720px; margin: 0 auto; color: #5c636a; font-size: .95rem; line-height: 1.6; }
.mica-promo-stores .promo-stores-back { display: inline-block; color: #0066a8; font-size: .875rem; font-weight: 700; padding: 8px 0; }
.mica-promo-stores .featured-image img { display: block; width: 100%; height: auto; border-radius: 6px; }
.mica-promo-stores .promo-stores-help { margin: 0 0 14px; color: #5c636a; font-size: .9rem; }
.mica-promo-stores .promo-store-regions { display: grid; gap: 12px; }
.mica-promo-stores .promo-store-region { border: 1px solid #dce3e8; border-radius: 6px; background: #fff; overflow: hidden; }
.mica-promo-stores .promo-store-region summary { display: flex; align-items: center; gap: 12px; padding: 17px 18px; min-height: 56px; cursor: pointer; list-style: none; color: #0066a8; background: #f5f8fa; }
.mica-promo-stores .promo-store-region summary::-webkit-details-marker { display: none; }
.mica-promo-stores .promo-store-region summary:hover { background: #eaf3f9; }
.mica-promo-stores .promo-store-region summary:focus-visible,
.mica-promo-stores .promo-store-region__links a:focus-visible { outline: 3px solid #0072bc; outline-offset: -3px; }
.mica-promo-stores .promo-store-region__title { flex: 1; min-width: 0; font-size: 1rem; font-weight: 700; }
.mica-promo-stores .promo-store-region__count { color: #5c636a; font-size: .75rem; white-space: nowrap; }
.mica-promo-stores .promo-store-region__icon { width: 8px; height: 8px; flex-shrink: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin: -4px 2px 0 4px; }
.mica-promo-stores .promo-store-region[open] .promo-store-region__icon { transform: rotate(225deg); margin-top: 4px; }
.mica-promo-stores .promo-store-region__links a { display: block; padding: 13px 18px; border-top: 1px solid #e8edf0; color: #314553; font-size: .9rem; line-height: 1.5; text-decoration: none; }
.mica-promo-stores .promo-store-region__links a:hover { background: #f5f8fa; color: #0066a8; text-decoration: underline; }
@media (max-width: 575px) {
    .mica-promo-stores .post-content { margin-top: 24px; }
    .mica-promo-stores .promo-header { margin-bottom: 12px !important; }
}