.block-accordion .wp-block-details summary::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6.01288 9C5.72647 8.99994 5.45181 8.89476 5.24932 8.7076L0.929321 4.71577C0.82617 4.62372 0.743893 4.5136 0.687291 4.39184C0.630689 4.27009 0.600896 4.13914 0.59965 4.00663C0.598404 3.87412 0.62573 3.74271 0.680033 3.62006C0.734336 3.49742 0.81453 3.386 0.915934 3.2923C1.01734 3.19859 1.13792 3.12449 1.27065 3.07432C1.40338 3.02414 1.54559 2.99889 1.68899 3.00004C1.8324 3.00119 1.97411 3.02872 2.10588 3.08102C2.23764 3.13332 2.35681 3.20935 2.45644 3.30466L6.01288 6.59093L9.56932 3.30466C9.77301 3.12288 10.0458 3.02229 10.329 3.02456C10.6122 3.02684 10.883 3.13179 11.0833 3.31682C11.2835 3.50185 11.3971 3.75215 11.3996 4.01381C11.402 4.27547 11.2932 4.52756 11.0964 4.71577L6.77644 8.7076C6.57395 8.89476 6.29929 8.99994 6.01288 9Z" fill="%234C4C4C"/></svg>');
    position: absolute;
    right: 0;
    top: 1px;
}

.block-accordion .wp-block-details[open] summary::after {
    transform: rotate(180deg);
}

.block-accordion .wp-block-details summary{
    color: #4C4C4C;
    font-size: 18px;
    font-weight: 600;
}

.block-accordion .wp-block-details{
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.block-accordion .wp-block-details[open] {
    border-bottom: 3px solid #155DA0;
}

/**/

[data-carousel-item] {
    position: absolute;
    top: 0;
    left: 100%; /* Start offscreen to the right */
    width: 100%;
    /* height: 100%; */
    transition: transform 0.5s ease-in-out, visibility 0s 0.5s; /* Smooth slide transition with visibility delay */
    visibility: hidden; /* Hide items initially */
}

[data-carousel-item].active {
    left: 0; /* Move into view */
    transform: translateX(0);
    visibility: visible;
    z-index: 1;
    transition: transform 0.5s ease-in-out, visibility 0s 0s; /* No delay on visibility for the active slide */
}

[data-carousel-item].prev {
    left: 0;
    transform: translateX(-100%);
    z-index: 0;
    visibility: hidden;
}

[data-carousel-item].next {
    left: 0;
    transform: translateX(100%);
    z-index: 0;
    visibility: hidden;
}

.services-grid .empty-placeholder {
  flex: 1 0 calc(25% - 20px);
  min-width: 280px;
  visibility: visible;
}

@media (max-width: 767px) {
  .empty-placeholder {
    display: none;
  }
}

.mobilebox__close{
    display:none;
}

.frm-show-form input[type="text"], .frm-show-form input[type="email"], .frm-show-form input[type="tel"], .frm-show-form input[type="url"], .frm-show-form input[type="number"], .frm-show-form select, .frm-show-form textarea{
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #fff;
    color: #4C4C4C;
    font-family: "Outfit";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0;
}

.frm-show-form .frm_form_field>.frm_primary_label{
    color: var(--Text-Black-Primary, #4C4C4C);
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
}

.frm-show-form .frm_submit .frm_button_submit{
    color: #FFF !important;
    font-family: "Outfit";
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal !important;
    padding: 14px 24px !important;
    justify-content: center !important;
    display: flex;
    width: auto !important;
    gap: 8px;
    margin-left: auto !important;
    align-items: center;
    border-radius: 0 !important;
    border: 1px solid #155DA0 !important;
    background: #155DA0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.with_frm_style .frm_form_fields > fieldset{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.with_frm_style .frm_required{
    display: none !important;
}

.with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label{
    color: #4C4C4C;
    font-family: "Outfit";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0;
}

 .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=checkbox]{
    border-radius: 0 !important;
 }

.frm-show-form .frm_error_style, .frm_forms .frm_error_style{
    background-color: var(--wp--preset--color--primary);
}

.frm-show-form .frm_form_field.frm_blank_field>.frm_error{
    font-size: 14px;
}

.frm-show-form .frm_blank_field input{
    border-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--primary) !important;
}

.frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 0px;
}

