/* V188B Premium Brand Card Showcase */
/* Final visual polish: reference-style compact card, white wave, generated glass logo half in hero + half in body. */

.page-section.brands-page,
.brands-page{
  padding-left:12px !important;
  padding-right:12px !important;
}

.brands-page .brands-intro{
  margin-bottom:8px;
}

.brands-page .brand-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-items:stretch;
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:0 !important;
}

.brand-card.brand-card-premium{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(226,232,240,.68) !important;
  border-bottom:3px solid transparent !important;
  border-radius:18px !important;
  overflow:hidden;
  position:relative;
  display:block;
  text-align:left;
  color:#0f172a;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.86)) padding-box,
    linear-gradient(90deg,rgba(236,72,153,.82),rgba(139,92,246,.86),rgba(34,211,238,.82)) border-box !important;
  box-shadow:
    0 12px 28px rgba(15,23,42,.07),
    0 1px 0 rgba(255,255,255,.78) inset,
    0 5px 10px rgba(139,92,246,.08);
}


.brand-card-hero{
  height:160px;
  min-height:160px;
  width:100%;
  display:block;
  position:relative;
  overflow:hidden;
  margin:0 !important;
  border-radius:0 0 18px 18px;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.18),transparent 32%),
    linear-gradient(135deg,#1f2937,#111827);
  background-size:cover;
  background-position:center;
}

.brand-card-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(4,7,16,.25),rgba(4,7,16,.08),rgba(4,7,16,0)),
    radial-gradient(circle at 8% 30%,rgba(255,255,255,.08),transparent 28%);
  pointer-events:none;
}


.brand-card-badge{
  position:absolute;
  z-index:6;
  top:10px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:999px;
  padding:4px 8px;
  font-size:10.1px;
  line-height:1.05;
  font-weight:900;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(14px) saturate(1.12);
  -webkit-backdrop-filter:blur(14px) saturate(1.12);
  box-shadow:
    0 8px 15px rgba(15,23,42,.16),
    inset 0 1px 0 rgba(255,255,255,.26);
}

.brand-card-badge-featured{
  left:11px;
  background:
    radial-gradient(circle at 26% 20%,rgba(255,255,255,.32),rgba(255,255,255,0) 34%),
    linear-gradient(135deg,rgba(161,98,7,.84),rgba(217,119,6,.70));
}

.brand-card-badge-status{
  right:11px;
  background:
    radial-gradient(circle at 26% 20%,rgba(255,255,255,.34),rgba(255,255,255,0) 34%),
    linear-gradient(135deg,rgba(22,163,74,.82),rgba(74,222,128,.66));
}

.brand-card-hero-copy{
  position:absolute;
  z-index:5;
  left:13px;
  top:42px;
  max-width:58%;
  color:#fff;
  display:grid;
  gap:3px;
  text-shadow:
    0 2px 3px rgba(0,0,0,.38),
    0 9px 22px rgba(0,0,0,.42);
}

.brand-card-hero-copy strong{
  display:block;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(18.2px, 4.72vw, 28px);
  line-height:1.02;
  letter-spacing:-.45px;
  font-weight:900;
  color:rgba(255,255,255,.96);
}

.brand-card-hero-copy em{
  font-style:normal;
  font-size:clamp(10.2px, 2.42vw, 13.8px);
  line-height:1.03;
  font-weight:800;
  color:rgba(255,255,255,.92);
  opacity:1;
  margin-left:-4px;
}

.brand-card-cta{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:4px;
  border:1px solid rgba(255,224,166,.82);
  color:#fff8eb;
  border-radius:999px;
  padding:5px 9px;
  font-size:10.7px;
  line-height:1.1;
  font-weight:900;
  background:rgba(17,24,39,.16);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}

.brand-card-body{
  display:block;
  position:relative;
  z-index:7;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.88));
  padding:0 10px 9px;
  text-align:center;
}

