/* =====================================================
   HALFORT SUPPLIES - CLIENT READY DARK THEME
   Single fixed theme. Dark/light toggle removed.
   ===================================================== */
:root{
  --hf-bg:#050608;
  --hf-bg2:#0b0e12;
  --hf-panel:#111722;
  --hf-panel2:#171d29;
  --hf-card:#0f141d;
  --hf-card2:#151c29;
  --hf-line:rgba(255,255,255,.11);
  --hf-red:#e10b1b;
  --hf-red2:#a80714;
  --hf-gold:#d8ae55;
  --hf-gold2:#f1d18a;
  --hf-text:#f8fafc;
  --hf-muted:#b8c0cd;
  --hf-soft:#e7ecf5;
  --hf-shadow:0 24px 70px rgba(0,0,0,.46);
  --hf-radius:24px;
}
html{scroll-behavior:smooth;background:var(--hf-bg)!important;}
body,body.light-mode,body.hf-dark-only{
  background:
    radial-gradient(circle at 10% 0%, rgba(225,11,27,.20), transparent 28%),
    radial-gradient(circle at 92% 14%, rgba(216,174,85,.12), transparent 27%),
    linear-gradient(180deg,#050608 0%,#0c1017 38%,#06070a 100%)!important;
  color:var(--hf-text)!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:.01em;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 80%);
}
body.light-mode{background-color:var(--hf-bg)!important;color:var(--hf-text)!important;}
.theme-toggle{display:none!important;visibility:hidden!important;}
a{color:var(--hf-soft)}a:hover{color:var(--hf-gold2)}