.frm-show-form input[type="text"]::placeholder,
.frm-show-form input[type="email"]::placeholder,
.frm-show-form input[type="tel"]::placeholder,
.frm-show-form input[type="url"]::placeholder,
.frm-show-form input[type="number"]::placeholder,
.frm-show-form select::placeholder,
.frm-show-form textarea::placeholder {
    color: #575A69;
    opacity: 1; 
    font-size: 18px;
}

.frm-show-form input[type="text"]::-webkit-input-placeholder,
.frm-show-form input[type="email"]::-webkit-input-placeholder,
.frm-show-form input[type="tel"]::-webkit-input-placeholder,
.frm-show-form input[type="url"]::-webkit-input-placeholder,
.frm-show-form input[type="number"]::-webkit-input-placeholder,
.frm-show-form select::-webkit-input-placeholder,
.frm-show-form textarea::-webkit-input-placeholder {
    color: #575A69;
    opacity: 1; 
    font-size: 18px;
}

.frm-show-form input[type="text"]::-moz-placeholder,
.frm-show-form input[type="email"]::-moz-placeholder,
.frm-show-form input[type="tel"]::-moz-placeholder,
.frm-show-form input[type="url"]::-moz-placeholder,
.frm-show-form input[type="number"]::-moz-placeholder,
.frm-show-form select::-moz-placeholder,
.frm-show-form textarea::-moz-placeholder {
    color: #575A69;
    opacity: 1; 
    font-size: 18px;
}

.no-arrow:after,
.no-arrow svg{
    display: none;
}

.single #content {
    overflow: hidden;
}

.wp-block-image.rounded img {
    border-radius: 0.25rem;
}

.wp-block-image.rounded-lg img {
    border-radius: 0.5rem;
}

.wp-block-image.rounded-xl img {
    border-radius: 0.75rem;
}

.wp-block-image.rounded-2xl img {
    border-radius: 1rem;
}

.wp-block-image.rounded-3xl img {
    border-radius: 1.5rem;
}

.wp-block-image.rounded-full img {
    border-radius: 9999px;
}

.align-features-btn{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.align-features-btn > div:last-child{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}

.align-features-btn.centered > div:last-child{
    align-items: center;
}

.align-features-btn a{
    margin-top: auto;
}

.align-features-btn .outlinedBtn.no-arrow{
    border-bottom: solid 1px !important;
}

.hide-title > a{
    opacity: 0 !important;
}

.single .wp-block-list {
    margin-left: 15px;
}

.single .wp-block-list li{
    margin-bottom: 8px;
    margin-top: 0;
    padding-left: 0px;
}

.wp-block-list li::marker {
    color: #4C4C4C;
}

.simple-feature-list-block {
    gap: 0 10px;
}

.simple-feature-list-block li span{
    font-size: inherit !important;
    line-height: 150%;
}

.simple-feature-list-block li{
    align-items: flex-start;
    gap: 16px;
    margin-top: 8px !important;
}

.simple-feature-list-block li div{
    margin-top: 3px;
    width: 22px !important;
    height: 22px !important;
    border: solid 1px;
    background: #155DA0 !important;
    border-color: #155DA0 !important;
}

.simple-feature-list-block li div svg{
    width: 16px !important;
    height: 16px !important;
    fill: #fff;
}

.simple-feature-list-block.text-sm li div{
    margin-top: 0px;
    width: 20px !important;
    height: 20px !important;
}

.simple-feature-list-block.text-sm li div svg{
    width: 14px !important;
    height: 14px !important;
}

.hero-texture .wp-block-cover__inner-container{
    z-index: 3 !important;
}


.hero-texture:before{
    content:'';
    position: absolute;
    left: 0;
    right:50%;
    top:0;
    bottom:0;
    background: url(../../images/hero-texture-2.png) no-repeat 0px 0px;
    z-index: 2;
}

.hero-texture:after{
    content:'';
    position: absolute;
    left: 0;
    right:50%;
    top:0;
    bottom:0;
    opacity: 1;
    z-index: 1;
    backdrop-filter: blur(2px);
}

.rounded-img-top img{
    border-radius: 10px 100px 10px 10px;
}

.rounded-img-corners img{
    border-radius: 10px 100px;
}

.rounded-sec{
    border-radius: 100px 10px;
    position: relative;
}

.rounded-sec > *{
    position: relative;
    z-index: 2;
}

.rounded-sec:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 50%;
    z-index:1;
    background: url(../../images/sec-decoration-top.png) no-repeat top center;
}

.rounded-sec:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    z-index:1;
    background: url(../../images/sec-decoration-bottom.png) no-repeat bottom center;
}