/* Half overlap target: circle center sits close to hero/body wave boundary. */
.brand-card-logo-wrap{
  width:108px;
  height:108px;
  border-radius:999px;
  padding:7px;
  background:
    linear-gradient(rgba(255,255,255,.74),rgba(255,255,255,.40)) padding-box,
    linear-gradient(135deg,rgba(236,72,153,.78),rgba(168,85,247,.68),rgba(14,165,233,.76),rgba(134,239,172,.56)) border-box;
  border:2px solid transparent;
  box-shadow:
    0 15px 32px rgba(15,23,42,.14),
    inset 0 0 0 1px rgba(255,255,255,.62);
  display:grid;
  place-items:center;
  margin:-78px auto 6px;
  position:relative;
  z-index:20;
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}

.brand-card-logo-wrap::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:999px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(125,211,252,.74),rgba(236,72,153,.64),rgba(245,158,11,.34)) border-box;
  border:1px solid transparent;
  box-shadow:
    inset 0 0 18px rgba(15,23,42,.035),
    0 0 0 1px rgba(255,255,255,.42);
}

.brand-card-logo-wrap::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:999px;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.72),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,0));
  pointer-events:none;
}

.brand-card-logo-brandmark{
  width:100%;
  height:100%;
  border-radius:999px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:0;
  background:rgba(255,255,255,.968);
  overflow:hidden;
  text-align:center;
  padding:12px 7px 8px;
  position:relative;
  z-index:2;
}

.brand-card-logo-initials{
  display:block;
  font-family:Georgia, "Times New Roman", serif;
  font-size:33px;
  line-height:.9;
  font-weight:900;
  letter-spacing:-.8px;
  background:linear-gradient(115deg,#ec4899,#a855f7,#0ea5e9);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.brand-card-logo-name{
  display:block;
  max-width:100%;
  font-family:Georgia, "Times New Roman", serif;
  font-size:12.4px;
  line-height:1.02;
  font-weight:850;
  letter-spacing:-.25px;
  color:#111827;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}

.brand-card-logo-subtitle{
  display:block;
  max-width:100%;
  font-size:4.55px;
  line-height:1.02;
  font-weight:950;
  letter-spacing:.62px;
  color:#111827;
  opacity:.84;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}

.brand-card-title-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:-1px;
}

.brand-card-title{
  font-size:18.8px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.58px;
  color:#0f172a;
}

.brand-card-verified{
  width:15px;
  height:15px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:9.2px;
  line-height:1;
  font-weight:1000;
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#60a5fa,#2563eb 62%,#1d4ed8);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:
    0 4px 9px rgba(37,99,235,.22),
    0 0 0 1px rgba(59,130,246,.10),
    inset 0 1px 0 rgba(255,255,255,.46);
  clip-path:polygon(
    50% 0%,
    58% 12%,
    72% 8%,
    78% 22%,
    92% 28%,
    88% 42%,
    100% 50%,
    88% 58%,
    92% 72%,
    78% 78%,
    72% 92%,
    58% 88%,
    50% 100%,
    42% 88%,
    28% 92%,
    22% 78%,
    8% 72%,
    12% 58%,
    0% 50%,
    12% 42%,
    8% 28%,
    22% 22%,
    28% 8%,
    42% 12%
  );
}

.brand-card-verified::after{
  content:"";
  position:absolute;
  inset:2px 4px auto 4px;
  height:3.5px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0));
  pointer-events:none;
}

.brand-card-tagline{
  display:block;
  margin-top:2px;
  font-size:11.8px;
  line-height:1.04;
  font-weight:950;
  background:linear-gradient(100deg,#ec4899,#a855f7,#2563eb,#06b6d4);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 6px 16px rgba(168,85,247,.10);
}

.brand-card-description{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:520px;
  margin:4px auto 0;
  color:#475569;
  font-size:10.2px;
  line-height:1.24;
  font-weight:650;
  min-height:23px;
}

.brand-card-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:6px;
  border-top:1px solid rgba(148,163,184,.18);
  border-bottom:1px solid rgba(148,163,184,.18);
  padding:5px 0;
}

.brand-card-stat{
  display:grid;
  gap:2px;
  place-items:center;
  min-width:0;
  position:relative;
  padding:0 2px;
}

.brand-card-stat:not(:first-child)::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:1px;
  background:rgba(148,163,184,.20);
}

