:root{--brand:#4ec7b7;--brand-2:#87d5ca;--brand-dark:#2f8f86;--dark:#0f172a;--muted:#64748b;--light:#f8fafc}
*{box-sizing:border-box}
body{font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;background:#f8fafc;color:#0f172a}
a{color:var(--brand-dark)}a:hover{color:var(--brand)}
.topbar{background:#0b1220;color:#cbd5e1}.topbar a{color:#cbd5e1;text-decoration:none}
.site-logo{height:36px}.logo-type{font-weight:800;color:#0f172a;letter-spacing:.2px}
.search-input{border:2px solid #e2e8f0}
.btn-brand{background:linear-gradient(90deg,var(--brand),var(--brand-2));border:0;color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(78,199,183,.22)}
.btn-brand:hover{filter:brightness(.96);color:#fff}
.btn-ghost{background:#fff;color:#0f172a;border:1px solid #e2e8f0;font-weight:600}.btn-ghost:hover{background:#f8fafc}
.badge-save{background:#16a34a}.badge-new{background:#2563eb}.badge-hot{background:#f97316}.cat-pill{font-weight:600}.nav-link{font-weight:600}
.usp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center;height:100%}
.usp-card i{font-size:22px;color:var(--brand-dark)}.usp-card h6{margin:0 0 2px;font-weight:800}
.category-tiles .tile{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;transition:all .2s ease;background:#fff;height:100%}
.category-tiles .tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,8,23,.08)}
.icon-wrap{height:70px;display:flex;align-items:center;justify-content:center;background:#eef6f5;color:var(--brand-dark);border-radius:.75rem;margin-bottom:12px}
.feature-collection{border-radius:16px;overflow:hidden;position:relative;min-height:260px;background-size:cover;background-position:center}
.feature-collection .inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.45) 90%);color:#fff}
.feature-collection h3{margin:0 0 6px;font-weight:800}.feature-collection p{margin:0 0 10px;opacity:.9}
.product-card{border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background:#fff;height:100%}
.product-card .thumb{aspect-ratio:4/3;background:#f1f5f9;display:flex;align-items:center;justify-content:center}
.product-card .thumb img{max-height:100%;max-width:100%;border-radius:8px}
.product-card .title{min-height:3.5rem;font-size:.98rem}
.price{font-weight:800;color:#0f172a}
.prod-swiper .swiper-wrapper{align-items:stretch}.prod-swiper .swiper-slide{height:auto}
.prod-swiper{padding:8px 0px}
.swiper-button-next,.swiper-button-prev{width:36px;height:36px;color:#0f172a}.swiper-button-next:after,.swiper-button-prev:after{font-size:18px}
.promo-banner{background:linear-gradient(90deg,#111827,#0f172a);color:#fff;border-radius:1rem}.promo-banner .badge{background:var(--brand-dark)}
.brand-img{height:36px;object-fit:contain;filter:grayscale(100%);opacity:.9;transition:.2s}.brand-img:hover{filter:none;opacity:1}
.brand-swiper{padding:8px 40px;background:#f1f5f4;border-radius:12px;border:1px solid #e2e8f0}
.brand-swiper .swiper-button-next,.brand-swiper .swiper-button-prev{width:36px;height:36px;color:#0f172a}
.brand-swiper .swiper-button-next:after,.brand-swiper .swiper-button-prev:after{font-size:18px}
.review{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;background:#fff;height:100%}
.testi-swiper{padding:8px 40px}.testi-swiper .swiper-button-next,.testi-swiper .swiper-button-prev{width:36px;height:36px;color:#0f172a}
.testi-swiper .swiper-button-next:after,.testi-swiper .swiper-button-prev:after{font-size:18px}
.newsletter{background:#111827 url('https://www.mjselectricalsupplies.com.au/assets/marketing/80.png?1730429210') center/cover no-repeat;border-radius:1rem}
.newsletter .overlay{
    background: rgba(15, 23, 42, .8);
    height: 283px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.newsletter-inputgroup .form-control{height:56px}.newsletter-inputgroup .btn{height:56px;display:flex;align-items:center}
@media (max-width:575.98px){.newsletter-inputgroup .btn{margin-top:8px;height:52px}}
.footer{background:#0b1220;color:#94a3b8}.footer a{color:#cbd5e1;text-decoration:none; line-height: 32px;}
.mega{min-width:760px}@media (max-width:991.98px){.mega{min-width:auto}}
.hero-carousel .carousel-item img{height:420px;object-fit:cover}@media (max-width:767.98px){.hero-carousel .carousel-item img{height:260px}}
.section-title{font-size:1.2rem;letter-spacing:.2px}


/* Ensure Add to Cart doesn't wrap and buttons feel bigger */
.product-card .btn{ white-space: nowrap; }
.product-card .btn-brand{ min-width: 148px; }
.product-card .btn-outline-secondary{ min-width: 110px; }