/* Preserve the existing menu tile styles for native links. */
.menu-sections a[data-menu]{text-align: left; display: flex; align-items: center; gap: 28px; font-size: clamp(26px, 3.05vw, 44px); line-height: 1.2; letter-spacing: -1.1px; min-height: 60px; padding: 0px; white-space: nowrap;}
.menu-sections a[data-menu] > span{font-size: 12px; letter-spacing: 0px; color: var(--muted); min-width: 18px;}
.menu-sections a[data-menu][data-menu-active="true"]{color: var(--blue);}
@media (max-width: 900px) {
.menu-sections a[data-menu]{font-size: 30px; min-height: 44px;}
}
@media (min-width: 901px) and (max-height: 800px) {
.menu-sections a[data-menu]{min-height: 52px; font-size: 36px;}
}
.menu-sections a[data-menu]{transition: color 0.16s; letter-spacing: -0.9px;}
.menu-sections a[data-menu] > span{font-variant-numeric: tabular-nums;}
.menu-sections a[data-menu]{white-space: normal; font-size: clamp(27px, 2.65vw, 43px); line-height: 1.25; min-height: 76px; gap: 20px; padding: 13px 0px; position: relative; font-weight: 500; letter-spacing: -1px;}
.menu-sections a[data-menu] > span{font-size: 13px; min-width: 22px;}
.menu-sections a[data-menu][data-menu-active="true"] .icon{color: var(--blue);}
@media (min-width: 761px) and (max-height: 760px) {
.menu-sections a[data-menu]{min-height: 66px; font-size: 32px; gap: 16px;}
}
@media (max-width: 1100px) {
.menu-sections a[data-menu]{font-size: 30px; gap: 14px;}
}
@media (max-width: 760px) {
.menu-sections a[data-menu]{font-size: 27px; min-height: 57px; padding: 10px 0px; gap: 16px;}
.menu-sections a[data-menu] > span{font-size: 12px; min-width: 20px;}
}
.menu-sections a[data-menu]{font-size: clamp(25px, 2.05vw, 34px); letter-spacing: -0.8px; min-height: 76px; gap: 18px; line-height: 1.2; padding: 12px 0px; border-bottom: 1px solid rgb(225, 232, 223);}
.menu-sections a[data-menu] > .menu-label{font-size: inherit; min-width: 0px; flex: 1 1 0%; white-space: normal;}
.menu-sections a[data-menu] > span:not(.menu-label){font-size: 12px; min-width: 20px;}
.menu-sections a[data-menu][data-menu="catalog"] .menu-thumb, .menu-sections a[data-menu][data-menu="configurations"] .menu-thumb{object-fit: contain; padding: 4px;}
.menu-sections a[data-menu][data-menu-active="true"] .menu-thumb{opacity: 1; filter: none; transform: scale(1.06);}
@media (min-width: 761px) and (max-height: 760px) {
.menu-sections a[data-menu]{min-height: 66px; font-size: 30px;}
}
@media (max-width: 1200px) {
.menu-sections a[data-menu]{font-size: 27px; gap: 12px;}
}
@media (max-width: 900px) {
.menu-sections a[data-menu]{font-size: 25px;}
.menu-sections a[data-menu] > span:not(.menu-label){display: none;}
}
@media (max-width: 760px) {
.menu-sections a[data-menu]{font-size: 25px; min-height: 64px; gap: 14px;}
}
 .menu-sections a[data-menu][data-menu="catalog"] .menu-thumb, .menu-sections a[data-menu][data-menu="configurations"] .menu-thumb{padding: 0px; object-fit: cover; object-position: center center;}
.menu-sections a[data-menu]{min-height: 80px; gap: 20px;}
@media (max-width: 760px) {
.menu-sections a[data-menu]{min-height: 76px; gap: 16px;}
}
@media (max-width: 374px) {
.menu-sections a[data-menu]{font-size: 22px; gap: 10px;}
}
.menu-sections a[data-menu]{height: 100%; min-height: 0px; padding: 6px 0px; gap: clamp(10px, 1.3vw, 20px); font-size: clamp(21px, 2.05vw, 34px); line-height: 1.2;}
@media (max-height: 720px) {
.menu-sections a[data-menu]{font-size: 25px;}
}
@media (min-width: 761px) and (max-width: 1100px) {
.menu-sections a[data-menu]{font-size: 23px; gap: 10px;}
}
@media (max-width: 760px) {
.menu-sections a[data-menu]{font-size: 15px; letter-spacing: -0.3px; gap: 8px; line-height: 1.2; padding: 6px 0px;}
.menu-sections a[data-menu] > span:not(.menu-label){display: none;}
.menu-sections a[data-menu] > .menu-label{flex: 1 1 0%;}
}
@media (max-width: 760px) and (max-height: 700px) {
.menu-sections a[data-menu]{font-size: 14px;}
}
@media (min-width: 761px) and (max-height: 520px) {
.menu-sections a[data-menu]{font-size: 19px; gap: 10px; padding: 4px 0px;}
}
@media (max-width: 760px) and (max-height: 600px) {
.menu-sections a[data-menu]{font-size: 13px;}
}
@media (min-width: 600px) and (max-width: 760px) and (max-height: 520px) {
.menu-sections a[data-menu]{font-size: 16px; gap: 10px; padding: 3px 0px;}
}