/* ===== OVERLAY ===== */
.hdr-overlay{
    display:none;position:fixed;inset:0;
    background:transparent;
    z-index:979;
    pointer-events:none;
}
.hdr-overlay.open{display:block}

/* ===== MEGA MENU CONTAINER ===== */
.cat-mega{
    display:none;
    position:fixed;left:0;right:0;
    background:#fff;
    box-shadow:0 10px 40px rgba(0,0,0,.2);
    z-index:1000;
    border-top:2px solid #f5233a;
    /* top set by JS */
}
.cat-mega.open{display:flex}
.cat-mega-inner{
    display:flex;width:100%;
    max-width:1280px;margin:0 auto;
    min-height:480px;max-height:calc(100vh - 110px);
    position:relative;z-index:1001;
}

/* ===== LEFT LIST ===== */
.cml{
    width:242px;flex-shrink:0;
    background:#f8f8f8;
    border-right:1px solid #ebebeb;
    overflow-y:auto;
    overscroll-behavior:contain;
}
.cml::-webkit-scrollbar{width:3px}
.cml::-webkit-scrollbar-thumb{background:#ddd}

.cml-item{
    display:flex;align-items:center;gap:10px;
    padding:11px 16px;
    font-size:13.5px;font-weight:500;color:#222;
    cursor:pointer;
    border-bottom:1px solid #f0f0f0;
    border-left:3px solid transparent;
    transition:all .1s;
    user-select:none;
}
.cml-item:hover,.cml-item.on{
    background:#fff;
    color:#f5233a;
    border-left-color:#f5233a;
    font-weight:600;
}
.cml-icon{font-size:17px;width:22px;text-align:center;flex-shrink:0}
.cml-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cml-cnt{font-size:11px;color:#bbb;font-weight:400;margin-left:2px}
.cml-arr{font-size:11px;color:#ccc;flex-shrink:0}
.cml-item:hover .cml-arr,.cml-item.on .cml-arr{color:#f5233a}
.cml-divider{height:6px;background:#ebebeb;border:none}
.cml-red{color:#f5233a!important;font-weight:700!important}

/* ===== RIGHT PANEL ===== */
.cmr{
    flex:1;padding:22px 28px;
    overflow-y:auto;background:#fff;
    overscroll-behavior:contain;
}
.cmr::-webkit-scrollbar{width:3px}
.cmr::-webkit-scrollbar-thumb{background:#eee}

/* Columns layout */
.cmr-cols{display:grid;gap:0;height:100%}
.cmr-col{padding-right:24px;border-right:1px solid #f5f5f5}
.cmr-col:last-child{border-right:none;padding-right:0}

/* Column title */
.cmr-col-title{
    font-size:13.5px;font-weight:800;color:#111;
    margin-bottom:12px;padding-bottom:8px;
    border-bottom:1.5px solid #f0f0f0;
    display:flex;align-items:center;gap:6px;
}
.cmr-hot-badge{
    background:#f5233a;color:#fff;
    font-size:9px;font-weight:900;
    padding:1px 5px;border-radius:3px;
    letter-spacing:.3px;
}
.cmr-new-badge{
    background:#f5233a;color:#fff;
    font-size:9px;font-weight:900;
    padding:1px 5px;border-radius:3px;
}

/* Links */
.cmr-link{
    display:flex;align-items:center;gap:6px;
    padding:6px 0;font-size:13px;color:#333;
    text-decoration:none;
    border-bottom:1px solid #fafafa;
    transition:color .12s;
    cursor:pointer;
}
.cmr-link:hover{color:#f5233a}
.cmr-link:last-child{border-bottom:none}
.cmr-link.featured{color:#f5233a;font-weight:700}
.cmr-link .lk-tag{
    font-size:9px;font-weight:900;
    padding:1px 5px;border-radius:3px;
    flex-shrink:0;
    color:#fff;background:#f5233a;
}
.cmr-link .lk-price{
    margin-left:auto;
    font-size:11.5px;font-weight:700;color:var(--price);
    white-space:nowrap;
}
.cmr-see-all{
    display:inline-block;margin-top:10px;
    font-size:12px;color:#f5233a;font-weight:600;
}
.cmr-see-all:hover{text-decoration:underline}