/* FuelX Bright Theme — Red / White / Black */
:root{
  --fx-bg:#f7f7f8;
  --fx-panel:#ffffff;
  --fx-panel2:#f1f2f4;
  --fx-text:#0a0a0b;
  --fx-muted:#66707c;
  --fx-line:#e4e6e9;
  --fx-red:#e31b23;
  --fx-red2:#ff3b30;
  --fx-lime:#c9ff5c;
  --fx-green:#178f4e;
  --fx-white:#ffffff;
  --fx-shadow:0 22px 60px rgba(14,16,20,.10);
  --fx-radius:26px;
}
html{background:#fff}
body{
  background:
    radial-gradient(circle at 88% 2%,rgba(227,27,35,.07),transparent 24%),
    linear-gradient(180deg,#fff 0,#f7f7f8 48%,#fff 100%);
  color:var(--fx-text);
}
a{color:inherit}
.muted{color:var(--fx-muted)!important}

/* Announcement + header */
.fx-announcement{background:var(--fx-red);border-bottom:0;color:#fff}
.fx-announcement-inner>div,.fx-announcement a{color:#fff}
.fx-site-header{background:rgba(255,255,255,.94);border-bottom:1px solid #e7e8ea;box-shadow:0 8px 30px rgba(16,20,26,.05)}
.fx-logo{color:#050505}.fx-logo b{color:var(--fx-red)}.fx-logo small{color:#6e737b}
.fx-global-search{background:#f5f6f7;border-color:#e0e3e6}
.fx-global-search:focus-within{border-color:var(--fx-red);box-shadow:0 0 0 4px rgba(227,27,35,.08)}
.fx-search-icon{color:#69717a}.fx-global-search input{color:#111}.fx-global-search input::placeholder{color:#8b929a}
.fx-global-search button{background:#111;color:#fff}
.fx-action-link{color:#272b30}.fx-action-link:hover{color:var(--fx-red)}
.fx-cart-link b{background:var(--fx-red);border-color:#fff}
.fx-main-nav{background:#fff;border-top:1px solid #eef0f2;border-bottom:1px solid #e7e8ea}
.fx-main-nav a{color:#535a63}.fx-main-nav a:hover{color:#111}.fx-nav-all{color:#111!important}.fx-nav-hot{color:var(--fx-red)!important}

/* Buttons */
.fx-btn,.btn{background:#111;color:#fff;box-shadow:none}
.fx-btn:hover,.btn:hover{box-shadow:0 10px 24px rgba(0,0,0,.12)}
.fx-btn-red{background:var(--fx-red);color:#fff}
.fx-btn-red:hover{background:#bd131a}
.fx-btn-outline{background:#fff;border-color:#d8dadd;color:#111}
.fx-btn-outline:hover{border-color:#111}
.fx-btn-light{background:#fff;color:#111;border-color:#fff}

/* Home hero */
.fx-hero{background:#fff}
.fx-hero-main,.fx-hero-visual{border-color:#e4e6e9;box-shadow:var(--fx-shadow)}
.fx-hero-main{background:linear-gradient(145deg,#ffffff,#fafafa)}
.fx-hero h1{color:#08090a}.fx-hero h1 span{color:var(--fx-red)}
.fx-hero-main p{color:#606973}
.fx-hero-meta strong{color:#111}.fx-hero-meta span{color:#787f88}
.fx-hero-visual{background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.34),transparent 28%),linear-gradient(150deg,#ef2b32 0%,#d90f18 55%,#a8070e 100%)}
.fx-orbit{border-color:rgba(255,255,255,.25)}
.fx-hero-pack{background:linear-gradient(150deg,#151515,#050505 58%,#1d1d1d);border-color:rgba(255,255,255,.25);box-shadow:0 35px 70px rgba(61,0,4,.28)}
.fx-hero-pack:before{background:#151515;border-color:rgba(255,255,255,.2)}
.fx-hero-label{background:#fff;color:#090909}
.fx-float-card{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.72);color:#666;box-shadow:0 18px 50px rgba(80,0,0,.16)}
.fx-float-card strong{color:#111}
.fx-ticker{background:#111;border-color:#111}.fx-ticker b{color:#fff}

/* Sections */
.fx-section{background:#fff}
.fx-section-soft{background:#f5f6f7}
.fx-section-dark{background:#0a0a0b;color:#fff}
.fx-section-dark .fx-section-head p{color:#9da4ae}
.fx-section-head h2{color:#111}.fx-section-dark .fx-section-head h2{color:#fff}
.fx-section-head p{color:#69717a}.fx-link-arrow{color:#111}.fx-section-dark .fx-link-arrow{color:#fff}
.fx-eyebrow{color:var(--fx-red)}

/* Department + goal cards */
.fx-dept-card{background:#fff;border-color:#e2e5e8;box-shadow:0 10px 35px rgba(15,20,25,.05)}
.fx-dept-card:after{background:radial-gradient(circle,rgba(227,27,35,.13),transparent 68%)}
.fx-dept-card:hover{border-color:#d1d4d8;box-shadow:0 20px 50px rgba(15,20,25,.10)}
.fx-dept-icon{background:#fff1f1;color:var(--fx-red);border:1px solid #ffd9db}
.fx-dept-card h3{color:#111}.fx-dept-card p{color:#737b84}.fx-dept-card .go{color:var(--fx-red)}
.fx-goal-card{background:#fff;border-color:#e2e5e8;box-shadow:0 10px 35px rgba(15,20,25,.04)}
.fx-goal-card:hover{background:#fff;border-color:#cfd3d7;box-shadow:0 18px 45px rgba(15,20,25,.09)}
.fx-goal-card h3{color:#111}.fx-goal-card p{color:#747c85}

/* Products */
.fx-product-media,.product-image{background:linear-gradient(145deg,#f8f9fa,#eceff2);border-color:#e0e3e6}
.fx-product-placeholder,.product-placeholder{color:#111}
.fx-product-placeholder small,.product-placeholder small{color:#7f858d}
.fx-chip,.badge{background:#111;color:#fff}
.fx-chip-dark{background:#fff;color:#111;border:1px solid #dfe2e5}
.fx-discount-badge{background:var(--fx-red)}
.fx-card-view,.quick-add{background:#111;color:#fff}
.fx-product-copy,.product-info{color:#111}
.fx-product-brand,.fx-product-brandline{color:#777f89}
.fx-product-name,.product-name{color:#111}
.fx-card-price-row,.product-price{color:#111}
.fx-rating{color:#111}.fx-stock{color:#14874a}

/* Page / shop */
.fx-page-hero{background:linear-gradient(180deg,#fff,#f7f8f9);border-color:#e6e8ea}
.fx-page-hero h1,.fx-content-head h1{color:#111}.fx-page-hero p{color:#66707b}
.fx-filter-panel,.fx-shop-toolbar{background:#fff}
.fx-filter-panel{border-color:#e2e5e8;box-shadow:0 12px 36px rgba(15,20,25,.05)}
.fx-filter-panel h3{color:#111}
.fx-filter-group label,.fx-filter-group a{color:#5f6872}
.fx-sort select,.fx-field input,.fx-field select,.fx-field textarea,
.auth-card input,.auth-card select,.auth-card textarea,
.fx-form-card input,.fx-form-card select,.fx-form-card textarea,
.card input,.card select,.card textarea{
  background:#fff!important;color:#111!important;border-color:#d9dde1!important;
}
.fx-sort select:focus,.fx-field input:focus,.fx-field select:focus,.fx-field textarea:focus,
.auth-card input:focus,.auth-card select:focus,.auth-card textarea:focus,
.fx-form-card input:focus,.fx-form-card select:focus,.fx-form-card textarea:focus{
  border-color:var(--fx-red)!important;box-shadow:0 0 0 3px rgba(227,27,35,.08)!important;outline:none;
}

/* Product detail */
.fx-product-page{background:#fff}
.fx-product-title,.fx-product-page h1{color:#111}
.fx-product-short,.fx-product-meta,.fx-p-tax{color:#69717a}
.fx-main-photo{background:#f6f7f8;border-color:#e0e3e6}
.fx-thumb{background:#fff;border-color:#e0e3e6}.fx-thumb.active{border-color:var(--fx-red)}
.fx-buy-box{background:#f8f9fa;border-color:#e0e3e6}
.fx-variant-select,.fx-qty input{background:#fff;color:#111;border-color:#d9dde1}
.fx-info-block{border-color:#e4e6e9}.fx-info-block .content{color:#646d77}
.fx-quality-item{background:#fff;border-color:#e0e3e6}

/* Cart, checkout, account */
.fx-content-shell{background:#f7f8f9}
.fx-cart-list,.fx-summary-card,.fx-form-card,.card,.auth-card,.account-nav{background:#fff;border-color:#e0e3e6;box-shadow:0 12px 38px rgba(15,20,25,.05)}
.fx-cart-item{border-color:#eceef0}.fx-cart-img{background:#f4f5f6;border-color:#e2e4e7}
.fx-cart-info h3,.fx-summary-card h3,.auth-card h2,.fx-form-card h2,.card h2{color:#111}
.fx-summary-row{color:#626b75}.fx-summary-total{color:#111;border-color:#e1e4e7}
.fx-notice{background:#fff4f4;border-color:#ffd1d4;color:#9f1118}
.fx-payment-option{background:#fff;border-color:#dfe2e5;color:#111}.fx-payment-option:has(input:checked){border-color:var(--fx-red);box-shadow:0 0 0 3px rgba(227,27,35,.07)}
.account-nav a{color:#59616b}.account-nav a:hover{color:var(--fx-red)}
.card.body p{color:#68717b}

/* Offers, bundles, brands */
.fx-offer-card{background:#fff;border-color:#e1e4e7;box-shadow:0 12px 36px rgba(15,20,25,.05)}
.fx-offer-card h3{color:#111}.fx-offer-card p{color:#68717b}
.fx-bundle-card{background:#fff;border-color:#e1e4e7;box-shadow:0 12px 36px rgba(15,20,25,.05)}
.fx-bundle-art{background:linear-gradient(145deg,#f5f6f7,#eceef1);color:#111}
.fx-bundle-copy h3{color:#111}.fx-bundle-copy p{color:#69717a}.fx-bundle-price strong{color:var(--fx-red)}
.fx-brand-pill{background:#fff;border-color:#e1e4e7;color:#111;box-shadow:0 8px 25px rgba(15,20,25,.04)}
.fx-brand-pill:hover{border-color:#cfd3d7;box-shadow:0 14px 35px rgba(15,20,25,.08)}
.fx-flash-shell{background:linear-gradient(130deg,#fff0f1,#fff);border:1px solid #ffd9dc;color:#111}

/* FuelX Standard stays black for contrast */
.fx-section-dark .fx-standard-card{background:#141416;border-color:#2a2a2d}
.fx-section-dark .fx-standard-card b{color:#fff}.fx-section-dark .fx-standard-card p{color:#a0a5ad}

/* Footer */
.fx-footer{background:#09090a;color:#fff;border-top:4px solid var(--fx-red)}
.fx-footer-top{border-color:#262629}.fx-footer-top h3{color:#fff}
.fx-footer-grid h4{color:#fff}.fx-footer-grid>div:not(:first-child) a{color:#a8adb5}.fx-footer-grid>div:not(:first-child) a:hover{color:#fff}
.fx-footer-brand p{color:#949aa3}.fx-footer-badges span{border-color:#2b2c30;color:#a3a9b1}
.fx-footer-bottom{border-color:#222327;color:#6f7680}.fx-logo-footer{color:#fff}.fx-logo-footer small{color:#777f88}

/* Mobile */
@media(max-width:720px){
  .fx-mobile-dock{background:rgba(255,255,255,.96);border-color:#dfe2e5;box-shadow:0 18px 50px rgba(0,0,0,.14)}
  .fx-mobile-dock a{color:#6f7780}.fx-mobile-dock b{color:#111}
  .fx-hero-main{padding:38px 25px}.fx-hero-visual{min-height:440px}
  .fx-dept-card,.fx-goal-card{box-shadow:none}
}

/* =========================================================
   FuelX Shop layout correction — 2026-10-10
   Matches current shop.php markup (.fx-shop-layout / .fx-filter-block)
   ========================================================= */
.fx-shop-shell{
  display:block !important;
  padding:34px 0 78px;
  background:transparent;
}
.fx-shop-shell>.fx-container{
  width:min(100% - 36px,var(--fx-max));
  margin-inline:auto;
}
.fx-shop-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 22px;
  padding:0;
  background:transparent !important;
}
.fx-result-count{
  color:#5f6872;
  font-size:13px;
  font-weight:750;
  line-height:1.3;
}
.fx-shop-toolbar form{margin-left:auto}
.fx-sort{
  height:46px;
  min-width:190px;
  border:1px solid #dfe2e5;
  border-radius:14px;
  background:#111 !important;
  color:#fff !important;
  padding:0 38px 0 15px;
  font-weight:750;
  outline:none;
}
.fx-shop-layout{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:32px;
  align-items:start;
}
.fx-shop-layout>main{min-width:0;width:100%}
.fx-filter-panel{
  width:100%;
  min-width:0;
  padding:22px;
  border:1px solid #e1e4e7;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 36px rgba(15,20,25,.05);
  position:sticky;
  top:172px;
  overflow:hidden;
}
.fx-filter-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:15px;
  border-bottom:1px solid #eceef0;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
}
.fx-filter-title a{font-weight:800;text-decoration:none}
.fx-filter-block{
  padding:18px 0;
  border-bottom:1px solid #eceef0;
}
.fx-filter-block:last-child{border-bottom:0;padding-bottom:0}
.fx-filter-block h4{
  margin:0 0 10px;
  color:#111;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.01em;
}
.fx-filter-link{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:8px 10px;
  margin:2px 0;
  border-radius:10px;
  color:#5f6872 !important;
  font-size:12px;
  line-height:1.25;
  text-decoration:none;
  word-break:normal;
  overflow-wrap:anywhere;
  transition:.18s ease;
}
.fx-filter-link:hover{background:#f6f7f8;color:#111 !important}
.fx-filter-link.active{background:#fff0f1;color:#c6161d !important;font-weight:850}
.fx-filter-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.fx-filter-pill{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 10px;
  border:1px solid #dfe2e5;
  border-radius:999px;
  background:#fff;
  color:#555e68;
  font-size:10px;
  font-weight:800;
  line-height:1.15;
  text-decoration:none;
  transition:.18s ease;
}
.fx-filter-pill:hover{border-color:#bfc5cb;color:#111}
.fx-filter-pill.active{background:#111;border-color:#111;color:#fff}
.fx-shop-layout .fx-product-grid{
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px 16px;
}
.fx-shop-layout .fx-product-card{min-width:0;width:100%}
.fx-shop-layout .fx-product-media{width:100%;height:300px}
.fx-pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:38px;
}
.fx-pagination a,.fx-pagination span{
  width:40px;height:40px;
  display:grid;place-items:center;
  border:1px solid #dfe2e5;
  border-radius:12px;
  background:#fff;
  color:#4f5862;
  font-size:12px;
  font-weight:850;
}
.fx-pagination .active{background:#111;border-color:#111;color:#fff}

/* Keep long department navigation usable instead of visually clipping. */
.fx-main-nav-inner{
  width:100%;
  min-width:0;
  padding-right:18px;
  scroll-padding-inline:20px;
  -webkit-overflow-scrolling:touch;
}
.fx-main-nav-inner a{flex:0 0 auto}

@media(max-width:1280px){
  .fx-shop-layout{grid-template-columns:230px minmax(0,1fr);gap:24px}
  .fx-shop-layout .fx-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .fx-shop-shell{padding-top:24px}
  .fx-shop-layout{grid-template-columns:1fr}
  .fx-filter-panel{display:none !important}
  .fx-shop-layout .fx-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .fx-shop-toolbar{align-items:center}
}
@media(max-width:600px){
  .fx-shop-shell>.fx-container{width:min(100% - 22px,var(--fx-max))}
  .fx-shop-toolbar{gap:10px;margin-bottom:18px}
  .fx-result-count{font-size:11px}
  .fx-sort{min-width:155px;height:42px;font-size:11px}
  .fx-shop-layout .fx-product-grid{gap:22px 9px}
  .fx-shop-layout .fx-product-media{height:205px}
}