:root{--mss-primary:#1769e0;--mss-border:#e4e9f0;--mss-text:#111827;--mss-muted:#6b7280}
.mss-topbar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#171b22;color:#fff;padding:10px 24px;font-size:13px;text-align:center;position:relative;z-index:9998}
.mss-header{display:grid;grid-template-columns:auto auto minmax(260px,1fr) auto;align-items:center;gap:18px;padding:18px 24px;background:#fff;border-bottom:1px solid var(--mss-border);position:relative;z-index:9998}
.mss-logo{font-size:30px;font-weight:900;letter-spacing:-1.5px;color:#111827;text-decoration:none}.mss-logo::first-letter{color:var(--mss-primary)}
.mss-cat-toggle{border:0;border-radius:8px;background:var(--mss-primary);color:#fff;padding:14px 18px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(23,105,224,.2)}
.mss-search{display:flex;border:1px solid var(--mss-border);border-radius:8px;overflow:hidden}.mss-search input{flex:1;border:0;padding:13px 14px;min-width:0}.mss-search button{border:0;background:var(--mss-primary);color:#fff;padding:0 20px;font-weight:700}
.mss-actions{display:flex;gap:16px;white-space:nowrap}.mss-actions a{color:var(--mss-text);text-decoration:none}.mss-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:var(--mss-primary);color:#fff;font-size:12px}
.mss-mega[hidden]{display:none!important}.mss-mega{display:none;max-width:1460px;margin:0 auto;background:#fff;border:1px solid var(--mss-border);box-shadow:0 22px 60px rgba(20,35,60,.2);position:absolute;left:50%;transform:translateX(-50%);width:calc(100% - 32px);z-index:9999;border-radius:0 0 14px 14px;overflow:hidden}.mss-mega.is-open{display:block}
.mss-mega-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--mss-border);background:#fff;position:relative;z-index:10}.mss-mega-close{width:38px;height:38px;border:0;border-radius:8px;background:#eef2f7;color:#111827;font-size:26px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mss-mega-layout{position:relative;height:var(--mss-menu-height,420px);min-height:280px;max-height:min(620px,calc(100vh - 190px));overflow:hidden}
.mss-mega-sidebar{padding:10px;background:#f7f9fc;overflow-y:auto;height:100%;min-height:0;max-height:none}.mss-mega-parent{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:9px 12px;text-align:left;border-radius:9px;cursor:pointer;color:var(--mss-text)}.mss-mega-parent:hover,.mss-mega-parent.is-active{background:#fff;color:var(--mss-primary);font-weight:700;box-shadow:0 3px 12px rgba(20,35,60,.08)}.mss-parent-main{display:flex;align-items:center;gap:10px;min-width:0}.mss-parent-main img{width:38px;height:38px;object-fit:contain;background:#fff;border:1px solid var(--mss-border);border-radius:8px;flex:0 0 auto}.mss-parent-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mss-mega-content{position:absolute;inset:0;padding:24px;overflow-y:auto;background:#fff;z-index:3;transform:translateX(102%);opacity:0;visibility:hidden;transition:transform .22s ease,opacity .18s ease}.mss-mega-layout.has-active-panel .mss-mega-content{transform:translateX(0);opacity:1;visibility:visible}.mss-mega-panel{display:none}.mss-mega-panel.is-active{display:block}.mss-mega-back{display:inline-flex;align-items:center;gap:7px;border:0;background:#eef4fc;color:var(--mss-primary);border-radius:8px;padding:9px 12px;font-weight:800;cursor:pointer;white-space:nowrap}.mss-panel-title-row{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--mss-border)}.mss-panel-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--mss-primary);font-weight:800}.mss-panel-title-row h3{margin:2px 0 0;font-size:25px;color:var(--mss-text)}.mss-view-all{color:var(--mss-primary);font-weight:800;text-decoration:none;white-space:nowrap}
.mss-mega-columns{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.mss-category-card{display:flex!important;align-items:center;gap:11px;min-width:0;padding:11px!important;border:1px solid var(--mss-border);border-radius:11px;color:var(--mss-text)!important;text-decoration:none!important;background:#fff;transition:.18s ease}.mss-category-card:hover{border-color:#bad3f7;background:#f8fbff;transform:translateY(-2px);box-shadow:0 9px 22px rgba(20,35,60,.1)}.mss-category-image{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fff;flex:0 0 auto}.mss-category-image img{width:100%;height:100%;object-fit:contain}.mss-category-copy{display:flex;flex-direction:column;min-width:0}.mss-category-copy strong{font-size:14px;line-height:1.25}.mss-category-copy small{color:var(--mss-muted);margin-top:5px;font-size:12px}
.mss-filters{display:grid;grid-template-columns:auto repeat(4,minmax(130px,1fr)) auto auto;gap:10px;align-items:end;background:#fff;border:1px solid var(--mss-border);border-radius:12px;padding:14px;margin:0 0 20px}.mss-filter-title{font-weight:800;align-self:center}.mss-filters label{font-size:12px;color:var(--mss-muted)}.mss-filters input,.mss-filters select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--mss-border);border-radius:8px;background:#fff}.mss-filters button{padding:11px 16px;border:0;border-radius:8px;background:var(--mss-primary);color:#fff;font-weight:700}.mss-reset{padding:10px;text-decoration:none;color:var(--mss-muted)}
.mss-enabled.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.mss-enabled.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:14px!important;border:1px solid var(--mss-border)!important;border-radius:12px!important;background:#fff!important;transition:.2s ease;box-sizing:border-box}.mss-enabled.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,35,60,.12)}.mss-enabled.woocommerce ul.products li.product img{height:220px!important;object-fit:contain!important;background:#fff}.mss-enabled.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;line-height:1.35!important;min-height:42px}.mss-enabled.woocommerce ul.products li.product .price{font-size:18px!important;font-weight:800!important;color:#111827!important}.mss-enabled.woocommerce ul.products li.product .button{width:100%;text-align:center;border-radius:8px!important;background:var(--mss-primary)!important;color:#fff!important}
@media(max-width:1180px){.mss-mega-columns{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:980px){.mss-topbar{grid-template-columns:repeat(2,1fr)}.mss-header{grid-template-columns:1fr auto}.mss-search{grid-column:1/-1}.mss-actions{display:none}.mss-mega{position:fixed;top:0;left:0;transform:none;width:min(92%,560px);height:100vh;border-radius:0;overflow:hidden}.mss-mega-head{padding:16px;position:sticky;top:0}.mss-mega-layout{height:calc(100vh - 71px)!important;min-height:0;max-height:none;overflow:hidden}.mss-mega-sidebar{max-height:none;height:100%;min-height:0}.mss-mega-content{padding:14px;height:100%}.mss-mega-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mss-filters{grid-template-columns:repeat(2,1fr)}.mss-filter-title{grid-column:1/-1}.mss-enabled.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.mss-topbar{display:none}.mss-header{padding:12px;gap:10px}.mss-logo{font-size:23px}.mss-cat-toggle span{display:none}.mss-search button{padding:0 12px}.mss-mega-columns{grid-template-columns:1fr}.mss-panel-title-row h3{font-size:20px}.mss-category-image{width:52px;height:52px}.mss-filters{grid-template-columns:1fr}.mss-enabled.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.mss-enabled.woocommerce ul.products li.product{padding:9px!important}.mss-enabled.woocommerce ul.products li.product img{height:140px!important}.mss-enabled.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important}.mss-enabled.woocommerce ul.products li.product .price{font-size:15px!important}}

@media(max-width:600px){.mss-panel-title-row{grid-template-columns:1fr auto}.mss-panel-title-row>div{grid-column:1/2}.mss-panel-title-row .mss-view-all{grid-column:2/3;grid-row:2}.mss-mega-back{grid-column:1/-1;justify-self:start}}


/* Vali-style category area and utility list */
.mss-mega-sidebar{background:#fff;padding:12px 14px;display:flex;flex-direction:column}
.mss-mega-parent{border-bottom:1px solid #e6ebf2;border-radius:0;padding:11px 8px;flex:0 0 auto}
.mss-mega-parent:first-child{border-top:1px solid #e6ebf2}
.mss-mega-parent:hover,.mss-mega-parent.is-active{border-radius:8px;border-bottom-color:transparent;background:#f5f8fc;box-shadow:none}
.mss-mega-utility{margin-top:18px;padding-top:12px;border-top:2px solid #dfe6ef;display:grid;gap:2px;padding-bottom:18px}
.mss-utility-title{padding:4px 10px 7px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--mss-muted)}
.mss-mega-utility a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;text-decoration:none;color:var(--mss-text);border-bottom:1px solid #edf1f6}
.mss-mega-utility a:hover{background:#f5f8fc;color:var(--mss-primary)}
.mss-mega-utility a span{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mss-border);border-radius:50%;background:#fff;color:var(--mss-primary);font-size:13px}
.mss-mega-utility a strong{font-size:14px}

/* Filter panel with WooCommerce attributes */
.mss-filters{display:block;background:#fff;border:1px solid var(--mss-border);border-radius:12px;padding:14px;margin:0 0 20px}
.mss-filter-title{font-weight:900;margin-bottom:12px;font-size:16px}
.mss-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px}
.mss-filters label{font-size:12px;color:var(--mss-muted);min-width:0}
.mss-filters input,.mss-filters select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--mss-border);border-radius:8px;background:#fff;min-width:0}
.mss-filter-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.mss-filters button{padding:11px 20px;border:0;border-radius:8px;background:var(--mss-primary);color:#fff;font-weight:800;cursor:pointer}
.mss-reset{padding:10px;text-decoration:none;color:var(--mss-muted)}

/* Keep menu clear of floating chat widgets on desktop */
@media(min-width:981px){.mss-mega{bottom:auto}.mss-mega-sidebar{padding-bottom:84px}.mss-mega-utility{padding-right:90px}}
@media(max-width:1180px){.mss-filter-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:980px){.mss-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mss-mega-utility{padding-bottom:70px}}
@media(max-width:600px){.mss-filter-grid{grid-template-columns:1fr}.mss-filter-actions{position:sticky;bottom:0;background:#fff;padding:10px 0 0}.mss-mega-utility{padding-bottom:100px}}

/* 1.0.9 – slide-out filters and safe WooCommerce ordering */
.mss-filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:12px 14px;background:#fff;border:1px solid var(--mss-border);border-radius:12px}
.mss-filter-toggle{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:0;border-radius:9px;background:var(--mss-primary);color:#fff;font-weight:800;cursor:pointer}
.mss-sort-inline{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--mss-text)}
.mss-sort-inline select{min-width:210px;padding:10px 36px 10px 12px;border:1px solid var(--mss-border);border-radius:8px;background:#fff;color:var(--mss-text)}
.mss-filter-overlay{position:fixed;inset:0;z-index:99997;background:rgba(15,23,42,.48);backdrop-filter:blur(1px)}
.mss-filter-overlay[hidden],.mss-filter-drawer[hidden]{display:none!important}
.mss-filter-drawer{position:fixed;z-index:99998;top:0;left:0;width:min(390px,92vw);height:100dvh;background:#fff;box-shadow:18px 0 45px rgba(15,23,42,.22);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .24s ease}
.mss-filter-drawer.is-open{transform:translateX(0)}
.mss-filter-drawer-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:16px 18px;border-bottom:1px solid var(--mss-border);font-size:18px}
.mss-filter-close{width:40px;height:40px;border:0;border-radius:50%;background:#f1f5f9;color:#111827;font-size:28px;line-height:1;cursor:pointer}
.mss-filter-drawer .mss-filters{flex:1 1 auto;overflow-y:auto;margin:0;border:0;border-radius:0;padding:18px 18px 100px}
.mss-filter-drawer .mss-filter-grid{grid-template-columns:1fr}
.mss-filter-drawer .mss-filter-actions{position:sticky;bottom:-100px;display:flex;background:#fff;border-top:1px solid var(--mss-border);padding:14px 0 4px;margin-top:18px}
html.mss-filters-open{overflow:hidden}
@media(max-width:600px){.mss-filter-toolbar{align-items:stretch}.mss-sort-inline{flex:1;justify-content:flex-end}.mss-sort-inline>span{display:none}.mss-sort-inline select{min-width:0;width:100%}.mss-filter-toggle{padding-inline:14px}}