/* Sai Fan House electrical products page + Products dropdown */
.sf-nav-dropdown{position:relative}.sf-nav-dropdown>a{display:inline-flex;align-items:center;gap:8px}.sf-nav-chevron{font-size:10px}
.sf-nav-submenu{position:absolute;top:calc(100% + 18px);left:-18px;min-width:235px;padding:10px;margin:0;list-style:none;background:#fff;border:1px solid #eee;box-shadow:0 18px 45px #12182624;border-radius:12px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:999}
.sf-nav-dropdown:hover .sf-nav-submenu,.sf-nav-dropdown:focus-within .sf-nav-submenu{opacity:1;visibility:visible;transform:none}.sf-nav-submenu li{list-style:none}.sf-nav-submenu a{display:flex;justify-content:space-between;padding:12px 14px;color:#242833;font-size:14px;font-weight:600}.sf-nav-submenu a:hover{color:#B91E2E;background:#fff3f3}
.sf-has-submenu{position:relative}.sf-submenu-toggle{display:none}.sf-mobile-submenu{display:none;padding:0 0 8px 18px!important}.sf-has-submenu.sf-submenu-open .sf-mobile-submenu{display:block}.sf-mobile-submenu a{font-size:14px!important;color:#B91E2E!important}
@media(max-width:991px){.sf-submenu-toggle{display:block;position:absolute;right:0;top:4px;width:30px;height:30px;border:0;border-radius:50%;background:#f5eeee;color:#B91E2E;font-size:19px;z-index:3}.sf-nav-submenu{display:none}}
.sf-electrical-page{--sf-red:#B91E2E}.sf-page-progress{position:fixed;z-index:100000;top:0;left:0;height:3px;width:0;background:#B91E2E}
.sf-electric-hero{position:relative;overflow:hidden;min-height:570px;padding:100px 0 85px;color:#fff;background:radial-gradient(circle at 76% 30%,#b91e2e55,transparent 28%),linear-gradient(115deg,#171b26,#202634 58%,#111722)}
.sf-electric-hero:after{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:48px 48px}
.sf-electric-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px}.sf-electric-hero h1{color:#fff;font-size:clamp(42px,5.3vw,72px);line-height:1.08;letter-spacing:-2.5px;margin:22px 0}.sf-electric-hero h1 em,.sf-section-heading h2 em,.sf-cta-copy h2 em{color:#e15a68;font-style:normal}
.sf-electric-hero-copy>p{color:#c4c9d1;max-width:520px;line-height:1.9}.sf-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#f1c5ca;font-size:11px;font-weight:800;letter-spacing:2px}.sf-eyebrow>span{width:24px;height:2px;background:#d94b5b}
.sf-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:25px}.sf-electric-btn{display:inline-flex;gap:18px;padding:15px 20px;background:#B91E2E;color:#fff!important;font-size:13px;font-weight:700;transition:.3s}.sf-electric-btn:hover{background:#d43b4b;transform:translateY(-3px)}.sf-hero-text-link{color:#fff;font-size:13px;font-weight:700}.sf-hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#c1c7d0;font-size:11px}.sf-hero-proof i{color:#e15a68;margin-right:5px}
.sf-electric-orb{position:absolute;border:1px solid #ffffff20;border-radius:50%}.sf-orb-one{width:520px;height:520px;right:-100px;top:-230px}.sf-orb-two{width:350px;height:350px;right:-15px;top:-140px}.sf-electric-hero-art{position:relative;min-height:400px;display:grid;place-items:center}.sf-art-ring{position:absolute;border:1px solid #ffffff25;border-radius:50%;animation:sfOrbit 22s linear infinite}.ring-a{width:390px;height:390px}.ring-b{width:300px;height:300px;border-style:dashed;animation-direction:reverse}
.sf-art-card{position:relative;width:280px;height:330px;padding:23px;background:linear-gradient(145deg,#f7f4ef,#dedbd5);color:#202431;box-shadow:25px 30px 70px #0005;transform:rotate(5deg);animation:sfFloat 5s ease-in-out infinite}.sf-art-topline,.sf-art-bottom{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:1.5px}.sf-art-topline i,.sf-art-bottom b{color:#B91E2E}.sf-bolt-visual{height:230px;display:grid;place-items:center;color:#B91E2E;font-size:115px}.sf-floating-tag{position:absolute;padding:12px 15px;background:#fff;color:#202431;box-shadow:0 12px 35px #0003;font-size:12px;font-weight:800}.sf-floating-tag i{color:#B91E2E;margin-right:8px}.tag-left{left:0;top:90px}.tag-right{right:0;bottom:65px}
.sf-hero-bottom-line{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:clamp(25px,9vw,130px);padding:15px;border-top:1px solid #ffffff20;color:#aeb4be;font-size:9px;font-weight:800;letter-spacing:3px}
.sf-electric-intro{padding:100px 0;background:#f7f7f5}.sf-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.sf-eyebrow-dark{color:#B91E2E}.sf-section-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.12;color:#171b26;margin:15px 0}.sf-section-heading>p{max-width:380px;color:#777d87;font-size:14px;line-height:1.9}
.sf-category-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.sf-category-tabs{display:flex;flex-wrap:wrap;gap:7px}.sf-filter-btn{border:1px solid #e5e5e2;background:transparent;color:#6c7078;padding:10px 13px;font-size:11px;font-weight:700}.sf-filter-btn.is-active,.sf-filter-btn:hover{background:#202431;color:#fff;border-color:#202431}.sf-product-search{display:flex;align-items:center;gap:8px;min-width:205px;margin:0;padding:0 12px;background:#fff;border:1px solid #e5e5e2}.sf-product-search i{color:#B91E2E}.sf-product-search input{height:40px;padding:0;border:0;background:transparent;font-size:12px}
.sf-electric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sf-category-card{min-height:440px;padding:22px;background:#fff;border:1px solid #ececea;transition:.35s;overflow:hidden}.sf-category-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #191d2717;border-color:#e3b2b7}.sf-card-head{display:flex;justify-content:space-between;align-items:center}.sf-card-number{font-size:11px;color:#a4a7ad;font-weight:800}.sf-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff0f1;color:#B91E2E}
.sf-card-visual{height:130px;margin:8px -4px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f2f0ed,#faf9f7);color:#B91E2E}.sf-card-visual>i{font-size:67px;filter:drop-shadow(7px 12px 6px #0002);transition:.4s}.sf-category-card:hover .sf-card-visual>i{transform:scale(1.13) rotate(-7deg)}.sf-card-visual>span{position:absolute;width:110px;height:110px;border:1px dashed #B91E2E33;border-radius:50%;animation:sfOrbit 20s linear infinite}
.sf-brand-label{display:block;color:#B91E2E;font-size:9px;font-weight:900;letter-spacing:1.6px;margin:13px 0 8px}.sf-card-content h3{font-size:23px;line-height:1.22;color:#202431;margin-bottom:13px}.sf-card-content ul{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0 0 20px;list-style:none}.sf-card-content li{padding:6px 9px;background:#f4f4f2;color:#666d78;font-size:10px;line-height:1.3}.sf-card-link{display:flex;justify-content:space-between;border-top:1px solid #eee;padding-top:13px;color:#202431;font-size:11px;font-weight:800}.sf-card-link i{color:#B91E2E}.sf-card-link:hover{color:#B91E2E}.sf-no-results{padding:28px;text-align:center;background:#fff}.sf-category-card.is-hidden{display:none}
.sf-electric-cta{padding:0 0 100px;background:#f7f7f5}.sf-cta-panel{display:flex;align-items:center;justify-content:space-between;min-height:330px;padding:50px 7%;background:linear-gradient(110deg,#202431,#151a25);color:#fff;overflow:hidden}.sf-cta-copy{max-width:530px}.sf-cta-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.1;color:#fff;margin:15px 0}.sf-cta-copy p{color:#c3c8d1;font-size:13px}.sf-electric-btn-light{margin-top:12px;background:#fff;color:#202431!important}.sf-electric-btn-light:hover{background:#B91E2E;color:#fff!important}.sf-cta-symbol{width:200px;height:200px;border:1px solid #ffffff33;border-radius:50%;display:grid;place-items:center;color:#e35b69;font-size:95px;position:relative}.sf-cta-symbol:after{content:"";position:absolute;inset:-15px;border:1px dashed #ffffff33;border-radius:50%;animation:sfOrbit 25s linear infinite}.sf-cta-symbol span{position:absolute;bottom:20px;right:0;background:#B91E2E;color:#fff;font-size:9px;padding:5px 8px}
.sf-reveal{opacity:0;transform:translateY(24px);transition:.7s}.sf-reveal.sf-is-visible{opacity:1;transform:none}@keyframes sfFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes sfOrbit{to{transform:rotate(360deg)}}
@media(max-width:1199px){.sf-electric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991px){.sf-electric-hero-inner{grid-template-columns:1fr 1fr;gap:15px}.sf-electric-hero h1{font-size:46px}.sf-electric-hero-art{min-height:330px}.ring-a{width:315px;height:315px}.ring-b{width:255px;height:255px}.sf-art-card{width:235px;height:295px}.sf-bolt-visual{height:200px;font-size:90px}.sf-category-toolbar{align-items:flex-start;flex-direction:column}.sf-product-search{width:100%}}
@media(max-width:767px){.sf-electric-hero{min-height:0;padding:70px 0 75px}.sf-electric-hero-inner{grid-template-columns:1fr}.sf-electric-hero h1{font-size:clamp(39px,10vw,54px);letter-spacing:-1.5px}.sf-electric-hero-art{min-height:320px}.ring-a{width:290px;height:290px}.ring-b{width:235px;height:235px}.sf-art-card{height:275px}.sf-bolt-visual{height:180px}.tag-left{left:0;top:45px}.tag-right{right:0;bottom:35px}.sf-hero-bottom-line{gap:20px;font-size:8px;letter-spacing:1.5px}.sf-electric-intro{padding:70px 0}.sf-section-heading{display:block}.sf-section-heading>p{margin-top:15px}.sf-electric-grid{grid-template-columns:1fr}.sf-category-card{min-height:0}.sf-card-visual{height:140px}.sf-cta-panel{min-height:0;padding:38px 24px}.sf-cta-symbol{position:absolute;right:-60px;bottom:-60px;opacity:.25}.sf-cta-copy{position:relative;z-index:1}}
@media(prefers-reduced-motion:reduce){.sf-electrical-page *{animation:none!important;transition:none!important}.sf-reveal{opacity:1;transform:none}}


/* Category card hierarchy refresh: heading -> image -> Products -> vertical list */
.sf-electric-grid {
  align-items: stretch;
}
.sf-category-card {
  min-height: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e8e6e2;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(25, 29, 39, .045);
}
.sf-category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(25, 29, 39, .10);
}
.sf-card-head {
  order: 0;
  margin-bottom: 8px;
}
.sf-category-title {
  order: 1;
  margin: 0 0 15px;
  color: #171b26;
  font-size: clamp(19px, 2vw, 23px);
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -.35px;
  text-transform: uppercase;
}
.sf-card-visual {
  order: 2;
  height: 175px;
  margin: 0 0 20px;
  border-radius: 3px;
  background: linear-gradient(135deg, #f4f2ee 0%, #fbfaf8 100%);
}
.sf-card-visual > i {
  font-size: 76px;
}
.sf-card-content {
  order: 3;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.sf-products-label {
  display: block;
  margin: 0 0 11px;
  color: #202431;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .2px;
}
.sf-card-content ul {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}
.sf-card-content li {
  position: relative;
  padding: 9px 0 9px 17px;
  color: #666d78;
  background: transparent;
  border-bottom: 1px solid #efefed;
  font-size: 13px;
  line-height: 1.45;
}
.sf-card-content li:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 17px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #B91E2E;
}
.sf-card-content li:last-child {
  border-bottom: 0;
}
.sf-card-link {
  margin-top: auto;
}
@media (max-width: 767px) {
  .sf-category-card { padding: 20px; }
  .sf-category-title { font-size: 21px; }
  .sf-card-visual { height: 155px; }
}


/* Product gallery layout – category heading followed by three image cards */
.sf-products-page {
  background: #fff;
  color: #171b26;
}
.sf-products-intro {
  padding: 66px 0 34px;
  text-align: center;
  background: #fff;
}
.sf-products-kicker {
  display: inline-block;
  color: #9b202d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.sf-products-intro h1 {
  color: #171b26;
  font-size: clamp(32px, 4vw, 46px);
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 10px;
}
.sf-products-intro p {
  color: #737984;
  font-size: 14px;
  margin: 0;
}
.sf-product-category {
  padding: 48px 0 54px;
  background: #fff;
}
.sf-product-category:nth-of-type(odd) {
  background: #fafaf9;
}
.sf-category-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 27px;
}
.sf-category-index {
  display: inline-grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #B91E2E;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.sf-category-heading h2 {
  margin: 0;
  color: #171b26;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: -.6px;
}
.sf-heading-line {
  height: 1px;
  flex: 1;
  margin-left: 8px;
  background: #e7e5e1;
}
.sf-product-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}
.sf-product-card {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e6e6e4;
  box-shadow: 0 5px 18px rgba(20, 25, 35, .035);
  transition: transform .3s ease, box-shadow .3s ease;
}
.sf-product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(20, 25, 35, .12);
}
.sf-product-image {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: #f0efed;
}
.sf-product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}
.sf-product-card:hover .sf-product-image img {
  transform: scale(1.045);
}
.sf-product-caption {
  min-height: 78px;
  display: flex;
  align-items: center;
  padding: 18px 22px;
  background: #fff;
}
.sf-product-caption h3 {
  margin: 0;
  color: #171b26;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 750;
}
.sf-product-placeholder {
  color: #B91E2E;
  background: radial-gradient(circle at 50% 45%, #fff 0, #f6f4f1 58%, #eae7e2 100%);
}
.sf-product-placeholder > i {
  z-index: 1;
  font-size: 82px;
  filter: drop-shadow(8px 12px 7px rgba(0,0,0,.13));
  transition: transform .45s ease;
}
.sf-product-card:hover .sf-product-placeholder > i {
  transform: scale(1.12) translateY(-4px);
}
.sf-placeholder-orbit {
  position: absolute;
  width: 150px;
  height: 150px;
  border: 1px dashed rgba(185, 30, 46, .3);
  border-radius: 50%;
  animation: sfOrbit 24s linear infinite;
}
@media (max-width: 991px) {
  .sf-product-cards { gap: 18px; }
  .sf-product-image { height: 210px; }
  .sf-product-caption h3 { font-size: 18px; }
}
@media (max-width: 767px) {
  .sf-products-intro { padding: 48px 0 20px; }
  .sf-product-category { padding: 34px 0 40px; }
  .sf-category-heading { gap: 11px; margin-bottom: 20px; }
  .sf-category-index { flex-basis: 36px; width: 36px; height: 36px; }
  .sf-category-heading h2 { font-size: 23px; }
  .sf-heading-line { margin-left: 0; }
  .sf-product-cards { grid-template-columns: 1fr; gap: 17px; }
  .sf-product-image { height: clamp(190px, 58vw, 300px); }
  .sf-product-caption { min-height: 68px; padding: 15px 18px; }
  .sf-product-caption h3 { font-size: 19px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sf-product-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* =========================================================
   Electrical product gallery – grouped by brand/category
   ========================================================= */
.sf-products-intro {
    padding: 72px 0 38px;
    text-align: center;
    background: #fff;
}
.sf-products-intro .sf-products-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: #B91E2E;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}
.sf-products-intro h1 {
    margin: 0 0 12px;
    color: #171b26;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 850;
    line-height: 1.12;
}
.sf-products-intro p {
    margin: 0 auto;
    max-width: 620px;
    color: #737984;
    font-size: 14px;
    line-height: 1.8;
}
.sf-products-search {
    width: min(100%, 420px);
    margin: 26px auto 0;
    padding: 0 15px;
    border: 1px solid #e7e5e1;
    border-radius: 4px;
    box-shadow: 0 8px 22px rgba(20,25,35,.045);
}
.sf-products-search input {
    width: 100%;
    outline: 0;
}
.sf-product-groups { background: #fff; }
.sf-product-category {
    padding: 54px 0 60px;
    background: #fff;
}
.sf-product-category:nth-child(even) { background: #f8f8f7; }
.sf-category-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0 0 28px;
}
.sf-category-index {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #B91E2E;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}
.sf-category-heading h2 {
    margin: 0;
    color: #171b26;
    font-size: clamp(23px, 2.8vw, 32px);
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.6px;
}
.sf-heading-line {
    flex: 1;
    height: 1px;
    margin-left: 8px;
    background: #e7e5e1;
}
.sf-product-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
}
.sf-product-card {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8e7e4;
    border-radius: 3px;
    box-shadow: 0 6px 22px rgba(20,25,35,.045);
    transition: transform .3s ease, box-shadow .3s ease;
}
.sf-product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 17px 36px rgba(20,25,35,.12);
}
.sf-product-image {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 245px;
    overflow: hidden;
    background: #f0efed;
}
.sf-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease;
}
.sf-product-card:hover .sf-product-image img { transform: scale(1.05); }
.sf-product-placeholder {
    color: #B91E2E;
    background: radial-gradient(circle at 50% 44%, #fff 0, #f6f4f1 58%, #eae7e2 100%);
}
.sf-product-placeholder > i {
    z-index: 1;
    font-size: 82px;
    filter: drop-shadow(8px 12px 7px rgba(0,0,0,.13));
    transition: transform .45s ease;
}
.sf-product-card:hover .sf-product-placeholder > i { transform: scale(1.12) translateY(-4px); }
.sf-placeholder-orbit {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 1px dashed rgba(185,30,46,.3);
    border-radius: 50%;
    animation: sfOrbit 24s linear infinite;
}
.sf-product-caption {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 17px 20px;
    background: #fff;
}
.sf-product-caption h3 {
    margin: 0;
    color: #171b26;
    font-size: 19px;
    font-weight: 750;
    line-height: 1.3;
}
.sf-product-caption a {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff0f1;
    color: #B91E2E;
    transition: .25s ease;
}
.sf-product-caption a:hover { background: #B91E2E; color: #fff; }
.sf-product-no-results {
    max-width: 700px;
    margin: 0 auto 50px;
    padding: 25px;
    color: #737984;
    text-align: center;
    background: #f8f8f7;
}
.sf-product-card[hidden], .sf-product-category[hidden] { display: none !important; }

@media (max-width: 991px) {
    .sf-product-cards { gap: 18px; }
    .sf-product-image { height: 215px; }
    .sf-product-caption h3 { font-size: 17px; }
}
@media (max-width: 767px) {
    .sf-products-intro { padding: 48px 0 28px; }
    .sf-product-category { padding: 36px 0 42px; }
    .sf-category-heading { gap: 11px; margin-bottom: 20px; }
    .sf-category-index { flex-basis: 36px; width: 36px; height: 36px; }
    .sf-category-heading h2 { font-size: 22px; }
    .sf-heading-line { margin-left: 0; }
    .sf-product-cards { grid-template-columns: 1fr; gap: 17px; }
    .sf-product-image { height: clamp(205px, 62vw, 310px); }
    .sf-product-caption { min-height: 68px; padding: 15px 17px; }
    .sf-product-caption h3 { font-size: 18px; }
}
@media (min-width: 600px) and (max-width: 767px) {
    .sf-product-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
    .sf-product-card, .sf-product-image img, .sf-product-placeholder > i { transition: none !important; }
    .sf-placeholder-orbit { animation: none !important; }
}