#mobile-menu-2 ul li a,
#mobile-menu-2 ul li button{
    color: var(--Text-Black-Primary, #4C4C4C);
    text-align: left;
    font-family: Outfit;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 24px */
    text-transform: none;
    padding:0px;
}

#mobile-menu-2 .dropdown{
    background: #fff !important;
    border-radius: 0px !important;
    padding: 12px !important;
    box-shadow: none !important;
}

#mobile-menu-2 .dropdown .dropdown{
    padding: 20px 0px !important;
}


#mobile-menu-2 .dropdown li:hover{
    border-bottom: 1px solid #F4FAFF;
}

#mobile-menu-2 .dropdown li:last-child{
    border: none;
}

#mobile-menu-2 .dropdown li a,
#mobile-menu-2 ul li button{
    color: #4C4C4C;
    font-weight: 400;
    padding: 8px 12px;
}

footer .text-footerText p {
    margin-bottom: 12px;
}

footer .text-footerText p strong{
    font-size: 18px;
    font-family: "Outfit";
}

.footer-menu>li>a{
    display:none;
}

.footer-menu>li>a,
.footer-menu>li>a:hover,
.footer-menu > li .sub-menu > li.menu-item-has-children >a{
    letter-spacing: -0.32px;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.10) !important;
    padding-bottom: 12px;
    text-transform: uppercase !important;
}

.footer-menu > li .sub-menu > li.menu-item-has-children >a{
    margin-top: 32px;
    color: #4C4C4C;
}

.footer-menu>li>.sub-menu>li>a,
.footer-menu>li>.sub-menu .sub-menu>li>a{
    font-size: 18px;
    color:#4C4C4C;
}

.footer-menu>li>.sub-menu>li,
.footer-menu>li>.sub-menu .sub-menu>li{
    margin-bottom: 11px !important;
}

.rounded img{
    border-radius: 4px;
}

.advanced-feature-list-block .w-full img{
    width: 100% !important;
}

.text-footerText a{
    color: #007DC3;
}

.top-menu-left li{
    display:none;
}

.top-menu-left li:first-child{
    display:block;
}


.top-menu-right li:first-child{
    display:none;
}

.text-footerText{
    line-height: 120%;
}

.footer-cta .primaryBtn{
    font-size: 20px;
    font-weight: 500;
    padding: 12px 20px;
}


/* 3rd level dropdown menu */
@media (min-width: 1024px) {

    #mobile-menu-2 .dropdown li a:hover,
    #mobile-menu-2 ul li button:hover,
    #mobile-menu-2 ul li button.active{
        background: var(--Brand-Very-Light-Blue, #F4FAFF);
    }


    [id^="submenu-dropdown-"] {
        margin-left: 0 !important;
    }

    .dropdown li.relative > a[data-dropdown-toggle] {
        position: relative;
    }

    [id^="submenu-dropdown-"] {
        min-width: 220px;
    }

    .dropdown li.relative > a.active[data-dropdown-toggle] {
        font-weight: 700;
    }

    .lg\:space-x-8>:not([hidden]) ~ :not([hidden]){
        margin-left:25px;
    }

}

@media (min-width:1024px) and (max-width:1200px){
    .store-list-column{
        padding:40px;
        padding-bottom:30px;
    }
}


@media (max-width:1023px){

    #mobile-menu-2 .dropdown{
        padding:0px 20px !important;
    }


    .header-btns > .primaryBtn{
        display: none !important;
    }

    .primaryBtn{
        display: none !important;
    }

    
    .header-btns > a{
        display: none !important;
    }


    .mobilebox__button .primaryBtn{
        display: flex !important;
    }

    nav a.relative.z-10 div{
        font-size: 14px;
    }

    nav a.relative.z-10{
        align-items: center;
    }

    .footer-menu>li>.sub-menu>li>a{
        font-size: 16px !important;
    }

    
    .footer-cta a.primaryBtn{
        display: table !important;
    }

}


