/* GPCE Brands frontend — design-ready bridge.
 * This file prepares the Brands module to consume Design System tokens without
 * changing the existing frontend renderer yet.
 */
.gpce-brand-landing--design-ready {
    --gpce-brand-surface: var(--gpce-panel-bg, #ffffff);
    --gpce-brand-surface-soft: var(--gpce-card-bg, #f8fafc);
    --gpce-brand-border: var(--gpce-border, rgba(15, 23, 42, .10));
    --gpce-brand-radius: var(--gpce-radius-card, 18px);
    --gpce-brand-primary: var(--gpce-primary, #0f4aa3);
    --gpce-brand-text: var(--gpce-text, #0f172a);
    --gpce-brand-muted: var(--gpce-muted, #64748b);
}

.gpce-brand-landing--design-ready .gpce-brand-table-wrap--design {
    background: var(--gpce-brand-surface);
    border: 1px solid var(--gpce-brand-border);
    border-radius: var(--gpce-brand-radius);
    box-shadow: var(--gpce-card-shadow, 0 12px 30px rgba(15, 23, 42, .06));
    overflow: hidden;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list {
    margin-top: 14px;
}

.gpce-brand-landing--design-ready .gpce-brand-table-head {
    border-bottom: 1px solid var(--gpce-brand-border);
}

.gpce-brand-landing--design-ready .gpce-brand-table-kicker {
    color: var(--gpce-brand-primary);
}

.gpce-brand-landing--design-ready .gpce-ds-link {
    color: var(--gpce-brand-primary);
    font-weight: 800;
    text-decoration: none;
}

.gpce-brand-landing--design-ready .gpce-ds-link:hover {
    text-decoration: underline;
}

.gpce-brand-landing--design-ready .gpce-price-badge,
.gpce-brand-landing--design-ready .gpce-brand-price-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .gpce-brand-landing--design-ready .gpce-brand-table-wrap--design {
        border-radius: calc(var(--gpce-brand-radius) - 4px);
    }
    .gpce-brand-landing--design-ready .gpce-brand-table-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
    .gpce-brand-landing--design-ready .gpce-brand-table-action {
        width: 100%;
        justify-content: center;
    }
}

/* Fast Movers Design System pilot — shared cart controls.
 * Applies outside the legacy .gpce-brand-table scope, especially Row list / card templates.
 */
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-row-list-actions,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-split-row-actions,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-mobile-card__actions,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-table__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 230px;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-cart-form {
    margin: 0 !important;
    width: auto !important;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-cart-inline {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: auto !important;
    flex-wrap: nowrap !important;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-qty-box,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-loop-qty-box {
    display: grid !important;
    grid-template-columns: 44px 54px 44px !important;
    width: 142px !important;
    min-width: 142px !important;
    height: 44px !important;
    border: 1px solid var(--gpce-border, rgba(15, 23, 42, .10)) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: var(--gpce-soft-surface, #f8fafc) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-qty-btn,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-loop-qty-btn {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--gpce-soft-surface, #f8fafc) !important;
    color: var(--gpce-text, #0f172a) !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-qty-btn:hover,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-loop-qty-btn:hover {
    background: var(--gpce-primary, #0f4aa3) !important;
    color: #fff !important;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-cart-qty,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-loop-cart-qty {
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    width: 54px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-left: 1px solid var(--gpce-border, rgba(15, 23, 42, .10)) !important;
    border-right: 1px solid var(--gpce-border, rgba(15, 23, 42, .10)) !important;
    border-radius: 0 !important;
    background: var(--gpce-input-bg, #fff) !important;
    color: var(--gpce-text, #0f172a) !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-cart-qty::-webkit-outer-spin-button,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-cart-qty::-webkit-inner-spin-button,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-loop-cart-qty::-webkit-outer-spin-button,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-loop-cart-qty::-webkit-inner-spin-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-add-btn,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-cart-btn--search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 68px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: var(--gpce-button-radius, 16px) !important;
    background: var(--gpce-button-primary-bg, var(--gpce-primary, #0f4aa3)) !important;
    color: var(--gpce-button-primary-text, #fff) !important;
    margin: 0 !important;
    padding: 0 16px !important;
    position: static !important;
    transform: none !important;
    line-height: 1 !important;
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 12px 26px rgba(15, 74, 163, .18) !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-add-btn:hover,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-cart-btn--search:hover {
    background: var(--gpce-button-primary-hover-bg, var(--gpce-text, #0b1a2e)) !important;
    color: var(--gpce-button-primary-hover-text, #fff) !important;
}

@media (max-width: 780px) {
    .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-row-list-actions,
    .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-split-row-actions,
    .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-mobile-card__actions,
    .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-table__actions {
        width: 100%;
        min-width: 0;
        justify-content: stretch;
    }
    .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-cart-form,
    .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-cart-inline {
        width: 100% !important;
    }
    .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-cart-inline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
    }
    .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-qty-box,
    .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-loop-qty-box {
        width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: 44px minmax(48px, 1fr) 44px !important;
    }
}


/* v1.9.4.5.22.325: keep qty input visible inside Design System list action slots. */
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-fast-cart-inline,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-loop-cart-inline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.gpce-brand-landing--design-ready .gpce-brand-design-list input.gpce-fast-cart-qty,
.gpce-brand-landing--design-ready .gpce-brand-design-list input.gpce-loop-cart-qty {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 54px !important;
    flex: 0 0 54px !important;
}

/* v1.9.4.5.22.328: let the Design System compact commerce row control Brands pilot actions.
 * This overrides the older Brands pilot mobile rule that made the qty control full width.
 */
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px 14px!important;
}
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px 10px!important;
  flex:1 1 auto!important;
}
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions{
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin:0!important;
}
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions .gpce-fast-cart-form,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions .gpce-fast-cart-inline{
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  grid-template-columns:none!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions .gpce-fast-qty-box,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions .gpce-loop-qty-box{
  width:110px!important;
  min-width:110px!important;
  max-width:110px!important;
  grid-template-columns:34px 42px 34px!important;
  height:40px!important;
  min-height:40px!important;
}
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions input.gpce-fast-cart-qty,
.gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions input.gpce-loop-cart-qty{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:40px!important;
  min-height:40px!important;
  line-height:40px!important;
}
@media (max-width:780px){
  .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-row{
    flex-wrap:wrap!important;
  }
  .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions{
    width:auto!important;
    justify-content:flex-end!important;
  }
  .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions .gpce-fast-cart-form,
  .gpce-brand-landing--design-ready .gpce-brand-design-list .gpce-ds-commerce-actions .gpce-fast-cart-inline{
    width:auto!important;
  }
}


/* v1.9.4.5.22.329: Brands frontend must obey Design System background tokens.
 * The theme/page wrapper can otherwise stay white even when Design System page_bg/brand_bg is dark.
 */
.gpce-brand-landing--design-ready{
  --gpce-brand-page-bg: var(--gpce-brand-bg, var(--gpce-page-bg, #ffffff));
}
body:has(.gpce-brand-landing--design-ready){
  background: var(--gpce-brand-page-bg) !important;
}
body:has(.gpce-brand-landing--design-ready) .website-wrapper,
body:has(.gpce-brand-landing--design-ready) .main-page-wrapper,
body:has(.gpce-brand-landing--design-ready) .site-content,
body:has(.gpce-brand-landing--design-ready) .content-layout-wrapper,
body:has(.gpce-brand-landing--design-ready) .entry-content,
body:has(.gpce-brand-landing--design-ready) .page-content,
body:has(.gpce-brand-landing--design-ready) .wp-site-blocks,
body:has(.gpce-brand-landing--design-ready) .wd-content-layout,
body:has(.gpce-brand-landing--design-ready) .wd-page-content{
  background: var(--gpce-brand-page-bg) !important;
}
.gpce-brand-landing--design-ready{
  background: transparent !important;
}


/* v1.9.4.5.22.330: reliable Brand page background without :has().
 * Custom properties inherit down, not up, so the previous :has() rule could not read
 * --gpce-brand-page-bg from the landing section. Use the body class added by the module.
 */
body.gpce-brand-landing-page{
  background: var(--gpce-brand-bg, var(--gpce-page-bg, #ffffff)) !important;
}
body.gpce-brand-landing-page .website-wrapper,
body.gpce-brand-landing-page .main-page-wrapper,
body.gpce-brand-landing-page .site-content,
body.gpce-brand-landing-page .content-layout-wrapper,
body.gpce-brand-landing-page .entry-content,
body.gpce-brand-landing-page .page-content,
body.gpce-brand-landing-page .wp-site-blocks,
body.gpce-brand-landing-page .wd-content-layout,
body.gpce-brand-landing-page .wd-page-content,
body.gpce-brand-landing-page .wd-content-area,
body.gpce-brand-landing-page .container,
body.gpce-brand-landing-page .site-main{
  background: var(--gpce-brand-bg, var(--gpce-page-bg, #ffffff)) !important;
}
body.gpce-brand-landing-page .gpce-brand-landing,
body.gpce-brand-landing-page .gpce-brand-landing--design-ready{
  background: transparent !important;
}


/* v1.9.4.5.22.331: Brand landing body class is now added via body_class.
 * Apply the Design System page background to Woodmart/page wrappers directly.
 */
body.gpce-brand-landing-page,
body.gpce-brand-design-page{
  background-color: var(--gpce-brand-bg, var(--gpce-page-bg, #ffffff)) !important;
}
body.gpce-brand-landing-page #page,
body.gpce-brand-landing-page .website-wrapper,
body.gpce-brand-landing-page .main-page-wrapper,
body.gpce-brand-landing-page .site-content,
body.gpce-brand-landing-page .content-layout-wrapper,
body.gpce-brand-landing-page .entry-content,
body.gpce-brand-landing-page .page-content,
body.gpce-brand-landing-page .wp-site-blocks,
body.gpce-brand-landing-page .wd-content-layout,
body.gpce-brand-landing-page .wd-page-content,
body.gpce-brand-landing-page .wd-content-area,
body.gpce-brand-landing-page .container,
body.gpce-brand-landing-page .site-main,
body.gpce-brand-design-page #page,
body.gpce-brand-design-page .website-wrapper,
body.gpce-brand-design-page .main-page-wrapper,
body.gpce-brand-design-page .site-content,
body.gpce-brand-design-page .content-layout-wrapper,
body.gpce-brand-design-page .entry-content,
body.gpce-brand-design-page .page-content,
body.gpce-brand-design-page .wp-site-blocks,
body.gpce-brand-design-page .wd-content-layout,
body.gpce-brand-design-page .wd-page-content,
body.gpce-brand-design-page .wd-content-area,
body.gpce-brand-design-page .container,
body.gpce-brand-design-page .site-main{
  background-color: var(--gpce-brand-bg, var(--gpce-page-bg, #ffffff)) !important;
}
body.gpce-brand-landing-page .gpce-brand-landing,
body.gpce-brand-design-page .gpce-brand-landing{
  background-color: transparent !important;
}


/* v1.9.4.5.22.361: keep Woodmart/theme wrappers transparent.
 * Preset page background belongs only to GPCE-owned content wrappers, not to global
 * Woodmart containers/header/title/prefooter wrappers. This prevents GPCE backgrounds
 * from painting over theme areas and from leaking into Fast Movers.
 */
body.gpce-brand-landing-page .website-wrapper,
body.gpce-brand-landing-page .main-page-wrapper,
body.gpce-brand-landing-page .site-content,
body.gpce-brand-landing-page .content-layout-wrapper,
body.gpce-brand-landing-page .entry-content,
body.gpce-brand-landing-page .page-content,
body.gpce-brand-landing-page .wp-site-blocks,
body.gpce-brand-landing-page .wd-content-layout,
body.gpce-brand-landing-page .wd-page-content,
body.gpce-brand-landing-page .wd-content-area,
body.gpce-brand-landing-page .container,
body.gpce-brand-landing-page .site-main,
body.gpce-brand-design-page .website-wrapper,
body.gpce-brand-design-page .main-page-wrapper,
body.gpce-brand-design-page .site-content,
body.gpce-brand-design-page .content-layout-wrapper,
body.gpce-brand-design-page .entry-content,
body.gpce-brand-design-page .page-content,
body.gpce-brand-design-page .wp-site-blocks,
body.gpce-brand-design-page .wd-content-layout,
body.gpce-brand-design-page .wd-page-content,
body.gpce-brand-design-page .wd-content-area,
body.gpce-brand-design-page .container,
body.gpce-brand-design-page .site-main{
  background: transparent !important;
  background-color: transparent !important;
}
body.gpce-brand-landing-page:not(.gpce-fast-movers-page) .gpce-brand-landing,
body.gpce-brand-design-page:not(.gpce-fast-movers-page) .gpce-brand-landing,
body.gpce-brand-landing-page:not(.gpce-fast-movers-page) .gpce-brand-landing--design-ready,
body.gpce-brand-design-page:not(.gpce-fast-movers-page) .gpce-brand-landing--design-ready{
  background: var(--gpce-brand-bg, var(--gpce-page-bg, transparent)) !important;
  background-color: var(--gpce-brand-bg, var(--gpce-page-bg, transparent)) !important;
}
body.gpce-fast-movers-page .gpce-brand-landing,
body.gpce-fast-movers-page .gpce-brand-landing--design-ready{
  background: transparent !important;
  background-color: transparent !important;
}

/* v1.9.4.5.22.852: Brand pages and brand archive consume Design System preset colors.
 * This is a color bridge only; layout/logic stay unchanged.
 */
.gpce-brand-landing--design-ready,
.gpce-brands-page{
  color:var(--gpce-text,#0b1a2e)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-content-card,
.gpce-brand-landing--design-ready .gpce-brand-search-card,
.gpce-brand-landing--design-ready .gpce-brand-section-card,
.gpce-brand-landing--design-ready .gpce-brand-stat,
.gpce-brand-landing--design-ready .gpce-brand-stock-card,
.gpce-brand-landing--design-ready .gpce-related-wrap,
.gpce-brand-landing--design-ready .gpce-related-card,
.gpce-brand-landing--design-ready .gpce-brand-table-wrap,
.gpce-brands-page .gpce-brand-tile{
  background:var(--gpce-panel-bg,var(--gpce-card-bg,#fff))!important;
  border-color:var(--gpce-border,rgba(15,23,42,.08))!important;
  color:var(--gpce-text,#0b1a2e)!important;
  border-radius:var(--gpce-radius-card,24px)!important;
  box-shadow:var(--gpce-card-shadow,0 18px 50px rgba(15,23,42,.07))!important;
}
.gpce-brand-landing--design-ready .gpce-brand-content-card h2,
.gpce-brand-landing--design-ready .gpce-brand-section-card h2,
.gpce-brand-landing--design-ready .gpce-brand-table-head h3,
.gpce-brand-landing--design-ready .gpce-related-title,
.gpce-brand-landing--design-ready .gpce-related-name,
.gpce-brand-landing--design-ready .gpce-related-mpn b,
.gpce-brand-landing--design-ready .gpce-brand-stat strong,
.gpce-brand-landing--design-ready .gpce-brand-stock-card b,
.gpce-brand-landing--design-ready .gpce-brand-table td,
.gpce-brands-page .gpce-brand-tile-title{
  color:var(--gpce-text,#0b1a2e)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-content-copy,
.gpce-brand-landing--design-ready .gpce-brand-content-copy p,
.gpce-brand-landing--design-ready .gpce-brand-section-card p,
.gpce-brand-landing--design-ready .gpce-brand-table-head p,
.gpce-brand-landing--design-ready .gpce-related-subtitle,
.gpce-brand-landing--design-ready .gpce-related-mpn,
.gpce-brand-landing--design-ready .gpce-brand-stat span,
.gpce-brand-landing--design-ready .gpce-brand-stock-card span,
.gpce-brands-page .gpce-brand-type-line,
.gpce-brands-page .gpce-brand-card-intro{
  color:var(--gpce-muted,#64748b)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-table-kicker,
.gpce-brand-landing--design-ready .gpce-related-kicker,
.gpce-brand-landing--design-ready .gpce-brand-ref,
.gpce-brand-landing--design-ready .gpce-brand-row-action,
.gpce-brand-landing--design-ready .gpce-brand-stock-card em,
.gpce-brand-landing--design-ready .gpce-related-open,
.gpce-brands-page .gpce-brand-tile-btn{
  color:var(--gpce-primary,#0f4aa3)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-search-form input[type=text]{
  background:var(--gpce-input-bg,var(--gpce-panel-bg,#fff))!important;
  color:var(--gpce-input-text,var(--gpce-text,#0b1a2e))!important;
  border-color:var(--gpce-input-border,var(--gpce-border,#dbe3ef))!important;
  border-radius:var(--gpce-input-radius,999px)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-search-form input[type=text]::placeholder{
  color:var(--gpce-input-placeholder,var(--gpce-muted,#64748b))!important;
}
.gpce-brand-landing--design-ready .gpce-brand-search-form button{
  background:var(--gpce-primary-button-bg,var(--gpce-button-primary-bg,var(--gpce-primary,#0f4aa3)))!important;
  color:var(--gpce-primary-button-text,var(--gpce-button-primary-text,#fff))!important;
  border-radius:var(--gpce-button-radius,999px)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-table th,
.gpce-brand-landing--design-ready .gpce-related-card,
.gpce-brand-landing--design-ready .gpce-brand-stock-card{
  background:var(--gpce-soft-surface,var(--gpce-page-bg,#f8fafc))!important;
  border-color:var(--gpce-border,#e2e8f0)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-table td{
  border-color:var(--gpce-border-soft,var(--gpce-border,#eef2f7))!important;
}
.gpce-brand-landing--design-ready .gpce-brand-table tbody tr:hover td{
  background:var(--gpce-row-hover-bg,var(--gpce-soft-surface,#f8fbff))!important;
}
.gpce-brand-landing--design-ready .gpce-brand-stock-pill,
.gpce-brands-page .gpce-brand-counter-pill{
  background:var(--gpce-soft-surface,#f1f5f9)!important;
  color:var(--gpce-text,#334155)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-price-pill{
  background:var(--gpce-success-bg,#ecfdf5)!important;
  color:var(--gpce-success,#047857)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-price-request,
.gpce-brand-landing--design-ready .gpce-brand-row-action--request{
  background:var(--gpce-warning-bg,#fff7ed)!important;
  color:var(--gpce-warning,#c2410c)!important;
  border-color:var(--gpce-warning-border,#fed7aa)!important;
}
.gpce-brand-landing--design-ready .gpce-brand-offer-rule,
.gpce-brand-landing--design-ready .gpce-related-brand,
.gpce-brand-landing--design-ready .gpce-related-action,
.gpce-brand-landing--design-ready .gpce-brand-table-action,
.gpce-brands-page .gpce-brand-tile-logo,
.gpce-brands-page .gpce-brand-tile-btn{
  background:var(--gpce-primary-soft,#eaf2ff)!important;
  color:var(--gpce-primary,#0f4aa3)!important;
}
.gpce-brand-landing--gated .gpce-brand-gated-card,
.gpce-brands-page .gpce-brands-hero{
  background:var(--gpce-hero-bg,linear-gradient(135deg,var(--gpce-text,#061426),var(--gpce-text,#0b1a2e) 70%,var(--gpce-primary,#0f4aa3)))!important;
  color:var(--gpce-hero-text,#fff)!important;
  border-radius:var(--gpce-hero-radius,28px)!important;
}
.gpce-brand-landing--gated .gpce-brand-gated-card h1,
.gpce-brands-page .gpce-brands-hero h1{
  color:var(--gpce-hero-title,var(--gpce-hero-text,#fff))!important;
}
.gpce-brand-landing--gated .gpce-brand-gated-card p,
.gpce-brands-page .gpce-brands-hero p{
  color:var(--gpce-hero-muted,rgba(255,255,255,.78))!important;
}