/* Header */
.mini-top{background:#050608!important;border-bottom:1px solid rgba(216,174,85,.18)!important;color:var(--hf-muted)!important;padding:9px 0!important;}
.mini-top a,.mini-top span{color:var(--hf-muted)!important}.mini-top a:hover{color:var(--hf-gold2)!important}.distributor-top-link{color:var(--hf-gold2)!important;}
.site-header{background:rgba(5,6,8,.93)!important;backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.42)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.header-main{background:linear-gradient(180deg,rgba(11,14,18,.98),rgba(7,8,11,.96))!important;grid-template-columns:255px minmax(260px,720px) auto!important;gap:28px!important;padding:18px 0!important;}
.brand img{width:220px!important;max-height:92px!important;filter:drop-shadow(0 12px 26px rgba(225,11,27,.36)) brightness(1.1)!important;}
.search{height:54px;border-radius:18px!important;background:linear-gradient(180deg,#161d29,#0c1119)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 38px rgba(0,0,0,.28)!important;}
.search input{color:#fff!important;padding:0 20px!important}.search input::placeholder{color:#aab3c2!important}.search button{background:linear-gradient(135deg,var(--hf-red),var(--hf-red2))!important;color:#fff!important;font-size:26px!important;width:64px!important;border-left:1px solid rgba(255,255,255,.1)!important;}
.icons{gap:18px!important}.icons a{min-width:66px;color:#fff!important;opacity:.95}.icons a:hover{transform:translateY(-2px);color:var(--hf-gold2)!important}.icons .ico{font-size:24px!important}.icons small{font-size:11px!important;color:#d8deea!important}.header-distributor-cta{background:linear-gradient(135deg,rgba(216,174,85,.22),rgba(225,11,27,.16));border:1px solid rgba(216,174,85,.34);border-radius:999px!important;padding:10px 14px!important;min-width:auto!important;}
.nav-main{background:rgba(8,10,14,.94)!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(225,11,27,.24)!important;}
.nav-main .container-fluid{min-height:56px}.hamb{background:linear-gradient(135deg,#171d28,#0e131c)!important;color:#fff!important;border:1px solid var(--hf-line)!important;border-radius:14px!important;}
.nav-main .nav-link{display:flex!important;align-items:center;gap:8px;color:#eef3fb!important;border-radius:999px!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.5px!important;padding:10px 13px!important;white-space:nowrap;}
.nav-main .nav-link:hover,.nav-main .nav-link.active{background:linear-gradient(135deg,rgba(225,11,27,.26),rgba(216,174,85,.14))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(216,174,85,.22),0 10px 26px rgba(0,0,0,.24)!important;}
.nav-ico{display:inline-grid!important;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(216,174,85,.13);color:var(--hf-gold2)!important;font-size:13px!important;line-height:1!important;border:1px solid rgba(216,174,85,.20);}
.dropdown-menu{background:rgba(13,17,25,.98)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:var(--hf-shadow)!important;border-radius:22px!important;backdrop-filter:blur(18px);}
.compact-menu a,.mega-list a,.mega-head a{color:#e9eef8!important;text-decoration:none!important;border-radius:14px!important}.compact-menu a:hover,.mega-list a:hover{background:rgba(225,11,27,.18)!important;color:#fff!important}.mega-card{background:linear-gradient(180deg,#151c28,#0f141d)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;overflow:hidden;color:#fff!important;text-decoration:none!important;box-shadow:0 12px 30px rgba(0,0,0,.28)}.mega-card img{height:150px!important;object-fit:cover!important}.mega-card h6{color:#fff!important}.mega-card span{color:var(--hf-muted)!important}

/* Typography */
h1,h2,h3,h4,h5,h6,.section-title,.line-title span{color:#fff!important;font-weight:900!important;letter-spacing:-.03em}p,li,label,span,td,th{color:inherit}.text-muted,small,.small{color:var(--hf-muted)!important}.line-title{text-align:center;margin-bottom:34px!important}.line-title:before,.line-title:after{border-color:rgba(216,174,85,.22)!important}.line-title span{background:linear-gradient(135deg,rgba(225,11,27,.16),rgba(216,174,85,.10))!important;border:1px solid rgba(216,174,85,.24);border-radius:999px;padding:10px 20px!important;display:inline-flex!important;}

/* Hero */
.hero-slider{height:min(680px,78vh)!important;margin:0!important;border-bottom:1px solid rgba(216,174,85,.18);background:#050608!important;}
.hero-slide{min-height:min(680px,78vh)!important;background-size:cover!important;background-position:center!important;position:absolute!important;inset:0!important;}
.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.94) 0%,rgba(5,6,8,.76) 45%,rgba(5,6,8,.18) 100%),radial-gradient(circle at 18% 30%,rgba(225,11,27,.22),transparent 32%)!important;}
.hero-inner{position:relative;z-index:2;max-width:760px!important;padding:105px 6vw!important;}
.eyebrow,.quote-badge{display:inline-flex!important;align-items:center;gap:8px;border-radius:999px!important;background:rgba(216,174,85,.12)!important;color:var(--hf-gold2)!important;border:1px solid rgba(216,174,85,.30)!important;padding:8px 13px!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase;font-size:12px!important;}
.hero-inner h1{font-size:clamp(42px,6vw,86px)!important;line-height:.95!important;margin:18px 0!important;text-shadow:0 18px 55px rgba(0,0,0,.54)}
.hero-inner p{font-size:clamp(16px,1.8vw,22px)!important;color:#d8dfeb!important;max-width:660px!important;line-height:1.65!important}.hero-arrow{background:rgba(17,23,34,.7)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(10px);border-radius:50%!important}.hero-arrow:hover{background:var(--hf-red)!important}.hero-dots button{background:rgba(255,255,255,.35)!important}.hero-dots button.active{background:var(--hf-gold)!important;width:34px!important;border-radius:999px!important;}

/* Buttons */
.btn-red,.newsletter button,.btn-login,.btn.btn-dark{background:linear-gradient(135deg,var(--hf-red),var(--hf-red2))!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:13px 22px!important;font-weight:900!important;box-shadow:0 16px 35px rgba(225,11,27,.28)!important;text-decoration:none!important;}
.btn-red:hover,.newsletter button:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(225,11,27,.38)!important;color:#fff!important}.btn-outline-dark,.btn-outline-secondary,.btn-outline-danger,.quick-btn{border:1px solid rgba(216,174,85,.34)!important;color:#fff!important;background:rgba(255,255,255,.04)!important;border-radius:999px!important;font-weight:800!important}.btn-outline-dark:hover,.btn-outline-secondary:hover,.btn-outline-danger:hover,.quick-btn:hover{background:rgba(216,174,85,.16)!important;color:#fff!important;}

/* Sections and cards */
main,.home-section,.distributor-page{background:transparent!important;color:var(--hf-text)!important}.home-section,.container.py-5,.container.py-3{position:relative}.category-strip{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px!important}.cat-tile,.category-card,.product-card,.premium-card,.info-card,.review-card,.contact-box,.cart-summary,.filters,.accordion-item,.tab-content,.dist-benefit,.dist-info-panel,.dist-form-panel,.admin-card{background:linear-gradient(180deg,rgba(23,29,41,.96),rgba(13,18,27,.96))!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:var(--hf-radius)!important;box-shadow:0 22px 60px rgba(0,0,0,.34)!important;overflow:hidden;}
.cat-tile{min-height:245px!important;position:relative;text-decoration:none!important;display:flex!important;flex-direction:column;justify-content:flex-end;padding:18px!important;isolation:isolate;}.cat-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(5,6,8,.92));z-index:1}.cat-tile img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;transition:.45s}.cat-tile:hover img{transform:scale(1.08)}.cat-tile strong,.cat-tile span{position:relative;z-index:2;color:#fff!important}.cat-tile span{color:var(--hf-gold2)!important;font-weight:900!important}.featured-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:24px!important}.product-wrap{display:block!important}.product-card{height:100%;transition:.28s ease!important}.product-card:hover,.info-card:hover,.review-card:hover,.cat-tile:hover{transform:translateY(-6px);border-color:rgba(216,174,85,.34)!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important}.product-card img,.product-img-link img{width:100%!important;height:250px!important;object-fit:cover!important;background:#111722!important}.product-card .p{padding:20px!important}.product-card h5{font-size:18px!important;line-height:1.25!important}.stars{color:var(--hf-gold2)!important}.trust-row>div b{display:block;background:linear-gradient(180deg,#151c28,#0d121b);border:1px solid rgba(216,174,85,.18);border-radius:20px;padding:22px;color:#fff!important;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.feature-band{background:linear-gradient(135deg,rgba(225,11,27,.10),rgba(216,174,85,.08))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:34px!important;padding:44px!important;box-shadow:var(--hf-shadow)}.feature-img{border-radius:28px!important;box-shadow:0 28px 80px rgba(0,0,0,.48)!important;border:1px solid rgba(255,255,255,.12);width:100%;height:430px;object-fit:cover}.dew-banner{min-height:420px!important;background-size:cover!important;background-position:center!important;position:relative!important;display:grid!important;place-items:center!important;text-align:center!important;isolation:isolate}.dew-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,6,8,.86),rgba(225,11,27,.40));z-index:-1}.dew-banner>div{max-width:840px;background:rgba(10,14,21,.74);border:1px solid rgba(255,255,255,.14);border-radius:34px;padding:42px;backdrop-filter:blur(14px)}
.review-card{padding:28px!important}.newsletter-wide,.dist-home-cta{background:linear-gradient(135deg,#111722,#071019 52%,#21070b)!important;color:#fff!important;border:1px solid rgba(216,174,85,.22)!important;border-radius:34px!important;box-shadow:var(--hf-shadow)!important;padding:44px!important;text-align:center!important}.newsletter-wide input,.newsletter input{background:#0d121b!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;padding:14px 18px!important}.newsletter-wide input::placeholder,.newsletter input::placeholder{color:#aeb8c8!important}

/* Forms, tables, modals */
input,textarea,select,.form-control,.form-select{background:#0e131c!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:16px!important;box-shadow:none!important;}input::placeholder,textarea::placeholder{color:#9faabc!important}.form-control:focus,.form-select:focus,input:focus,textarea:focus{border-color:rgba(216,174,85,.7)!important;box-shadow:0 0 0 .25rem rgba(216,174,85,.14)!important}.table{--bs-table-bg:transparent!important;--bs-table-color:#fff!important;color:#fff!important}.modal-content{background:#101721!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:26px!important}.accordion-button{background:#151c28!important;color:#fff!important}.accordion-body{background:#0d121b!important;color:#dce4f0!important}.page-link{background:#111722!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}.page-item.active .page-link{background:var(--hf-red)!important;border-color:var(--hf-red)!important}

/* Footer + floats */
.footer{background:linear-gradient(180deg,#080a0e,#030405)!important;color:#d8dfeb!important;border-top:1px solid rgba(216,174,85,.22)!important;padding-top:54px!important}.footer h5{color:#fff!important}.footer a{color:#cbd3df!important;text-decoration:none!important;display:block;margin:8px 0}.footer a:hover{color:var(--hf-gold2)!important}.footer-logo{max-width:230px!important}.copy{border-top:1px solid rgba(255,255,255,.10)!important;margin-top:38px!important;padding:22px 0!important;color:#9faabc!important}.whatsapp-float{background:linear-gradient(135deg,#24d365,#129447)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important}.back-top{background:linear-gradient(135deg,var(--hf-red),var(--hf-red2))!important;color:#fff!important;box-shadow:0 16px 35px rgba(225,11,27,.30)!important}

/* Mobile */
@media(max-width:991px){.header-main{grid-template-columns:1fr!important;gap:16px!important;padding:16px 14px!important}.brand{justify-content:center}.brand img{width:190px!important}.icons{justify-content:center!important;flex-wrap:wrap}.nav-main .nav-link{border-radius:16px!important}.hero-slider,.hero-slide{height:auto!important;min-height:560px!important}.hero-inner{padding:74px 24px!important}.feature-band{padding:26px!important}.feature-img{height:280px}.mini-links{display:none!important}}
@media(max-width:575px){.hero-inner h1{font-size:38px!important}.category-strip,.featured-grid{grid-template-columns:1fr!important}.newsletter-wide,.dist-home-cta{padding:28px!important}.icons a{min-width:54px}.search{height:50px}}

/* =====================================================
   HALFORT PREMIUM IMAGE + ALIGNMENT UPGRADE
   Final override for live-ready client attraction
   ===================================================== */
:root{
  --hf-red:#df1020;
  --hf-red2:#8e0711;
  --hf-gold:#d7ae5b;
  --hf-ink:#050607;
  --hf-panel:#101720;
}
body.hf-dark-only{background:radial-gradient(circle at 18% -10%,rgba(223,16,32,.22),transparent 28%),radial-gradient(circle at 82% 8%,rgba(215,174,91,.14),transparent 24%),linear-gradient(180deg,#050607,#0b0f16 42%,#050607)!important;}
.site-header{box-shadow:0 18px 55px rgba(0,0,0,.40)!important;border-bottom:1px solid rgba(215,174,91,.20)!important;}
.header-main{max-width:1480px;margin:auto!important;display:grid!important;grid-template-columns:230px minmax(300px,1fr) auto!important;align-items:center!important;gap:30px!important;padding-top:16px!important;padding-bottom:16px!important;}
.brand img{max-height:78px!important;width:auto!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.38));}
.search{height:54px!important;border-radius:999px!important;background:#0b1119!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.22)!important;}
.search input{font-size:15px!important;padding-left:20px!important;}
.icons{gap:12px!important}.icons a{height:54px!important;min-width:82px!important;border-radius:18px!important;background:linear-gradient(180deg,#141c28,#0c1119)!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important}.icons .ico{font-size:20px!important}.icons small{font-size:11px!important;color:#dce4ef!important}.header-distributor-cta{padding:0 16px!important;background:linear-gradient(135deg,var(--hf-red),var(--hf-red2))!important;}
.nav-main{background:rgba(5,7,10,.88)!important;backdrop-filter:blur(18px)!important;}.nav-main .container-fluid{max-width:1480px;margin:auto!important}.nav-main .navbar-nav{justify-content:center!important}.nav-main .nav-link{padding:15px 14px!important;font-size:12px!important;letter-spacing:.05em!important;border-radius:999px!important}.nav-ico{display:inline-grid!important;place-items:center!important;width:24px!important;height:24px!important;margin-right:7px!important;border-radius:50%!important;background:rgba(215,174,91,.13)!important;color:#f1d28a!important;font-size:13px!important}.nav-main .nav-link:hover,.nav-main .nav-link.active{background:linear-gradient(135deg,rgba(223,16,32,.22),rgba(215,174,91,.13))!important;color:#fff!important;}
.hero-slider{height:720px!important;max-height:78vh!important;overflow:hidden!important}.hero-slide{height:720px!important;max-height:78vh!important;background-position:center right!important;}.hero-slide:before{background:linear-gradient(90deg,rgba(5,6,7,.97) 0%,rgba(5,6,7,.88) 38%,rgba(5,6,7,.48) 68%,rgba(5,6,7,.16) 100%),radial-gradient(circle at 22% 34%,rgba(223,16,32,.35),transparent 34%)!important}.hero-inner{max-width:720px!important;margin-left:max(24px,calc((100vw - 1480px)/2))!important;padding:115px 0!important}.hero-inner h1{max-width:700px!important;font-size:clamp(46px,5.8vw,88px)!important;letter-spacing:-.065em!important}.hero-inner p{max-width:620px!important;color:#e6ecf5!important}.hero-inner .btn-red{margin-top:10px!important}.hero-dots{bottom:34px!important}.hero-arrow{width:54px!important;height:54px!important;font-size:38px!important;}
.container,.container-fluid.px-lg-5{--bs-gutter-x:1.5rem}.home-section.container,.container.py-5,.container.my-5{max-width:1420px!important}.home-section,.container.py-5{padding-top:70px!important;padding-bottom:70px!important}.line-title{margin-bottom:34px!important}.line-title span{font-size:clamp(20px,2.4vw,34px)!important;padding:12px 24px!important;box-shadow:0 14px 45px rgba(0,0,0,.25)!important;}
.category-strip{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:22px!important}.cat-tile{min-height:310px!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 20px 55px rgba(0,0,0,.38)!important}.cat-tile:before{background:linear-gradient(180deg,rgba(0,0,0,.06) 18%,rgba(5,6,8,.96) 100%)!important}.cat-tile strong{font-size:18px!important;line-height:1.15!important}.cat-tile span{margin-top:8px!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.trust-row>div b{min-height:92px;display:flex!important;align-items:center;justify-content:center;border-radius:24px!important;background:linear-gradient(145deg,#151d29,#0a0f16)!important;border-color:rgba(215,174,91,.24)!important}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important}.product-card{border-radius:28px!important;background:linear-gradient(180deg,#141c28,#0b1018)!important;display:flex!important;flex-direction:column!important}.product-card img,.product-img-link img{height:285px!important;object-fit:cover!important}.product-card .p{display:flex!important;flex:1!important;flex-direction:column!important;gap:8px!important}.product-card h5{min-height:48px!important}.product-card .btn-red,.product-card .quick-btn{margin-top:auto!important;text-align:center!important}.feature-band{max-width:1420px!important;border-radius:38px!important;padding:58px!important;background:linear-gradient(135deg,rgba(223,16,32,.13),rgba(215,174,91,.09),rgba(255,255,255,.035))!important}.feature-img{height:500px!important;object-fit:cover!important;border-radius:32px!important}.feature-band h2{font-size:clamp(30px,3vw,52px)!important}.feature-band li,.feature-band p{font-size:17px!important;color:#dfe7f2!important}.dew-banner{min-height:520px!important;background-attachment:fixed;background-position:center!important}.dew-banner>div{max-width:860px!important;padding:56px!important;border-radius:38px!important}.info-card,.review-card{min-height:215px!important;border-radius:28px!important;background:linear-gradient(180deg,#141c28,#0b1018)!important}.newsletter-wide,.dist-home-cta{max-width:1420px!important;border-radius:38px!important;background:radial-gradient(circle at 15% 0%,rgba(223,16,32,.28),transparent 35%),linear-gradient(135deg,#121a25,#080d13 58%,#1b060a)!important}.newsletter-wide form{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap}.newsletter-wide input{min-width:min(440px,100%)!important;height:56px!important}.newsletter-wide button{height:56px!important;padding-inline:30px!important}.mega-menu{border-radius:28px!important}.mega-card{border-radius:22px!important}.mega-card img{height:170px!important}.footer{margin-top:40px!important}
@media(max-width:1199px){.category-strip{grid-template-columns:repeat(3,1fr)!important}.featured-grid{grid-template-columns:repeat(3,1fr)!important}.header-main{grid-template-columns:200px 1fr!important}.icons{grid-column:1/-1;justify-content:center!important}.hero-inner{margin-left:32px!important;margin-right:32px!important}}
@media(max-width:991px){.header-main{grid-template-columns:1fr!important}.category-strip,.featured-grid{grid-template-columns:repeat(2,1fr)!important}.hero-slider,.hero-slide{height:620px!important;max-height:none!important}.hero-inner{padding:85px 0!important}.feature-band{padding:32px!important}.feature-img{height:330px!important}}
@media(max-width:575px){.category-strip,.featured-grid{grid-template-columns:1fr!important}.cat-tile{min-height:260px!important}.hero-slider,.hero-slide{height:590px!important}.hero-inner h1{font-size:40px!important}.home-section,.container.py-5{padding-top:46px!important;padding-bottom:46px!important}.nav-main .nav-link{border-radius:16px!important}.dew-banner>div{padding:28px!important;margin:18px}.icons a{min-width:68px!important}}

/* === Halfort final responsive polish: navbar + premium heroes === */
html,body{max-width:100%;overflow-x:hidden!important;}
.site-header{z-index:1050!important;}
.header-main{width:100%!important;}
.nav-main .navbar-nav{flex-wrap:wrap!important;gap:6px!important;}
.nav-main .nav-item{min-width:0!important;}
.nav-main .nav-link{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.15!important;}
.nav-main .dropdown-toggle::after{margin-left:.35rem!important;flex:0 0 auto!important;}
.nav-main .compact-menu a,.nav-main .mega-list a{white-space:normal!important;}
.mega-menu,.compact-menu,.company-menu{max-width:min(96vw,980px)!important;overflow:hidden!important;}

.hero-slider{position:relative!important;height:clamp(560px,72vh,760px)!important;max-height:none!important;isolation:isolate!important;}
.hero-slide{height:100%!important;min-height:100%!important;background-size:cover!important;background-position:center right!important;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease!important;}
.hero-slide.active{opacity:1!important;visibility:visible!important;}
.hero-slide:before,.hero-static:before,.page-hero:before{background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.78) 40%,rgba(0,0,0,.34) 70%,rgba(0,0,0,.10) 100%)!important;z-index:1!important;}
.hero-inner{position:relative!important;z-index:3!important;padding:clamp(80px,10vh,128px) clamp(20px,5vw,72px)!important;margin-left:0!important;max-width:760px!important;}
.hero-inner .eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;background:rgba(227,6,19,.18)!important;border:1px solid rgba(215,174,91,.35)!important;border-radius:999px!important;padding:8px 16px!important;margin-bottom:20px!important;color:#fff!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-size:12px!important;backdrop-filter:blur(10px)!important;}
.hero-inner h1,.page-hero h1{color:#fff!important;text-shadow:0 8px 34px rgba(0,0,0,.85)!important;max-width:760px!important;}
.hero-inner p,.page-hero p{color:#fff4dc!important;text-shadow:0 5px 24px rgba(0,0,0,.9)!important;max-width:660px!important;}
.hero-arrow{z-index:5!important;background:rgba(0,0,0,.42)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;backdrop-filter:blur(10px)!important;}
.hero-dots{z-index:6!important;}
.hero-dots button{border:1px solid rgba(255,255,255,.45)!important;background:rgba(255,255,255,.35)!important;}
.hero-dots button.active{background:#e30613!important;width:34px!important;border-color:#f1d28a!important;}
.page-hero{min-height:clamp(360px,46vh,520px)!important;height:auto!important;background-position:center right!important;isolation:isolate!important;padding:72px 0!important;}
.page-hero .container{z-index:3!important;max-width:1180px!important;}
.page-hero .container>*{max-width:760px!important;}
.page-hero .btn-red{margin-top:10px!important;}

@media(max-width:1399px){
  .nav-main .nav-link{font-size:10.8px!important;padding:12px 8px!important;letter-spacing:.02em!important;}
  .nav-ico{width:20px!important;height:20px!important;margin-right:4px!important;font-size:11px!important;}
}
@media(max-width:1199px){
  .header-main{grid-template-columns:190px minmax(230px,1fr) auto!important;gap:16px!important;padding-left:18px!important;padding-right:18px!important;}
  .brand img{width:178px!important;}
  .icons{gap:14px!important;}
  .icons a small{font-size:11px!important;}
  .nav-main .navbar-nav{justify-content:flex-start!important;}
  .nav-main .nav-link{font-size:10.5px!important;padding:11px 7px!important;}
}
@media(max-width:991px){
  .mini-top{display:none!important;}
  .header-main{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;padding:12px 14px!important;gap:12px!important;min-height:auto!important;}
  .brand{justify-content:flex-start!important;}
  .brand img{width:164px!important;max-height:70px!important;}
  .search{grid-column:1/-1!important;order:3!important;margin-top:6px!important;border-radius:15px!important;}
  .search input{padding:13px 15px!important;font-size:14px!important;}
  .search button{width:52px!important;font-size:24px!important;}
  .icons{justify-content:flex-end!important;gap:10px!important;flex-wrap:nowrap!important;overflow:visible!important;}
  .icons a{min-width:auto!important;font-size:12px!important;}
  .icons .ico{font-size:22px!important;margin-bottom:2px!important;}
  .icons small,.header-distributor-cta span{display:none!important;}
  .header-distributor-cta{width:38px!important;height:38px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;}
  .header-distributor-cta:after{content:'D';font-weight:950;color:#fff!important;}
  .nav-main .container-fluid{padding:9px 14px!important;display:block!important;}
  .navbar-toggler{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;justify-content:space-between!important;background:linear-gradient(135deg,#161b24,#0b0f16)!important;color:#fff!important;border:1px solid rgba(215,174,91,.28)!important;border-radius:14px!important;padding:12px 14px!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;}
  .navbar-toggler:before{content:'Menu';font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff;}
  .navbar-toggler-icon{filter:invert(1)!important;}
  .nav-main .navbar-collapse{margin-top:10px!important;padding:10px!important;background:#06080d!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(0,0,0,.32)!important;max-height:calc(100vh - 190px)!important;overflow:auto!important;}
  .nav-main .navbar-nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:7px!important;}
  .nav-main .nav-link{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;width:100%!important;padding:13px 14px!important;font-size:13px!important;border-radius:14px!important;justify-content:flex-start!important;background:rgba(255,255,255,.035)!important;}
  .nav-main .dropdown-menu{position:static!important;float:none!important;display:block!important;width:100%!important;max-width:100%!important;transform:none!important;margin:6px 0 8px!important;padding:12px!important;background:#0f141d!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;box-shadow:none!important;}
  .mega-menu .row{display:none!important;}
  .mega-head a,.compact-menu a,.company-menu a,.mega-list a{display:block!important;padding:11px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;color:#fff!important;margin:5px 0!important;}
  .mega-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;}
  .hamb{display:none!important;}
  .hero-slider{height:620px!important;}
  .hero-slide,.page-hero{background-position:64% center!important;}
  .hero-slide:before,.page-hero:before{background:linear-gradient(180deg,rgba(0,0,0,.83),rgba(0,0,0,.74) 50%,rgba(0,0,0,.42))!important;}
  .hero-inner{padding:82px 24px 96px!important;max-width:100%!important;}
  .hero-inner h1,.page-hero h1{font-size:clamp(34px,9vw,48px)!important;line-height:1.05!important;}
  .hero-inner p,.page-hero p{font-size:16px!important;line-height:1.55!important;}
  .page-hero{min-height:410px!important;padding:56px 0!important;}
}
@media(max-width:575px){
  .header-main{grid-template-columns:135px 1fr!important;padding:10px 12px!important;}
  .brand img{width:132px!important;}
  .icons{gap:7px!important;}
  .icons a{width:32px!important;height:32px!important;justify-content:center!important;}
  .icons .ico{font-size:19px!important;margin:0!important;}
  .icons b{right:-4px!important;top:-7px!important;font-size:10px!important;}
  .hero-slider{height:580px!important;}
  .hero-inner{padding:72px 18px 90px!important;}
  .hero-inner .eyebrow{font-size:10px!important;padding:7px 12px!important;}
  .hero-inner h1,.page-hero h1{font-size:34px!important;letter-spacing:-.7px!important;}
  .hero-inner p,.page-hero p{font-size:15px!important;}
  .hero-arrow{display:none!important;}
  .page-hero{min-height:380px!important;padding:46px 0!important;}
}
.dist-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.72),rgba(0,0,0,.34)),url('../images/hero-category-distributor.jpg')!important;background-size:cover!important;background-position:center right!important;}

/* === Black + Gold + Purplish premium final update === */
:root{
  --hf-bg:#040309!important;
  --hf-bg2:#0b0714!important;
  --hf-panel:#120d1e!important;
  --hf-panel2:#1b1230!important;
  --hf-card:#100b1a!important;
  --hf-card2:#201434!important;
  --hf-purple:#5b2ea6!important;
  --hf-purple2:#2a124c!important;
  --hf-gold:#d9ad4f!important;
  --hf-gold2:#ffe18a!important;
  --hf-red:#c89a2a!important;
  --hf-red2:#6b3fd8!important;
}
body,body.hf-dark-only,body.light-mode{
  background:
    radial-gradient(circle at 12% -6%,rgba(91,46,166,.38),transparent 30%),
    radial-gradient(circle at 88% 4%,rgba(217,173,79,.18),transparent 28%),
    radial-gradient(circle at 55% 42%,rgba(42,18,76,.22),transparent 35%),
    linear-gradient(180deg,#040309 0%,#0b0714 45%,#050309 100%)!important;
  color:#f9f6ff!important;
}
body:before{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;}
.mini-top,.site-header,.header-main,.nav-main{background:linear-gradient(180deg,#08050f,#0f0a19)!important;border-color:rgba(217,173,79,.22)!important;}
.site-header{box-shadow:0 18px 55px rgba(0,0,0,.55),0 0 0 1px rgba(217,173,79,.08)!important;}
.brand img{filter:drop-shadow(0 12px 25px rgba(91,46,166,.35)) drop-shadow(0 0 16px rgba(217,173,79,.16))!important;}
.search,.icons a,.navbar-toggler{background:linear-gradient(180deg,#171025,#0a0711)!important;border-color:rgba(217,173,79,.20)!important;}
.search button,.search-btn{background:linear-gradient(135deg,#d9ad4f,#8f6a20)!important;color:#08050f!important;border-left:1px solid rgba(255,255,255,.16)!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.search button svg,.search-btn svg{width:24px!important;height:24px!important;display:block!important;fill:#08050f!important;}
.search button:hover,.search-btn:hover{background:linear-gradient(135deg,#6b3fd8,#d9ad4f)!important;color:#fff!important;}
.search button:hover svg,.search-btn:hover svg{fill:#fff!important;}
.nav-main .nav-link:hover,.nav-main .nav-link.active,.btn-red,.header-distributor-cta{
  background:linear-gradient(135deg,#6b3fd8 0%,#2a124c 42%,#d9ad4f 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,225,138,.24)!important;
  box-shadow:0 14px 38px rgba(91,46,166,.28)!important;
}
.nav-ico{background:rgba(217,173,79,.16)!important;color:#ffe18a!important;}
.hero-slide:before,.page-hero:before,.hero-static:before{
  background:
    linear-gradient(90deg,rgba(4,3,9,.96) 0%,rgba(13,8,24,.88) 38%,rgba(42,18,76,.47) 68%,rgba(217,173,79,.10) 100%),
    radial-gradient(circle at 24% 30%,rgba(91,46,166,.45),transparent 34%),
    radial-gradient(circle at 72% 18%,rgba(217,173,79,.25),transparent 28%)!important;
}
.hero-inner .eyebrow,.quote-badge,.line-title span{background:linear-gradient(135deg,rgba(91,46,166,.55),rgba(217,173,79,.18))!important;border-color:rgba(217,173,79,.35)!important;color:#fff!important;}
.cat-tile,.category-card,.product-card,.premium-card,.info-card,.review-card,.contact-box,.cart-summary,.filters,.accordion-item,.tab-content,.dist-benefit,.dist-info-panel,.dist-form-panel,.admin-card{
  background:linear-gradient(180deg,rgba(31,20,52,.97),rgba(12,8,19,.98))!important;
  color:#fff!important;
  border:1px solid rgba(217,173,79,.16)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.product-card,.info-card,.review-card,.dist-benefit{background:radial-gradient(circle at 12% 0%,rgba(91,46,166,.28),transparent 36%),linear-gradient(180deg,#1c1330,#0b0812)!important;}
.price,.stars,.footer a:hover{color:#ffe18a!important;}

/* Distributor page matching image, FAQ answers and form readability */
.distributor-page .dist-hero,.dist-hero{
  background-image:linear-gradient(90deg,rgba(4,3,9,.96),rgba(20,12,35,.80),rgba(91,46,166,.30)),url('../images/hero-category-distributor.jpg')!important;
  background-size:cover!important;
  background-position:center right!important;
  padding:90px 0!important;
  border-bottom:1px solid rgba(217,173,79,.18)!important;
}
.distributor-page .dist-card-hero{border:1px solid rgba(217,173,79,.32)!important;background:linear-gradient(145deg,rgba(217,173,79,.12),rgba(91,46,166,.25))!important;border-radius:32px!important;padding:12px!important;box-shadow:0 34px 90px rgba(0,0,0,.42)!important;}
.distributor-page .dist-card-hero img{border-radius:24px!important;height:430px!important;width:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(1.08) contrast(1.03)!important;}
.distributor-page .dist-overlay-card{background:rgba(6,4,12,.82)!important;border:1px solid rgba(217,173,79,.28)!important;color:#fff!important;backdrop-filter:blur(14px)!important;}
.distributor-page .dist-info-panel,.distributor-page .premium-dist-form{background:linear-gradient(180deg,#170f26,#090610)!important;color:#fff!important;border:1px solid rgba(217,173,79,.18)!important;}
.distributor-page .dist-info-panel h2,.distributor-page .premium-dist-form h2,.distributor-page .dist-info-panel b{color:#fff!important;}
.distributor-page .dist-info-panel p,.distributor-page .premium-dist-form p,.partner-benefit-row span,.partner-note,.dist-checks li{color:#e8e0f8!important;}
.premium-dist-form .form-heading{background:linear-gradient(135deg,#120a20,#2a124c 58%,#6b3fd8)!important;border-bottom:1px solid rgba(217,173,79,.22)!important;}
.premium-dist-form .form-progress{background:#0b0713!important;}
.premium-dist-form .form-progress span{background:linear-gradient(90deg,#6b3fd8,#d9ad4f)!important;}
.premium-dist-form label{color:#ffe18a!important;}
.premium-dist-form .form-control,.premium-dist-form .form-select,.premium-dist-form textarea.form-control{
  background:#ffffff!important;color:#111!important;border:1px solid rgba(217,173,79,.35)!important;border-radius:14px!important;
}
.premium-dist-form .form-control::placeholder,.premium-dist-form textarea::placeholder{color:#6b7280!important;}
.premium-dist-form .form-control:focus,.premium-dist-form .form-select:focus,.premium-dist-form textarea:focus{border-color:#d9ad4f!important;box-shadow:0 0 0 4px rgba(217,173,79,.16)!important;}
.premium-dist-form .dist-options label{background:#130d20!important;color:#fff!important;border:1px solid rgba(217,173,79,.20)!important;}
.premium-dist-form .dist-options input{accent-color:#d9ad4f!important;min-height:auto!important;}
.upload-drop{background:linear-gradient(180deg,#160f25,#0d0915)!important;color:#fff!important;border-color:rgba(217,173,79,.38)!important;}
.upload-drop b{color:#fff!important;}.upload-help{color:#d9d0ee!important;}.upload-name{background:linear-gradient(135deg,#6b3fd8,#d9ad4f)!important;color:#fff!important;}
.upload-icon,.premium-dist-form .form-icon{background:linear-gradient(135deg,#6b3fd8,#d9ad4f)!important;color:#fff!important;box-shadow:0 14px 34px rgba(91,46,166,.35)!important;}
.dist-faq .accordion-item,.distributor-page .dist-faq .accordion-item{background:#100b1a!important;border:1px solid rgba(217,173,79,.18)!important;border-radius:18px!important;overflow:hidden!important;margin-bottom:14px!important;}
.dist-faq .accordion-button,.distributor-page .dist-faq .accordion-button{background:#171025!important;color:#fff!important;font-weight:950!important;box-shadow:none!important;}
.dist-faq .accordion-button:not(.collapsed),.distributor-page .dist-faq .accordion-button:not(.collapsed){background:linear-gradient(135deg,#2a124c,#171025)!important;color:#ffe18a!important;}
.dist-faq .accordion-body,.distributor-page .dist-faq .accordion-body{display:block!important;visibility:visible!important;opacity:1!important;background:#0b0713!important;color:#f1edf9!important;font-size:15px!important;line-height:1.65!important;border-top:1px solid rgba(217,173,79,.14)!important;}
.accordion-collapse.show .accordion-body{display:block!important;}

/* Compact footer */
.footer{padding-top:32px!important;margin-top:28px!important;background:linear-gradient(180deg,#0b0713,#040309)!important;border-top:1px solid rgba(217,173,79,.18)!important;}
.footer .container{padding-top:0!important;padding-bottom:0!important;}
.footer-logo{max-width:168px!important;}
.footer h5{font-size:15px!important;margin-bottom:12px!important;color:#ffe18a!important;}
.footer p,.footer a{font-size:13px!important;line-height:1.45!important;margin:5px 0!important;}
.copy{margin-top:20px!important;padding:13px 0!important;font-size:12px!important;}

@media(max-width:991px){
  .distributor-page .dist-hero{padding:62px 0!important;}
  .distributor-page .dist-card-hero img{height:310px!important;}
}
@media(max-width:575px){
  .distributor-page .dist-card-hero img{height:245px!important;}
  .footer{padding-top:24px!important;}
}