/* Chagatai Art Mega Menu – lightweight frontend CSS */
.chagatai-art-mm{
    display:inline-flex;
    align-items:center;
    vertical-align:middle;
    --ch-mm-icon-size:24px;
    --ch-mm-icon-color:#fff;
    --ch-mm-icon-active:#fff;
    --ch-mm-icon-stroke:2px;
    --ch-mm-top:0px;
    --ch-mm-size:100%;
    --ch-mm-overlay-opacity:.3;
    --ch-mm-duration:0ms;
    --ch-mm-overlay-color:#000;
}

.chagatai-art-mm__trigger{
    -webkit-appearance:none;
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:calc(var(--ch-mm-icon-size) + 16px);
    height:calc(var(--ch-mm-icon-size) + 16px);
    margin:0;
    padding:8px;
    border:0;
    background:transparent;
    color:var(--ch-mm-icon-color);
    line-height:1;
    cursor:pointer;
    position:relative;
    z-index:2147483001;
}
.chagatai-art-mm__trigger[aria-expanded="true"]{color:var(--ch-mm-icon-active)}
.chagatai-art-mm__trigger:focus-visible,
.chagatai-art-mm__close:focus-visible{
    outline:2px solid currentColor;
    outline-offset:3px;
}

.chagatai-art-mm__custom-icon{
    display:block;
    width:var(--ch-mm-icon-size);
    height:var(--ch-mm-icon-size);
    object-fit:contain;
}

.chagatai-art-mm__icon{
    width:var(--ch-mm-icon-size);
    height:var(--ch-mm-icon-size);
    display:flex;
    color:currentColor;
}
.chagatai-art-mm__icon--hamburger,
.chagatai-art-mm__icon--two{
    flex-direction:column;
    justify-content:center;
    gap:calc(var(--ch-mm-icon-size) * .19);
}
.chagatai-art-mm__icon--hamburger i,
.chagatai-art-mm__icon--two i{
    display:block;
    width:100%;
    height:var(--ch-mm-icon-stroke);
    background:currentColor;
    border-radius:99px;
}
.chagatai-art-mm__icon--grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:calc(var(--ch-mm-icon-size) * .16);
    padding:calc(var(--ch-mm-icon-size) * .12);
}
.chagatai-art-mm__icon--grid i{display:block;background:currentColor;border-radius:1px}
.chagatai-art-mm__icon--dots{
    align-items:center;
    justify-content:space-between;
    padding:0 calc(var(--ch-mm-icon-size) * .06);
}
.chagatai-art-mm__icon--dots i{
    width:calc(var(--ch-mm-icon-size) * .2);
    height:calc(var(--ch-mm-icon-size) * .2);
    background:currentColor;
    border-radius:50%;
}

.chagatai-art-mm__overlay{
    position:fixed;
    top:var(--ch-mm-top);
    right:0;
    bottom:0;
    left:0;
    z-index:2147482980;
    background:var(--ch-mm-overlay-color);
    opacity:0;
    pointer-events:none;
    transition:opacity var(--ch-mm-duration) ease;
}
.chagatai-art-mm__overlay.is-open{
    opacity:var(--ch-mm-overlay-opacity);
    pointer-events:auto;
}
.chagatai-art-mm__overlay[data-animation="none"]{transition:none!important}

.chagatai-art-mm__panel{
    position:fixed!important;
    z-index:2147482990!important;
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    max-height:calc(100vh - var(--ch-mm-top));
    max-height:calc(100dvh - var(--ch-mm-top));
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:#fff;
    visibility:hidden;
    pointer-events:none;
    transition:transform var(--ch-mm-duration) cubic-bezier(.2,.75,.2,1),opacity var(--ch-mm-duration) ease,visibility 0s linear var(--ch-mm-duration);
}
.chagatai-art-mm__panel.is-open{
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    transition:transform var(--ch-mm-duration) cubic-bezier(.2,.75,.2,1),opacity var(--ch-mm-duration) ease,visibility 0s;
}

/* Position / custom size */
.chagatai-art-mm__panel[data-direction="left"]{
    left:0!important;
    right:auto!important;
    top:var(--ch-mm-top)!important;
    bottom:0!important;
    width:var(--ch-mm-size)!important;
    height:auto!important;
    transform:translate3d(-102%,0,0);
}
.chagatai-art-mm__panel[data-direction="right"]{
    right:0!important;
    left:auto!important;
    top:var(--ch-mm-top)!important;
    bottom:0!important;
    width:var(--ch-mm-size)!important;
    height:auto!important;
    transform:translate3d(102%,0,0);
}
.chagatai-art-mm__panel[data-direction="top"]{
    left:0!important;
    right:0!important;
    top:var(--ch-mm-top)!important;
    bottom:auto!important;
    width:100%!important;
    transform:translate3d(0,-102%,0);
}
.chagatai-art-mm__panel[data-direction="bottom"]{
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    transform:translate3d(0,102%,0);
}
.chagatai-art-mm__panel[data-direction="top"][data-size-mode="custom"],
.chagatai-art-mm__panel[data-direction="bottom"][data-size-mode="custom"]{
    height:var(--ch-mm-size)!important;
}
.chagatai-art-mm__panel[data-direction="top"][data-size-mode="content"],
.chagatai-art-mm__panel[data-direction="bottom"][data-size-mode="content"]{
    height:auto!important;
}

/* Instant desktop option: no slide, no fade, no transition. */
.chagatai-art-mm__panel[data-animation="none"]{
    transform:none!important;
    opacity:1;
    transition:none!important;
}

/* Fade option: position remains fixed, only opacity changes. */
.chagatai-art-mm__panel[data-animation="fade"]{
    transform:none!important;
    opacity:0;
}

.chagatai-art-mm__panel[hidden],
.chagatai-art-mm__overlay[hidden]{display:none!important}

.chagatai-art-mm__content{width:100%;min-height:1px}
.chagatai-art-mm__content.is-loading{min-height:140px;position:relative}
.chagatai-art-mm__content.is-loading::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:24px;
    height:24px;
    margin:-12px 0 0 -12px;
    border:2px solid rgba(0,0,0,.14);
    border-top-color:rgba(0,0,0,.55);
    border-radius:50%;
    animation:ch-mm-spin .65s linear infinite;
}
.chagatai-art-mm__error{padding:24px}
@keyframes ch-mm-spin{to{transform:rotate(360deg)}}

.chagatai-art-mm__close{
    position:absolute;
    top:14px;
    right:16px;
    z-index:5;
    display:none;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.94);
    color:#1f1f1f;
    font:400 34px/1 Arial,sans-serif;
    cursor:pointer;
}
.chagatai-art-mm__panel[data-show-close="1"] .chagatai-art-mm__close{display:flex}

body.chagatai-art-mm-scroll-lock{overflow:hidden!important;overscroll-behavior:none}

@media (prefers-reduced-motion:reduce){
    .chagatai-art-mm__panel,.chagatai-art-mm__overlay{transition:none!important}
    .chagatai-art-mm__content.is-loading::after{animation-duration:1.2s}
}