@media (max-width:767px){

    .rounded-img-top img{
        border-radius: 10px 60px 10px 10px;
    }

    .rounded-img-corners img{
        border-radius: 10px 10px 60px 60px;
    }

    .rounded-sec{
        border-radius: 60px 60px 10px 10px;
    }


    .w-full > .wp-block-button{
        width: 100%;
    }

    .top-menu-right li:first-child{
        display: block;
    }

    .footer-menu>li>.sub-menu>li, .footer-menu>li>.sub-menu .sub-menu>li{
        margin-bottom:0px !important;
    }

    .footer-cta a.primaryBtn{
        display: table !important;
        margin: auto !important;
    }

    .hero-texture:before{
        right: 0;
        top: 70%;
        background-size: 600px;     
    }

    .hero-texture:after {
        display:none;
    }

    .hero-texture .wp-block-cover__inner-container:before{
        content: '';
        position: absolute;
        left: -16px;
        right: -16px;
        top: -56px;
        bottom: -56px;
        opacity: 1;
        z-index: 1;
        background: linear-gradient(183deg, rgba(255, 255, 255, 0.10) 20.22%, rgba(255, 255, 255, 0.00) 100%);
        backdrop-filter: blur(2px);
    }

    .hero-texture .wp-block-columns{
        position: relative;
        z-index: 3;
    }

}

/* ===== Desktop dropdown restyle — match old site (light-blue panels) ===== */
@media (min-width: 1024px) {

    /* Dropdown panel (top-level + flyout) */
    #mobile-menu-2 .dropdown {
        background: #e0f7ff !important;
        border-radius: 0 !important;
        padding: 20px 0 !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10) !important;
        min-width: 240px;
    }

    #mobile-menu-2 .dropdown ul{
        padding-top:0px !important;
        padding-bottom:0px !important;
    }

    /* No per-item borders on desktop */
    #mobile-menu-2 .dropdown li {
        border: 0 !important;
    }

    /* Items (leaf links + parent toggles) */
    #mobile-menu-2 .dropdown li > a {
        color: #4C4C4C;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.4;
        padding: 3px 20px !important;
        transition: background-color .2s ease, color .2s ease;
    }

    /* Leaf hover */
    #mobile-menu-2 .dropdown li > a:hover {
        background: rgb(21, 93, 160);
        color: #fff;
    }

    /* Parent item that opens a flyout (e.g. Doctors): full-width highlight when hovered/open */
    #mobile-menu-2 .dropdown li.relative > a[data-dropdown-toggle]:hover,
    #mobile-menu-2 .dropdown li.relative > a.active[data-dropdown-toggle] {
        background: #155DA0 !important;
        color: #fff !important;
        font-weight: 400 !important;
    }

    #mobile-menu-2 .dropdown li.relative > a[data-dropdown-toggle]:hover svg,
    #mobile-menu-2 .dropdown li.relative > a.active[data-dropdown-toggle] svg {
        color: #fff;
    }

    /* Flyout panel sits flush to the right of its parent */
    [id^="submenu-dropdown-"] {
        margin-left: 0 !important;
    }

/* ===== Specialties mega menu — activates when the menu item has the "mega-menu" class ===== */

.mega-cat-btn,
#mobile-menu-2 ul li a.mega-cat-btn {
    display: block;
    background: rgb(21, 93, 160);
    color: #fff !important;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    padding: 0px 20px;
    border-radius: 10px;
    text-transform: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.mega-cat-btn:hover,
#mobile-menu-2 ul li a.mega-cat-btn:hover {
    background: rgb(0, 125, 195);
    color: #fff !important;
}

.mega-section { margin-bottom: 16px; }
.mega-section:last-child { margin-bottom: 0; }

#mobile-menu-2 .mega-cat-items {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
}

#mobile-menu-2 .mega-cat-items li {
    margin: 0;
    border: 0 !important;
}

#mobile-menu-2 .mega-cat-items li a {
    display: block;
    color: #4C4C4C;
    font-size: 17px;
    font-weight: 400;
    padding: 2px 6px !important;
    text-transform: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#mobile-menu-2 .mega-cat-items li a:hover {
    color: #fff;
    background: rgb(0, 125, 195);
    
}


    /* Full-width positioning context for the mega panel */
    #mobile-menu-2 > ul > li.mega-menu { position: static; }

    /* Full-width panel — override Flowbite's inline positioning */
    #mobile-menu-2 .dropdown.mega-menu-panel {
        position: absolute !important;
        inset: auto !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        width: auto !important;
        min-width: 0 !important;
        margin-top: 0px;
        padding: 15px !important;
        background: #e0f7ff !important;
        border-radius: 0 !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10) !important;
        z-index: 30;
    }

    .mega-section { margin-bottom: 15px; }

    /* Treatments flow into 3 balanced columns */
    #mobile-menu-2 .mega-cat-items {
        columns: 3;
        column-gap: 48px;
        margin-top: 6px;
    }

    #mobile-menu-2 .mega-cat-items li {
        break-inside: avoid;
    }

    /* Chevron next to the mega category button text */
    .mega-cat-btn::after {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-left: 0px;
        vertical-align: middle;
        opacity:0;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }

    .mega-cat-btn:hover::after {
        opacity:1;
        margin-left: 10px;
    }


    #mobile-menu-2 .mega-cat-collapse { display: block !important; }
    .mega-cat-arrow { display: none !important; }

    .store-list-column,
    .store-map-column{
        max-width:50%;
    }
}

