/* Starmall V2: reference-specific storefront and member visual system; no external theme dependency */
:root{--stm-navy:#071b64;--stm-royal:#0759ec;--stm-electric:#0879ff;--stm-ink:#071544;--stm-yellow:#ffd000;--stm-soft:#f3f7ff}
body{background:#f3f7ff;color:var(--stm-ink);font-family:Arial,Helvetica,sans-serif}
.header-middle{background:linear-gradient(90deg,#06165d,#0641ad)}
.header-middle>.container{min-height:66px}.main-nav .menu>li>a{font-size:13px;font-weight:700}.main-nav .menu>li.active>a{background:#0a69f5;color:white}
.header .logo img{background:transparent;object-fit:contain;border-radius:0}
body:has(.account-container) .header{box-shadow:none}
body:has(.account-container) .account-container{width:min(1550px,calc(100% - 24px));max-width:none;margin:0 auto;padding-bottom:30px}
body:has(.account-container) .account-container>.row{gap:16px;flex-wrap:nowrap;margin:0}
body:has(.account-container) .account-container>.row>.sidebar{width:225px;min-width:225px;flex:none;margin:0;padding:12px 10px}
body:has(.account-container) .account-container>.row>.tab-content{width:calc(100% - 241px);padding:0;flex:1}
.widget-dashboard.sidebar{background:linear-gradient(180deg,#071e6a,#0742b6)!important;border-radius:0!important;box-shadow:none!important;max-height:calc(100vh - 18px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4385ef transparent}
.widget-dashboard h2{color:#fff!important;margin:8px 10px 16px!important;font-size:17px!important;letter-spacing:0!important}
.widget-dashboard .nav-tabs{min-height:0!important;max-height:none!important;overflow:visible!important;scrollbar-width:thin}
.widget-dashboard .nav-item{margin:2px 0!important}
.widget-dashboard .nav-link,.widget-dashboard .nav-item>a{display:flex!important;align-items:center;gap:10px;padding:10px 11px!important;color:#edf5ff!important;font-weight:700;font-size:12px;border-radius:8px!important;text-decoration:none}
.widget-dashboard .nav-link.active,.widget-dashboard .nav-item>a:hover{background:linear-gradient(90deg,#118aff,#0860f6)!important;color:#fff!important;box-shadow:none!important}
.widget-dashboard label{display:block;color:#a8c5ff;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin:15px 9px 5px}
.widget-dashboard .sm-menu-icon{font-size:18px;width:22px;display:inline-flex;justify-content:center}
.widget-dashboard .sm-menu-toggle{width:100%;background:transparent;color:#dce9ff;border:0;text-align:left;padding:11px;font-size:12px;font-weight:800;display:flex;justify-content:space-between}
.widget-dashboard .sm-nav-group{overflow:hidden;max-height:0;transition:max-height .3s ease}.widget-dashboard .sm-nav-group.is-open{max-height:1000px}
.widget-dashboard .sm-chevron{transition:transform .2s}.widget-dashboard [aria-expanded=true] .sm-chevron{transform:rotate(180deg)}
body:has(.account-container) .account-container .tab-pane{padding:12px!important;background:transparent!important;border:0!important;box-shadow:none!important}
body:has(.account-container) .account-container .dashboard-content{min-width:0}
.sm-member-hero{height:205px;min-height:205px;position:relative;overflow:hidden;border-radius:15px;background:#0661ed;box-shadow:0 4px 16px #164d9622;margin-bottom:12px}
.sm-member-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s}.sm-member-slide.is-active{opacity:1;visibility:visible}
.sm-member-slide picture,.sm-member-slide picture img{display:block;width:100%;height:100%}.sm-member-slide picture img{object-fit:cover;object-position:center}
.sm-member-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#073ebbd9 0%,#063b9866 44%,transparent 80%);pointer-events:none}
.sm-slide-copy{position:absolute;z-index:2;left:8%;top:50%;transform:translateY(-50%);max-width:48%;color:white}
.sm-slide-copy h2{font-size:clamp(24px,3vw,39px)!important;line-height:1.06!important;color:#fff!important;font-weight:900;margin:0 0 9px!important}
.sm-slide-copy p{font-size:clamp(12px,1.3vw,17px);line-height:1.32;margin:0 0 13px}
.sm-slide-cta{background:var(--stm-yellow);color:#09144c;border-radius:35px;padding:9px 24px;display:inline-flex;font-size:13px;font-weight:900}
.sm-slide-prev,.sm-slide-next{position:absolute;z-index:3;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:32px;height:32px;background:#fff;color:#092c99;font-size:25px;padding:0;display:grid;place-items:center}
.sm-slide-prev{left:12px}.sm-slide-next{right:12px}.sm-slide-dots{position:absolute;z-index:3;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.sm-slide-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#fff9}.sm-slide-dots button.is-active{background:#ffcd00}
.sm-referral-panel{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;background:#fff;border-radius:12px;box-shadow:0 3px 12px #0b31761b;margin:12px 0 16px}
.sm-referral-heading{display:flex;align-items:center;gap:10px;flex:1 1 220px}.sm-referral-symbol{font-size:26px;color:#075df0}.sm-referral-heading h3{font-size:14px!important;margin:0!important;color:#061b58!important;font-weight:900}.sm-referral-heading p{font-size:11px;margin:0;color:#5c6780}.sm-referral-controls{display:flex;align-items:center;gap:6px;flex:2 1 390px}.sm-referral-controls input{flex:1;min-width:110px;padding:9px 11px;font-size:11px;border:1px solid #d9e3f4;border-radius:9px}.sm-share-btn{padding:10px 12px;border-radius:8px;border:0;color:#fff;background:#0863eb;font-size:11px;font-weight:800;white-space:nowrap}.sm-whatsapp{background:#05a53f}.sm-copy-status{width:100%;margin:0;font-size:11px}
.account-container .feature-box{padding:14px 10px!important;min-height:90px;border-radius:12px;background:linear-gradient(130deg,#098cfa,#064ed8);color:#fff;box-shadow:0 3px 12px #1259ad1c;border:0}
.account-container .feature-box h3{color:#fff!important;font-size:14px!important;margin:6px 0 0}.account-container .feature-box a{color:#fff}.account-container .feature-box i{font-size:24px}
.account-container .row.row-lg{gap:8px;margin:0 0 14px;display:flex}.account-container .row.row-lg>.col-6{flex:1 1 145px;width:auto;min-width:0;padding:0}
.account-container .tab-pane .card,.account-container .tab-pane .widget{border-radius:12px;box-shadow:0 3px 12px #173e7914}
.stm-storefront-hero{position:relative;border-radius:16px;overflow:hidden;height:300px;background:#0659d8;margin:18px 0 12px}.stm-storefront-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s}.stm-storefront-slide.is-active{opacity:1;visibility:visible}.stm-storefront-slide img{width:100%;height:100%;object-fit:cover}.stm-storefront-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0642b3d9,transparent 75%)}.stm-storefront-copy{position:absolute;z-index:2;top:50%;left:8%;transform:translateY(-50%);color:#fff}.stm-storefront-copy h1{font-size:clamp(26px,4vw,50px);color:white;margin:0 0 8px;line-height:1.08}.stm-storefront-copy h1 em{color:#ffd400;font-style:normal}.stm-storefront-copy p{font-size:17px}.stm-storefront-copy a{display:inline-block;background:#ffd400;color:#061b5c;border-radius:30px;padding:11px 28px;font-weight:900}.stm-storefront-controls button{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;border-radius:50%;background:#fff;color:#073c9f;width:34px;height:34px;padding:0;font-size:22px}.stm-storefront-controls .prev{left:12px}.stm-storefront-controls .next{right:12px}.stm-storefront-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3}.stm-storefront-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#ffffff88;padding:0}.stm-storefront-dots button.active{background:#ffd000}
.stm-category-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:10px 0 24px}.stm-category-strip a{background:#fff;padding:12px 5px;text-align:center;border-radius:10px;box-shadow:0 3px 9px #193d7b15;color:#06194e;font-size:12px;font-weight:700}.stm-category-strip .stm-cat-icon{display:block;font-size:25px;margin-bottom:5px}
@media(max-width:991px){body:has(.account-container) .account-container>.row{display:block}body:has(.account-container) .account-container>.row>.sidebar{width:100%;min-width:0;position:relative;max-height:none;border-radius:12px!important}body:has(.account-container) .account-container>.row>.tab-content{width:100%}.sm-member-hero{height:200px}.sm-slide-copy{max-width:64%}.stm-category-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){body:has(.account-container) .account-container{width:calc(100% - 12px)}body:has(.account-container) .account-container .tab-pane{padding:4px!important}.sm-member-hero{height:158px;min-height:158px;border-radius:11px}.sm-slide-copy{left:10%;max-width:70%}.sm-slide-copy h2{font-size:21px!important}.sm-slide-copy p{font-size:10px}.sm-slide-cta{font-size:10px;padding:6px 14px}.sm-slide-prev,.sm-slide-next{width:22px;height:22px;font-size:18px}.sm-referral-controls{flex-wrap:wrap}.sm-referral-controls input{flex-basis:100%}.account-container .row.row-lg>.col-6{flex:1 1 calc(50% - 8px)}.account-container .feature-box{min-height:75px}.stm-storefront-hero{height:195px}.stm-storefront-copy h1{font-size:25px}.stm-storefront-copy p{font-size:11px}.stm-storefront-copy a{font-size:11px;padding:8px 17px}.stm-category-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.stm-category-strip a{font-size:10px}}

/* Correction Stage 05: database-backed departments and resilient grids */
.stm-home-categories a{display:flex;align-items:center;gap:10px;min-width:0}
.stm-home-categories a>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.stm-category-bullet{flex:0 0 24px;color:#0c4e96}
.stm-dynamic-category-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px auto 28px;max-width:1200px;padding:0 12px}
.stm-dynamic-category-strip a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;text-align:center;white-space:normal;overflow-wrap:anywhere;border:1px solid #e5eaf1;border-radius:12px;padding:12px 8px;background:#fff;color:#142d4d;text-decoration:none}
.stm-dynamic-category-strip a:hover{border-color:#1356a0}
.stm-real-departments .stm-home-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stm-department-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:14px;border:1px solid #e4e9f1;background:#fff;color:#172e50;text-decoration:none}
.stm-department-card img{display:block;width:100%;height:165px;object-fit:cover;background:#eef3f9}
.stm-department-card span{padding:12px;font-weight:700;overflow-wrap:anywhere}
.stm-real-category-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:24px}
.stm-real-category-grid .product-category{min-width:0;width:auto!important;margin:0!important}
.stm-real-category-grid .product-category figure{width:100%;margin:0;aspect-ratio:1/1;overflow:hidden;background:#eef3f9}
.stm-real-category-grid .product-category img{width:100%;height:100%;object-fit:contain}
.stm-real-category-grid .category-content h3{overflow-wrap:anywhere}
@media(max-width:900px){.stm-real-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stm-real-departments .stm-home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.stm-dynamic-category-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stm-real-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stm-department-card img{height:125px}.stm-home-categories{max-height:280px;overflow-y:auto}}