.brand-card-stat-icon{
  width:17px;
  height:17px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.brand-card-stat-icon svg{
  width:16px;
  height:16px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.brand-card-stat.products .brand-card-stat-icon{color:#16a34a;}
.brand-card-stat.categories .brand-card-stat-icon{color:#d97706;}
.brand-card-stat.sold .brand-card-stat-icon{color:#2563eb;}
.brand-card-stat.rating .brand-card-stat-icon{color:#9333ea;}

.brand-card-stat b{
  display:block;
  font-size:13px;
  line-height:1.02;
  font-weight:1000;
  color:#0f172a;
}

.brand-card-stat small{
  font-size:7.8px;
  line-height:1.05;
  font-weight:850;
  color:#475569;
}

.brand-card-footer{
  display:grid;
  grid-template-columns:.78fr .92fr 1.30fr;
  align-items:center;
  gap:3px;
  padding:5px 2px 0;
  color:#64748b;
  font-size:8.2px;
  line-height:1.08;
  font-weight:900;
}

.brand-card-footer-item{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}

.brand-card-footer-icon,
.brand-card-footer-external{
  width:10px;
  height:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.brand-card-footer-icon svg,
.brand-card-footer-external svg{
  width:10px;
  height:10px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.brand-card-footer-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


.brand-card-footer-sort{
  justify-content:flex-start;
  text-align:left;
}

.brand-card-footer-since{
  justify-content:center;
  text-align:center;
}

.brand-card-footer-website{
  justify-content:flex-end;
  text-align:right;
}

.brand-card-footer-sort .brand-card-footer-icon{color:#db2777;}
.brand-card-footer-since .brand-card-footer-icon{color:#64748b;}
.brand-card-footer-website{color:#2563eb;}
.brand-card-footer-website .brand-card-footer-icon,
.brand-card-footer-website .brand-card-footer-external{color:#2563eb;}
.brand-card-footer-website .brand-card-footer-text{color:#2563eb;}

@media (min-width: 860px){
  .brands-page .brand-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
}

@media (max-width: 420px){
  .page-section.brands-page,
  .brands-page{
    padding-left:12px !important;
    padding-right:12px !important;
  }


  .brand-card-hero{
    height:154px;
    min-height:154px;
  }


  .brand-card-hero-copy{
    left:11px;
    top:41px;
    max-width:56%;
    gap:4px;
  }

  .brand-card-hero-copy strong{
    font-size:18.2px;
  }

  .brand-card-hero-copy em{
    font-size:10px;
    margin-left:-4px;
  }

  .brand-card-cta{
    margin-top:4px;
    padding:4px 8px;
    font-size:9.7px;
  }

  .brand-card-badge{
    top:10px;
    padding:5px 8px;
    font-size:9.8px;
  }

  .brand-card-badge-featured{left:10px;}
  .brand-card-badge-status{right:10px;}

  .brand-card-body{
    padding-left:8px;
    padding-right:8px;
    padding-bottom:8px;
  }

  .brand-card-logo-wrap{
    width:102px;
    height:102px;
    margin-top:-74px;
    margin-bottom:5px;
  }

  .brand-card-logo-initials{
    font-size:31px;
  }

  .brand-card-logo-name{
    font-size:11.8px;
  }

  .brand-card-logo-subtitle{
    font-size:4.3px;
    letter-spacing:.55px;
  }

  .brand-card-title{
    font-size:18.7px;
  }

  .brand-card-verified{
    width:18px;
    height:18px;
    font-size:10px;
  }

  .brand-card-tagline{
    font-size:11.8px;
  }

  .brand-card-description{
    font-size:10px;
    line-height:1.24;
    margin-top:4px;
    min-height:23px;
  }

  .brand-card-stats{
    margin-top:5px;
    padding:4px 0;
  }

  .brand-card-stat-icon{
    font-size:12px;
  }

  .brand-card-stat b{
    font-size:12.4px;
  }

  .brand-card-stat small{
    font-size:7.3px;
  }

  .brand-card-footer{
    grid-template-columns:.74fr .88fr 1.38fr;
    gap:3px;
    font-size:7.9px;
    padding:4px 2px 0;
  }
}


/* V188B REAL LOGO BOUNDARY FIX
   Logo is now a direct card layer, not inside the white body.
   This makes the circle truly half inside hero image and half inside white body. */

.brand-card.brand-card-premium{
  position:relative !important;
  overflow:hidden !important;
}


.brand-card.brand-card-premium > .brand-card-logo-wrap{
  position:absolute !important;
  left:50% !important;
  top:142px !important;
  transform:translate(-50%, -50%) !important;
  margin:0 !important;
  z-index:30 !important;
  width:108px !important;
  height:108px !important;
}

.brand-card.brand-card-premium > .brand-card-body{
  position:relative !important;
  z-index:8 !important;
  margin-top:0 !important;
  padding-top:36px !important;
  overflow:visible !important;
}

.brand-card.brand-card-premium > .brand-card-body::before{
  content:"";
  position:absolute;
  z-index:0;
  left:-16%;
  right:-16%;
  top:-8px;
  height:14px;
  border-radius:48% 52% 0 0 / 100% 100% 0 0;
  background:rgba(255,255,255,.96);
  box-shadow:0 -1px 0 rgba(255,255,255,.34);
  pointer-events:none;
}

.brand-card.brand-card-premium > .brand-card-body > *{
  position:relative;
  z-index:2;
}

@media (max-width:420px){
  .brand-card.brand-card-premium > .brand-card-logo-wrap{
    top:136px !important;
    width:102px !important;
    height:102px !important;
  }

  .brand-card.brand-card-premium > .brand-card-body{
    padding-top:34px !important;
  }

  .brand-card.brand-card-premium > .brand-card-body::before{
    top:-9px;
    height:15px;
    border-radius:46% 54% 0 0 / 100% 100% 0 0;
  }
}



/* V188B BRAND PRODUCTS LAYOUT RESTORE
   Brand showcase card needs tight 4px page padding.
   Product list view should return to V188A-like spacing so product cards do not get clipped. */

.brands-page.is-brand-products-view{
  padding-left:16px !important;
  padding-right:16px !important;
}

.brands-page.is-brand-products-view .brand-products{
  width:100%;
  max-width:100%;
  overflow:visible;
}

.brands-page.is-brand-products-view .brand-products-list{
  width:100%;
  max-width:100%;
  overflow:visible;
  box-sizing:border-box;
}

@media (max-width:430px){
  .brands-page.is-brand-products-view{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}


/* V188B BRAND PRODUCTS HOME GRID SIZE
   Only brand product list view gets Home product grid sizing.
   Brand showcase card design remains unchanged. */

.brands-page.is-brand-products-view .brand-products{
  padding:12px 10px 14px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.brands-page.is-brand-products-view .brand-products-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

.brands-page.is-brand-products-view .brand-products-list > .product-card,
.brands-page.is-brand-products-view .brand-products-list > .home-product-card{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

.brands-page.is-brand-products-view .brand-products-list .product-img,
.brands-page.is-brand-products-view .brand-products-list .product-info,
.brands-page.is-brand-products-view .brand-products-list .product-price-strip,
.brands-page.is-brand-products-view .brand-products-list .product-card-status-row{
  max-width:100% !important;
  box-sizing:border-box !important;
}

@media (min-width:768px){
  .brands-page.is-brand-products-view .brand-products-list{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:13px !important;
  }
}

@media (min-width:1100px){
  .brands-page.is-brand-products-view .brand-products-list{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}






/* V188B CLEAN CARD CSS OVERRIDES FINAL
   Final brand showcase card outer radius is 8px on desktop and mobile.
   Removed old hidden hero-wave pseudo rules and duplicate radius overrides.
   Product list layout rules are untouched. */


/* V188B NO CARD TRANSITION
   Removed transform/box-shadow transition from brand showcase card to avoid scroll jank.
   Product list/card logic untouched. */


/* V188B REFERENCE BORDER GAP TEST
   Removed 4-side gradient border, kept bottom gradient strip.
   Card radius is 14px and phone side gap is 12px.
   Card/body surface uses soft page-style white background. */




/* V188B REVERT BRAND BODY COLOR
   Reverted brand showcase body/background to clean soft white.
   Radius, gap, border, bottom strip, product list, admin, and rules untouched. */








/* V188B BOTTOM BORDER REFERENCE FINAL
   Reference tune: thinner 3px bottom gradient border with softer color and very light bottom glow.
   Body, radius, gap, product list, admin, and rules untouched. */




/* V188B REFERENCE ICONS FINAL
   Removed previous CSS-only lower-info override and replaced text symbols with reference-like SVG line icons.
   Stats icons, Sort Order icon, Since icon, and Website link/icon now match the marked reference area.
   Body, radius, gap, bottom border, product list, admin, and rules untouched. */

/* V188B LOGO ROUND REFERENCE POLISH
   Match only the logo round area closer to reference:
   softer glass ring, calmer shadow, cleaner white disk, and full brand name fit.
   Card layout, footer icons, bottom border, product list, admin, and rules untouched. */

.brand-card-logo-wrap,
.brand-card.brand-card-premium > .brand-card-logo-wrap{
  padding:5px !important;
  border:1px solid transparent !important;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.92),rgba(255,255,255,.68) 48%,rgba(235,250,255,.54) 100%) padding-box,
    linear-gradient(135deg,rgba(238,242,255,.78),rgba(240,253,255,.82),rgba(224,242,254,.84),rgba(255,255,255,.72)) border-box !important;
  box-shadow:
    0 12px 24px rgba(148,163,184,.12),
    0 0 0 1px rgba(255,255,255,.84),
    inset 0 0 0 1px rgba(255,255,255,.62) !important;
}

.brand-card-logo-wrap::before{
  inset:5px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.995),rgba(255,255,255,.972)) padding-box,
    linear-gradient(135deg,rgba(226,232,240,.42),rgba(236,253,255,.56),rgba(224,242,254,.52),rgba(255,255,255,.54)) border-box !important;
  border:1px solid transparent !important;
  box-shadow:
    inset 0 0 16px rgba(255,255,255,.28),
    0 0 0 1px rgba(255,255,255,.66) !important;
}

.brand-card-logo-wrap::after{
  inset:1px !important;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.46),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.14),rgba(236,253,255,.08) 52%,rgba(255,255,255,0) 72%) !important;
}

.brand-card-logo-brandmark{
  background:rgba(255,255,255,.988) !important;
  padding:13px 5px 9px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72) !important;
}

.brand-card-logo-brandmark::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  padding:1.35px;
  background:conic-gradient(from 215deg,rgba(255,123,0,.68),rgba(255,47,146,.72),rgba(47,107,255,.72),rgba(30,203,135,.66),rgba(255,216,77,.62),rgba(255,123,0,.68));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.82;
  z-index:1;
}

.brand-card-logo-initials{
  font-size:32px !important;
  line-height:.88 !important;
  letter-spacing:-.95px !important;
  background:linear-gradient(115deg,rgba(236,72,153,.80),rgba(168,85,247,.78),rgba(14,165,233,.78)) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}

.brand-card-logo-name{
  max-width:96% !important;
  font-size:10.9px !important;
  line-height:1.03 !important;
  letter-spacing:-.36px !important;
  font-weight:850 !important;
  text-overflow:clip !important;
}

.brand-card-logo-subtitle{
  max-width:96% !important;
  font-size:4.18px !important;
  line-height:1.02 !important;
  letter-spacing:.46px !important;
  opacity:.82 !important;
}

@media (max-width:420px){
  .brand-card-logo-brandmark{
    padding:12px 4px 8px !important;
  }

  .brand-card-logo-initials{
    font-size:30px !important;
  }

  .brand-card-logo-name{
    font-size:10.35px !important;
    letter-spacing:-.38px !important;
  }

  .brand-card-logo-subtitle{
    font-size:3.95px !important;
    letter-spacing:.42px !important;
  }
}

/* V188B FULL CLEAN WHITE BRANDS PAGE
   All Brands intro removed from brands.html.
   Full Brands page shell is plain white so future banners can sit cleanly above the premium brand card. */
body.brands-clean-white-page-body{
  background:#fff !important;
}

body.brands-clean-white-page-body .app.brands-clean-white-page{
  background:#fff !important;
}

body.brands-clean-white-page-body .page-section.brands-page,
body.brands-clean-white-page-body .brands-page{
  background:#fff !important;
  padding-top:4px !important;
}

body.brands-clean-white-page-body .brands-state{
  background:#fff !important;
}

body.brands-clean-white-page-body .brand-grid{
  background:#fff !important;
}