/* Mobile: category rows and treatment links look like the normal accordion items */
@media (max-width: 1023px) {
    /* hide the desktop pill chevron */
    .mega-cat-btn::after { display: none !important; }

    #mobile-menu-2 ul li a.mega-cat-btn {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: transparent !important;
        text-align: left;
        border-radius: 0 !important;
        gap:4px;
    }

    #mobile-menu-2 ul li a{
        justify-content: flex-start;
    }

    .mega-cat-arrow,
    #mobile-menu-2 ul li a svg {
        display: inline-block;
        width: 15px;
        height: 15px;
        flex-shrink: 0;
        transition: transform 0.2s ease;
    }
    .mega-cat-btn:has(+ .mega-cat-collapse.block) .mega-cat-arrow {
        transform: rotate(180deg);
    }

    #mobile-menu-2 .dropdown li svg.size-4{
        transform: rotate(90deg);
    }

    .mega-section { margin-bottom: 0; }

    #mobile-menu-2 .mega-cat-items { margin: 0; margin-left:20px; border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;}
    #mobile-menu-2 .mega-cat-items li a,
    #mobile-menu-2 ul li a, #mobile-menu-2 ul li button,
    #mobile-menu-2 ul li a.mega-cat-btn  {
        padding: 10px 20px;
        font-size: 15px;
        font-weight:400;
        color: #4C4C4C;
        border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
    }

    #mobile-menu-2 .mega-cat-items li a{
        display: block;
    }

    #mobile-menu-2 .dropdown .dropdown {
        padding: 0px 20px !important;
    }
}

/* ===== Mobile menu: slide-down animation ===== */
@media (max-width: 1023px) {
    /* The mobile menu panel fades + slides in when opened */
    #mobile-menu-2 {
        display: flex !important;      /* keep in DOM so it can animate (overrides .hidden) */
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    #mobile-menu-2.flex {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        overflow:auto;
        max-height: calc(100dvh - 180px);
    }

    /* Sub-menus / dropdowns slide down instead of appearing instantly */
    #mobile-menu-2 .dropdown,
    #mobile-menu-2 .mega-cat-collapse {
        display: block !important;     /* overrides .hidden so height can transition */
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transform: translateY(-6px);
        transition: max-height 0.35s ease, opacity 0.3s ease, transform 0.3s ease;
    }
    #mobile-menu-2 .dropdown.block,
    #mobile-menu-2 .mega-cat-collapse.block {
        max-height: 2000px;
        opacity: 1;
        transform: translateY(0);
    }
}

/* Rotate the sub-item chevron when its dropdown is open (mobile) */
@media (max-width: 1023px) {
    #mobile-menu-2 .dropdown li a.active svg.size-4 {
        transform: rotate(-90deg);
    }
}

/* ===== Smooth slide via CSS grid (animates to real content height) ===== */
@media (max-width: 1023px) {
    #mobile-menu-2 .dropdown,
    #mobile-menu-2 .mega-cat-collapse {
        display: grid !important;
        grid-template-rows: 0fr;
        max-height: none !important;        /* cancel the old max-height animation */
        overflow: hidden;
        transform: none;
        opacity: 0;
        transition: grid-template-rows 0.3s ease, opacity 0.25s ease;
    }
    #mobile-menu-2 .dropdown > *,
    #mobile-menu-2 .mega-cat-collapse > * {
        overflow: hidden;
        min-height: 0;
    }
    #mobile-menu-2 .dropdown.block,
    #mobile-menu-2 .mega-cat-collapse.block {
        grid-template-rows: 1fr;
        max-height: none !important;
        transform: none;
        opacity: 1;
    }
}

/* Mega menu variant: "2-col" class on the menu item => 2 columns instead of 3 (desktop) */
@media (min-width: 1024px) {
    #mobile-menu-2 .mega-menu-panel.mega-2col .mega-cat-items {
        columns: 2;
    }
}