body {
  background: var(--site-background-color);
}
body.has-offcanvas {
  overflow: hidden;
}
#page-container {
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}
#content-wrapper {
  flex-grow: 1;
  margin: 0 0.5em;
}
@media (min-width: 1460px) {
  #content-wrapper {
    margin: 0;
  }
}
#important-notice {
  background: var(--important-notice-background-color);
  color: var(--important-notice-text-color);
  text-align: center;
}
#important-notice .fourteen-forty {
  padding: 0.5em var(--gutter-x);
}
@media (max-width: 991px) {
  #site-menu {
    position: sticky;
    display: block;
    top: 0;
    z-index: 999;
    transition: top 200ms linear;
  }
  #site-menu .navbar-header a {
    color: var(--navigation-text-color);
  }
}
@media (max-width: 991px) {
  #site-menu .container {
    padding: 0 !important;
  }
}
#site-menu .quick-access {
  display: flex;
  font-size: 0.8em;
  align-items: center;
  gap: 1em;
}
@media (min-width: 768px) {
  #site-menu .quick-access {
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  #site-menu .quick-access {
    font-size: 1em;
  }
}
#site-menu .navbar {
  padding: 0.5rem var(--gutter-x);
}
@media (min-width: 992px) {
  #site-menu .navbar {
    margin-top: 6.5em;
    padding: 0;
  }
  #site-menu .navbar .dropdown-menu .nav-link {
    background: var(--dropdown-menu-item-background-color);
    color: var(--dropdown-menu-item-text-color);
  }
  #site-menu .navbar .dropdown-menu .nav-link:hover {
    filter: brightness(0.95);
  }
}
#site-menu .dropdown-menu {
  overflow: hidden;
  --gutter-y: 0.75em;
}
body.scrolling-down #site-menu {
  top: -6em;
}
.navbar-header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.5em 1em;
  justify-content: space-between;
  background: var(--header-background-color);
  color: var(--header-text-color);
  width: 100%;
}
@media (min-width: 768px) {
  .navbar-header {
    gap: var(--gutter-x);
  }
}
@media (min-width: 992px) {
  .navbar-header {
    position: absolute;
    top: -5rem;
    left: 0;
    right: 0;
    margin-bottom: var(--gutter-y);
    padding-left: 1em;
    padding-right: 1em;
  }
}
.navbar-header .fourteen-forty {
  display: inherit;
  flex-flow: inherit;
  gap: inherit;
  justify-content: inherit;
  align-items: inherit;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-header .logotype {
  flex-grow: 1;
}
.navbar-header .logotype img {
  max-width: 140px;
  max-height: 32px;
}
@media (min-width: 768px) {
  .navbar-header .logotype img {
    max-width: 250px;
    max-height: 60px;
  }
}
@media (min-width: 768px) {
  .navbar-header .logotype {
    width: auto;
  }
}
@media (min-width: 992px) {
  .navbar-header .logotype {
    flex-grow: 0;
  }
}
.navbar-header .navbar-brand {
  display: none;
  width: calc(var(--sidebar-width) + var(--gutter-x)/2);
  font-size: 17px;
}
.navbar-header .navbar-brand:hover,
.navbar-header .navbar-brand:focus {
  text-decoration: none;
}
.navbar-header .navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar-header .navbar-brand {
    display: block;
  }
}
.navbar-header form[name="search_form"] .input-group {
  background-color: #f1f3f5;
}
.navbar-header .navbar-search {
  flex: 1 1 auto;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .navbar-header .navbar-search {
    width: 100%;
    order: 999;
  }
}
@media (min-width: 992px) {
  .navbar-header .navbar-search {
    max-width: 600px;
  }
}
.navbar-header .navbar-icon {
  font-size: 1.5em;
}
#cart {
  position: relative;
  display: inline-block;
}
#cart > a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px;
  border: 1px transparent solid;
  border-radius: var(--border-radius);
  color: inherit;
  white-space: nowrap;
}
#cart > a:hover {
  border-color: var(--default-border-color);
  text-decoration: none;
}
#cart img {
  max-width: 2em;
  max-height: 2em;
}
@media (min-width: 768px) {
  #cart img {
    font-size: 1.5em;
  }
}
#cart .badge {
  background: #c90000;
  border-radius: 2rem;
  padding: 0.25em 0em;
  display: inline-block;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 15px;
  right: -10px;
  width: 2em;
  animation: pulsating 1.5s linear infinite;
  font-size: 10px;
}
#cart .badge:empty {
  display: none;
}
@media (max-width: calc(768px - 1px)) {
  #cart .details {
    display: none;
  }
  #cart #cart .badge {
    top: 15px;
    right: 0;
  }
}
#sidebar {
  position: relative;
  display: flex;
  flex-flow: column;
}
#footer {
  background-color: var(--footer-background-color);
  color: var(--footer-text-color);
  padding: var(--gutter-y) var(--gutter-x);
}
#footer a {
  color: inherit;
}
#footer .columns {
  display: grid;
  margin-bottom: 0;
  grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  grid-gap: var(--gutter-x);
}
@media (min-width: 768px) {
  #footer .columns {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  #footer .columns {
    grid-template-columns: repeat(5, 1fr);
  }
}
#footer .title {
  font-size: 1.5em;
  margin: 0 0 0.75em 0;
  color: var(--footer-title-color);
}
#footer ul.list-vertical li {
  padding: 0;
}
#copyright {
  background: var(--copyright-background-color);
  color: var(--copyright-text-color);
}
#copyright .container {
  padding: 0.75em var(--gutter-x);
}
#copyright .notice {
  text-align: center;
}
#copyright .notice a {
  color: inherit;
  text-decoration: underline;
}
#scroll-up {
  bottom: 30px;
  display: none;
  height: 48px;
  opacity: 0.3;
  position: fixed;
  right: 30px;
  width: 48px;
}
/* Boxes */
.box {
  margin-bottom: var(--gutter-y);
}
#box-filter .filters {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
#box-filter .filters > * {
  flex: 1 1 auto;
  min-width: fit-content;
}
#box-filter .filters [data-toggle="dropdown"] {
  cursor: pointer;
}
#box-filter .filters .dropdown-menu li {
  margin: 0.5em 1em;
}
#box-filter .filters .dropdown-menu .option {
  white-space: nowrap;
}
#box-filter .manufacturers ul {
  max-height: 200px;
  overflow-y: auto;
}
#box-filter .tokens {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#box-filter .tokens:not(:empty) {
  padding-top: var(--gutter-y);
}
#box-filter .tokens .token {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: var(--border-radius);
  cursor: default;
}
#box-filter .tokens .token[data-group="name"] {
  background: #cbe2b6;
}
#box-filter .tokens .token[data-group="manufacturer"] {
  background: #b6c2e2;
}
#box-filter .tokens .token[data-group^="attribute"] {
  background: #e2c6b6;
}
#box-filter .tokens .token .remove {
  padding-inline-start: 0.5em;
  color: inherit;
  font-weight: 600;
}
#box-cookie-notice {
  background: var(--cookie-notice-background-color);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  backdrop-filter: saturate(200%) blur(5px);
  color: var(--cookie-notice-text-color);
  z-index: 999;
}
#box-cookie-notice .notice {
  margin-bottom: 1em;
}
#box-cookie-notice .notice a {
  color: inherit;
  text-decoration: underline;
}
#box-cookie-notice button {
  margin: 0 0.5em;
}
@media (min-width: 768px) {
  #box-cookie-notice {
    max-width: 480px;
    margin: 0 auto;
    bottom: var(--gutter-y);
    border-radius: var(--border-radius);
  }
}
#box-recently-viewed-products .link img {
  transition: all 100ms linear;
}
#box-recently-viewed-products .link img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  #box-also-purchased-products {
    position: sticky;
    top: 0;
  }
}
#box-manufacturer-logotypes img {
  max-height: 60px;
}
#box-recently-viewed-products .listing {
  grid-template-columns: repeat(auto-fill, minmax(48px, 0.5fr));
}
.listing {
  display: grid;
  grid-gap: var(--gutter-x);
}
@media (min-width: 768px) {
  .listing {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.listing.products.columns {
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}
@media (min-width: 768px) {
  .listing.products.columns {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
@media (min-width: 992px) {
  .listing.products.columns {
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  }
}
.listing.products.rows {
  grid-auto-flow: row;
  grid-template-columns: initial;
}
.listing.categories {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.listing.manufacturers {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
@media (min-width: 768px) {
  .listing.manufacturers {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.listing h1,
.listing h2,
.listing h3 {
  padding-bottom: 0;
  border: none;
}
.listing a {
  color: inherit;
  text-decoration: none;
}
.listing .category,
.listing .manufacturer,
.listing .product {
  position: relative;
  overflow: hidden;
  background: var(--image-whitespace-color);
  border: 1px solid var(--default-border-color);
  border-radius: var(--border-radius);
  transform: scale(1);
  transition: all 100ms linear;
  color: inherit;
  text-decoration: none;
}
@media (min-width: 768px) {
  .listing .category:hover,
  .listing .manufacturer:hover,
  .listing .product:hover {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
    transform: scale(1.01);
  }
}
.listing .category {
  position: relative;
  background: var(--whitespace-color);
}
.listing .category .caption {
  background: var(--whitespace-color);
  padding: calc(var(--gutter-y)/2) var(--gutter-x);
  color: var(--default-text-color);
  text-align: center;
}
.listing .category .caption * {
  font-weight: normal;
  color: inherit;
  margin: 0;
}
.listing .category .caption .name {
  font-size: 1.15em;
}
.listing .manufacturer {
  position: relative;
  background: var(--whitespace-color);
}
.listing .manufacturer img {
  width: 100%;
  height: auto;
  padding: 1rem;
}
.listing .manufacturer .caption {
  margin: 0;
  padding: calc(var(--gutter-y)/2) var(--gutter-x);
  background: #f2f2f2;
  color: var(--default-text-color);
  text-align: center;
}
.listing .product {
  position: relative;
  background: var(--whitespace-color);
}
.listing .product .link {
  text-decoration: none;
}
.listing .product .image-wrapper {
  background: var(--image-whitespace-color);
}
.listing .product .image-wrapper .sticker {
  position: absolute;
  top: 20px;
  left: -32px;
  width: 125px;
  padding: 0.25rem 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-45deg);
}
.listing .product .image-wrapper .sticker.new {
  background: rgba(251, 184, 41, 0.9);
}
.listing .product .image-wrapper .sticker.sale {
  background: rgba(237, 60, 50, 0.9);
}
.listing .product .name {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  height: 40px;
  font-size: 1em;
  font-weight: 400;
  line-height: 115%;
  border-bottom: 0;
  margin: 0;
}
.listing .product .manufacturer-name {
  color: var(--default-text-color);
  font-size: 0.9em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 200%;
  opacity: 0.75;
}
.listing .product .description {
  max-width: 640px;
  text-align: left;
}
.listing .product .stock-available .value {
  color: #009900;
}
.listing .product .stock-partly-available .value {
  color: #ff9900;
}
.listing .product .stock-unavailable .value {
  color: #cc0000;
}
.listing .product .price-wrapper {
  font-size: 1.25em;
}
.listing .product .price-wrapper .price {
  font-weight: bold;
  white-space: nowrap;
}
.listing .product .price-wrapper .regular-price,
.listing .product .price-wrapper .recommended-price {
  color: var(--default-text-color);
  font-size: 0.75em;
  font-weight: normal;
  white-space: nowrap;
}
.listing .product .price-wrapper .campaign-price {
  font-weight: bold;
  color: #c00;
  white-space: nowrap;
}
.listing .product .preview {
  margin: 0 -1px -1px -1px;
  display: none;
  position: absolute;
  top: 1em;
  right: 1em;
  padding: var(--input-padding-y);
  width: 3em;
  box-shadow: none;
}
@media (min-width: 768px) {
  .listing .product:hover .preview {
    display: inline-block;
  }
}
.listing.columns .product .image {
  width: 100%;
  height: auto;
}
.listing.columns .product .info {
  padding: 0.5rem 0;
  text-align: center;
}
.listing.columns .product .description {
  display: none;
}
.listing.columns .product .price-wrapper {
  position: initial;
}
.listing.rows .product .link {
  display: flex;
  gap: var(--gutter-x);
  padding: var(--gutter-y) var(--gutter-x);
}
.listing.rows .product .info {
  flex: 1 1 auto;
}
.listing.rows .product .image-wrapper {
  width: 175px;
}
@media (min-width: 768px) {
  .listing.rows .product .image-wrapper {
    width: 160px;
  }
}
@media (min-width: 768px) {
  .listing.rows .product {
    height: auto;
  }
  .listing.rows .product .description {
    margin-bottom: 1em;
  }
}
#box-product form[name="buy_now_form"] {
  padding: var(--gutter-y) var(--gutter-x);
  margin: 1em 0;
  border: 1px solid var(--default-border-color);
  border-radius: var(--border-radius);
}
#box-product .images {
  margin-bottom: var(--gutter-y);
}
#box-product .main-image {
  position: relative;
  background: var(--whitespace-color);
  overflow: hidden;
}
#box-product .main-image .sticker {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  top: 15px;
  left: -35px;
  padding: 0.25rem 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-45deg);
  width: 140px;
}
#box-product .main-image .sticker.new {
  background: rgba(251, 184, 41, 0.85);
}
#box-product .main-image .sticker.sale {
  background: rgba(237, 60, 50, 0.85);
}
#box-product .price-wrapper {
  font-size: 1.75em;
}
#box-product .price-wrapper .regular-price,
#box-product .price-wrapper .recommended-price {
  font-size: 0.75em;
}
#box-product .price-wrapper .campaign-price {
  color: #cc0000;
}
#box-product .tax {
  color: #999;
}
#box-product .stock-available .value {
  color: #009900;
}
#box-product .stock-partly-available .value {
  color: #ff9900;
}
#box-product .stock-unavailable .value {
  color: #cc0000;
}
#box-product .out-of-stock-notice {
  background: var(--default-background-color);
  border: 1px solid var(--default-border-color);
  padding: var(--gutter-y) var(--gutter-x);
  border-radius: var(--border-radius);
}
#box-product .stock-notice {
  margin-top: 1em;
  padding: 0.5em;
  border-radius: var(--border-radius);
  border: 1px #86cb00 solid;
  color: #86cb00;
}
#box-product .stock-notice:empty {
  display: none;
}
#box-product .stock-notice.notice {
  color: #e58310;
  border-color: #e58310;
}
#box-product .stock-notice.warning {
  color: #c00;
  border-color: #c00;
}
#box-product .stock-notice .description {
  margin-top: 1em;
  font-size: 0.8em;
}
#box-product .social-bookmarks {
  font-size: 1.75em;
  margin-top: 1em;
}
#box-product .social-bookmarks a {
  margin: 0 0.25em;
}
#box-product .description p:first-child {
  margin-top: 0;
}
#box-product .description p:last-child {
  margin-bottom: 0;
}
#box-product .description a {
  text-decoration: underline;
}


/* ==========================================================
   WebARTing FAST STORE - Theme Base v0.1
   Complete frontend foundation for LiteCart 2.6.x
   ========================================================== */

html {
  scroll-behavior: smooth;
}

body {
  color: var(--wafs-ink);
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.06), transparent 34rem),
    linear-gradient(180deg, #f8fafc 0%, var(--site-background-color) 100%);
}

a {
  color: var(--link-text-color);
}

a:hover,
a:focus {
  color: var(--wafs-primary);
}

.fourteen-forty {
  max-width: 1440px;
}

#page-container {
  background: transparent;
}

#content-wrapper {
  margin-top: 1rem;
}

/* Header */
#site-menu {
  background: rgba(248, 250, 252, 0.92);
  backdrop-filter: blur(14px);
  z-index: 1000;
}

@media (min-width: 992px) {
  #site-menu {
    position: sticky;
    top: 0;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
  }
}

#site-menu .fourteen-forty {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.wafs-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: .65rem;
  padding: .45rem .8rem;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: var(--wafs-muted);
  font-size: .85rem;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.wafs-topbar-left,
.wafs-topbar-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.wafs-topbar .fa {
  color: var(--wafs-primary);
}

.navbar-header {
  padding: .85rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--wafs-card-shadow);
}

@media (min-width: 992px) {
  #site-menu .navbar {
    margin-top: 0;
  }

  .navbar-header {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    margin-bottom: .75rem;
  }
}

.navbar-header .logotype img {
  max-width: 210px;
  max-height: 62px;
}

.navbar-header .navbar-search {
  max-width: 680px;
}

.navbar-header form[name="search_form"] .input-group,
.navbar-header form[name="search_form"] input {
  border-radius: 999px !important;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.navbar-header form[name="search_form"] input {
  min-height: 46px;
  padding-inline: 1.2rem;
  font-size: .98rem;
}

.navbar-header .quick-access {
  gap: .55rem;
}

.navbar-header .quick-access > a,
.navbar-header .quick-access #cart,
.navbar-header .quick-access .navbar-toggler {
  min-width: 54px;
  padding: .35rem .45rem;
  border: 1px solid transparent;
  border-radius: 16px;
  color: var(--wafs-ink);
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.navbar-header .quick-access > a:hover,
.navbar-header .quick-access #cart:hover,
.navbar-header .quick-access .navbar-toggler:hover {
  background: var(--wafs-soft);
  border-color: #e2e8f0;
  text-decoration: none;
  transform: translateY(-1px);
}

.navbar-header .navbar-icon {
  font-size: 1.35rem;
}

#cart .badge {
  background: var(--wafs-danger);
  color: #fff;
  box-shadow: 0 5px 12px rgba(220, 38, 38, .26);
}

/* Navigation / Mega menu base */
#offcanvas {
  border-radius: 18px;
  background: #fff;
}

#site-menu .navbar-nav {
  gap: .25rem;
}

#site-menu .nav-link {
  border-radius: 14px;
  font-weight: 700;
}

@media (min-width: 992px) {
  #site-menu .offcanvas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .55rem .75rem;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  }

  #site-menu .dropdown-menu {
    min-width: 260px;
    margin-top: .6rem;
    padding: .55rem;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: var(--wafs-card-shadow-hover);
  }

  #site-menu .navbar .dropdown-menu .nav-link {
    border-radius: 12px;
    background: transparent;
  }
}

/* Home */
#box-slides {
  overflow: hidden;
  margin-bottom: 1.2rem;
  border-radius: 24px;
  box-shadow: var(--wafs-card-shadow);
}

#box-slides img {
  display: block;
  border-radius: 24px;
}

.wafs-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
  margin: 0 0 1.2rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
}

.wafs-benefit {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-width: 0;
  padding: .85rem;
  border-radius: 18px;
  background: #f8fafc;
}

.wafs-benefit > .fa {
  display: inline-flex;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(37, 99, 235, .1);
  color: var(--wafs-primary);
  font-size: 1.25rem;
}

.wafs-benefit strong,
.wafs-benefit span {
  display: block;
}

.wafs-benefit strong {
  margin-bottom: .18rem;
  font-size: .96rem;
}

.wafs-benefit span {
  color: var(--wafs-muted);
  font-size: .86rem;
}

@media (max-width: 991px) {
  .wafs-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .wafs-benefits {
    grid-template-columns: 1fr;
  }
}

/* Cards and sections */
.card,
.box {
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--wafs-card-shadow);
}

.card + .card,
.box + .card,
.card + .box {
  margin-top: 1.2rem;
}

.card-header {
  padding: 1.2rem 1.25rem .6rem;
  border-bottom: 0;
}

.card-title,
#box-categories .card-title {
  margin: 0;
  color: var(--wafs-ink);
  font-size: clamp(1.25rem, 1.6vw, 1.8rem);
  letter-spacing: -.02em;
}

.card-body {
  padding: 1rem 1.25rem 1.25rem;
}

/* Category tiles */
.listing.categories {
  gap: 1rem;
}

.listing.categories .category {
  border-radius: 20px;
  background: #fff;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.listing.categories .category:hover {
  transform: translateY(-3px);
  box-shadow: var(--wafs-card-shadow);
}

/* Product cards */
.listing.products.columns {
  gap: 1rem;
}

.product.wafs-product-card,
.listing.products .product {
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.product.wafs-product-card:hover,
.listing.products .product:hover {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, .3);
  box-shadow: var(--wafs-card-shadow-hover);
}

.product .image-wrapper {
  padding: 1rem;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.product .image {
  object-fit: contain;
  transition: transform .22s ease;
}

.product:hover .image {
  transform: scale(1.035);
}

.product .info {
  padding: .9rem 1rem 1.05rem;
  text-align: left;
}

.product .name {
  min-height: 2.6em;
  margin: 0 0 .35rem;
  color: var(--wafs-ink);
  font-size: .98rem;
  line-height: 1.3;
}

.product .manufacturer-name {
  color: var(--wafs-muted);
  font-size: .82rem;
}

.product .description {
  display: none;
}

.product .price-wrapper {
  margin-top: .65rem;
}

.product .price,
.product .campaign-price {
  color: var(--wafs-danger);
  font-size: 1.12rem;
  font-weight: 800;
}

.product .regular-price {
  color: var(--wafs-muted);
  font-size: .88rem;
}

.sticker {
  border-radius: 0 0 12px 0;
  font-weight: 800;
  letter-spacing: .02em;
}

/* Product page */
#wafs-product-page,
.wafs-product-page .card,
#box-product .card {
  border-radius: 24px;
}

.wafs-product-page .title,
#box-product .title {
  margin-bottom: .8rem;
  color: var(--wafs-ink);
  font-size: clamp(1.55rem, 2vw, 2.25rem);
  line-height: 1.15;
  letter-spacing: -.025em;
}

#box-product .main-image.thumbnail {
  border-radius: 22px;
  background: #fff;
  box-shadow: none;
}

#box-product .codes,
.wafs-stock-status,
.wafs-buy-now {
  padding: .9rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #f8fafc;
}

.wafs-stock-status .value,
.stock-available .value {
  color: var(--wafs-success);
  font-weight: 800;
}

.stock-unavailable .value {
  color: var(--wafs-danger);
  font-weight: 800;
}

.stock-partly-available .value {
  color: var(--wafs-accent);
  font-weight: 800;
}

#box-product .price-wrapper {
  margin: 1rem 0;
  padding: .85rem 1rem;
  border-radius: 18px;
  background: #fff;
}

#box-product .price,
#box-product .campaign-price {
  color: var(--wafs-danger);
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 900;
}

#box-product .btn-success {
  min-height: 44px;
  padding-inline: 1.4rem;
  border-radius: 14px;
  background: var(--wafs-success);
  font-weight: 800;
}

.out-of-stock-notice {
  border-radius: 16px;
}

/* Breadcrumbs */
.breadcrumb {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
}

/* Newsletter */
#box-newsletter-subscribe {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, .12), transparent 25rem),
    #fff;
}

#box-newsletter-subscribe h2 {
  margin-top: 0;
}

/* Footer */
.wafs-footer {
  margin-top: 2rem;
  padding: 2.3rem 0 1.8rem;
  border-top: 1px solid #e5e7eb;
  background: #ffffff;
}

.wafs-footer .columns {
  gap: 1.2rem;
}

.wafs-footer .title {
  color: var(--wafs-ink);
  font-size: 1rem;
  font-weight: 900;
}

.wafs-footer a {
  color: var(--wafs-muted);
}

.wafs-footer a:hover {
  color: var(--wafs-primary);
}

.wafs-copyright {
  border-top: 1px solid #e5e7eb;
  background: #f8fafc;
  color: var(--wafs-muted);
}

/* Mobile */
@media (max-width: 991px) {
  #content-wrapper {
    margin-top: .75rem;
  }

  .navbar-header {
    border-radius: 18px;
  }

  .navbar-header .logotype {
    flex-grow: 0;
  }

  .navbar-header .logotype img {
    max-width: 170px;
  }

  .navbar-header .navbar-search {
    order: 10;
    width: 100%;
  }

  #site-menu .offcanvas {
    border-radius: 0 18px 18px 0;
  }

  #box-slides,
  #box-slides img {
    border-radius: 18px;
  }

  .card,
  .box {
    border-radius: 18px;
  }

  .card-body {
    padding: .85rem;
  }
}

@media (max-width: 575px) {
  #site-menu .fourteen-forty {
    padding: .5rem;
  }

  .navbar-header {
    padding: .75rem;
  }

  .navbar-header .quick-access small {
    display: none;
  }

  .navbar-header .quick-access > a,
  .navbar-header .quick-access #cart,
  .navbar-header .quick-access .navbar-toggler {
    min-width: 42px;
  }

  .product .info {
    text-align: center;
  }
}

/* ==========================================================
   WebARTing FAST STORE - Theme Base v0.2
   Header/layout correction package
   ========================================================== */

#site-menu {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(248, 250, 252, .96);
  border-bottom: 1px solid rgba(226, 232, 240, .9);
  backdrop-filter: blur(14px);
}

#site-menu .fourteen-forty {
  padding: .65rem var(--gutter-x) .75rem;
}

.wafs-header-shell {
  display: block;
  width: 100%;
}

.wafs-servicebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .55rem;
  padding: .45rem .85rem;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font-size: .84rem;
  line-height: 1.2;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .035);
}

.wafs-servicebar-left,
.wafs-servicebar-right {
  display: flex;
  align-items: center;
  gap: 1.05rem;
  min-width: 0;
}

.wafs-servicebar-left span,
.wafs-servicebar-right a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  white-space: nowrap;
}

.wafs-servicebar a {
  color: #475569;
  text-decoration: none;
}

.wafs-servicebar a:hover {
  color: var(--wafs-primary);
}

.wafs-servicebar .fa {
  color: var(--wafs-primary);
}

.wafs-mainbar {
  display: grid;
  grid-template-columns: minmax(190px, 260px) minmax(340px, 1fr) auto;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: .85rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

.wafs-logo,
.navbar-header .logotype {
  display: flex;
  align-items: center;
  min-width: 0;
  flex-grow: 0 !important;
}

.wafs-logo img,
.navbar-header .logotype img {
  max-width: 240px !important;
  max-height: 64px !important;
  object-fit: contain;
}

.wafs-search,
.navbar-header .navbar-search {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
}

.wafs-search .input-group,
.wafs-search input,
.navbar-header form[name="search_form"] .input-group,
.navbar-header form[name="search_form"] input {
  width: 100%;
  min-height: 50px;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  box-shadow: none !important;
}

.wafs-search input,
.navbar-header form[name="search_form"] input {
  padding-inline: 1.2rem;
  color: #0f172a;
  font-size: .98rem;
}

.wafs-actions,
.navbar-header .quick-access {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem !important;
  white-space: nowrap;
}

.wafs-actions > a,
.wafs-actions #cart,
.wafs-actions .navbar-toggler,
.navbar-header .quick-access > a,
.navbar-header .quick-access #cart,
.navbar-header .quick-access .navbar-toggler {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 54px;
  padding: .35rem .5rem;
  border: 1px solid transparent;
  border-radius: 16px;
  color: #0f172a;
  text-align: center;
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.wafs-actions > a:hover,
.wafs-actions #cart:hover,
.wafs-actions .navbar-toggler:hover,
.navbar-header .quick-access > a:hover,
.navbar-header .quick-access #cart:hover,
.navbar-header .quick-access .navbar-toggler:hover {
  background: #f8fafc;
  border-color: #e2e8f0;
  transform: translateY(-1px);
}

.wafs-actions .navbar-icon,
.navbar-header .navbar-icon {
  font-size: 1.25rem;
  line-height: 1;
}

.wafs-actions small,
.navbar-header .quick-access small {
  display: block;
  margin-top: .2rem;
  color: #334155;
  font-size: .76rem;
  line-height: 1.1;
}

#cart {
  position: relative;
}

#cart .badge {
  position: absolute;
  top: .25rem;
  right: .35rem;
  min-width: 18px;
  height: 18px;
  padding: 0 .25rem;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: .7rem;
  line-height: 18px;
  box-shadow: 0 6px 16px rgba(220, 38, 38, .24);
}

.wafs-navrow {
  display: block;
  width: 100%;
  margin-top: .65rem;
}

.wafs-offcanvas,
#site-menu .offcanvas {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}

#site-menu .offcanvas-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 .65rem;
}

#site-menu .navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .15rem;
}

#site-menu .nav-link {
  display: flex;
  align-items: center;
  gap: .4rem;
  min-height: 48px;
  padding: .75rem 1rem;
  border-radius: 14px;
  color: #0f172a;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none;
}

#site-menu .nav-link:hover,
#site-menu .dropdown.open > .nav-link {
  background: #f1f5f9;
  color: var(--wafs-primary);
}

#site-menu .dropdown-menu {
  min-width: 260px;
  margin-top: .45rem;
  padding: .55rem;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .16);
}

#site-menu .dropdown-menu .nav-link {
  min-height: auto;
  padding: .55rem .75rem;
  border-radius: 12px;
  font-weight: 700;
}

.wafs-account-dropdown {
  min-width: 300px !important;
}

.wafs-account-dropdown .navbar-form {
  padding: .4rem;
}

.wafs-account-dropdown .form-group {
  margin-bottom: .55rem;
}

/* Product page v0.2 */
#box-product.wafs-product-page .card {
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
}

#box-product.wafs-product-page .card-body {
  padding: 1.45rem;
}

#box-product .main-image.thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  background: #fff;
}

#box-product .extra-image.thumbnail {
  border-radius: 16px;
  background: #fff;
}

#box-product .manufacturer img {
  max-height: 72px;
  width: auto;
}

#box-product .codes,
#box-product .wafs-stock-status {
  margin: .85rem 0 !important;
  padding: .85rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #f8fafc;
}

#box-product .recommended-price {
  margin: .7rem 0 !important;
  color: #475569;
  font-weight: 700;
}

#box-product .wafs-buy-now {
  margin-top: 1rem;
  padding: 1.1rem;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  background: linear-gradient(180deg, #f8fafc, #ffffff);
}

#box-product .price-wrapper {
  display: flex;
  align-items: baseline;
  gap: .65rem;
  margin: 0 0 .8rem !important;
  padding: .75rem 1rem !important;
  border-radius: 18px;
  background: #fff;
}

#box-product .regular-price,
#box-product .recommended-price del,
#box-product del.recommended-price {
  color: #64748b;
  font-size: 1.05rem;
}

#box-product .price,
#box-product .campaign-price {
  color: #dc2626;
  font-size: clamp(2.1rem, 3.2vw, 3rem);
  font-weight: 950;
  letter-spacing: -.04em;
}

#box-product .tax,
#box-product .offer-expires {
  color: #64748b;
  font-weight: 700;
}

#box-product .btn-success {
  min-height: 48px;
  padding: .65rem 1.35rem;
  border-radius: 16px;
  background: #16a34a;
  font-weight: 900;
}

#box-product .out-of-stock-notice {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #f8fafc;
  color: #475569;
  font-weight: 700;
}

#sidebar .box,
#sidebar .card,
#sidebar #box-category-tree,
#sidebar #box-recently-viewed-products {
  border-radius: 22px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
}

/* Responsive header */
@media (max-width: 1199px) {
  .wafs-mainbar {
    grid-template-columns: minmax(160px, 220px) minmax(260px, 1fr) auto;
  }

  .wafs-actions > a,
  .wafs-actions #cart,
  .wafs-actions .navbar-toggler {
    min-width: 50px;
  }

  .wafs-actions small {
    font-size: .7rem;
  }

  #site-menu .nav-link {
    padding-inline: .7rem;
    font-size: .92rem;
  }
}

@media (max-width: 991px) {
  #site-menu .fourteen-forty {
    padding: .55rem;
  }

  .wafs-mainbar {
    grid-template-columns: 1fr auto;
    gap: .75rem;
    padding: .75rem;
    border-radius: 20px;
  }

  .wafs-logo img {
    max-width: 185px !important;
    max-height: 52px !important;
  }

  .wafs-search {
    grid-column: 1 / -1;
    order: 3;
  }

  .wafs-actions small {
    display: none;
  }

  .wafs-actions > a,
  .wafs-actions #cart,
  .wafs-actions .navbar-toggler {
    min-width: 42px;
    min-height: 42px;
    padding: .25rem;
  }

  .wafs-navrow {
    margin-top: .5rem;
  }

  #site-menu .offcanvas {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(86vw, 360px);
    border-radius: 0 22px 22px 0;
    transform: translateX(-105%);
    transition: transform .22s ease;
  }

  body.has-offcanvas #site-menu .offcanvas,
  #site-menu .offcanvas.open {
    transform: translateX(0);
  }

  #site-menu .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .9rem 1rem;
    border-bottom: 1px solid #e5e7eb;
  }

  #site-menu .offcanvas-body {
    display: block;
    max-height: calc(100vh - 64px);
    overflow: auto;
    padding: .75rem;
  }

  #site-menu .navbar-nav {
    display: block;
  }

  #site-menu .nav-link {
    justify-content: flex-start;
    min-height: 44px;
  }

  #site-menu .dropdown-menu {
    position: static;
    margin: .2rem 0 .5rem 1rem;
    box-shadow: none;
  }

  #box-product .main-image.thumbnail {
    min-height: 280px;
  }
}

@media (max-width: 575px) {
  .wafs-mainbar {
    border-radius: 18px;
  }

  .wafs-logo img {
    max-width: 160px !important;
  }

  #box-product.wafs-product-page .card-body {
    padding: .9rem;
  }

  #box-product .price-wrapper {
    justify-content: center;
  }
}

/* ==========================================================
   WebARTing FAST STORE - Theme Base v0.6
   Clean header without framed/floating boxes
   Change header colors ONLY from the variables below.
   For colored header example:
   --wafs-header-bg: #0b74d1;
   --wafs-header-text: #ffffff;
   --wafs-header-muted: rgba(255,255,255,.84);
   --wafs-header-border: rgba(255,255,255,.22);
   --wafs-header-hover-bg: rgba(255,255,255,.14);
   ========================================================== */

:root {
  --wafs-header-bg: #ffffff;
  --wafs-header-text: #0f172a;
  --wafs-header-muted: #475569;
  --wafs-header-border: #e5e7eb;
  --wafs-header-hover-bg: #f1f5f9;
  --wafs-header-search-bg: #f1f5f9;
  --wafs-header-search-text: #0f172a;
}

#site-menu {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--wafs-header-bg) !important;
  border-bottom: 1px solid var(--wafs-header-border) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .055) !important;
  backdrop-filter: none !important;
}

#site-menu .fourteen-forty {
  padding: 0 var(--gutter-x) .75rem !important;
}

.wafs-header-shell {
  display: block;
  width: 100%;
  color: var(--wafs-header-text);
}

/* Top service line: no pill frame */
.wafs-servicebar {
  margin: 0 !important;
  padding: .45rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--wafs-header-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--wafs-header-muted) !important;
}

.wafs-servicebar a,
.wafs-servicebar-left span,
.wafs-servicebar-right a {
  color: var(--wafs-header-muted) !important;
}

.wafs-servicebar .fa,
.wafs-servicebar a:hover {
  color: var(--wafs-primary) !important;
}

/* Main header: unified row, no surrounding card */
.wafs-mainbar {
  display: grid;
  grid-template-columns: minmax(180px, 255px) minmax(340px, 1fr) auto;
  align-items: center;
  gap: 1.15rem;
  width: 100%;
  margin: 0 !important;
  padding: .85rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.wafs-logo img,
.navbar-header .logotype img {
  max-width: 230px !important;
  max-height: 66px !important;
  object-fit: contain;
}

.wafs-search .input-group,
.wafs-search input,
.navbar-header form[name="search_form"] .input-group,
.navbar-header form[name="search_form"] input {
  min-height: 52px;
  border: 1px solid var(--wafs-header-border) !important;
  border-radius: 999px !important;
  background: var(--wafs-header-search-bg) !important;
  color: var(--wafs-header-search-text) !important;
  box-shadow: none !important;
}

.wafs-search input,
.navbar-header form[name="search_form"] input {
  color: var(--wafs-header-search-text) !important;
}

.wafs-actions > a,
.wafs-actions #cart,
.wafs-actions .navbar-toggler,
.navbar-header .quick-access > a,
.navbar-header .quick-access #cart,
.navbar-header .quick-access .navbar-toggler {
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--wafs-header-text) !important;
  box-shadow: none !important;
}

.wafs-actions > a:hover,
.wafs-actions #cart:hover,
.wafs-actions .navbar-toggler:hover,
.navbar-header .quick-access > a:hover,
.navbar-header .quick-access #cart:hover,
.navbar-header .quick-access .navbar-toggler:hover {
  background: var(--wafs-header-hover-bg) !important;
  border-color: transparent !important;
  transform: none !important;
}

.wafs-actions small,
.navbar-header .quick-access small,
.wafs-actions .navbar-icon,
.navbar-header .navbar-icon {
  color: var(--wafs-header-text) !important;
}

/* Navigation: no floating rounded frame */
.wafs-navrow {
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid var(--wafs-header-border) !important;
}

.wafs-offcanvas,
#site-menu .offcanvas {
  width: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#site-menu .offcanvas-body {
  min-height: 54px;
  padding: 0 !important;
}

#site-menu .nav-link {
  min-height: 54px;
  border-radius: 12px !important;
  color: var(--wafs-header-text) !important;
  font-weight: 850;
}

#site-menu .nav-link:hover,
#site-menu .dropdown.open > .nav-link {
  background: var(--wafs-header-hover-bg) !important;
  color: var(--wafs-primary) !important;
}

#site-menu .dropdown-menu {
  border: 1px solid var(--wafs-header-border) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .16) !important;
}

#site-menu .dropdown-menu .nav-link {
  color: #0f172a !important;
}

#site-menu .dropdown-menu .nav-link:hover {
  background: #f1f5f9 !important;
  color: var(--wafs-primary) !important;
}

/* Keep hero close to header but not glued */
#site-menu + * {
  margin-top: 1rem;
}

@media (max-width: 991px) {
  #site-menu .fourteen-forty {
    padding: 0 .75rem .65rem !important;
  }

  .wafs-mainbar {
    grid-template-columns: 1fr auto;
    gap: .65rem;
    padding: .75rem 0 !important;
  }

  .wafs-search {
    grid-column: 1 / -1;
    order: 3;
  }

  #site-menu .offcanvas {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(86vw, 360px);
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .18) !important;
    transform: translateX(-105%);
    transition: transform .22s ease;
  }

  #site-menu .offcanvas-header {
    border-bottom: 1px solid #e5e7eb !important;
  }

  #site-menu .offcanvas-body {
    min-height: auto;
    padding: .75rem !important;
  }

  #site-menu .nav-link {
    min-height: 44px;
    color: #0f172a !important;
  }
}

/* ==========================================================
   WebARTing FAST STORE - Dark Footer v0.6
   ========================================================== */
#wafs-footer-anchor { display: none; }

.wafs-footer-dark,
#footer.wafs-footer-dark {
  margin-top: 2.75rem;
  padding: 3rem 0 2.25rem;
  border-top: 0;
  background:
    radial-gradient(circle at 8% 0%, rgba(37, 99, 235, .26), transparent 27rem),
    radial-gradient(circle at 100% 15%, rgba(34, 197, 94, .14), transparent 24rem),
    linear-gradient(180deg, #101827 0%, #0b1220 100%);
  color: #dbe7f6;
}

.wafs-footer-dark .fourteen-forty {
  max-width: 1440px;
}

.wafs-footer-top {
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(320px, 1.15fr);
  gap: 1.25rem;
  align-items: stretch;
  margin-bottom: 1.5rem;
}

.wafs-footer-brand {
  padding: 1.25rem;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  background: rgba(255,255,255,.045);
  box-shadow: 0 18px 48px rgba(0,0,0,.18);
}

.wafs-footer-logo {
  display: flex;
  align-items: center;
  margin-bottom: .9rem;
}

.wafs-footer-logo img {
  max-width: 230px;
  max-height: 70px;
  object-fit: contain;
  filter: none;
}

.wafs-footer-brand p {
  max-width: 46rem;
  margin: 0;
  color: #a9b8cc;
  line-height: 1.65;
}

.wafs-footer-contact-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.wafs-footer-contact-card {
  display: flex;
  align-items: center;
  gap: .9rem;
  min-height: 112px;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  background: rgba(255,255,255,.07);
  color: #eef6ff !important;
  text-decoration: none !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.14);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.wafs-footer-contact-card:hover {
  transform: translateY(-2px);
  border-color: rgba(96, 165, 250, .42);
  background: rgba(255,255,255,.105);
}

.wafs-footer-contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(37, 99, 235, .16);
  color: #73a9ff;
  font-size: 1.35rem;
}

.wafs-footer-contact-card strong {
  display: block;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1.22;
}

.wafs-footer-contact-card small {
  display: block;
  margin-top: .25rem;
  color: #9fb0c7;
  line-height: 1.35;
}

.wafs-footer-payments {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1.5rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  background: rgba(255,255,255,.045);
}

.wafs-footer-payments h3 {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
  white-space: nowrap;
}

.wafs-payment-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .55rem;
}

.wafs-payment-badges span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .75rem;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.075);
  color: #e8f1ff;
  font-weight: 800;
  line-height: 1;
}

.wafs-payment-badges .fa {
  color: #73a9ff;
}

.wafs-footer-dark .columns,
.wafs-footer-columns {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.25rem;
  padding-top: 1.35rem;
  border-top: 1px solid rgba(255,255,255,.10);
}

.wafs-footer-dark .title,
#footer.wafs-footer-dark .title {
  margin: 0 0 .85rem;
  color: #ffffff;
  font-size: 1.02rem;
  font-weight: 950;
}

.wafs-footer-dark ul,
.wafs-footer-dark li {
  margin-top: 0;
}

.wafs-footer-dark li + li {
  margin-top: .45rem;
}

.wafs-footer-dark a,
#footer.wafs-footer-dark a {
  color: #a9b8cc;
  text-decoration: none;
}

.wafs-footer-dark a:hover,
#footer.wafs-footer-dark a:hover {
  color: #ffffff;
}

.wafs-footer-address .fa {
  width: 18px;
  color: #73a9ff;
}

.wafs-copyright-dark,
#wafs-copyright-dark,
#copyright.wafs-copyright-dark {
  border-top: 1px solid rgba(255,255,255,.08);
  background: #07101d;
  color: #8795aa;
}

#copyright.wafs-copyright-dark .container,
.wafs-copyright-dark .container {
  padding: .9rem var(--gutter-x);
}

#copyright.wafs-copyright-dark a,
.wafs-copyright-dark a {
  color: #c8d7ec;
}

@media (max-width: 1199px) {
  .wafs-footer-top {
    grid-template-columns: 1fr;
  }

  .wafs-footer-contact-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wafs-footer-dark .columns,
  .wafs-footer-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .wafs-footer-dark,
  #footer.wafs-footer-dark {
    padding: 2rem 0 1.5rem;
  }

  .wafs-footer-contact-cards {
    grid-template-columns: 1fr;
  }

  .wafs-footer-contact-card {
    min-height: 88px;
  }

  .wafs-footer-payments {
    display: block;
  }

  .wafs-footer-payments h3 {
    margin-bottom: .75rem;
  }

  .wafs-payment-badges {
    justify-content: flex-start;
  }

  .wafs-footer-dark .columns,
  .wafs-footer-columns {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .wafs-footer-dark .columns,
  .wafs-footer-columns {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   WebARTing FAST STORE - v0.5 Home Carousel + Slider polish
   ========================================================== */
#box-slides {
  position: relative;
}

#box-slides .item {
  overflow: hidden;
  border-radius: 24px;
}

#box-slides img {
  width: 100%;
  min-height: 220px;
  object-fit: cover;
}

#box-slides .carousel-indicators {
  bottom: 14px;
  margin-bottom: 0;
}

#box-slides .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.45);
}

#box-slides .carousel-indicators .active {
  background: #ffffff;
}

#box-slides .carousel-control {
  top: 50%;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .42);
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
}

#box-slides .carousel-control.left {
  left: 16px;
  background-image: none;
}

#box-slides .carousel-control.right {
  right: 16px;
  background-image: none;
}

#box-slides .carousel-control:hover {
  background: rgba(15, 23, 42, .62);
}

#box-slides .icon-prev,
#box-slides .icon-next {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  width: auto;
  height: auto;
  margin: 0;
}

.wafs-category-box .card-body {
  padding-top: .25rem;
}

.wafs-category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.wafs-carousel-controls {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  flex-shrink: 0;
}

.wafs-carousel-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid #d7e0ee;
  border-radius: 999px;
  background: #f8fafc;
  color: var(--wafs-ink);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.wafs-carousel-arrow:hover:not([disabled]) {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, .28);
  background: #ffffff;
  color: var(--wafs-primary);
  box-shadow: var(--wafs-card-shadow);
}

.wafs-carousel-arrow[disabled] {
  opacity: .45;
  cursor: not-allowed;
  box-shadow: none;
}

.wafs-category-carousel {
  position: relative;
}

#box-categories .listing.categories.wafs-category-track {
  display: flex;
  flex-wrap: nowrap;
  gap: .9rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: .15rem .1rem .5rem;
  margin: 0;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#box-categories .listing.categories.wafs-category-track::-webkit-scrollbar {
  display: none;
}

#box-categories .listing.categories .category {
  flex: 0 0 170px;
  min-width: 170px;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
}

#box-categories .listing.categories .category .link {
  display: block;
  height: 100%;
}

.wafs-category-media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 108px;
  padding: 1rem 1rem .25rem;
}

.wafs-category-image {
  width: auto;
  max-width: 72px;
  max-height: 72px;
  object-fit: contain;
}

#box-categories .listing.categories .category .caption {
  padding: .65rem .8rem .85rem;
}

#box-categories .listing.categories .category .caption .name {
  font-size: .96rem;
  font-weight: 800;
  line-height: 1.28;
}

#box-categories .listing.categories .category .caption .short-description {
  display: none;
}


@media (max-width: 767px) {
  .wafs-category-header {
    align-items: flex-start;
  }

  #box-categories .listing.categories .category {
    flex-basis: 138px;
    min-width: 138px;
  }

  .wafs-category-media {
    min-height: 90px;
  }

  .wafs-category-image {
    max-width: 58px;
    max-height: 58px;
  }

  #box-slides img {
    min-height: 170px;
  }
}


/* ==========================================================
   WebARTing FAST STORE - Mega Menu v0.6
   ========================================================== */
.wafs-products-trigger-item {
  margin-right: .6rem;
}

#site-menu .wafs-products-trigger {
  appearance: none;
  border: 0;
  min-height: 48px;
  padding: .75rem 1.35rem !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffc94a, #ffb321);
  color: #111827 !important;
  box-shadow: 0 8px 18px rgba(245, 158, 11, .18);
  font-weight: 950;
  text-transform: uppercase;
  cursor: pointer;
}

#site-menu .wafs-products-trigger:hover,
#site-menu .wafs-products-trigger.is-open {
  background: linear-gradient(180deg, #ffd46b, #ffbd2e) !important;
  color: #111827 !important;
}

.wafs-products-trigger-icon {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  width: 24px;
}

.wafs-products-trigger-icon span {
  display: block;
  height: 2px;
  border-radius: 999px;
  background: #111827;
}

.wafs-desktop-mega {
  position: absolute;
  left: 50%;
  right: auto;
  z-index: 1040;
  display: none;
  width: min(calc(100vw - 2rem), 1440px);
  max-width: 1440px;
  margin-top: .25rem;
  transform: translateX(-50%);
}

.wafs-desktop-mega.is-open {
  display: block;
}

.wafs-mega-panel {
  position: relative;
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  min-height: 520px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 0 0 22px 22px;
  background: #ffffff;
  box-shadow: 0 28px 70px rgba(15, 23, 42, .16);
}

.wafs-mega-close {
  position: absolute;
  top: 14px;
  right: 16px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #ffffff;
  color: #111827;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
  cursor: pointer;
}

.wafs-mega-close:hover {
  color: var(--wafs-primary);
  border-color: rgba(37, 99, 235, .22);
}

.wafs-mega-sidebar {
  padding: 1.15rem 1rem;
  border-right: 1px solid #e5e7eb;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.wafs-mega-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
  margin-bottom: .85rem;
}

.wafs-mega-shortcut {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .32rem;
  min-height: 70px;
  padding: .55rem .35rem;
  border-radius: 8px;
  background: #eef2ff;
  color: #1e293b;
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
}

.wafs-mega-shortcut:hover {
  background: #e0e7ff;
  color: var(--wafs-primary);
}

.wafs-mega-shortcut .fa {
  font-size: 1.2rem;
}

.wafs-mega-promo {
  display: block;
  margin-bottom: .75rem;
  padding: .75rem .85rem;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  color: #334155;
}

.wafs-mega-promo strong {
  display: block;
  color: var(--wafs-primary);
  font-size: .95rem;
}

.wafs-mega-promo span {
  display: block;
  margin-top: .2rem;
  font-size: .84rem;
  line-height: 1.35;
}

.wafs-mega-primary-list {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  max-height: 365px;
  overflow: auto;
  padding-right: .15rem;
}

.wafs-mega-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  min-height: 38px;
  padding: .52rem .75rem;
  border-radius: 8px;
  color: #111827;
  font-weight: 850;
  text-decoration: none;
}

.wafs-mega-primary:hover,
.wafs-mega-primary.active {
  background: #ffc400;
  color: #111827;
}

.wafs-mega-content {
  padding: 1.65rem 1.75rem 1.55rem;
  background: #ffffff;
}

.wafs-mega-content-panel {
  display: none;
}

.wafs-mega-content-panel.active {
  display: block;
}

.wafs-mega-content-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding-right: 3.2rem;
}

.wafs-mega-content-head h3 {
  margin: 0 0 .25rem;
  color: #0f172a;
  font-size: 1.45rem;
  font-weight: 950;
}

.wafs-mega-content-head p {
  margin: 0;
  color: #64748b;
  font-weight: 650;
}

.wafs-mega-view-all {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  flex-shrink: 0;
  padding: .55rem .85rem;
  border-radius: 999px;
  background: #eef6ff;
  color: var(--wafs-primary);
  font-weight: 850;
  text-decoration: none;
}

.wafs-mega-view-all:hover {
  background: var(--wafs-primary);
  color: #ffffff;
}

.wafs-mega-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.35rem;
}

.wafs-mega-group {
  min-width: 0;
}

.wafs-mega-group-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
  margin-bottom: .72rem;
  border-radius: 6px;
  background: #f3f4f6;
  color: #64748b;
  font-size: 1.9rem;
  text-decoration: none;
}

.wafs-mega-group strong {
  display: block;
  margin-bottom: .55rem;
  color: #0f172a;
  font-size: .98rem;
  font-weight: 950;
}

.wafs-mega-group a:not(.wafs-mega-group-image) {
  display: block;
  margin: .34rem 0;
  color: #334155;
  font-size: .91rem;
  font-weight: 650;
  line-height: 1.25;
  text-decoration: none;
}

.wafs-mega-group a:not(.wafs-mega-group-image):hover {
  color: var(--wafs-primary);
}

body.wafs-mega-open:after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 1030;
  background: rgba(15, 23, 42, .12);
}

body.wafs-mega-open #site-menu {
  position: relative;
  z-index: 1041;
}

@media (max-width: 991px) {
  body.wafs-mega-open:after {
    display: none;
  }

  #site-menu .offcanvas {
    width: min(88vw, 370px) !important;
    border-radius: 0 24px 24px 0 !important;
  }

  #site-menu .offcanvas-header {
    min-height: 58px;
    padding: .85rem 1rem !important;
    background: #ffffff;
  }

  #site-menu .offcanvas-title {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 850;
    letter-spacing: -.02em;
  }

  #site-menu .wafs-mobile-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 999px;
    border-color: #e5e7eb;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .10);
  }

  #site-menu .offcanvas-body {
    padding: .8rem .75rem !important;
  }

  #site-menu .offcanvas-body .navbar-nav + .navbar-nav {
    margin-top: .25rem;
  }

  #site-menu .offcanvas-body .nav-link {
    min-height: 42px;
    padding: .68rem .75rem;
    border-radius: 12px !important;
    font-weight: 850;
  }

  #site-menu .wafs-mobile-categories > .nav-link {
    background: #f1f5f9 !important;
    color: var(--wafs-primary) !important;
  }

  #site-menu .wafs-mobile-categories .dropdown-menu {
    margin: .35rem 0 .75rem .25rem !important;
    padding: .55rem !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important;
  }

  #site-menu .wafs-mobile-categories .dropdown-menu .nav-link {
    padding: .58rem .65rem;
    min-height: 36px;
  }
}

@media (min-width: 992px) {
  #site-menu .wafs-mobile-categories {
    display: none !important;
  }
}


/* ==========================================================
   WebARTing FAST STORE - Mega Menu v0.6.1 container correction
   Keeps desktop mega menu inside the theme/page width.
   ========================================================== */
@media (min-width: 992px) {
  .wafs-desktop-mega {
    left: 50% !important;
    right: auto !important;
    width: min(calc(100vw - 2rem), 1440px) !important;
    max-width: 1440px !important;
    transform: translateX(-50%) !important;
  }
}

/* ==========================================================
   WebARTing FAST STORE - Mega Menu v0.6.2
   Correct category-specific submenu rendering polish
   ========================================================== */
.wafs-mega-group strong a {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.wafs-mega-group strong a:hover {
  color: var(--wafs-primary);
}

.wafs-mega-empty-group {
  max-width: 280px;
}


/* ==========================================================
   WebARTing FAST STORE - Mega Menu v0.6.4
   Category images + stronger subgroup headings
   ========================================================== */
.wafs-mega-group-image.has-image {
  padding: .45rem;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

.wafs-mega-group-image img {
  display: block;
  max-width: 100%;
  max-height: 64px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.wafs-mega-group-image.has-icon {
  background: #f3f4f6;
}

.wafs-mega-group-title {
  display: block;
  margin-bottom: .62rem;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: -.01em;
}

.wafs-mega-group-title a {
  display: inline-block !important;
  margin: 0 !important;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(37, 99, 235, .22);
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.2;
}

.wafs-mega-group-title a:hover {
  border-bottom-color: var(--wafs-primary);
}


/* ==========================================================
   WebARTing FAST STORE - Mega Menu v0.6.5
   Safer category image handling
   ========================================================== */
.wafs-mega-group-image.has-image.image-failed::before {
  content: "\f07c";
  font-family: FontAwesome;
  font-size: 2rem;
  color: #14213d;
  line-height: 1;
}

.wafs-mega-group-image.has-image.image-failed {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ==========================================================
   WebARTing FAST STORE - Sticky Header + Mega Menu v0.6.6
   ========================================================== */

/* Desktop sticky navigation must stay readable when scrolling both ways. */
@media (min-width: 992px) {
  #site-menu {
    position: sticky;
    top: 0;
    z-index: 1045;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: saturate(180%) blur(12px);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
  }

  #site-menu .navbar {
    margin-top: 0 !important;
  }

  #site-menu.wafs-sticky-active {
    border-bottom: 1px solid rgba(226, 232, 240, .92);
  }

  .wafs-desktop-mega {
    position: fixed;
    top: var(--wafs-mega-top, 0px);
    left: 50%;
    right: auto;
    z-index: 1044;
    margin-top: 0;
    transform: translateX(-50%);
  }

  body.wafs-mega-open:after {
    z-index: 1040;
  }

  body.wafs-mega-open #site-menu {
    position: sticky;
    z-index: 1046;
  }

  .wafs-mega-panel {
    max-height: calc(100vh - var(--wafs-mega-top, 0px) - 16px);
    overflow: hidden;
  }

  .wafs-mega-sidebar,
  .wafs-mega-content {
    max-height: calc(100vh - var(--wafs-mega-top, 0px) - 16px);
    overflow-y: auto;
  }
}

/* Keep the old mobile offcanvas behavior untouched. */
@media (max-width: 991px) {
  .wafs-desktop-mega {
    position: absolute;
  }
}


/* ==========================================================
   WebARTing FAST STORE - Sticky Header correction v0.6.7
   ========================================================== */
@media (min-width: 992px) {
  /*
    LiteCart's desktop header places .navbar-header above the nav row and
    uses .navbar margin-top to reserve that space. v0.6.6 removed it, causing
    the upper header to look half-cut while scrolling down.
  */
  #site-menu .navbar {
    margin-top: 6.5em !important;
  }

  /*
    Default LiteCart hides the sticky menu while scrolling down with top:-6em.
    For this theme we keep the full header visible and stable.
  */
  body.scrolling-down #site-menu,
  body.scrolling-up #site-menu,
  body.wafs-mega-open #site-menu {
    top: 0 !important;
  }

  #site-menu {
    overflow: visible;
  }

  #site-menu .navbar-header {
    z-index: 2;
  }
}


/* ==========================================================
   WebARTing FAST STORE - Product Card Add to Cart v0.6.8
   ========================================================== */
.product.wafs-product-card {
  position: relative;
  padding-bottom: .85rem;
}

.product.wafs-product-card .link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.product.wafs-product-card .info {
  padding-bottom: .45rem;
}

.wafs-card-cart-form {
  display: flex;
  justify-content: center;
  padding: 0 .9rem .15rem;
}

.wafs-card-cart-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-width: 44px;
  min-height: 38px;
  padding: .55rem .8rem;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffc94a, #ffb321);
  color: #111827;
  box-shadow: 0 8px 18px rgba(245, 158, 11, .18);
  font-size: .88rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.wafs-card-cart-button:hover,
.wafs-card-cart-button:focus {
  color: #111827;
  filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(245, 158, 11, .24);
}

.wafs-card-cart-button:active {
  transform: translateY(0);
}

.wafs-card-cart-button .fa {
  font-size: 1rem;
}

@media (min-width: 992px) {
  .listing.products.columns .product.wafs-product-card .wafs-card-cart-form {
    justify-content: flex-end;
    padding-right: 1rem;
  }

  .listing.products.columns .product.wafs-product-card .wafs-card-cart-button span {
    display: none;
  }
}

@media (max-width: 767px) {
  .wafs-card-cart-button {
    width: 100%;
  }
}


/* ==========================================================
   WebARTing FAST STORE - Cart Buttons v0.6.9
   ========================================================== */
.wafs-card-cart-button {
  position: relative;
  min-width: 54px;
  min-height: 44px;
  padding: .68rem .95rem;
  border-radius: 8px;
  font-size: .92rem;
  font-weight: 750;
}

.wafs-card-cart-button .fa {
  font-size: 1.08rem;
}

.wafs-card-cart-badge {
  display: none;
  position: absolute;
  right: -9px;
  bottom: -9px;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: #ef3b20;
  color: #ffffff;
  box-shadow: 0 6px 12px rgba(239, 59, 32, .30);
  font-size: .78rem;
  font-style: normal;
  font-weight: 900;
  line-height: 18px;
  text-align: center;
}

.wafs-card-cart-badge.is-visible {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wafs-buy-now .btn-success,
.wafs-buy-now .wafs-single-cart-button {
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffc94a, #ffb321) !important;
  color: #111827 !important;
  box-shadow: 0 8px 18px rgba(245, 158, 11, .18) !important;
  font-weight: 650 !important;
}

.wafs-buy-now .btn-success:hover,
.wafs-buy-now .wafs-single-cart-button:hover,
.wafs-buy-now .btn-success:focus,
.wafs-buy-now .wafs-single-cart-button:focus {
  background: linear-gradient(180deg, #ffd46b, #ffbd2e) !important;
  color: #111827 !important;
  box-shadow: 0 12px 24px rgba(245, 158, 11, .24) !important;
}

@media (min-width: 992px) {
  .listing.products.columns .product.wafs-product-card .wafs-card-cart-button {
    min-width: 54px;
    width: 54px;
    padding-left: .7rem;
    padding-right: .7rem;
  }
}

@media (max-width: 767px) {
  .wafs-card-cart-button {
    min-height: 46px;
  }
}


/* ==========================================================
   WebARTing FAST STORE - Single Product Cart Badge v0.6.10
   ========================================================== */
.wafs-buy-now .wafs-single-cart-button {
  position: relative;
  overflow: visible;
}

.wafs-buy-now .wafs-single-cart-badge {
  right: -10px;
  bottom: -10px;
}


/* ==========================================================
   WebARTing Favorites v0.1
   ========================================================== */
.wafs-header-favorites {
  position: relative;
}

.wafs-header-favorites .navbar-icon {
  position: relative;
}

.wafs-favorites-counter {
  display: none;
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: #ef3b20;
  color: #ffffff;
  font-size: .72rem;
  font-weight: 900;
  line-height: 15px;
  text-align: center;
}

.wafs-favorites-counter.is-visible {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wafs-favorite-button {
  position: absolute;
  right: .85rem;
  bottom: .85rem;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, color .16s ease, background .16s ease;
}

.wafs-favorite-button:hover,
.wafs-favorite-button:focus {
  transform: translateY(-1px);
  color: #ef3b20;
  box-shadow: 0 12px 24px rgba(15, 23, 42, .14);
}

.wafs-favorite-button.is-active {
  border-color: rgba(239, 59, 32, .22);
  background: #fff5f3;
  color: #ef3b20;
}

.wafs-favorite-button.is-loading,
.wafs-single-favorite-button.is-loading,
.wafs-favorite-remove.is-loading {
  opacity: .65;
  pointer-events: none;
}

.wafs-card-cart-form {
  padding-right: 3.2rem;
}

.wafs-single-favorite-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 38px;
  margin: .35rem 0 1rem;
  padding: .55rem .85rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
  font-weight: 650;
  cursor: pointer;
}

.wafs-single-favorite-button:hover,
.wafs-single-favorite-button:focus,
.wafs-single-favorite-button.is-active {
  border-color: rgba(239, 59, 32, .22);
  background: #fff5f3;
  color: #ef3b20;
}

.wafs-favorites-page .card-body {
  padding-top: .5rem;
}

.wafs-favorites-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 1rem;
}

.wafs-favorite-item {
  position: relative;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 1rem;
  min-height: 130px;
  padding: 1rem 3.2rem 1rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.wafs-favorite-image {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #f8fafc;
  color: #a8b3c2;
  text-decoration: none;
}

.wafs-favorite-image img {
  max-width: 86px;
  max-height: 86px;
  object-fit: contain;
}

.wafs-favorite-info h3 {
  margin: .2rem 0 .45rem;
  font-size: 1rem;
  line-height: 1.25;
}

.wafs-favorite-info h3 a {
  color: #0f172a;
  text-decoration: none;
}

.wafs-favorite-info p {
  margin: 0 0 .5rem;
  color: #64748b;
  font-size: .88rem;
}

.wafs-favorite-price {
  color: #ef3b20;
}

.wafs-favorite-remove {
  position: absolute;
  top: .75rem;
  right: .75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: #fff5f3;
  color: #ef3b20;
  cursor: pointer;
}

.wafs-favorites-empty {
  padding: 3rem 1rem;
  text-align: center;
  color: #64748b;
}

.wafs-favorites-empty .fa {
  margin-bottom: 1rem;
  color: #ef3b20;
  font-size: 3rem;
}

@media (max-width: 767px) {
  .wafs-favorite-button {
    right: .75rem;
    bottom: .75rem;
  }

  .wafs-card-cart-form {
    padding-right: .9rem;
  }

  .wafs-favorites-grid {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   WebARTing FAST STORE v0.7.1
   Favorites UI correction
   ========================================================== */

/* Product cards: keep favorite heart away from Add to Cart button */
.product.wafs-product-card .wafs-favorite-button {
  top: .85rem;
  right: .85rem;
  bottom: auto;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #ffffff;
  color: #0f172a;
}

/* Active favorite = filled yellow heart */
.product.wafs-product-card .wafs-favorite-button.is-active,
.wafs-single-favorite-button.is-active,
.wafs-header-favorites.is-active {
  border-color: rgba(245, 181, 27, .40);
  background: #fff8e1;
  color: #f5b51b;
}

/* Stronger icon visual when active */
.product.wafs-product-card .wafs-favorite-button.is-active .fa,
.wafs-single-favorite-button.is-active .fa {
  color: #f5b51b;
}

/* Make sure the cart quantity badge and favorite button do not fight */
.product.wafs-product-card .wafs-card-cart-button {
  z-index: 2;
}

.product.wafs-product-card .wafs-favorite-button {
  z-index: 4;
}

/* Grid view: cart button stays bottom-right, heart stays top-right */
.listing.products.columns .product.wafs-product-card .wafs-card-cart-form {
  justify-content: flex-end;
  padding-right: 1rem;
}

/* List/row view: keep heart on the far right, vertically clean */
.listing.products.rows .product.wafs-product-card .wafs-favorite-button,
.listing.products.list .product.wafs-product-card .wafs-favorite-button {
  top: 50%;
  right: 1rem;
  bottom: auto;
  transform: translateY(-50%);
}

.listing.products.rows .product.wafs-product-card .wafs-favorite-button:hover,
.listing.products.list .product.wafs-product-card .wafs-favorite-button:hover {
  transform: translateY(calc(-50% - 1px));
}

/* Single product: active state reads as yellow favorite, not red/pink */
.wafs-single-favorite-button.is-active,
.wafs-single-favorite-button.is-active:hover,
.wafs-single-favorite-button.is-active:focus {
  border-color: rgba(245, 181, 27, .40);
  background: #fff8e1;
  color: #f5b51b;
}

/* Header favorite counter remains red; favorite icon itself can become yellow only if active class is used later */
.wafs-favorites-counter {
  background: #ef3b20;
  color: #ffffff;
}


/* ==========================================================
   WebARTing FAST STORE v0.7.2
   Favorites module status + UI correction
   ========================================================== */

/* Favorite button must not overlap Add to Cart in product cards */
.product.wafs-product-card .wafs-favorite-button {
  top: .85rem !important;
  right: .85rem !important;
  bottom: auto !important;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #ffffff;
  color: #0f172a;
  z-index: 5;
}

/* Active favorite = filled yellow heart */
.product.wafs-product-card .wafs-favorite-button.is-active,
.wafs-single-favorite-button.is-active,
.wafs-single-favorite-button.is-active:hover,
.wafs-single-favorite-button.is-active:focus {
  border-color: rgba(245, 181, 27, .45) !important;
  background: #fff8e1 !important;
  color: #f5b51b !important;
}

.product.wafs-product-card .wafs-favorite-button.is-active .fa,
.wafs-single-favorite-button.is-active .fa {
  color: #f5b51b !important;
}

/* Keep cart button independent */
.product.wafs-product-card .wafs-card-cart-button {
  z-index: 2;
}

/* Grid: cart bottom-right, favorite top-right */
.listing.products.columns .product.wafs-product-card .wafs-card-cart-form {
  justify-content: flex-end;
  padding-right: 1rem;
}

/* Row/list mode: favorite can stay on the far right, away from the cart button */
.listing.products.rows .product.wafs-product-card .wafs-favorite-button,
.listing.products.list .product.wafs-product-card .wafs-favorite-button {
  top: 50% !important;
  right: 1rem !important;
  bottom: auto !important;
  transform: translateY(-50%);
}

.listing.products.rows .product.wafs-product-card .wafs-favorite-button:hover,
.listing.products.list .product.wafs-product-card .wafs-favorite-button:hover {
  transform: translateY(calc(-50% - 1px));
}

/* Disabled module means no hidden favorite remnants should affect spacing */
.product.wafs-product-card:not(:has(.wafs-favorite-button)) .wafs-card-cart-form {
  padding-right: 1rem;
}


/* ==========================================================
   WebARTing FAST STORE v0.7.3
   Favorites availability fix
   ========================================================== */

/* Keep favorite visible when module is enabled and away from cart button */
.product.wafs-product-card .wafs-favorite-button {
  top: .85rem !important;
  right: .85rem !important;
  bottom: auto !important;
  display: inline-flex !important;
}

/* Filled yellow state */
.product.wafs-product-card .wafs-favorite-button.is-active,
.wafs-single-favorite-button.is-active,
.wafs-single-favorite-button.is-active:hover,
.wafs-single-favorite-button.is-active:focus {
  border-color: rgba(245, 181, 27, .45) !important;
  background: #fff8e1 !important;
  color: #f5b51b !important;
}

.product.wafs-product-card .wafs-favorite-button.is-active .fa,
.wafs-single-favorite-button.is-active .fa {
  color: #f5b51b !important;
}


/* ==========================================================
   WebARTing FAST STORE v0.7.4
   Favorite heart position fix
   ========================================================== */

/* Product cards: favorite heart bottom-left, cart button bottom-right, preview remains untouched */
.product.wafs-product-card .wafs-favorite-button {
  top: auto !important;
  left: 1rem !important;
  right: auto !important;
  bottom: .92rem !important;
  transform: none !important;
  display: inline-flex !important;
  z-index: 5;
}

/* Keep hover clean after moving to bottom-left */
.product.wafs-product-card .wafs-favorite-button:hover,
.product.wafs-product-card .wafs-favorite-button:focus {
  transform: translateY(-1px) !important;
}

/* List/row mode: also keep it bottom-left instead of overlapping preview/cart controls */
.listing.products.rows .product.wafs-product-card .wafs-favorite-button,
.listing.products.list .product.wafs-product-card .wafs-favorite-button {
  top: auto !important;
  left: 1rem !important;
  right: auto !important;
  bottom: .92rem !important;
  transform: none !important;
}

.listing.products.rows .product.wafs-product-card .wafs-favorite-button:hover,
.listing.products.list .product.wafs-product-card .wafs-favorite-button:hover {
  transform: translateY(-1px) !important;
}

/* Add-to-cart stays bottom-right with enough breathing room */
.listing.products.columns .product.wafs-product-card .wafs-card-cart-form {
  justify-content: flex-end;
  padding-left: 3.6rem;
  padding-right: 1rem;
}

/* Active favorite remains filled yellow */
.product.wafs-product-card .wafs-favorite-button.is-active,
.wafs-single-favorite-button.is-active,
.wafs-single-favorite-button.is-active:hover,
.wafs-single-favorite-button.is-active:focus {
  border-color: rgba(245, 181, 27, .45) !important;
  background: #fff8e1 !important;
  color: #f5b51b !important;
}

.product.wafs-product-card .wafs-favorite-button.is-active .fa,
.wafs-single-favorite-button.is-active .fa {
  color: #f5b51b !important;
}


/* ==========================================================
   WebARTing FAST STORE v0.8
   Live Search
   ========================================================== */
.wafs-live-search-wrap {
  position: relative;
  flex: 1 1 auto;
  max-width: 680px;
}

.wafs-live-search-wrap .wafs-search {
  width: 100%;
}

.wafs-live-search-panel {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 1060;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .18);
}

.wafs-live-search-panel.is-open {
  display: block;
}

.wafs-live-search-loading {
  display: none;
  padding: 1rem;
  color: #64748b;
  font-weight: 700;
}

.wafs-live-search-results {
  max-height: 520px;
  overflow: auto;
}

.wafs-live-search-item {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  gap: .85rem;
  align-items: center;
  padding: .75rem .9rem;
  border-bottom: 1px solid #f1f5f9;
  color: #0f172a;
  text-decoration: none;
}

.wafs-live-search-item:hover {
  background: #f8fafc;
  text-decoration: none;
}

.wafs-live-search-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 12px;
  background: #f8fafc;
}

.wafs-live-search-thumb img {
  max-width: 52px;
  max-height: 52px;
  object-fit: contain;
}

.wafs-live-search-noimage {
  color: #94a3b8;
}

.wafs-live-search-info {
  min-width: 0;
}

.wafs-live-search-info strong {
  display: block;
  overflow: hidden;
  color: #0f172a;
  font-size: .95rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wafs-live-search-info small {
  display: block;
  margin-top: .2rem;
  color: #64748b;
  font-size: .78rem;
}

.wafs-live-search-price {
  color: #ef3b20;
  font-weight: 900;
  white-space: nowrap;
}

.wafs-live-search-all {
  display: block;
  padding: .85rem .95rem;
  background: #fff8e1;
  color: #111827;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

.wafs-live-search-all:hover {
  background: #ffefb3;
  text-decoration: none;
}

.wafs-live-search-empty {
  display: grid;
  gap: .25rem;
  padding: 1rem;
  color: #64748b;
}

.wafs-live-search-empty strong {
  color: #0f172a;
}

@media (max-width: 767px) {
  .wafs-live-search-wrap {
    order: 3;
    flex-basis: 100%;
    max-width: none;
  }

  .wafs-live-search-panel {
    position: fixed;
    top: 96px;
    left: 12px;
    right: 12px;
  }

  .wafs-live-search-item {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .wafs-live-search-price {
    grid-column: 2;
  }
}


/* WebARTing FAST STORE v1.0.16 - Cleaner footer contact/help cards */
.wafs-footer .wafs-footer-top-card:not(:first-child),
.wafs-footer .wafs-footer-contact-card,
.wafs-footer .wafs-footer-help-card,
.wafs-footer .wafs-footer-form-card,
.wafs-footer .footer-contact-card,
.wafs-footer .footer-help-card,
.wafs-footer .footer-form-card,
.wafs-footer [class*="footer"][class*="card"]:not(:first-child) {
  border-color: transparent !important;
  border-width: 0 !important;
  box-shadow: 0 0 28px rgba(59, 130, 246, .10) !important;
  background: radial-gradient(circle at 20% 20%, rgba(59, 130, 246, .13), transparent 54%),
              rgba(255,255,255,.025) !important;
}

.wafs-footer .wafs-footer-top-card:not(:first-child)::before,
.wafs-footer .wafs-footer-contact-card::before,
.wafs-footer .wafs-footer-help-card::before,
.wafs-footer .wafs-footer-form-card::before {
  content: none !important;
  display: none !important;
}

.wafs-footer .wafs-footer-top-card:not(:first-child) .icon,
.wafs-footer .wafs-footer-contact-card .icon,
.wafs-footer .wafs-footer-help-card .icon,
.wafs-footer .wafs-footer-form-card .icon,
.wafs-footer [class*="footer"][class*="card"]:not(:first-child) .icon {
  box-shadow: 0 0 22px rgba(59, 130, 246, .22) !important;
  background: rgba(37, 99, 235, .20) !important;
}

.wafs-footer .wafs-footer-top .card:not(:first-child),
.wafs-footer .footer-top .card:not(:first-child) {
  border: 0 !important;
  box-shadow: 0 0 28px rgba(59, 130, 246, .10) !important;
  background: radial-gradient(circle at 20% 20%, rgba(59, 130, 246, .13), transparent 54%),
              rgba(255,255,255,.025) !important;
}


/* WebARTing FAST STORE v1.0.20 - Home Builder sections */
.wafs-home-slider-fullwidth {
  width: 100%;
  margin: 0 0 var(--gutter-y);
}

.wafs-home-slider-fullwidth #box-slides {
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}

.wafs-home-slider-fullwidth #box-slides img {
  width: 100%;
  display: block;
}

.wafs-home-slider-contained #box-slides {
  margin-bottom: var(--gutter-y);
}

/* Device visibility controls */
@media (max-width: 767px) {
  .wafs-hide-mobile { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .wafs-hide-tablet { display: none !important; }
}

@media (min-width: 992px) {
  .wafs-hide-desktop { display: none !important; }
}

/* Promo image section */
.wafs-home-promos {
  margin-bottom: var(--gutter-y);
}

.wafs-promo-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: minmax(150px, auto);
  gap: 14px;
}

.wafs-promo-tile {
  position: relative;
  display: block;
  min-height: 150px;
  border-radius: var(--border-radius);
  overflow: hidden;
  background: #eef2f7;
  box-shadow: 0 .45rem 1rem rgba(15, 23, 42, .10);
  text-decoration: none !important;
  color: #fff;
}

.wafs-promo-tile img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: block;
  object-fit: cover;
  transition: transform .25s ease;
}

.wafs-promo-tile:hover img {
  transform: scale(1.025);
}

.wafs-promo-large {
  grid-row: span 2;
  min-height: 360px;
}

.wafs-promo-wide {
  min-height: 180px;
}

.wafs-promo-caption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  z-index: 2;
  text-shadow: 0 2px 8px rgba(0,0,0,.45);
}

.wafs-promo-caption strong {
  display: block;
  font-size: 1.35rem;
  line-height: 1.1;
  color: #fff;
}

.wafs-promo-caption small {
  display: block;
  margin-top: 4px;
  font-size: .9rem;
  color: rgba(255,255,255,.92);
}

.wafs-promo-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.38), rgba(0,0,0,0) 55%);
  pointer-events: none;
}

@media (max-width: 767px) {
  .wafs-promo-grid {
    grid-template-columns: 1fr;
  }

  .wafs-promo-large,
  .wafs-promo-wide,
  .wafs-promo-small {
    min-height: 180px;
    grid-row: auto;
  }
}


/* WebARTing FAST STORE v1.0.21 - Footer cleanup + true full width slider */

/* True edge-to-edge slider: no rounded corners, no card/wrapper feeling */
.wafs-home-slider-fullwidth,
.wafs-home-slider-fullwidth * {
  border-radius: 0 !important;
}

.wafs-home-slider-fullwidth {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  background: transparent !important;
}

.wafs-home-slider-fullwidth #box-slides,
.wafs-home-slider-fullwidth .carousel,
.wafs-home-slider-fullwidth .carousel-inner,
.wafs-home-slider-fullwidth .carousel-item,
.wafs-home-slider-fullwidth .item,
.wafs-home-slider-fullwidth img {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.wafs-home-slider-fullwidth img {
  width: 100% !important;
  display: block !important;
  object-fit: cover;
}

/* Footer: remove card/border frames from requested areas */
.wafs-footer .wafs-footer-brand,
.wafs-footer .wafs-footer-logo-card,
.wafs-footer .wafs-footer-about,
.wafs-footer .wafs-footer-top-card,
.wafs-footer .wafs-footer-contact-card,
.wafs-footer .wafs-footer-help-card,
.wafs-footer .wafs-footer-form-card,
.wafs-footer .wafs-footer-payments,
.wafs-footer .footer-brand,
.wafs-footer .footer-about,
.wafs-footer .footer-contact-card,
.wafs-footer .footer-help-card,
.wafs-footer .footer-form-card,
.wafs-footer .footer-payments,
.wafs-footer [class*="footer"][class*="brand"],
.wafs-footer [class*="footer"][class*="about"],
.wafs-footer [class*="footer"][class*="payment"] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* If footer top uses generic cards, remove the visible frame from all top cards */
.wafs-footer .wafs-footer-top .card,
.wafs-footer .footer-top .card,
.wafs-footer .top-footer .card,
.wafs-footer [class*="footer-top"] .card {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Brand/logo area: no frame, clean text/logo only */
.wafs-footer .wafs-footer-top-card:first-child,
.wafs-footer .wafs-footer-top .card:first-child,
.wafs-footer .footer-top .card:first-child {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Phone/help/contact form blocks: no card frame, only soft lighting */
.wafs-footer .wafs-footer-top-card:not(:first-child),
.wafs-footer .wafs-footer-contact-card,
.wafs-footer .wafs-footer-help-card,
.wafs-footer .wafs-footer-form-card,
.wafs-footer .footer-contact-card,
.wafs-footer .footer-help-card,
.wafs-footer .footer-form-card,
.wafs-footer .wafs-footer-top .card:not(:first-child),
.wafs-footer .footer-top .card:not(:first-child),
.wafs-footer [class*="footer-top"] .card:not(:first-child) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 0 34px rgba(59, 130, 246, .09) !important;
  background: radial-gradient(circle at 18% 22%, rgba(59, 130, 246, .12), transparent 58%) !important;
}

/* Remove pseudo card borders/glows if any existing CSS creates them */
.wafs-footer .wafs-footer-top-card::before,
.wafs-footer .wafs-footer-contact-card::before,
.wafs-footer .wafs-footer-help-card::before,
.wafs-footer .wafs-footer-form-card::before,
.wafs-footer .wafs-footer-payments::before,
.wafs-footer .footer-payments::before,
.wafs-footer [class*="footer"][class*="card"]::before,
.wafs-footer [class*="footer"][class*="payment"]::before {
  content: none !important;
  display: none !important;
}

/* Payment strip frame removed, but payment pills/badges remain */
.wafs-footer .wafs-footer-payments,
.wafs-footer .footer-payments,
.wafs-footer .payment-methods,
.wafs-footer [class*="payment-method"] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Keep the actual payment badges/pills visible */
.wafs-footer .wafs-footer-payments .badge,
.wafs-footer .wafs-footer-payments .label,
.wafs-footer .wafs-footer-payments a,
.wafs-footer .wafs-footer-payments span,
.wafs-footer .footer-payments .badge,
.wafs-footer .footer-payments .label,
.wafs-footer .footer-payments a,
.wafs-footer .footer-payments span,
.wafs-footer .payment-methods .badge,
.wafs-footer .payment-methods .label,
.wafs-footer .payment-methods a,
.wafs-footer .payment-methods span {
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: none !important;
}

/* Footer horizontal section separator stays subtle, not card-like */
.wafs-footer hr,
.wafs-footer .wafs-footer-separator,
.wafs-footer .footer-separator {
  border-color: rgba(255,255,255,.09) !important;
}


/* WebARTing FAST STORE v1.0.22 - full width slider gap fix and promo section robustness */
.wafs-home-slider-fullwidth {
  margin-top: -1.15rem !important;
  margin-bottom: var(--gutter-y) !important;
}

.wafs-home-slider-fullwidth #box-slides {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}

.wafs-home-slider-fullwidth #box-slides > *,
.wafs-home-slider-fullwidth #box-slides img,
.wafs-home-slider-fullwidth .carousel,
.wafs-home-slider-fullwidth .carousel-inner,
.wafs-home-slider-fullwidth .carousel-item,
.wafs-home-slider-fullwidth .item {
  border-radius: 0 !important;
}

@media (max-width: 767px) {
  .wafs-home-slider-fullwidth {
    margin-top: -.75rem !important;
  }
}


/* WebARTing FAST STORE v1.0.24 - Home promo section visibility hardening */
#wafs-home-promos {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}

#wafs-home-promos .wafs-promo-grid {
  display: grid;
}

#wafs-home-promos img {
  opacity: 1;
  visibility: visible;
}


/* WebARTing FAST STORE v1.0.28 - SubTheme color variable hooks */
#wafs-subtheme-css{} /* marker */

/* Header */
#header,
.wafs-header,
.site-header,
#site-header {
  background: var(--wafs-header-bg, inherit) !important;
  color: var(--wafs-header-text, inherit) !important;
}
#header a,
.wafs-header a,
.site-header a,
#site-header a {
  color: var(--wafs-header-link, inherit) !important;
}
#header .fa,
.wafs-header .fa,
.site-header .fa,
#site-header .fa,
.wafs-header-icon {
  color: var(--wafs-header-icon, currentColor) !important;
}

/* Search */
#box-search,
#box-search input,
#box-search .form-control,
.wafs-search,
.wafs-search input,
.search input {
  background: var(--wafs-header-search-bg, inherit) !important;
  color: var(--wafs-header-search-text, inherit) !important;
  border-color: var(--wafs-header-search-border, inherit) !important;
}
#box-search button,
.wafs-search button,
.search button {
  background: var(--wafs-header-search-button-bg, inherit) !important;
  color: var(--wafs-header-search-button-text, inherit) !important;
}

/* Menu */
#site-menu,
#box-category-tree,
.navbar,
.wafs-menu,
.wafs-main-menu {
  background: var(--wafs-menu-bg, inherit) !important;
  color: var(--wafs-menu-text, inherit) !important;
}
#site-menu a,
#box-category-tree a,
.navbar a,
.wafs-menu a,
.wafs-main-menu a {
  color: var(--wafs-menu-text, inherit) !important;
}
#site-menu a:hover,
#box-category-tree a:hover,
.navbar a:hover,
.wafs-menu a:hover,
.wafs-main-menu a:hover {
  background: var(--wafs-menu-hover-bg, inherit) !important;
  color: var(--wafs-menu-hover-text, inherit) !important;
}
.dropdown-menu,
#site-menu ul ul,
.navbar ul ul,
.wafs-menu ul ul,
.wafs-main-menu ul ul {
  background: var(--wafs-submenu-bg, inherit) !important;
}
.dropdown-menu a,
#site-menu ul ul a,
.navbar ul ul a,
.wafs-menu ul ul a,
.wafs-main-menu ul ul a {
  color: var(--wafs-submenu-text, inherit) !important;
}
.dropdown-menu a:hover,
#site-menu ul ul a:hover,
.navbar ul ul a:hover,
.wafs-menu ul ul a:hover,
.wafs-main-menu ul ul a:hover {
  background: var(--wafs-submenu-hover-bg, inherit) !important;
  color: var(--wafs-submenu-hover-text, inherit) !important;
}

/* Content */
body,
#wrapper,
#content,
main#content {
  background: var(--wafs-content-bg, inherit) !important;
  color: var(--wafs-content-text, inherit) !important;
}
#content a,
main#content a {
  color: var(--wafs-content-link, inherit);
}
.card,
.box,
.listing.products .product,
.product-card,
.wafs-product-card {
  background: var(--wafs-content-card-bg, var(--wafs-product-card-bg, inherit)) !important;
  border-color: var(--wafs-content-card-border, inherit) !important;
  color: var(--wafs-content-text, inherit) !important;
}
.listing.products .product,
.product-column,
.product-card {
  background: var(--wafs-product-card-bg, inherit) !important;
  color: var(--wafs-product-card-text, inherit) !important;
}
.price,
.product-price,
.wafs-price,
.listing.products .product .price {
  color: var(--wafs-product-price, inherit) !important;
}
button,
.btn-primary,
.button,
input[type="submit"],
.wafs-button {
  background-color: var(--wafs-button-bg, inherit) !important;
  color: var(--wafs-button-text, inherit) !important;
  border-color: var(--wafs-button-bg, inherit) !important;
}
button:hover,
.btn-primary:hover,
.button:hover,
input[type="submit"]:hover,
.wafs-button:hover {
  background-color: var(--wafs-button-hover-bg, var(--wafs-button-bg, inherit)) !important;
}

/* Footer */
#wafs-footer,
.wafs-footer,
#footer {
  background: var(--wafs-footer-bg, inherit) !important;
  color: var(--wafs-footer-text, inherit) !important;
}
#wafs-footer a,
.wafs-footer a,
#footer a {
  color: var(--wafs-footer-link, inherit) !important;
}
#wafs-footer .fa,
.wafs-footer .fa,
#footer .fa,
.wafs-footer-contact-icon {
  color: var(--wafs-footer-icon, inherit) !important;
}
.wafs-payment-badges span,
.wafs-footer .badge,
.wafs-footer .label {
  background: var(--wafs-footer-badge-bg, inherit) !important;
  color: var(--wafs-footer-badge-text, inherit) !important;
}

/* WebARTing FAST STORE v1.0.33-clean - CSS map reset */

body.webarting-fast-store {
  background: var(--wafs-content-bg, var(--site-background-color, #f4f6fb)) !important;
  color: var(--wafs-content-text, #111827) !important;
}

/* Header exact zones */
body.webarting-fast-store #site-menu,
body.webarting-fast-store #site-menu > .fourteen-forty,
body.webarting-fast-store .wafs-header-shell,
body.webarting-fast-store .wafs-mainbar {
  background: var(--wafs-header-bg, #ffffff) !important;
  color: var(--wafs-header-text, #111827) !important;
}

body.webarting-fast-store .wafs-servicebar {
  border-color: var(--wafs-header-line, rgba(15,23,42,.12)) !important;
}

body.webarting-fast-store .wafs-servicebar,
body.webarting-fast-store .wafs-servicebar span,
body.webarting-fast-store .wafs-servicebar small {
  color: var(--wafs-topbar-text, var(--wafs-header-text, #111827)) !important;
}

body.webarting-fast-store .wafs-servicebar a {
  color: var(--wafs-topbar-link, var(--wafs-topbar-text, #111827)) !important;
}

body.webarting-fast-store .wafs-servicebar i,
body.webarting-fast-store .wafs-servicebar .fa {
  color: var(--wafs-topbar-icon, var(--wafs-topbar-link, #111827)) !important;
}

body.webarting-fast-store .wafs-actions a,
body.webarting-fast-store .wafs-actions a span,
body.webarting-fast-store .wafs-actions a small {
  color: var(--wafs-header-actions-text, var(--wafs-header-link, #111827)) !important;
}

body.webarting-fast-store .wafs-actions i,
body.webarting-fast-store .wafs-actions .fa,
body.webarting-fast-store .wafs-actions .navbar-icon {
  color: var(--wafs-header-actions-icon, var(--wafs-header-icon, #111827)) !important;
}

body.webarting-fast-store .wafs-actions a:hover {
  background: var(--wafs-header-actions-hover-bg, transparent) !important;
  color: var(--wafs-header-actions-hover-text, var(--wafs-header-actions-text, #111827)) !important;
}

/* Search isolated */
body.webarting-fast-store .wafs-live-search-wrap,
body.webarting-fast-store .wafs-live-search,
body.webarting-fast-store .navbar-search,
body.webarting-fast-store #box-search,
body.webarting-fast-store #box-search input,
body.webarting-fast-store input[type="search"] {
  background: var(--wafs-header-search-bg, #ffffff) !important;
  color: var(--wafs-header-search-text, #111827) !important;
  border-color: var(--wafs-header-search-border, #e5e7eb) !important;
}

/* Menu row only */
body.webarting-fast-store .wafs-navrow {
  background: var(--wafs-menu-bg, transparent) !important;
  color: var(--wafs-menu-text, #111827) !important;
  border-color: var(--wafs-header-line, rgba(15,23,42,.12)) !important;
}

body.webarting-fast-store .wafs-navrow .navbar-nav > .nav-item > .nav-link,
body.webarting-fast-store .wafs-navrow .navbar-nav > .nav-item > .nav-link span {
  color: var(--wafs-menu-link, var(--wafs-menu-text, #111827)) !important;
}

body.webarting-fast-store .wafs-navrow .navbar-nav > .nav-item > .nav-link i,
body.webarting-fast-store .wafs-navrow .navbar-nav > .nav-item > .nav-link .fa {
  color: var(--wafs-menu-icon, var(--wafs-menu-link, #111827)) !important;
}

body.webarting-fast-store .wafs-navrow .navbar-nav > .nav-item > .nav-link:hover,
body.webarting-fast-store .wafs-navrow .navbar-nav > .nav-item > .nav-link:hover span {
  background: var(--wafs-menu-hover-bg, transparent) !important;
  color: var(--wafs-menu-hover-text, var(--wafs-menu-link, #111827)) !important;
}

/* Products button isolated */
body.webarting-fast-store #site-menu .wafs-products-trigger,
body.webarting-fast-store .wafs-products-trigger {
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  color: var(--wafs-products-button-text, #111827) !important;
  border-color: var(--wafs-products-button-bg, #ffbd2e) !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger span,
body.webarting-fast-store .wafs-products-trigger span {
  color: var(--wafs-products-button-text, #111827) !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger i,
body.webarting-fast-store #site-menu .wafs-products-trigger .fa,
body.webarting-fast-store .wafs-products-trigger i,
body.webarting-fast-store .wafs-products-trigger .fa {
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
}

/* Mega menu independent */
body.webarting-fast-store .wafs-mega-content,
body.webarting-fast-store .wafs-mega-panel,
body.webarting-fast-store .wafs-mega-column,
body.webarting-fast-store .wafs-mega-groups {
  background: var(--wafs-mega-bg, #ffffff) !important;
  color: var(--wafs-mega-text, #111827) !important;
}

body.webarting-fast-store .wafs-mega-content a,
body.webarting-fast-store .wafs-mega-panel a,
body.webarting-fast-store .wafs-mega-group a,
body.webarting-fast-store .wafs-mega-sidebar a {
  color: var(--wafs-mega-link, var(--wafs-mega-text, #111827)) !important;
  background: transparent !important;
}

body.webarting-fast-store .wafs-mega-content a span,
body.webarting-fast-store .wafs-mega-panel a span,
body.webarting-fast-store .wafs-mega-group a span,
body.webarting-fast-store .wafs-mega-sidebar a span {
  color: var(--wafs-mega-link, var(--wafs-mega-text, #111827)) !important;
}

body.webarting-fast-store .wafs-mega-content i,
body.webarting-fast-store .wafs-mega-content .fa,
body.webarting-fast-store .wafs-mega-panel i,
body.webarting-fast-store .wafs-mega-panel .fa,
body.webarting-fast-store .wafs-mega-shortcut .fa {
  color: var(--wafs-mega-icon, var(--wafs-mega-link, #111827)) !important;
}

/* Content / cards / checkout */
body.webarting-fast-store #content-wrapper,
body.webarting-fast-store #content,
body.webarting-fast-store main {
  background: var(--wafs-content-bg, #f8fafc) !important;
  color: var(--wafs-content-text, #111827) !important;
}

body.webarting-fast-store .card,
body.webarting-fast-store .box,
body.webarting-fast-store .panel,
body.webarting-fast-store .well,
body.webarting-fast-store fieldset {
  background: var(--wafs-content-card-bg, #ffffff) !important;
  border: 0 !important;
  outline: 0 !important;
  color: var(--wafs-content-text, #111827) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.07) !important;
}

body.webarting-fast-store table,
body.webarting-fast-store table th,
body.webarting-fast-store table td,
body.webarting-fast-store .table th,
body.webarting-fast-store .table td,
body.webarting-fast-store .data-table th,
body.webarting-fast-store .data-table td {
  border-color: var(--wafs-content-card-border, rgba(15,23,42,.10)) !important;
}

body.webarting-fast-store input,
body.webarting-fast-store select,
body.webarting-fast-store textarea,
body.webarting-fast-store .form-control,
body.webarting-fast-store .input-group-text {
  background: var(--wafs-content-card-bg, #ffffff) !important;
  color: var(--wafs-content-text, #111827) !important;
  border-color: var(--wafs-content-card-border, rgba(15,23,42,.12)) !important;
  outline: 0 !important;
}

body.webarting-fast-store.wafs-checkout-page {
  background: var(--wafs-content-bg, #f8fafc) !important;
}

body.webarting-fast-store.wafs-checkout-page #content {
  max-width: 1280px;
  margin-inline: auto;
}

body.webarting-fast-store.wafs-checkout-page #box-checkout-cart,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment,
body.webarting-fast-store.wafs-checkout-page #box-checkout-summary {
  background: var(--wafs-content-card-bg, #ffffff) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.07) !important;
  color: var(--wafs-content-text, #111827) !important;
}

body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option {
  border: 1px solid var(--wafs-content-card-border, rgba(15,23,42,.10)) !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: var(--wafs-content-card-bg, #ffffff) !important;
}

/* Footer final flat */
body.webarting-fast-store #footer,
body.webarting-fast-store .wafs-footer,
body.webarting-fast-store #footer.wafs-footer-dark {
  background: var(--wafs-footer-bg, #0f172a) !important;
  color: var(--wafs-footer-text, #e5e7eb) !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-brand,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card,
body.webarting-fast-store .wafs-footer .wafs-footer-top,
body.webarting-fast-store .wafs-footer .wafs-footer-top > *,
body.webarting-fast-store .wafs-footer [class*="card"],
body.webarting-fast-store .wafs-footer [class*="box"] {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-contact-card:hover {
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.webarting-fast-store .wafs-footer a {
  color: var(--wafs-footer-link, var(--wafs-footer-text, #e5e7eb)) !important;
}

body.webarting-fast-store .wafs-footer i,
body.webarting-fast-store .wafs-footer .fa,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-icon {
  color: var(--wafs-footer-icon, var(--wafs-footer-link, #e5e7eb)) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-payment-row,
body.webarting-fast-store .wafs-footer .wafs-footer-payments,
body.webarting-fast-store .wafs-footer .footer-payments,
body.webarting-fast-store .wafs-footer .payment-methods {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* WebARTing FAST STORE v1.0.34 - CSS map correction and footer final strip */

/*
  CSS MAP:
  Header Shell Background (#site-menu) -> --wafs-site-menu-bg -> #site-menu full header area
  Header Inner Background / fallback   -> --wafs-header-bg -> fallback if shell is empty
  Menu Row Background                  -> --wafs-menu-bg -> only .wafs-navrow
  Header Actions Icons                 -> --wafs-header-actions-icon -> el/GR/EUR, favorites, account, phone, cart icons
  Header Actions Fonts                 -> --wafs-header-actions-text -> labels under those icons
  Main Menu Link Fonts                 -> --wafs-menu-link -> horizontal menu text
  Main Menu Icons                      -> --wafs-menu-icon -> horizontal menu icons
  Mega Menu Background                 -> --wafs-mega-bg -> mega panel background
  Mega Menu Fonts / Links / Icons      -> --wafs-mega-text/link/icon -> only inside mega menu
  Footer Background                    -> --wafs-footer-bg -> footer background
  Footer Fonts/Links/Icons             -> --wafs-footer-text/link/icon -> footer only
*/

/* HEADER: the browser-inspected #site-menu rule is controlled here */
body.webarting-fast-store #site-menu,
body.webarting-fast-store #site-menu > .fourteen-forty,
body.webarting-fast-store #site-menu .wafs-header-shell,
body.webarting-fast-store #site-menu .wafs-mainbar,
body.webarting-fast-store .wafs-header-shell,
body.webarting-fast-store .wafs-mainbar {
  background: var(--wafs-site-menu-bg, var(--wafs-header-bg, #ffffff)) !important;
  color: var(--wafs-header-text, #111827) !important;
}

/* MENU ROW: only the horizontal row */
body.webarting-fast-store #site-menu .wafs-navrow,
body.webarting-fast-store .wafs-navrow {
  background: var(--wafs-menu-bg, transparent) !important;
  color: var(--wafs-menu-text, #111827) !important;
}

/* TOP SERVICE BAR */
body.webarting-fast-store #site-menu .wafs-servicebar,
body.webarting-fast-store #site-menu .wafs-servicebar span,
body.webarting-fast-store #site-menu .wafs-servicebar small {
  color: var(--wafs-topbar-text, var(--wafs-header-text, #111827)) !important;
}
body.webarting-fast-store #site-menu .wafs-servicebar a {
  color: var(--wafs-topbar-link, var(--wafs-topbar-text, var(--wafs-header-text, #111827))) !important;
}
body.webarting-fast-store #site-menu .wafs-servicebar i,
body.webarting-fast-store #site-menu .wafs-servicebar .fa {
  color: var(--wafs-topbar-icon, var(--wafs-topbar-link, #111827)) !important;
}

/* HEADER ACTIONS: icons and labels do not share color with mega menu */
body.webarting-fast-store #site-menu .wafs-actions a,
body.webarting-fast-store #site-menu .wafs-actions a span,
body.webarting-fast-store #site-menu .wafs-actions a small {
  color: var(--wafs-header-actions-text, var(--wafs-header-link, #111827)) !important;
}
body.webarting-fast-store #site-menu .wafs-actions i,
body.webarting-fast-store #site-menu .wafs-actions .fa,
body.webarting-fast-store #site-menu .wafs-actions .navbar-icon {
  color: var(--wafs-header-actions-icon, var(--wafs-header-icon, #111827)) !important;
}

/* MAIN MENU TEXT */
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link span {
  color: var(--wafs-menu-link, var(--wafs-menu-text, #111827)) !important;
}
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link .fa {
  color: var(--wafs-menu-icon, var(--wafs-menu-link, #111827)) !important;
}

/* PRODUCTS BUTTON */
body.webarting-fast-store #site-menu .wafs-products-trigger {
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  color: var(--wafs-products-button-text, #111827) !important;
  border-color: var(--wafs-products-button-bg, #ffbd2e) !important;
}
body.webarting-fast-store #site-menu .wafs-products-trigger span {
  color: var(--wafs-products-button-text, #111827) !important;
}
body.webarting-fast-store #site-menu .wafs-products-trigger i,
body.webarting-fast-store #site-menu .wafs-products-trigger .fa,
body.webarting-fast-store #site-menu .wafs-products-trigger-icon {
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
}

/* MEGA MENU - isolated */
body.webarting-fast-store .wafs-mega-content,
body.webarting-fast-store .wafs-mega-panel,
body.webarting-fast-store .wafs-mega-column,
body.webarting-fast-store .wafs-mega-groups {
  background: var(--wafs-mega-bg, #ffffff) !important;
  color: var(--wafs-mega-text, #111827) !important;
}
body.webarting-fast-store .wafs-mega-content a,
body.webarting-fast-store .wafs-mega-panel a,
body.webarting-fast-store .wafs-mega-group a,
body.webarting-fast-store .wafs-mega-sidebar a,
body.webarting-fast-store .wafs-mega-content a span,
body.webarting-fast-store .wafs-mega-panel a span,
body.webarting-fast-store .wafs-mega-group a span,
body.webarting-fast-store .wafs-mega-sidebar a span {
  color: var(--wafs-mega-link, var(--wafs-mega-text, #111827)) !important;
}
body.webarting-fast-store .wafs-mega-content i,
body.webarting-fast-store .wafs-mega-content .fa,
body.webarting-fast-store .wafs-mega-panel i,
body.webarting-fast-store .wafs-mega-panel .fa {
  color: var(--wafs-mega-icon, var(--wafs-mega-link, #111827)) !important;
}
body.webarting-fast-store .wafs-mega-title,
body.webarting-fast-store .wafs-mega-group-title,
body.webarting-fast-store .wafs-mega-content strong,
body.webarting-fast-store .wafs-mega-content h1,
body.webarting-fast-store .wafs-mega-content h2,
body.webarting-fast-store .wafs-mega-content h3 {
  color: var(--wafs-mega-heading, var(--wafs-mega-text, #111827)) !important;
}

/* CHECKOUT/CART: no black frames */
body.webarting-fast-store.wafs-checkout-page #box-checkout-cart,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment,
body.webarting-fast-store.wafs-checkout-page #box-checkout-summary,
body.webarting-fast-store .cart,
body.webarting-fast-store .checkout-cart,
body.webarting-fast-store .box,
body.webarting-fast-store .card,
body.webarting-fast-store .panel,
body.webarting-fast-store fieldset {
  background: var(--wafs-content-card-bg, #ffffff) !important;
  border-color: var(--wafs-content-card-border, rgba(15,23,42,.10)) !important;
  outline: 0 !important;
  color: var(--wafs-content-text, #111827) !important;
}

/* FOOTER: simple and flat. No backgrounds behind phone/help/contact. */
body.webarting-fast-store #footer,
body.webarting-fast-store .wafs-footer {
  background: var(--wafs-footer-bg, #0f172a) !important;
  color: var(--wafs-footer-text, #e5e7eb) !important;
}
body.webarting-fast-store .wafs-footer .wafs-footer-top,
body.webarting-fast-store .wafs-footer .wafs-footer-brand,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card:hover,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-icon,
body.webarting-fast-store .wafs-footer .wafs-footer-payments,
body.webarting-fast-store .wafs-footer .wafs-payment-badges,
body.webarting-fast-store .wafs-footer [class*="card"],
body.webarting-fast-store .wafs-footer [class*="box"] {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card {
  min-height: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: .75rem !important;
  color: var(--wafs-footer-text, #e5e7eb) !important;
}
body.webarting-fast-store .wafs-footer .wafs-footer-contact-icon {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  border-radius: 0 !important;
  color: var(--wafs-footer-icon, var(--wafs-footer-link, #e5e7eb)) !important;
}
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card strong,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card small,
body.webarting-fast-store .wafs-footer a {
  color: var(--wafs-footer-link, var(--wafs-footer-text, #e5e7eb)) !important;
}
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card::before,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card::after,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-icon::before,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-icon::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* WebARTing FAST STORE v1.0.35 - ABSOLUTE footer contact background removal */

/*
  The footer top contact blocks must be plain text/icons only.
  This kills every remaining background/overlay/glow/card effect behind:
  phone, help, contact form.
*/

body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards *,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card *,
body.webarting-fast-store .wafs-footer .wafs-footer-help-card,
body.webarting-fast-store .wafs-footer .wafs-footer-help-card *,
body.webarting-fast-store .wafs-footer .wafs-footer-form-card,
body.webarting-fast-store .wafs-footer .wafs-footer-form-card *,
body.webarting-fast-store .wafs-footer .footer-contact-card,
body.webarting-fast-store .wafs-footer .footer-contact-card *,
body.webarting-fast-store .wafs-footer .footer-help-card,
body.webarting-fast-store .wafs-footer .footer-help-card *,
body.webarting-fast-store .wafs-footer .footer-form-card,
body.webarting-fast-store .wafs-footer .footer-form-card * {
  background-color: transparent !important;
  background-image: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  filter: none !important;
  backdrop-filter: none !important;
}

/* Kill pseudo elements that create the blue/dark panels */
body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards::before,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards::after,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card::before,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card::after,
body.webarting-fast-store .wafs-footer .wafs-footer-help-card::before,
body.webarting-fast-store .wafs-footer .wafs-footer-help-card::after,
body.webarting-fast-store .wafs-footer .wafs-footer-form-card::before,
body.webarting-fast-store .wafs-footer .wafs-footer-form-card::after,
body.webarting-fast-store .wafs-footer .footer-contact-card::before,
body.webarting-fast-store .wafs-footer .footer-contact-card::after,
body.webarting-fast-store .wafs-footer .footer-help-card::before,
body.webarting-fast-store .wafs-footer .footer-help-card::after,
body.webarting-fast-store .wafs-footer .footer-form-card::before,
body.webarting-fast-store .wafs-footer .footer-form-card::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Keep only the small icon and text colors */
body.webarting-fast-store .wafs-footer .wafs-footer-contact-icon,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card i,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card .fa,
body.webarting-fast-store .wafs-footer .wafs-footer-help-card i,
body.webarting-fast-store .wafs-footer .wafs-footer-help-card .fa,
body.webarting-fast-store .wafs-footer .wafs-footer-form-card i,
body.webarting-fast-store .wafs-footer .wafs-footer-form-card .fa {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  color: var(--wafs-footer-icon, var(--wafs-footer-link, inherit)) !important;
}

/* Remove hover panel recreation */
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card:hover,
body.webarting-fast-store .wafs-footer .wafs-footer-help-card:hover,
body.webarting-fast-store .wafs-footer .wafs-footer-form-card:hover,
body.webarting-fast-store .wafs-footer .footer-contact-card:hover,
body.webarting-fast-store .wafs-footer .footer-help-card:hover,
body.webarting-fast-store .wafs-footer .footer-form-card:hover {
  transform: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Some builds use generic grid/card children in footer top */
body.webarting-fast-store .wafs-footer .wafs-footer-top > div,
body.webarting-fast-store .wafs-footer .wafs-footer-top > article,
body.webarting-fast-store .wafs-footer .wafs-footer-top > section,
body.webarting-fast-store .wafs-footer .footer-top > div,
body.webarting-fast-store .wafs-footer .footer-top > article,
body.webarting-fast-store .wafs-footer .footer-top > section {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}


/* WebARTing FAST STORE v1.0.36 - kill broad menu selector bleed */

/*
  Fixes the bad broad selector:
  #site-menu a, #box-category-tree a, .navbar a, .wafs-menu a, .wafs-main-menu a
  which was forcing menu colors into mega menu, category tree and several unrelated links.
*/

/* ==============================
   Header main menu - only header menu links
   ============================== */

body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link,
body.webarting-fast-store #site-menu .wafs-main-menu > li > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > .nav-link {
  color: var(--wafs-menu-link, var(--wafs-menu-text, #111827)) !important;
}

body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li > a i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li > a .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > li > a i,
body.webarting-fast-store #site-menu .wafs-main-menu > li > a .fa {
  color: var(--wafs-menu-icon, var(--wafs-menu-link, #111827)) !important;
}

/* ==============================
   Mega menu - must NOT follow menu_text
   ============================== */

body.webarting-fast-store #site-menu .wafs-mega-content,
body.webarting-fast-store #site-menu .wafs-mega-panel,
body.webarting-fast-store #site-menu .wafs-mega-content-panel,
body.webarting-fast-store #site-menu .wafs-desktop-mega {
  background: var(--wafs-mega-bg, #ffffff) !important;
  color: var(--wafs-mega-text, #111827) !important;
}

body.webarting-fast-store #site-menu .wafs-mega-content a,
body.webarting-fast-store #site-menu .wafs-mega-content a:link,
body.webarting-fast-store #site-menu .wafs-mega-content a:visited,
body.webarting-fast-store #site-menu .wafs-mega-panel a,
body.webarting-fast-store #site-menu .wafs-mega-panel a:link,
body.webarting-fast-store #site-menu .wafs-mega-panel a:visited,
body.webarting-fast-store #site-menu .wafs-mega-content-panel a,
body.webarting-fast-store #site-menu .wafs-mega-content-panel a:link,
body.webarting-fast-store #site-menu .wafs-mega-content-panel a:visited,
body.webarting-fast-store #site-menu .wafs-mega-group a,
body.webarting-fast-store #site-menu .wafs-mega-group a:link,
body.webarting-fast-store #site-menu .wafs-mega-group a:visited,
body.webarting-fast-store #site-menu .wafs-mega-sidebar a,
body.webarting-fast-store #site-menu .wafs-mega-sidebar a:link,
body.webarting-fast-store #site-menu .wafs-mega-sidebar a:visited {
  color: var(--wafs-mega-link, var(--wafs-mega-text, #111827)) !important;
  background: transparent !important;
}

body.webarting-fast-store #site-menu .wafs-mega-content a span,
body.webarting-fast-store #site-menu .wafs-mega-panel a span,
body.webarting-fast-store #site-menu .wafs-mega-content-panel a span,
body.webarting-fast-store #site-menu .wafs-mega-group a span,
body.webarting-fast-store #site-menu .wafs-mega-sidebar a span {
  color: var(--wafs-mega-link, var(--wafs-mega-text, #111827)) !important;
}

body.webarting-fast-store #site-menu .wafs-mega-group-title,
body.webarting-fast-store #site-menu .wafs-mega-title,
body.webarting-fast-store #site-menu .wafs-mega-content h1,
body.webarting-fast-store #site-menu .wafs-mega-content h2,
body.webarting-fast-store #site-menu .wafs-mega-content h3,
body.webarting-fast-store #site-menu .wafs-mega-content strong {
  color: var(--wafs-mega-heading, var(--wafs-mega-text, #111827)) !important;
}

body.webarting-fast-store #site-menu .wafs-mega-content i,
body.webarting-fast-store #site-menu .wafs-mega-content .fa,
body.webarting-fast-store #site-menu .wafs-mega-panel i,
body.webarting-fast-store #site-menu .wafs-mega-panel .fa,
body.webarting-fast-store #site-menu .wafs-mega-group i,
body.webarting-fast-store #site-menu .wafs-mega-group .fa,
body.webarting-fast-store #site-menu .wafs-mega-shortcut i,
body.webarting-fast-store #site-menu .wafs-mega-shortcut .fa {
  color: var(--wafs-mega-icon, var(--wafs-mega-link, #111827)) !important;
}

body.webarting-fast-store #site-menu .wafs-mega-sidebar a.is-active,
body.webarting-fast-store #site-menu .wafs-mega-sidebar a.active,
body.webarting-fast-store #site-menu .wafs-mega-sidebar a:hover,
body.webarting-fast-store #site-menu .wafs-mega-content a:hover,
body.webarting-fast-store #site-menu .wafs-mega-panel a:hover,
body.webarting-fast-store #site-menu .wafs-mega-content-panel a:hover,
body.webarting-fast-store #site-menu .wafs-mega-group a:hover {
  background: var(--wafs-mega-active-bg, var(--wafs-mega-hover-bg, transparent)) !important;
  color: var(--wafs-mega-active-text, var(--wafs-mega-hover-text, var(--wafs-mega-link, #111827))) !important;
}

body.webarting-fast-store #site-menu .wafs-mega-sidebar a.is-active span,
body.webarting-fast-store #site-menu .wafs-mega-sidebar a.active span,
body.webarting-fast-store #site-menu .wafs-mega-sidebar a:hover span,
body.webarting-fast-store #site-menu .wafs-mega-content a:hover span,
body.webarting-fast-store #site-menu .wafs-mega-panel a:hover span,
body.webarting-fast-store #site-menu .wafs-mega-content-panel a:hover span,
body.webarting-fast-store #site-menu .wafs-mega-group a:hover span {
  color: var(--wafs-mega-active-text, var(--wafs-mega-hover-text, var(--wafs-mega-link, #111827))) !important;
}

/* ==============================
   Category tree - must NOT follow menu_text
   ============================== */

body.webarting-fast-store #box-category-tree a,
body.webarting-fast-store #box-category-tree a:link,
body.webarting-fast-store #box-category-tree a:visited,
body.webarting-fast-store .wafs-category-box a,
body.webarting-fast-store .wafs-category-box a:link,
body.webarting-fast-store .wafs-category-box a:visited {
  color: var(--wafs-content-link, var(--wafs-content-text, #111827)) !important;
  background: transparent !important;
}

body.webarting-fast-store #box-category-tree a:hover,
body.webarting-fast-store #box-category-tree a.active,
body.webarting-fast-store #box-category-tree li.active > a {
  color: var(--wafs-button-text, #111827) !important;
  background: var(--wafs-button-bg, #ffbd2e) !important;
}

/* ==============================
   Header action hover - cart included
   ============================== */

body.webarting-fast-store #site-menu .wafs-actions a:hover,
body.webarting-fast-store #site-menu .wafs-actions a:hover span,
body.webarting-fast-store #site-menu .wafs-actions a:hover small,
body.webarting-fast-store #site-menu .wafs-actions .cart:hover,
body.webarting-fast-store #site-menu .wafs-actions .cart:hover span,
body.webarting-fast-store #site-menu .wafs-actions .cart:hover small,
body.webarting-fast-store #site-menu .wafs-actions #cart:hover,
body.webarting-fast-store #site-menu .wafs-actions #cart:hover span,
body.webarting-fast-store #site-menu .wafs-actions #cart:hover small,
body.webarting-fast-store #site-menu a.cart:hover,
body.webarting-fast-store #site-menu a.cart:hover span,
body.webarting-fast-store #site-menu a#cart:hover,
body.webarting-fast-store #site-menu a#cart:hover span {
  color: var(--wafs-header-actions-hover-text, var(--wafs-header-actions-text, #111827)) !important;
}

body.webarting-fast-store #site-menu .wafs-actions a:hover,
body.webarting-fast-store #site-menu .wafs-actions .cart:hover,
body.webarting-fast-store #site-menu .wafs-actions #cart:hover,
body.webarting-fast-store #site-menu a.cart:hover,
body.webarting-fast-store #site-menu a#cart:hover {
  background: var(--wafs-header-actions-hover-bg, transparent) !important;
}

body.webarting-fast-store #site-menu .wafs-actions a:hover i,
body.webarting-fast-store #site-menu .wafs-actions a:hover .fa,
body.webarting-fast-store #site-menu .wafs-actions .cart:hover i,
body.webarting-fast-store #site-menu .wafs-actions .cart:hover .fa,
body.webarting-fast-store #site-menu .wafs-actions #cart:hover i,
body.webarting-fast-store #site-menu .wafs-actions #cart:hover .fa,
body.webarting-fast-store #site-menu a.cart:hover i,
body.webarting-fast-store #site-menu a.cart:hover .fa,
body.webarting-fast-store #site-menu a#cart:hover i,
body.webarting-fast-store #site-menu a#cart:hover .fa {
  color: var(--wafs-header-actions-hover-text, var(--wafs-header-actions-hover-text, var(--wafs-header-actions-icon, #111827))) !important;
}

/* Cart badge must stay readable and not inherit hover text accidentally */
body.webarting-fast-store #site-menu .cart .badge,
body.webarting-fast-store #site-menu #cart .badge,
body.webarting-fast-store #site-menu .cart .quantity,
body.webarting-fast-store #site-menu #cart .quantity {
  background: var(--wafs-products-button-bg, #ef4444) !important;
  color: var(--wafs-products-button-text, #ffffff) !important;
}


/* WebARTing FAST STORE v1.0.37 - fixed main menu hover variables */

/*
  Fix:
  Menu Hover Background and Menu Hover Fonts existed in admin,
  but the real frontend selector was being overridden by menu_link/menu_text rules.
  These selectors are intentionally very specific and late.
*/

/* Main horizontal menu hover background */
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li > a:hover,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > a:hover,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link:hover,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li:hover > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item:hover > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item:hover > .nav-link,
body.webarting-fast-store #site-menu .wafs-main-menu > li > a:hover,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > a:hover,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > .nav-link:hover,
body.webarting-fast-store #site-menu .wafs-main-menu > li:hover > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item:hover > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item:hover > .nav-link {
  background: var(--wafs-menu-hover-bg, transparent) !important;
  color: var(--wafs-menu-hover-text, var(--wafs-menu-link, var(--wafs-menu-text, #111827))) !important;
}

/* Main horizontal menu hover text descendants */
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li > a:hover span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > a:hover span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link:hover span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li:hover > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item:hover > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item:hover > .nav-link span,
body.webarting-fast-store #site-menu .wafs-main-menu > li > a:hover span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > a:hover span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > .nav-link:hover span,
body.webarting-fast-store #site-menu .wafs-main-menu > li:hover > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item:hover > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item:hover > .nav-link span {
  color: var(--wafs-menu-hover-text, var(--wafs-menu-link, var(--wafs-menu-text, #111827))) !important;
}

/* Main horizontal menu hover icons */
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li > a:hover i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li > a:hover .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > a:hover i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > a:hover .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link:hover i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link:hover .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li:hover > a i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li:hover > a .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item:hover > a i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item:hover > a .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item:hover > .nav-link i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item:hover > .nav-link .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > li > a:hover i,
body.webarting-fast-store #site-menu .wafs-main-menu > li > a:hover .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > a:hover i,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > a:hover .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > .nav-link:hover i,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > .nav-link:hover .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > li:hover > a i,
body.webarting-fast-store #site-menu .wafs-main-menu > li:hover > a .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item:hover > a i,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item:hover > a .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item:hover > .nav-link i,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item:hover > .nav-link .fa {
  color: var(--wafs-menu-hover-icon, var(--wafs-menu-hover-text, var(--wafs-menu-icon, #111827))) !important;
}

/* Dropdown toggle arrow on hover */
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item:hover > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link:hover::after,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item:hover > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > .nav-link:hover::after {
  color: var(--wafs-menu-hover-icon, var(--wafs-menu-hover-text, var(--wafs-menu-icon, #111827))) !important;
}


/* WebARTing FAST STORE v1.0.38 - independent sidebar category tree colors */

/*
  Fix:
  The sidebar category tree was still controlled by generic rules:
  #site-menu a, #box-category-tree a, .navbar a, .wafs-menu a, .wafs-main-menu a
  and by content link colors.
  It now has its own SubTheme variables.
*/

/* Sidebar category box */
body.webarting-fast-store #box-category-tree,
body.webarting-fast-store #box-category-tree.box,
body.webarting-fast-store #box-category-tree .card,
body.webarting-fast-store #box-category-tree .card-body,
body.webarting-fast-store #box-category-tree .box-body {
  background: var(--wafs-sidebar-category-bg, var(--wafs-content-card-bg, #ffffff)) !important;
  color: var(--wafs-sidebar-category-link, var(--wafs-content-text, #111827)) !important;
}

/* Sidebar title */
body.webarting-fast-store #box-category-tree .card-title,
body.webarting-fast-store #box-category-tree .box-title,
body.webarting-fast-store #box-category-tree h1,
body.webarting-fast-store #box-category-tree h2,
body.webarting-fast-store #box-category-tree h3 {
  color: var(--wafs-sidebar-category-title, var(--wafs-content-text, #111827)) !important;
}

/* Sidebar links - root and nested */
body.webarting-fast-store #box-category-tree .nav > li > a,
body.webarting-fast-store #box-category-tree .nav-pills > li > a,
body.webarting-fast-store #box-category-tree .nav-stacked > li > a,
body.webarting-fast-store #box-category-tree li > a,
body.webarting-fast-store #box-category-tree li > a:link,
body.webarting-fast-store #box-category-tree li > a:visited {
  background: transparent !important;
  color: var(--wafs-sidebar-category-link, var(--wafs-content-link, var(--wafs-content-text, #111827))) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Sidebar child links */
body.webarting-fast-store #box-category-tree li li > a,
body.webarting-fast-store #box-category-tree li li > a:link,
body.webarting-fast-store #box-category-tree li li > a:visited,
body.webarting-fast-store #box-category-tree .nav > li > ul > li > a,
body.webarting-fast-store #box-category-tree .nav-pills > li > ul > li > a {
  background: transparent !important;
  color: var(--wafs-sidebar-category-child-link, var(--wafs-sidebar-category-link, #111827)) !important;
}

/* Sidebar arrows/icons */
body.webarting-fast-store #box-category-tree li > a i,
body.webarting-fast-store #box-category-tree li > a .fa,
body.webarting-fast-store #box-category-tree li > a::after,
body.webarting-fast-store #box-category-tree .nav > li > a i,
body.webarting-fast-store #box-category-tree .nav > li > a .fa,
body.webarting-fast-store #box-category-tree .nav-pills > li > a i,
body.webarting-fast-store #box-category-tree .nav-pills > li > a .fa {
  color: var(--wafs-sidebar-category-icon, var(--wafs-sidebar-category-link, #111827)) !important;
}

/* Sidebar hover */
body.webarting-fast-store #box-category-tree .nav > li > a:hover,
body.webarting-fast-store #box-category-tree .nav-pills > li > a:hover,
body.webarting-fast-store #box-category-tree .nav-stacked > li > a:hover,
body.webarting-fast-store #box-category-tree li > a:hover {
  background: var(--wafs-sidebar-category-hover-bg, transparent) !important;
  color: var(--wafs-sidebar-category-hover-text, var(--wafs-sidebar-category-link, #111827)) !important;
}

body.webarting-fast-store #box-category-tree li > a:hover i,
body.webarting-fast-store #box-category-tree li > a:hover .fa,
body.webarting-fast-store #box-category-tree li > a:hover::after,
body.webarting-fast-store #box-category-tree .nav > li > a:hover i,
body.webarting-fast-store #box-category-tree .nav > li > a:hover .fa,
body.webarting-fast-store #box-category-tree .nav-pills > li > a:hover i,
body.webarting-fast-store #box-category-tree .nav-pills > li > a:hover .fa {
  color: var(--wafs-sidebar-category-hover-icon, var(--wafs-sidebar-category-hover-text, #111827)) !important;
}

/* Sidebar active/current/opened */
body.webarting-fast-store #box-category-tree .nav > li.active > a,
body.webarting-fast-store #box-category-tree .nav > li.opened > a,
body.webarting-fast-store #box-category-tree .nav-pills > li.active > a,
body.webarting-fast-store #box-category-tree .nav-pills > li.opened > a,
body.webarting-fast-store #box-category-tree li.active > a,
body.webarting-fast-store #box-category-tree li.opened > a,
body.webarting-fast-store #box-category-tree a.active,
body.webarting-fast-store #box-category-tree a[aria-current="page"] {
  background: var(--wafs-sidebar-category-active-bg, var(--wafs-sidebar-category-hover-bg, transparent)) !important;
  color: var(--wafs-sidebar-category-active-text, var(--wafs-sidebar-category-hover-text, #111827)) !important;
}

body.webarting-fast-store #box-category-tree .nav > li.active > a i,
body.webarting-fast-store #box-category-tree .nav > li.active > a .fa,
body.webarting-fast-store #box-category-tree .nav > li.active > a::after,
body.webarting-fast-store #box-category-tree .nav > li.opened > a i,
body.webarting-fast-store #box-category-tree .nav > li.opened > a .fa,
body.webarting-fast-store #box-category-tree .nav > li.opened > a::after,
body.webarting-fast-store #box-category-tree li.active > a i,
body.webarting-fast-store #box-category-tree li.active > a .fa,
body.webarting-fast-store #box-category-tree li.active > a::after,
body.webarting-fast-store #box-category-tree li.opened > a i,
body.webarting-fast-store #box-category-tree li.opened > a .fa,
body.webarting-fast-store #box-category-tree li.opened > a::after {
  color: var(--wafs-sidebar-category-active-icon, var(--wafs-sidebar-category-active-text, #ffffff)) !important;
}

/* Breadcrumb must remain content link, not sidebar/menu */
body.webarting-fast-store .breadcrumb a,
body.webarting-fast-store .breadcrumbs a,
body.webarting-fast-store #breadcrumbs a {
  color: var(--wafs-content-link, var(--wafs-content-text, #111827)) !important;
}


/* WebARTing FAST STORE v1.0.39 - clean header search pill */

/*
  Header search cleanup:
  - removes the ugly white square wrapper around search
  - places search icon/button on the right
  - border uses Products Button Background color
  - keeps the search field clean on dark/custom header backgrounds
*/

body.webarting-fast-store #site-menu .wafs-live-search-wrap,
body.webarting-fast-store #site-menu .navbar-search,
body.webarting-fast-store #site-menu #box-search,
body.webarting-fast-store #site-menu .search {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Main search form/container */
body.webarting-fast-store #site-menu .wafs-live-search,
body.webarting-fast-store #site-menu #box-search form,
body.webarting-fast-store #site-menu .navbar-search form,
body.webarting-fast-store #site-menu form[name="search_form"],
body.webarting-fast-store #site-menu form[action*="search"] {
  display: flex !important;
  align-items: stretch !important;
  flex-direction: row !important;
  overflow: hidden !important;
  min-height: 48px !important;
  width: 100% !important;
  background: var(--wafs-header-search-bg, #ffffff) !important;
  border: 2px solid var(--wafs-products-button-bg, var(--wafs-header-search-border, #ffbd2e)) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
}

/* Search input */
body.webarting-fast-store #site-menu .wafs-live-search input,
body.webarting-fast-store #site-menu #box-search input[type="search"],
body.webarting-fast-store #site-menu #box-search input[type="text"],
body.webarting-fast-store #site-menu .navbar-search input[type="search"],
body.webarting-fast-store #site-menu .navbar-search input[type="text"],
body.webarting-fast-store #site-menu form[name="search_form"] input[type="search"],
body.webarting-fast-store #site-menu form[name="search_form"] input[type="text"],
body.webarting-fast-store #site-menu form[action*="search"] input[type="search"],
body.webarting-fast-store #site-menu form[action*="search"] input[type="text"] {
  flex: 1 1 auto !important;
  order: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  line-height: 48px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--wafs-header-search-text, #111827) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 18px 0 24px !important;
  border-radius: 0 !important;
}

/* Search button / icon on the right */
body.webarting-fast-store #site-menu .wafs-live-search button,
body.webarting-fast-store #site-menu #box-search button,
body.webarting-fast-store #site-menu .navbar-search button,
body.webarting-fast-store #site-menu form[name="search_form"] button,
body.webarting-fast-store #site-menu form[action*="search"] button,
body.webarting-fast-store #site-menu .wafs-live-search .input-group-btn,
body.webarting-fast-store #site-menu #box-search .input-group-btn,
body.webarting-fast-store #site-menu .navbar-search .input-group-btn,
body.webarting-fast-store #site-menu .wafs-live-search .input-group-text,
body.webarting-fast-store #site-menu #box-search .input-group-text,
body.webarting-fast-store #site-menu .navbar-search .input-group-text {
  order: 2 !important;
  flex: 0 0 62px !important;
  width: 62px !important;
  min-width: 62px !important;
  height: 48px !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  background-image: none !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  border: 0 !important;
  border-left: 1px solid var(--wafs-products-button-bg, #ffbd2e) !important;
  border-radius: 0 999px 999px 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* If LiteCart renders the icon before input, force it to the right visually */
body.webarting-fast-store #site-menu .wafs-live-search > i,
body.webarting-fast-store #site-menu .wafs-live-search > .fa,
body.webarting-fast-store #site-menu #box-search form > i,
body.webarting-fast-store #site-menu #box-search form > .fa,
body.webarting-fast-store #site-menu .navbar-search form > i,
body.webarting-fast-store #site-menu .navbar-search form > .fa {
  order: 2 !important;
  flex: 0 0 62px !important;
  width: 62px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  border-radius: 0 999px 999px 0 !important;
  margin: 0 !important;
}

/* Icon color inside button */
body.webarting-fast-store #site-menu .wafs-live-search button i,
body.webarting-fast-store #site-menu .wafs-live-search button .fa,
body.webarting-fast-store #site-menu #box-search button i,
body.webarting-fast-store #site-menu #box-search button .fa,
body.webarting-fast-store #site-menu .navbar-search button i,
body.webarting-fast-store #site-menu .navbar-search button .fa,
body.webarting-fast-store #site-menu .wafs-live-search .input-group-text i,
body.webarting-fast-store #site-menu .wafs-live-search .input-group-text .fa,
body.webarting-fast-store #site-menu #box-search .input-group-text i,
body.webarting-fast-store #site-menu #box-search .input-group-text .fa,
body.webarting-fast-store #site-menu .navbar-search .input-group-text i,
body.webarting-fast-store #site-menu .navbar-search .input-group-text .fa {
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  font-size: 1.25rem !important;
}

/* Hover for search button */
body.webarting-fast-store #site-menu .wafs-live-search button:hover,
body.webarting-fast-store #site-menu #box-search button:hover,
body.webarting-fast-store #site-menu .navbar-search button:hover,
body.webarting-fast-store #site-menu form[name="search_form"] button:hover,
body.webarting-fast-store #site-menu form[action*="search"] button:hover {
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #ffbd2e)) !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
}

/* Placeholder */
body.webarting-fast-store #site-menu .wafs-live-search input::placeholder,
body.webarting-fast-store #site-menu #box-search input::placeholder,
body.webarting-fast-store #site-menu .navbar-search input::placeholder {
  color: color-mix(in srgb, var(--wafs-header-search-text, #111827) 55%, transparent) !important;
  opacity: 1 !important;
}

/* Remove Bootstrap/input-group leftovers that create the white square */
body.webarting-fast-store #site-menu .wafs-live-search .input-group,
body.webarting-fast-store #site-menu #box-search .input-group,
body.webarting-fast-store #site-menu .navbar-search .input-group {
  display: flex !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.webarting-fast-store #site-menu .wafs-live-search .input-group > *,
body.webarting-fast-store #site-menu #box-search .input-group > *,
body.webarting-fast-store #site-menu .navbar-search .input-group > * {
  margin: 0 !important;
}


/* WebARTing FAST STORE v1.0.40 - final right search icon + checkout text controls */

/*
  Search:
  The real theme can render the search icon as a left icon instead of a submit button.
  This version hides the left icon and creates a clean right button using ::after.
*/

body.webarting-fast-store #site-menu .wafs-live-search-wrap,
body.webarting-fast-store #site-menu .wafs-live-search,
body.webarting-fast-store #site-menu .navbar-search,
body.webarting-fast-store #site-menu #box-search,
body.webarting-fast-store #site-menu #box-search form,
body.webarting-fast-store #site-menu .navbar-search form,
body.webarting-fast-store #site-menu form[name="search_form"],
body.webarting-fast-store #site-menu form[action*="search"] {
  position: relative !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* The visible pill surface */
body.webarting-fast-store #site-menu .wafs-live-search,
body.webarting-fast-store #site-menu #box-search form,
body.webarting-fast-store #site-menu .navbar-search form,
body.webarting-fast-store #site-menu form[name="search_form"],
body.webarting-fast-store #site-menu form[action*="search"] {
  display: block !important;
  min-height: 50px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border: 2px solid var(--wafs-products-button-bg, #ffbd2e) !important;
  background: var(--wafs-header-search-bg, #ffffff) !important;
  padding: 0 !important;
}

/* Hide/neutralize any old left search icon */
body.webarting-fast-store #site-menu .wafs-live-search > i,
body.webarting-fast-store #site-menu .wafs-live-search > .fa,
body.webarting-fast-store #site-menu #box-search form > i,
body.webarting-fast-store #site-menu #box-search form > .fa,
body.webarting-fast-store #site-menu .navbar-search form > i,
body.webarting-fast-store #site-menu .navbar-search form > .fa,
body.webarting-fast-store #site-menu .wafs-live-search .input-group-text:first-child,
body.webarting-fast-store #site-menu #box-search .input-group-text:first-child,
body.webarting-fast-store #site-menu .navbar-search .input-group-text:first-child {
  display: none !important;
}

/* Input takes all space except right button */
body.webarting-fast-store #site-menu .wafs-live-search input,
body.webarting-fast-store #site-menu #box-search input[type="search"],
body.webarting-fast-store #site-menu #box-search input[type="text"],
body.webarting-fast-store #site-menu .navbar-search input[type="search"],
body.webarting-fast-store #site-menu .navbar-search input[type="text"],
body.webarting-fast-store #site-menu form[name="search_form"] input[type="search"],
body.webarting-fast-store #site-menu form[name="search_form"] input[type="text"],
body.webarting-fast-store #site-menu form[action*="search"] input[type="search"],
body.webarting-fast-store #site-menu form[action*="search"] input[type="text"] {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  line-height: 50px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--wafs-header-search-text, #111827) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 78px 0 24px !important;
  border-radius: 999px !important;
}

/* Real submit button if it exists */
body.webarting-fast-store #site-menu .wafs-live-search button,
body.webarting-fast-store #site-menu #box-search button,
body.webarting-fast-store #site-menu .navbar-search button,
body.webarting-fast-store #site-menu form[name="search_form"] button,
body.webarting-fast-store #site-menu form[action*="search"] button {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 3 !important;
  width: 62px !important;
  height: 50px !important;
  min-height: 50px !important;
  border: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* If no visible button exists, draw the button/icon on the right */
body.webarting-fast-store #site-menu .wafs-live-search::after,
body.webarting-fast-store #site-menu #box-search form::after,
body.webarting-fast-store #site-menu .navbar-search form::after,
body.webarting-fast-store #site-menu form[name="search_form"]::after,
body.webarting-fast-store #site-menu form[action*="search"]::after {
  content: "\f002" !important;
  font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 2 !important;
  width: 62px !important;
  height: 50px !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  border-radius: 0 999px 999px 0 !important;
  font-size: 1.25rem !important;
  pointer-events: none !important;
}

/* Prevent old Bootstrap input-group from recreating square wrappers */
body.webarting-fast-store #site-menu .wafs-live-search .input-group,
body.webarting-fast-store #site-menu #box-search .input-group,
body.webarting-fast-store #site-menu .navbar-search .input-group {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Checkout title/text controls */
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping h1,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping h2,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping h3,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment h1,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment h2,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment h3,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-section-title {
  color: var(--wafs-checkout-title-text, var(--wafs-content-text, #111827)) !important;
}

body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option,
body.webarting-fast-store.wafs-checkout-page .shipping-option,
body.webarting-fast-store.wafs-checkout-page .payment-option {
  background: var(--wafs-checkout-option-bg, var(--wafs-content-card-bg, #ffffff)) !important;
  color: var(--wafs-checkout-option-text, var(--wafs-content-text, #111827)) !important;
  border-color: var(--wafs-checkout-option-border, var(--wafs-content-card-border, rgba(15,23,42,.12))) !important;
}

body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option *,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option *,
body.webarting-fast-store.wafs-checkout-page .shipping-option *,
body.webarting-fast-store.wafs-checkout-page .payment-option * {
  color: var(--wafs-checkout-option-text, var(--wafs-content-text, #111827)) !important;
}

body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option .price,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option .price,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option [class*="price"],
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option [class*="price"],
body.webarting-fast-store.wafs-checkout-page .shipping-option .price,
body.webarting-fast-store.wafs-checkout-page .payment-option .price {
  color: var(--wafs-checkout-option-price, var(--wafs-checkout-option-text, #111827)) !important;
}

/* Selected checkout option */
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option.selected,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option.selected,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option.is-selected,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option.is-selected,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option:has(input:checked),
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option:has(input:checked),
body.webarting-fast-store.wafs-checkout-page .shipping-option.selected,
body.webarting-fast-store.wafs-checkout-page .payment-option.selected {
  background: var(--wafs-checkout-option-selected-bg, var(--wafs-checkout-option-bg, #ffffff)) !important;
  color: var(--wafs-checkout-option-selected-text, var(--wafs-checkout-option-text, #111827)) !important;
  border-color: var(--wafs-checkout-option-selected-border, #86efac) !important;
}

body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option.selected *,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option.selected *,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option.is-selected *,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option.is-selected *,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option:has(input:checked) *,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option:has(input:checked) *,
body.webarting-fast-store.wafs-checkout-page .shipping-option.selected *,
body.webarting-fast-store.wafs-checkout-page .payment-option.selected * {
  color: var(--wafs-checkout-option-selected-text, var(--wafs-checkout-option-text, #111827)) !important;
}

body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option.selected .price,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option.selected .price,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option.is-selected .price,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option.is-selected .price,
body.webarting-fast-store.wafs-checkout-page #box-checkout-shipping .option:has(input:checked) .price,
body.webarting-fast-store.wafs-checkout-page #box-checkout-payment .option:has(input:checked) .price,
body.webarting-fast-store.wafs-checkout-page .shipping-option.selected .price,
body.webarting-fast-store.wafs-checkout-page .payment-option.selected .price {
  color: var(--wafs-checkout-option-selected-price, var(--wafs-checkout-option-selected-text, #111827)) !important;
}

/* WebARTing FAST STORE v1.0.41 - search bar sane + footer card purge */

/* SEARCH: one clean pill, no left icon, one right button/icon */
body.webarting-fast-store #site-menu .wafs-live-search-wrap,
body.webarting-fast-store #site-menu .navbar-search,
body.webarting-fast-store #site-menu #box-search {
  position: relative !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.webarting-fast-store #site-menu .wafs-live-search,
body.webarting-fast-store #site-menu #box-search form,
body.webarting-fast-store #site-menu .navbar-search form,
body.webarting-fast-store #site-menu form[name="search_form"],
body.webarting-fast-store #site-menu form[action*="search"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  overflow: hidden !important;
  background: var(--wafs-header-search-bg, #ffffff) !important;
  border: 2px solid var(--wafs-products-button-bg, #ffbd2e) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
}

/* Kill every old/left search icon from real markup */
body.webarting-fast-store #site-menu .wafs-live-search > i,
body.webarting-fast-store #site-menu .wafs-live-search > .fa,
body.webarting-fast-store #site-menu .wafs-live-search > svg,
body.webarting-fast-store #site-menu .wafs-live-search i.fa-search,
body.webarting-fast-store #site-menu .wafs-live-search .fa-search:not(button .fa-search),
body.webarting-fast-store #site-menu #box-search form > i,
body.webarting-fast-store #site-menu #box-search form > .fa,
body.webarting-fast-store #site-menu #box-search form > svg,
body.webarting-fast-store #site-menu #box-search i.fa-search,
body.webarting-fast-store #site-menu #box-search .fa-search:not(button .fa-search),
body.webarting-fast-store #site-menu .navbar-search form > i,
body.webarting-fast-store #site-menu .navbar-search form > .fa,
body.webarting-fast-store #site-menu .navbar-search form > svg,
body.webarting-fast-store #site-menu .navbar-search i.fa-search,
body.webarting-fast-store #site-menu .navbar-search .fa-search:not(button .fa-search),
body.webarting-fast-store #site-menu .wafs-live-search .input-group-text:first-child,
body.webarting-fast-store #site-menu #box-search .input-group-text:first-child,
body.webarting-fast-store #site-menu .navbar-search .input-group-text:first-child {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.webarting-fast-store #site-menu .wafs-live-search input,
body.webarting-fast-store #site-menu #box-search input[type="search"],
body.webarting-fast-store #site-menu #box-search input[type="text"],
body.webarting-fast-store #site-menu .navbar-search input[type="search"],
body.webarting-fast-store #site-menu .navbar-search input[type="text"],
body.webarting-fast-store #site-menu form[name="search_form"] input[type="search"],
body.webarting-fast-store #site-menu form[name="search_form"] input[type="text"],
body.webarting-fast-store #site-menu form[action*="search"] input[type="search"],
body.webarting-fast-store #site-menu form[action*="search"] input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--wafs-header-search-text, #111827) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 999px 0 0 999px !important;
  padding: 0 18px 0 24px !important;
  margin: 0 !important;
}

body.webarting-fast-store #site-menu .wafs-live-search button,
body.webarting-fast-store #site-menu #box-search button,
body.webarting-fast-store #site-menu .navbar-search button,
body.webarting-fast-store #site-menu form[name="search_form"] button,
body.webarting-fast-store #site-menu form[action*="search"] button,
body.webarting-fast-store #site-menu .wafs-live-search input[type="submit"],
body.webarting-fast-store #site-menu #box-search input[type="submit"],
body.webarting-fast-store #site-menu .navbar-search input[type="submit"] {
  position: relative !important;
  flex: 0 0 62px !important;
  width: 62px !important;
  min-width: 62px !important;
  max-width: 62px !important;
  height: 48px !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  background-image: none !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  border: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

body.webarting-fast-store #site-menu .wafs-live-search:not(:has(button)):not(:has(input[type="submit"]))::after,
body.webarting-fast-store #site-menu #box-search form:not(:has(button)):not(:has(input[type="submit"]))::after,
body.webarting-fast-store #site-menu .navbar-search form:not(:has(button)):not(:has(input[type="submit"]))::after,
body.webarting-fast-store #site-menu form[name="search_form"]:not(:has(button)):not(:has(input[type="submit"]))::after,
body.webarting-fast-store #site-menu form[action*="search"]:not(:has(button)):not(:has(input[type="submit"]))::after {
  content: "\f002" !important;
  font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  flex: 0 0 62px !important;
  width: 62px !important;
  height: 48px !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  border-radius: 0 999px 999px 0 !important;
  font-size: 1.2rem !important;
  pointer-events: none !important;
}

/* FOOTER: remove original blue/dark contact cards. Keep only text/icons. */
body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-grid,
body.webarting-fast-store .wafs-footer .wafs-footer-info-grid,
body.webarting-fast-store .wafs-footer .wafs-footer-top,
body.webarting-fast-store .wafs-footer .footer-contact-cards,
body.webarting-fast-store .wafs-footer .footer-contact-grid,
body.webarting-fast-store .wafs-footer .footer-info-grid,
body.webarting-fast-store .wafs-footer .footer-top {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  backdrop-filter: none !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-top > *,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards > *,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-grid > *,
body.webarting-fast-store .wafs-footer .wafs-footer-info-grid > *,
body.webarting-fast-store .wafs-footer .footer-top > *,
body.webarting-fast-store .wafs-footer .footer-contact-cards > *,
body.webarting-fast-store .wafs-footer .footer-contact-grid > *,
body.webarting-fast-store .wafs-footer .footer-info-grid > *,
body.webarting-fast-store .wafs-footer [class*="contact-card"],
body.webarting-fast-store .wafs-footer [class*="info-card"],
body.webarting-fast-store .wafs-footer [class*="help-card"],
body.webarting-fast-store .wafs-footer [class*="form-card"],
body.webarting-fast-store .wafs-footer [class*="support-card"],
body.webarting-fast-store .wafs-footer [class*="service-card"] {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  backdrop-filter: none !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-top > *::before,
body.webarting-fast-store .wafs-footer .wafs-footer-top > *::after,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards > *::before,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards > *::after,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-grid > *::before,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-grid > *::after,
body.webarting-fast-store .wafs-footer .wafs-footer-info-grid > *::before,
body.webarting-fast-store .wafs-footer .wafs-footer-info-grid > *::after,
body.webarting-fast-store .wafs-footer [class*="contact-card"]::before,
body.webarting-fast-store .wafs-footer [class*="contact-card"]::after,
body.webarting-fast-store .wafs-footer [class*="info-card"]::before,
body.webarting-fast-store .wafs-footer [class*="info-card"]::after,
body.webarting-fast-store .wafs-footer [class*="help-card"]::before,
body.webarting-fast-store .wafs-footer [class*="help-card"]::after,
body.webarting-fast-store .wafs-footer [class*="form-card"]::before,
body.webarting-fast-store .wafs-footer [class*="form-card"]::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-contact-icon,
body.webarting-fast-store .wafs-footer [class*="contact-icon"],
body.webarting-fast-store .wafs-footer [class*="info-icon"],
body.webarting-fast-store .wafs-footer [class*="help-icon"],
body.webarting-fast-store .wafs-footer [class*="form-icon"] {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: var(--wafs-footer-icon, var(--wafs-footer-link, var(--wafs-footer-text, #e5e7eb))) !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-contact-card:hover,
body.webarting-fast-store .wafs-footer [class*="contact-card"]:hover,
body.webarting-fast-store .wafs-footer [class*="info-card"]:hover,
body.webarting-fast-store .wafs-footer [class*="help-card"]:hover,
body.webarting-fast-store .wafs-footer [class*="form-card"]:hover {
  transform: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* WebARTing FAST STORE v1.0.42 - real search button + footer plain contacts */

/* ==========================================================
   HEADER SEARCH - REAL BUTTON, FULL CLICKABLE INPUT AREA
   ========================================================== */

body.webarting-fast-store #site-menu .wafs-live-search-wrap {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
}

body.webarting-fast-store #site-menu form.wafs-search,
body.webarting-fast-store #site-menu .wafs-search.navbar-search,
body.webarting-fast-store #site-menu .wafs-live-search-wrap > form {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  overflow: hidden !important;
  background: var(--wafs-header-search-bg, #ffffff) !important;
  border: 2px solid var(--wafs-products-button-bg, #ffbd2e) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* remove every old/left icon created by previous versions or LiteCart */
body.webarting-fast-store #site-menu form.wafs-search > i,
body.webarting-fast-store #site-menu form.wafs-search > .fa,
body.webarting-fast-store #site-menu form.wafs-search > svg,
body.webarting-fast-store #site-menu form.wafs-search i.fa-search:not(.wafs-search-submit i),
body.webarting-fast-store #site-menu form.wafs-search .input-group-text,
body.webarting-fast-store #site-menu .wafs-live-search-wrap > i,
body.webarting-fast-store #site-menu .wafs-live-search-wrap > .fa,
body.webarting-fast-store #site-menu .wafs-live-search-wrap > svg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* cancel the fake ::after search button from v1.0.40/41 */
body.webarting-fast-store #site-menu .wafs-live-search::after,
body.webarting-fast-store #site-menu #box-search form::after,
body.webarting-fast-store #site-menu .navbar-search form::after,
body.webarting-fast-store #site-menu form[name="search_form"]::after,
body.webarting-fast-store #site-menu form[action*="search"]::after,
body.webarting-fast-store #site-menu form.wafs-search::after {
  content: none !important;
  display: none !important;
}

/* input covers the whole left search area */
body.webarting-fast-store #site-menu form.wafs-search input[name="query"],
body.webarting-fast-store #site-menu form.wafs-search input[type="search"],
body.webarting-fast-store #site-menu form.wafs-search input[type="text"] {
  flex: 1 1 auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  line-height: 50px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--wafs-header-search-text, #111827) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 999px 0 0 999px !important;
  padding: 0 20px 0 24px !important;
  margin: 0 !important;
  cursor: text !important;
}

/* real right-side button */
body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit {
  flex: 0 0 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 50px !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  background-color: var(--wafs-products-button-bg, #ffbd2e) !important;
  background-image: none !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  border: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit i,
body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit .fa {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  font-size: 1.22rem !important;
  line-height: 1 !important;
}

body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit:hover {
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #ffbd2e)) !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
}

body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit:hover i,
body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit:hover .fa {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, #111827)) !important;
}

/* make sure bootstrap/input-group leftovers cannot shrink the clickable input */
body.webarting-fast-store #site-menu form.wafs-search .input-group,
body.webarting-fast-store #site-menu form.wafs-search .form-group {
  display: contents !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ==========================================================
   FOOTER - PLAIN CONTACTS ONLY, NO CARDS/PANELS
   ========================================================== */

body.webarting-fast-store .wafs-footer .wafs-footer-plain-contacts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.2rem !important;
  align-items: start !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-plain-contact {
  display: flex !important;
  align-items: flex-start !important;
  gap: .7rem !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  backdrop-filter: none !important;
  text-decoration: none !important;
  transform: none !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-plain-contact:hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-plain-contact::before,
body.webarting-fast-store .wafs-footer .wafs-footer-plain-contact::after,
body.webarting-fast-store .wafs-footer .wafs-footer-plain-contacts::before,
body.webarting-fast-store .wafs-footer .wafs-footer-plain-contacts::after {
  content: none !important;
  display: none !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-plain-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin-top: .15rem !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: var(--wafs-footer-icon, var(--wafs-footer-link, var(--wafs-footer-text, #dbe7f6))) !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-plain-icon i,
body.webarting-fast-store .wafs-footer .wafs-footer-plain-icon .fa {
  color: var(--wafs-footer-icon, var(--wafs-footer-link, var(--wafs-footer-text, #dbe7f6))) !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-plain-contact strong {
  display: block !important;
  color: var(--wafs-footer-link, var(--wafs-footer-text, #ffffff)) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.webarting-fast-store .wafs-footer .wafs-footer-plain-contact small {
  display: block !important;
  margin-top: .2rem !important;
  color: var(--wafs-footer-text, #a9b8cc) !important;
  line-height: 1.35 !important;
}

/* keep old card selectors dead in case cached/older markup survives */
body.webarting-fast-store .wafs-footer .wafs-footer-contact-cards,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-card,
body.webarting-fast-store .wafs-footer .wafs-footer-contact-icon {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

@media (max-width: 767px) {
  body.webarting-fast-store .wafs-footer .wafs-footer-plain-contacts {
    grid-template-columns: 1fr !important;
  }
}


/* WebARTing FAST STORE v1.0.43 - restore real search submit icon */

/*
  Fix:
  The old "hide left search icon" selectors were too aggressive and could also hide
  the new real icon inside .wafs-search-submit.
  This block is intentionally last and stronger.
*/

body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit,
body.webarting-fast-store #site-menu form.wafs-search button.wafs-search-submit {
  position: relative !important;
  flex: 0 0 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 50px !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--wafs-products-button-bg, #ffbd2e) !important;
  background-color: var(--wafs-products-button-bg, #ffbd2e) !important;
  background-image: none !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  border: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit > i,
body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit > .fa,
body.webarting-fast-store #site-menu form.wafs-search button.wafs-search-submit > i,
body.webarting-fast-store #site-menu form.wafs-search button.wafs-search-submit > .fa,
body.webarting-fast-store #site-menu .wafs-search-submit .fa-search,
body.webarting-fast-store #site-menu .wafs-search-submit i.fa-search {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  transform: none !important;
}

/* Fallback: if FontAwesome is not rendered, draw the magnifier through CSS */
body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit:empty::before,
body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit:not(:has(i))::before,
body.webarting-fast-store #site-menu form.wafs-search .wafs-search-submit:not(:has(.fa))::before {
  content: "\f002" !important;
  font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  display: inline-block !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}


/* WebARTing FAST STORE v1.0.44 - homepage product rows fill full width */

/*
  Fix:
  Product lists on the homepage were aligned left with unused empty space on the right.
  We keep category carousel untouched and only normalize product listing sections.
*/

/* Homepage product boxes should use the full card width */
body.webarting-fast-store .wafs-home-section #box-featured-products .listing.products,
body.webarting-fast-store .wafs-home-section #box-latest-products .listing.products,
body.webarting-fast-store .wafs-home-section #box-campaign-products .listing.products,
body.webarting-fast-store .wafs-home-section #box-popular-products .listing.products,
body.webarting-fast-store .wafs-home-section #box-most-popular-products .listing.products,
body.webarting-fast-store .wafs-home-section #box-recently-viewed-products .listing.products,
body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 1.15rem !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* Product cards inside those rows must stretch to their grid column */
body.webarting-fast-store .wafs-home-section #box-featured-products .listing.products > .product,
body.webarting-fast-store .wafs-home-section #box-latest-products .listing.products > .product,
body.webarting-fast-store .wafs-home-section #box-campaign-products .listing.products > .product,
body.webarting-fast-store .wafs-home-section #box-popular-products .listing.products > .product,
body.webarting-fast-store .wafs-home-section #box-most-popular-products .listing.products > .product,
body.webarting-fast-store .wafs-home-section #box-recently-viewed-products .listing.products > .product,
body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products > .product,
body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products > article.product {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Product card links/content fill the column cleanly */
body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products > .product > a,
body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products > article.product > a,
body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products .product .link {
  width: 100% !important;
  height: 100% !important;
}

/* Keep classic LiteCart column classes from shrinking the row */
body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products > [class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* When there are exactly 6 items, fill a clean 6-column row on desktop */
@media (min-width: 1200px) {
  body.webarting-fast-store .wafs-home-section #box-featured-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-latest-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-campaign-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-popular-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-most-popular-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-recently-viewed-products .listing.products,
  body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
  body.webarting-fast-store .wafs-home-section #box-featured-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-latest-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-campaign-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-popular-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-most-popular-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-recently-viewed-products .listing.products,
  body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.webarting-fast-store .wafs-home-section #box-featured-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-latest-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-campaign-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-popular-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-most-popular-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-recently-viewed-products .listing.products,
  body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .85rem !important;
  }
}

@media (max-width: 420px) {
  body.webarting-fast-store .wafs-home-section #box-featured-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-latest-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-campaign-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-popular-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-most-popular-products .listing.products,
  body.webarting-fast-store .wafs-home-section #box-recently-viewed-products .listing.products,
  body.webarting-fast-store .wafs-home-section .box:not(.wafs-category-box) .listing.products {
    grid-template-columns: 1fr !important;
  }
}

/* Do NOT apply the product grid to the category carousel */
body.webarting-fast-store .wafs-category-box .listing.categories,
body.webarting-fast-store .wafs-category-carousel .listing.categories,
body.webarting-fast-store #box-categories .listing.categories {
  display: flex !important;
}


/* WebARTing FAST STORE v1.0.46 - lightbox above header + stock status cleanup */

/* Product image lightbox must cover sticky header/menu */
body.webarting-fast-store .featherlight,
body.webarting-fast-store .featherlight:last-of-type,
.featherlight,
.featherlight:last-of-type {
  z-index: 999999 !important;
}

body.webarting-fast-store .featherlight .featherlight-content,
.featherlight .featherlight-content {
  z-index: 1000000 !important;
  position: relative !important;
}

/* When a lightbox is open, make sure header cannot sit above it */
html.with-featherlight body.webarting-fast-store #site-menu,
html.with-featherlight body.webarting-fast-store .wafs-header-shell,
html.with-featherlight body.webarting-fast-store .wafs-mainbar,
html.with-featherlight body.webarting-fast-store .wafs-navrow {
  z-index: 1 !important;
}

/* Upper stock status line: icon + clean label */
body.webarting-fast-store .wafs-stock-status .wafs-stock-status-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  font-weight: 700 !important;
}

body.webarting-fast-store .wafs-stock-status .wafs-stock-status-label i,
body.webarting-fast-store .wafs-stock-status .wafs-stock-status-label .fa {
  color: currentColor !important;
  font-size: .95em !important;
  line-height: 1 !important;
}

/* Safety for older cached markup: hide lower duplicate stock notice */
body.webarting-fast-store .product .out-of-stock-notice,
body.webarting-fast-store #box-product .out-of-stock-notice {
  display: none !important;
}


/* WebARTing FAST STORE v1.0.47 - separate main menu active/current colors */

/*
  Admin fields added:
  - Main Menu Active Background -> --wafs-menu-active-bg
  - Main Menu Active Fonts      -> --wafs-menu-active-text
  - Main Menu Active Icons      -> --wafs-menu-active-icon

  Hover remains controlled by:
  - Menu Hover Background
  - Menu Hover Fonts
  - Menu Hover Icons

  Normal state remains controlled by:
  - Main Menu Link Fonts
  - Main Menu Icons
*/

/* Normal dropdown arrows/icons must follow Main Menu Icons, not generic text */
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li > a::after,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-main-menu > li > a::after {
  color: var(--wafs-menu-icon, var(--wafs-menu-link, var(--wafs-menu-text, #111827))) !important;
}

/* Active/current main menu item background */
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.active > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.active > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.active > .nav-link,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.current > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.current > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.current > .nav-link,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.selected > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.selected > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.selected > .nav-link,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.open > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.open > a,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.open > .nav-link,
body.webarting-fast-store #site-menu .wafs-main-menu > li.active > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.active > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.active > .nav-link,
body.webarting-fast-store #site-menu .wafs-main-menu > li.current > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.current > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.current > .nav-link,
body.webarting-fast-store #site-menu .wafs-main-menu > li.selected > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.selected > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.selected > .nav-link,
body.webarting-fast-store #site-menu .wafs-main-menu > li.open > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.open > a,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.open > .nav-link {
  background: var(--wafs-menu-active-bg, var(--wafs-menu-hover-bg, transparent)) !important;
  color: var(--wafs-menu-active-text, var(--wafs-menu-hover-text, var(--wafs-menu-link, #111827))) !important;
}

/* Active/current main menu text descendants */
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.active > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.active > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.active > .nav-link span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.current > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.current > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.current > .nav-link span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.selected > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.selected > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.selected > .nav-link span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.open > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.open > a span,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.open > .nav-link span,
body.webarting-fast-store #site-menu .wafs-main-menu > li.active > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.active > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.active > .nav-link span,
body.webarting-fast-store #site-menu .wafs-main-menu > li.current > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.current > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.current > .nav-link span,
body.webarting-fast-store #site-menu .wafs-main-menu > li.selected > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.selected > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.selected > .nav-link span,
body.webarting-fast-store #site-menu .wafs-main-menu > li.open > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.open > a span,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.open > .nav-link span {
  color: var(--wafs-menu-active-text, var(--wafs-menu-hover-text, var(--wafs-menu-link, #111827))) !important;
}

/* Active/current main menu icons and dropdown arrows */
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.active > a i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.active > a .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.active > .nav-link i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.active > .nav-link .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.active > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.current > a i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.current > a .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.current > .nav-link i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.current > .nav-link .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.current > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.selected > a i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.selected > a .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.selected > .nav-link i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.selected > .nav-link .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.selected > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.open > a i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > li.open > a .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.open > .nav-link i,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.open > .nav-link .fa,
body.webarting-fast-store #site-menu .wafs-navrow .navbar-nav > .nav-item.open > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-main-menu > li.active > a i,
body.webarting-fast-store #site-menu .wafs-main-menu > li.active > a .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.active > .nav-link i,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.active > .nav-link .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.active > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-main-menu > li.current > a i,
body.webarting-fast-store #site-menu .wafs-main-menu > li.current > a .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.current > .nav-link i,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.current > .nav-link .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.current > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-main-menu > li.selected > a i,
body.webarting-fast-store #site-menu .wafs-main-menu > li.selected > a .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.selected > .nav-link i,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.selected > .nav-link .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.selected > .nav-link::after,
body.webarting-fast-store #site-menu .wafs-main-menu > li.open > a i,
body.webarting-fast-store #site-menu .wafs-main-menu > li.open > a .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.open > .nav-link i,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.open > .nav-link .fa,
body.webarting-fast-store #site-menu .wafs-main-menu > .nav-item.open > .nav-link::after {
  color: var(--wafs-menu-active-icon, var(--wafs-menu-active-text, var(--wafs-menu-hover-icon, var(--wafs-menu-icon, #111827)))) !important;
}


/* WebARTing FAST STORE v1.0.48 - products button icon + rounded mega hover */

/*
  Product trigger button:
  - Background: Products Button Background
  - Text: Products Button Font
  - Icon: Products Button Icon

  Mega menu:
  - Hover background: Mega Menu Hover Background
  - Hover fonts: Mega Menu Hover Fonts
  - Active item background: Mega Active Item Background
  - Active item fonts: Mega Active Item Fonts
*/

/* Products button icon / hamburger must follow Products Button Icon */
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu .wafs-products-trigger i,
body.webarting-fast-store #site-menu .wafs-products-trigger .fa,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu button.wafs-products-trigger i,
body.webarting-fast-store #site-menu button.wafs-products-trigger .fa {
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  border-color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
}

/* If hamburger is drawn with currentColor backgrounds */
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::after {
  background-color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
}

/* In case hamburger is drawn with spans */
body.webarting-fast-store #site-menu .wafs-products-trigger span.wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon span,
body.webarting-fast-store #site-menu .wafs-products-trigger .hamburger,
body.webarting-fast-store #site-menu .wafs-products-trigger .hamburger span {
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  border-color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
}

/* Hover state for products button icon */
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover i,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .fa,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open i,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .fa {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827))) !important;
  border-color: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827))) !important;
}

/* Hover state for hamburger pseudo lines */
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon::after {
  background-color: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827))) !important;
}

/* Mega menu hover must be rounded like the left category column */
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content a,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel a,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-list a {
  border-radius: 9px !important;
  transition: background-color .15s ease, color .15s ease, padding-left .15s ease !important;
}

/* Mega menu hover background/text */
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a:hover,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content a:hover,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel a:hover,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-list a:hover,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a:focus,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content a:focus,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel a:focus,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-list a:focus {
  background: var(--wafs-mega-hover-bg, var(--wafs-menu-hover-bg, #f3b102)) !important;
  color: var(--wafs-mega-hover-text, var(--wafs-menu-hover-text, #111827)) !important;
  border-radius: 9px !important;
  padding-left: .55rem !important;
  padding-right: .55rem !important;
  text-decoration: none !important;
}

/* Mega active/current item rounded */
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a.active,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content a.active,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel a.active,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-list a.active,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a.current,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content a.current,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel a.current,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-list a.current,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a[aria-current="page"],
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content a[aria-current="page"],
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel a[aria-current="page"],
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-list a[aria-current="page"] {
  background: var(--wafs-mega-active-bg, var(--wafs-mega-hover-bg, #f3b102)) !important;
  color: var(--wafs-mega-active-text, var(--wafs-mega-hover-text, #111827)) !important;
  border-radius: 9px !important;
  padding-left: .55rem !important;
  padding-right: .55rem !important;
}

/* Mega menu icon color remains separate */
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group i,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group .fa,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel i,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel .fa {
  color: var(--wafs-mega-icon, var(--wafs-mega-text, #111827)) !important;
}


/* WebARTing FAST STORE v1.0.49 - strict products icon fix + mega menu restore */

/*
  Fixes only the requested points:
  1. Products button hamburger icon follows "Products Button Icon".
  2. Products button hamburger does not disappear on hover/open.
  3. Mega menu submenu headings lose the unwanted underline/border decoration.
  4. Mega menu submenu links return to normal/thin weight.
*/

/* Products button text/background remain controlled by existing settings */
body.webarting-fast-store #site-menu .wafs-products-trigger {
  background: var(--wafs-products-button-bg, #f3b103) !important;
  color: var(--wafs-products-button-text, #ffffff) !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger:hover,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open {
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #ffffff)) !important;
}

/*
  Hamburger line is drawn by .wafs-products-trigger-icon plus ::before/::after.
  The center line needs background-color; pseudo-lines need the same.
*/
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon {
  display: inline-block !important;
  width: 24px !important;
  height: 2px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  background: var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff)) !important;
  background-color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff)) !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  position: relative !important;
  flex: 0 0 24px !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::after {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff)) !important;
  background-color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  position: absolute !important;
  left: 0 !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::before {
  top: -7px !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::after {
  top: 7px !important;
}

/* Hover/open icon color: do not disappear */
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon::after {
  background: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff))) !important;
  background-color: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff))) !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff))) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Keep products button label visible */
body.webarting-fast-store #site-menu .wafs-products-trigger span:not(.wafs-products-trigger-icon) {
  color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Undo the unwanted heading decoration/underline in mega menu */
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group-title,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group strong,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group > strong,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a.wafs-mega-group-title,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group .wafs-mega-group-title a {
  border: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  color: var(--wafs-mega-heading, var(--wafs-mega-text, #111827)) !important;
}

/* Mega menu submenu links: normal/thin font again */
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content a,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel a,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-list a {
  font-weight: 400 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Headings can stay slightly stronger, but without border */
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group-title,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group strong {
  font-weight: 600 !important;
}

/* Rounded hover only on actual submenu/category links, no underline/border */
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a:hover,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content a:hover,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel a:hover,
body.webarting-fast-store .wafs-desktop-mega .wafs-mega-list a:hover {
  border-radius: 9px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}


/* WebARTing FAST STORE v1.0.50 - clean products icon + product/badge color controls */

/*
  New Content SubTheme fields:
  - Product Card Border
  - Product Card Hover Border
  - Product Badge New Background
  - Product Badge New Font
  - Product Badge Sale Background
  - Product Badge Sale Font
  - Product Badge General Background
  - Product Badge General Font
*/

/* Clean FontAwesome icon for Products button */
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  max-width: none !important;
  max-height: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff)) !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  overflow: visible !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::after {
  display: none !important;
  content: none !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon .fa {
  display: inline-block !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff)) !important;
  font-size: 1.15rem !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  border: 0 !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon .fa,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon .fa {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff))) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Product card border controls */
body.webarting-fast-store .product-column .product,
body.webarting-fast-store .listing.products .product,
body.webarting-fast-store .products .product,
body.webarting-fast-store article.product,
body.webarting-fast-store .product-card,
body.webarting-fast-store .wafs-product-card {
  border-color: var(--wafs-product-card-border, var(--wafs-content-card-border, #e5e7eb)) !important;
}

body.webarting-fast-store .product-column .product:hover,
body.webarting-fast-store .listing.products .product:hover,
body.webarting-fast-store .products .product:hover,
body.webarting-fast-store article.product:hover,
body.webarting-fast-store .product-card:hover,
body.webarting-fast-store .wafs-product-card:hover {
  border-color: var(--wafs-product-card-hover-border, var(--wafs-product-card-border, var(--wafs-content-card-border, #e5e7eb))) !important;
}

/* Generic product badges fallback */
body.webarting-fast-store .product .badge,
body.webarting-fast-store .product .label,
body.webarting-fast-store .product .sticker,
body.webarting-fast-store .product .ribbon,
body.webarting-fast-store .wafs-product-badge {
  background-color: var(--wafs-product-badge-general-bg, var(--wafs-button-bg, #f3b103)) !important;
  color: var(--wafs-product-badge-general-text, var(--wafs-button-text, #ffffff)) !important;
}

/* New badge/sticker/ribbon */
body.webarting-fast-store .product .badge.new,
body.webarting-fast-store .product .label.new,
body.webarting-fast-store .product .sticker.new,
body.webarting-fast-store .product .ribbon.new,
body.webarting-fast-store .product [class*="new"],
body.webarting-fast-store .wafs-badge-new,
body.webarting-fast-store .wafs-ribbon-new {
  background-color: var(--wafs-product-badge-new-bg, var(--wafs-product-badge-general-bg, var(--wafs-button-bg, #f3b103))) !important;
  color: var(--wafs-product-badge-new-text, var(--wafs-product-badge-general-text, var(--wafs-button-text, #ffffff))) !important;
}

/* Sale badge/sticker/ribbon */
body.webarting-fast-store .product .badge.sale,
body.webarting-fast-store .product .label.sale,
body.webarting-fast-store .product .sticker.sale,
body.webarting-fast-store .product .ribbon.sale,
body.webarting-fast-store .product [class*="sale"],
body.webarting-fast-store .wafs-badge-sale,
body.webarting-fast-store .wafs-ribbon-sale {
  background-color: var(--wafs-product-badge-sale-bg, #dc2626) !important;
  color: var(--wafs-product-badge-sale-text, #ffffff) !important;
}

/* Diagonal ribbon often uses pseudo element or gradient */
body.webarting-fast-store .product .sticker::before,
body.webarting-fast-store .product .ribbon::before,
body.webarting-fast-store .wafs-product-badge::before,
body.webarting-fast-store .wafs-ribbon-new::before {
  background-color: inherit !important;
  border-color: var(--wafs-product-badge-new-bg, var(--wafs-product-badge-general-bg, var(--wafs-button-bg, #f3b103))) !important;
}


/* WebARTing FAST STORE v1.0.51 - content buttons, badges, clean frontend status */

/* Content buttons and add-to-cart */
body.webarting-fast-store #content-wrapper a.btn:not(.wafs-products-trigger),
body.webarting-fast-store #content-wrapper button.btn:not(.wafs-products-trigger),
body.webarting-fast-store #content-wrapper .btn-primary,
body.webarting-fast-store #content-wrapper .btn-default,
body.webarting-fast-store #content-wrapper .btn-success,
body.webarting-fast-store #content-wrapper .btn-cart,
body.webarting-fast-store #content-wrapper .btn-buy,
body.webarting-fast-store #content-wrapper [type="submit"].btn,
body.webarting-fast-store #content-wrapper button[name="add_cart_product"],
body.webarting-fast-store #content-wrapper button[name="add_to_cart"],
body.webarting-fast-store #content-wrapper .add-to-cart,
body.webarting-fast-store #content-wrapper .wafs-add-to-cart,
body.webarting-fast-store #content-wrapper .cart button,
body.webarting-fast-store #content-wrapper .cart .button,
body.webarting-fast-store .product .btn,
body.webarting-fast-store article.product .btn,
body.webarting-fast-store .product .button,
body.webarting-fast-store article.product .button,
body.webarting-fast-store .product .btn-cart,
body.webarting-fast-store article.product .btn-cart {
  background: var(--wafs-button-bg, #f3b103) !important;
  background-color: var(--wafs-button-bg, #f3b103) !important;
  color: var(--wafs-button-text, #ffffff) !important;
  border-color: var(--wafs-button-border, var(--wafs-button-bg, #f3b103)) !important;
}

body.webarting-fast-store #content-wrapper a.btn:not(.wafs-products-trigger) *,
body.webarting-fast-store #content-wrapper button.btn:not(.wafs-products-trigger) *,
body.webarting-fast-store #content-wrapper .btn-primary *,
body.webarting-fast-store #content-wrapper .btn-default *,
body.webarting-fast-store #content-wrapper .btn-success *,
body.webarting-fast-store #content-wrapper .btn-cart *,
body.webarting-fast-store #content-wrapper .btn-buy *,
body.webarting-fast-store #content-wrapper button[name="add_cart_product"] *,
body.webarting-fast-store #content-wrapper button[name="add_to_cart"] *,
body.webarting-fast-store #content-wrapper .add-to-cart *,
body.webarting-fast-store #content-wrapper .wafs-add-to-cart *,
body.webarting-fast-store #content-wrapper .cart button *,
body.webarting-fast-store #content-wrapper .cart .button *,
body.webarting-fast-store .product .btn *,
body.webarting-fast-store article.product .btn *,
body.webarting-fast-store .product .button *,
body.webarting-fast-store article.product .button *,
body.webarting-fast-store .product .btn-cart *,
body.webarting-fast-store article.product .btn-cart * {
  color: inherit !important;
}

body.webarting-fast-store #content-wrapper a.btn:not(.wafs-products-trigger) i,
body.webarting-fast-store #content-wrapper button.btn:not(.wafs-products-trigger) i,
body.webarting-fast-store #content-wrapper .btn-primary i,
body.webarting-fast-store #content-wrapper .btn-default i,
body.webarting-fast-store #content-wrapper .btn-success i,
body.webarting-fast-store #content-wrapper .btn-cart i,
body.webarting-fast-store #content-wrapper .btn-buy i,
body.webarting-fast-store #content-wrapper button[name="add_cart_product"] i,
body.webarting-fast-store #content-wrapper button[name="add_to_cart"] i,
body.webarting-fast-store #content-wrapper .add-to-cart i,
body.webarting-fast-store #content-wrapper .wafs-add-to-cart i,
body.webarting-fast-store #content-wrapper .cart button i,
body.webarting-fast-store #content-wrapper .cart .button i,
body.webarting-fast-store .product .btn i,
body.webarting-fast-store article.product .btn i,
body.webarting-fast-store .product .button i,
body.webarting-fast-store article.product .button i,
body.webarting-fast-store .product .btn-cart i,
body.webarting-fast-store article.product .btn-cart i {
  color: var(--wafs-button-icon, var(--wafs-button-text, #ffffff)) !important;
}

body.webarting-fast-store #content-wrapper a.btn:not(.wafs-products-trigger):hover,
body.webarting-fast-store #content-wrapper button.btn:not(.wafs-products-trigger):hover,
body.webarting-fast-store #content-wrapper .btn-primary:hover,
body.webarting-fast-store #content-wrapper .btn-default:hover,
body.webarting-fast-store #content-wrapper .btn-success:hover,
body.webarting-fast-store #content-wrapper .btn-cart:hover,
body.webarting-fast-store #content-wrapper .btn-buy:hover,
body.webarting-fast-store #content-wrapper [type="submit"].btn:hover,
body.webarting-fast-store #content-wrapper button[name="add_cart_product"]:hover,
body.webarting-fast-store #content-wrapper button[name="add_to_cart"]:hover,
body.webarting-fast-store #content-wrapper .add-to-cart:hover,
body.webarting-fast-store #content-wrapper .wafs-add-to-cart:hover,
body.webarting-fast-store #content-wrapper .cart button:hover,
body.webarting-fast-store #content-wrapper .cart .button:hover,
body.webarting-fast-store .product .btn:hover,
body.webarting-fast-store article.product .btn:hover,
body.webarting-fast-store .product .button:hover,
body.webarting-fast-store article.product .button:hover,
body.webarting-fast-store .product .btn-cart:hover,
body.webarting-fast-store article.product .btn-cart:hover {
  background: var(--wafs-button-hover-bg, var(--wafs-button-bg, #f3b103)) !important;
  background-color: var(--wafs-button-hover-bg, var(--wafs-button-bg, #f3b103)) !important;
  color: var(--wafs-button-hover-text, var(--wafs-button-text, #ffffff)) !important;
  border-color: var(--wafs-button-hover-border, var(--wafs-button-hover-bg, var(--wafs-button-border, var(--wafs-button-bg, #f3b103)))) !important;
}

/* Selected shipping/payment rows */
body.webarting-fast-store .shipping-option.selected,
body.webarting-fast-store .shipping-option.is-selected,
body.webarting-fast-store .payment-option.selected,
body.webarting-fast-store .payment-option.is-selected,
body.webarting-fast-store label.shipping-option:has(input:checked),
body.webarting-fast-store label.payment-option:has(input:checked),
body.webarting-fast-store .checkout-shipping-option.selected,
body.webarting-fast-store .checkout-payment-option.selected {
  background-color: var(--wafs-button-selected-bg, #fff4e6) !important;
  color: var(--wafs-button-selected-text, var(--wafs-content-text, #111827)) !important;
  border-color: var(--wafs-button-selected-border, var(--wafs-button-bg, #f3b103)) !important;
}

body.webarting-fast-store .shipping-option.selected *,
body.webarting-fast-store .shipping-option.is-selected *,
body.webarting-fast-store .payment-option.selected *,
body.webarting-fast-store .payment-option.is-selected *,
body.webarting-fast-store label.shipping-option:has(input:checked) *,
body.webarting-fast-store label.payment-option:has(input:checked) *,
body.webarting-fast-store .checkout-shipping-option.selected *,
body.webarting-fast-store .checkout-payment-option.selected * {
  color: inherit !important;
}

/* Single product + list badges */
body.webarting-fast-store .product-page .badge,
body.webarting-fast-store .product-page .label,
body.webarting-fast-store .product-page .sticker,
body.webarting-fast-store .product-page .ribbon,
body.webarting-fast-store #box-product .badge,
body.webarting-fast-store #box-product .label,
body.webarting-fast-store #box-product .sticker,
body.webarting-fast-store #box-product .ribbon,
body.webarting-fast-store .product-info .badge,
body.webarting-fast-store .product-info .label,
body.webarting-fast-store .product-info .sticker,
body.webarting-fast-store .product-info .ribbon,
body.webarting-fast-store .product .badge,
body.webarting-fast-store .product .label,
body.webarting-fast-store .product .sticker,
body.webarting-fast-store .product .ribbon {
  background-color: var(--wafs-product-badge-general-bg, var(--wafs-button-bg, #f3b103)) !important;
  color: var(--wafs-product-badge-general-text, var(--wafs-button-text, #ffffff)) !important;
}

body.webarting-fast-store .wafs-badge-new,
body.webarting-fast-store .wafs-ribbon-new {
  background-color: var(--wafs-product-badge-new-bg, var(--wafs-product-badge-general-bg, var(--wafs-button-bg, #f3b103))) !important;
  color: var(--wafs-product-badge-new-text, var(--wafs-product-badge-general-text, var(--wafs-button-text, #ffffff))) !important;
}

body.webarting-fast-store .wafs-badge-sale,
body.webarting-fast-store .wafs-ribbon-sale {
  background-color: var(--wafs-product-badge-sale-bg, #dc2626) !important;
  color: var(--wafs-product-badge-sale-text, #ffffff) !important;
}

/* Hide fixed stock/delivery labels; keep only actual status text */
body.webarting-fast-store .wafs-stock-label,
body.webarting-fast-store .wafs-delivery-label,
body.webarting-fast-store .stock-label,
body.webarting-fast-store .delivery-label,
body.webarting-fast-store .availability-label,
body.webarting-fast-store .delivery-status-label,
body.webarting-fast-store .stock-status-label {
  display: none !important;
}

body.webarting-fast-store .wafs-delivery-status,
body.webarting-fast-store .delivery-status,
body.webarting-fast-store .product-delivery-status,
body.webarting-fast-store .availability .delivery-status {
  color: var(--wafs-delivery-status-text, #16a34a) !important;
  font-weight: 800 !important;
}

body.webarting-fast-store .wafs-soldout-status,
body.webarting-fast-store .sold-out-status,
body.webarting-fast-store .stock-status.sold-out,
body.webarting-fast-store .availability.sold-out,
body.webarting-fast-store .availability.out-of-stock,
body.webarting-fast-store .product-delivery-status.is-soldout,
body.webarting-fast-store .product-delivery-status.is-backorder {
  color: var(--wafs-soldout-status-text, var(--wafs-button-bg, #f3b103)) !important;
  font-weight: 800 !important;
}


/* WebARTing FAST STORE v1.0.52 - real single status output + stronger button/badge binding */

/* Product card cart buttons were not covered because they are not .btn */
body.webarting-fast-store .wafs-card-cart-button,
body.webarting-fast-store button.wafs-card-cart-button,
body.webarting-fast-store .wafs-single-cart-button,
body.webarting-fast-store button.wafs-single-cart-button,
body.webarting-fast-store #box-product button[name="add_cart_product"],
body.webarting-fast-store #box-product .wafs-buy-now button,
body.webarting-fast-store .buy_now button[name="add_cart_product"] {
  background: var(--wafs-button-bg, #f3b103) !important;
  background-color: var(--wafs-button-bg, #f3b103) !important;
  color: var(--wafs-button-text, #ffffff) !important;
  border-color: var(--wafs-button-border, var(--wafs-button-bg, #f3b103)) !important;
}

body.webarting-fast-store .wafs-card-cart-button *,
body.webarting-fast-store button.wafs-card-cart-button *,
body.webarting-fast-store .wafs-single-cart-button *,
body.webarting-fast-store button.wafs-single-cart-button *,
body.webarting-fast-store #box-product button[name="add_cart_product"] *,
body.webarting-fast-store #box-product .wafs-buy-now button *,
body.webarting-fast-store .buy_now button[name="add_cart_product"] * {
  color: inherit !important;
}

body.webarting-fast-store .wafs-card-cart-button i,
body.webarting-fast-store button.wafs-card-cart-button i,
body.webarting-fast-store .wafs-single-cart-button i,
body.webarting-fast-store button.wafs-single-cart-button i,
body.webarting-fast-store #box-product button[name="add_cart_product"] i,
body.webarting-fast-store #box-product .wafs-buy-now button i,
body.webarting-fast-store .buy_now button[name="add_cart_product"] i {
  color: var(--wafs-button-icon, var(--wafs-button-text, #ffffff)) !important;
}

body.webarting-fast-store .wafs-card-cart-button:hover,
body.webarting-fast-store button.wafs-card-cart-button:hover,
body.webarting-fast-store .wafs-single-cart-button:hover,
body.webarting-fast-store button.wafs-single-cart-button:hover,
body.webarting-fast-store #box-product button[name="add_cart_product"]:hover,
body.webarting-fast-store #box-product .wafs-buy-now button:hover,
body.webarting-fast-store .buy_now button[name="add_cart_product"]:hover {
  background: var(--wafs-button-hover-bg, var(--wafs-button-bg, #f3b103)) !important;
  background-color: var(--wafs-button-hover-bg, var(--wafs-button-bg, #f3b103)) !important;
  color: var(--wafs-button-hover-text, var(--wafs-button-text, #ffffff)) !important;
  border-color: var(--wafs-button-hover-border, var(--wafs-button-hover-bg, var(--wafs-button-border, var(--wafs-button-bg, #f3b103)))) !important;
}

body.webarting-fast-store .wafs-card-cart-button:hover i,
body.webarting-fast-store button.wafs-card-cart-button:hover i,
body.webarting-fast-store .wafs-single-cart-button:hover i,
body.webarting-fast-store button.wafs-single-cart-button:hover i,
body.webarting-fast-store #box-product button[name="add_cart_product"]:hover i,
body.webarting-fast-store #box-product .wafs-buy-now button:hover i,
body.webarting-fast-store .buy_now button[name="add_cart_product"]:hover i {
  color: var(--wafs-button-hover-icon, var(--wafs-button-hover-text, var(--wafs-button-text, #ffffff))) !important;
}

/* Real sticker selectors. Avoid broad [class*="new"] because it can catch unrelated elements. */
body.webarting-fast-store .listing .product .image-wrapper .sticker,
body.webarting-fast-store #box-product .main-image .sticker,
body.webarting-fast-store .product .image-wrapper .sticker,
body.webarting-fast-store .product .sticker {
  background: var(--wafs-product-badge-general-bg, var(--wafs-button-bg, #f3b103)) !important;
  background-color: var(--wafs-product-badge-general-bg, var(--wafs-button-bg, #f3b103)) !important;
  color: var(--wafs-product-badge-general-text, var(--wafs-button-text, #ffffff)) !important;
}

body.webarting-fast-store .listing .product .image-wrapper .sticker.new,
body.webarting-fast-store #box-product .main-image .sticker.new,
body.webarting-fast-store .product .image-wrapper .sticker.new,
body.webarting-fast-store .product .sticker.new {
  background: var(--wafs-product-badge-new-bg, var(--wafs-product-badge-general-bg, var(--wafs-button-bg, #f3b103))) !important;
  background-color: var(--wafs-product-badge-new-bg, var(--wafs-product-badge-general-bg, var(--wafs-button-bg, #f3b103))) !important;
  color: var(--wafs-product-badge-new-text, var(--wafs-product-badge-general-text, var(--wafs-button-text, #ffffff))) !important;
}

body.webarting-fast-store .listing .product .image-wrapper .sticker.sale,
body.webarting-fast-store #box-product .main-image .sticker.sale,
body.webarting-fast-store .product .image-wrapper .sticker.sale,
body.webarting-fast-store .product .sticker.sale {
  background: var(--wafs-product-badge-sale-bg, #dc2626) !important;
  background-color: var(--wafs-product-badge-sale-bg, #dc2626) !important;
  color: var(--wafs-product-badge-sale-text, #ffffff) !important;
}

/* Clean product status: no labels, no icons, only the configured text and optional description */
body.webarting-fast-store .wafs-clean-status .wafs-status-box {
  margin: 0 !important;
  padding: 0 !important;
}

body.webarting-fast-store .wafs-clean-status .wafs-status-value {
  display: block !important;
  font-size: 1.12rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

body.webarting-fast-store .wafs-clean-status .wafs-delivery-status {
  color: var(--wafs-delivery-status-text, #16a34a) !important;
}

body.webarting-fast-store .wafs-clean-status .wafs-soldout-status {
  color: var(--wafs-soldout-status-text, var(--wafs-button-bg, #f3b103)) !important;
}

body.webarting-fast-store .wafs-clean-status .description {
  margin-top: .25rem !important;
  color: var(--wafs-content-text, #111827) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* Absolute kill switch for old labels in case cached/older partials still output them */
body.webarting-fast-store .wafs-stock-status-label,
body.webarting-fast-store .wafs-delivery-label,
body.webarting-fast-store .stock-label,
body.webarting-fast-store .delivery-label,
body.webarting-fast-store .availability-label,
body.webarting-fast-store .delivery-status-label,
body.webarting-fast-store .stock-status-label {
  display: none !important;
}


/* WebARTing FAST STORE v1.0.53 - Products trigger icon and mega close hard fix
   The products trigger icon is now a real FontAwesome icon in the template.
   These rules intentionally override all older hamburger-line/span rules. */
body.webarting-fast-store #site-menu .wafs-products-trigger,
body.webarting-fast-store #site-menu button.wafs-products-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .58rem !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--wafs-products-button-bg, #f3b103) !important;
  background-color: var(--wafs-products-button-bg, #f3b103) !important;
  background-image: none !important;
  color: var(--wafs-products-button-text, #111827) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .10) !important;
  outline: 0 !important;
  overflow: hidden !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger > span:not(.wafs-products-trigger-icon),
body.webarting-fast-store #site-menu button.wafs-products-trigger > span:not(.wafs-products-trigger-icon) {
  color: var(--wafs-products-button-text, #111827) !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 1.15rem !important;
  max-width: none !important;
  height: auto !important;
  min-height: 1rem !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon > span,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon > span {
  display: none !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon .fa,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon .fa {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  font-size: 1.18rem !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger:hover,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus,
body.webarting-fast-store #site-menu .wafs-products-trigger:active,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open,
body.webarting-fast-store #site-menu button.wafs-products-trigger:hover,
body.webarting-fast-store #site-menu button.wafs-products-trigger:focus,
body.webarting-fast-store #site-menu button.wafs-products-trigger:active,
body.webarting-fast-store #site-menu button.wafs-products-trigger.is-open {
  border-radius: 12px !important;
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  background-color: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  background-image: none !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
  outline: 0 !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger:hover > span:not(.wafs-products-trigger-icon),
body.webarting-fast-store #site-menu .wafs-products-trigger:focus > span:not(.wafs-products-trigger-icon),
body.webarting-fast-store #site-menu .wafs-products-trigger:active > span:not(.wafs-products-trigger-icon),
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open > span:not(.wafs-products-trigger-icon),
body.webarting-fast-store #site-menu button.wafs-products-trigger:hover > span:not(.wafs-products-trigger-icon),
body.webarting-fast-store #site-menu button.wafs-products-trigger:focus > span:not(.wafs-products-trigger-icon),
body.webarting-fast-store #site-menu button.wafs-products-trigger:active > span:not(.wafs-products-trigger-icon),
body.webarting-fast-store #site-menu button.wafs-products-trigger.is-open > span:not(.wafs-products-trigger-icon) {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
  background: transparent !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:active .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu .wafs-products-trigger:active .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon .fa,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus .wafs-products-trigger-icon .fa,
body.webarting-fast-store #site-menu .wafs-products-trigger:active .wafs-products-trigger-icon .fa,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon .fa {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827))) !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Mega menu close button: visible X, not a hidden same-color blob. */
body.webarting-fast-store .wafs-mega-close,
body.webarting-fast-store button.wafs-mega-close {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: var(--wafs-products-button-bg, #f3b103) !important;
  background-color: var(--wafs-products-button-bg, #f3b103) !important;
  background-image: none !important;
  color: var(--wafs-products-button-text, #111827) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .18) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.webarting-fast-store .wafs-mega-close i,
body.webarting-fast-store .wafs-mega-close .fa,
body.webarting-fast-store button.wafs-mega-close i,
body.webarting-fast-store button.wafs-mega-close .fa {
  color: var(--wafs-products-button-text, #111827) !important;
  background: transparent !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.webarting-fast-store .wafs-mega-close:hover,
body.webarting-fast-store .wafs-mega-close:focus,
body.webarting-fast-store button.wafs-mega-close:hover,
body.webarting-fast-store button.wafs-mega-close:focus {
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  background-color: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
  outline: 0 !important;
}

body.webarting-fast-store .wafs-mega-close:hover i,
body.webarting-fast-store .wafs-mega-close:focus i,
body.webarting-fast-store .wafs-mega-close:hover .fa,
body.webarting-fast-store .wafs-mega-close:focus .fa,
body.webarting-fast-store button.wafs-mega-close:hover i,
body.webarting-fast-store button.wafs-mega-close:focus i,
body.webarting-fast-store button.wafs-mega-close:hover .fa,
body.webarting-fast-store button.wafs-mega-close:focus .fa {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
}


/* WebARTing FAST STORE v1.0.54 - Products button text/icon + checkout action buttons */

/*
  Products button mapping:
  - Products Button Background       -> --wafs-products-button-bg
  - Products Button Font             -> --wafs-products-button-text
  - Products Button Icon             -> --wafs-products-button-icon
  - Products Button Hover Background -> --wafs-products-button-hover-bg
  - Products Button Hover Font       -> --wafs-products-button-hover-text
*/

body.webarting-fast-store #site-menu .wafs-products-trigger,
body.webarting-fast-store #site-menu button.wafs-products-trigger,
body.webarting-fast-store .wafs-products-trigger,
body.webarting-fast-store button.wafs-products-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .58rem !important;
  min-height: 48px !important;
  padding: .75rem 1.35rem !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--wafs-products-button-bg, #f3b103) !important;
  background-color: var(--wafs-products-button-bg, #f3b103) !important;
  background-image: none !important;
  color: var(--wafs-products-button-text, #111827) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .10) !important;
  outline: 0 !important;
  overflow: visible !important;
  text-decoration: none !important;
  appearance: none !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-text,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-text {
  color: var(--wafs-products-button-text, #111827) !important;
  background: transparent !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-icon,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-icon {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 1.18rem !important;
  line-height: 1 !important;
  text-rendering: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-icon::before {
  content: "\f0c9" !important;
  display: inline-block !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  background: transparent !important;
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-icon::after {
  content: none !important;
  display: none !important;
}

/* Kill every old hamburger span/bar rule that was turning the icon into a square. */
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon span,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon span,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-icon span,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-icon span,
body.webarting-fast-store #site-menu .wafs-products-trigger .hamburger,
body.webarting-fast-store #site-menu .wafs-products-trigger .hamburger span {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Hover/open/pressed keeps radius and maps text+icon to Products Button Hover Font. */
body.webarting-fast-store #site-menu .wafs-products-trigger:hover,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus,
body.webarting-fast-store #site-menu .wafs-products-trigger:active,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open,
body.webarting-fast-store #site-menu button.wafs-products-trigger:hover,
body.webarting-fast-store #site-menu button.wafs-products-trigger:focus,
body.webarting-fast-store #site-menu button.wafs-products-trigger:active,
body.webarting-fast-store #site-menu button.wafs-products-trigger.is-open,
body.webarting-fast-store .wafs-products-trigger:hover,
body.webarting-fast-store .wafs-products-trigger:focus,
body.webarting-fast-store .wafs-products-trigger:active,
body.webarting-fast-store .wafs-products-trigger.is-open {
  border-radius: 12px !important;
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  background-color: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  background-image: none !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
  outline: 0 !important;
  overflow: visible !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-text,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus .wafs-products-trigger-text,
body.webarting-fast-store #site-menu .wafs-products-trigger:active .wafs-products-trigger-text,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger:hover .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger:focus .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger:active .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger.is-open .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger:hover .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger:focus .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger:active .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger.is-open .wafs-products-trigger-text {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:active .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger:active .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger:focus .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger:active .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger.is-open .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger:hover .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger:focus .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger:active .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger.is-open .wafs-products-trigger-icon::before,
body.webarting-fast-store .wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger:focus .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger:active .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger.is-open .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger:hover .wafs-products-trigger-icon::before,
body.webarting-fast-store .wafs-products-trigger:focus .wafs-products-trigger-icon::before,
body.webarting-fast-store .wafs-products-trigger:active .wafs-products-trigger-icon::before,
body.webarting-fast-store .wafs-products-trigger.is-open .wafs-products-trigger-icon::before {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Mega close button: X must be readable. */
body.webarting-fast-store .wafs-mega-close,
body.webarting-fast-store button.wafs-mega-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: var(--wafs-products-button-bg, #f3b103) !important;
  background-color: var(--wafs-products-button-bg, #f3b103) !important;
  color: var(--wafs-products-button-text, #111827) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .18) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.webarting-fast-store .wafs-mega-close::before,
body.webarting-fast-store button.wafs-mega-close::before {
  content: "\f00d" !important;
  display: inline-block !important;
  font-family: FontAwesome !important;
  color: var(--wafs-products-button-text, #111827) !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

body.webarting-fast-store .wafs-mega-close i,
body.webarting-fast-store .wafs-mega-close .fa,
body.webarting-fast-store button.wafs-mega-close i,
body.webarting-fast-store button.wafs-mega-close .fa {
  display: none !important;
}

body.webarting-fast-store .wafs-mega-close:hover,
body.webarting-fast-store .wafs-mega-close:focus,
body.webarting-fast-store button.wafs-mega-close:hover,
body.webarting-fast-store button.wafs-mega-close:focus {
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  background-color: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
}

body.webarting-fast-store .wafs-mega-close:hover::before,
body.webarting-fast-store .wafs-mega-close:focus::before,
body.webarting-fast-store button.wafs-mega-close:hover::before,
body.webarting-fast-store button.wafs-mega-close:focus::before {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
}

/*
  Checkout action buttons:
  Back to store + checkout login follow normal Content Button settings,
  same logic as update/delete cart buttons.
*/
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn {
  background: var(--wafs-button-bg, #f3b103) !important;
  background-color: var(--wafs-button-bg, #f3b103) !important;
  background-image: none !important;
  color: var(--wafs-button-text, #ffffff) !important;
  border-color: var(--wafs-button-border, var(--wafs-button-bg, #f3b103)) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .10) !important;
}

body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button *,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button *,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn *,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn * {
  color: inherit !important;
}

body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button i,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button .fa,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button i,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button .fa,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn i,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn .fa,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn i,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn .fa {
  color: var(--wafs-button-icon, var(--wafs-button-text, #ffffff)) !important;
}

body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button:hover,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button:focus,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button:hover,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button:focus,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn:hover,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn:focus,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn:hover,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn:focus {
  background: var(--wafs-button-hover-bg, var(--wafs-button-bg, #f3b103)) !important;
  background-color: var(--wafs-button-hover-bg, var(--wafs-button-bg, #f3b103)) !important;
  color: var(--wafs-button-hover-text, var(--wafs-button-text, #ffffff)) !important;
  border-color: var(--wafs-button-hover-border, var(--wafs-button-hover-bg, var(--wafs-button-bg, #f3b103))) !important;
}

body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button:hover i,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button:focus i,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button:hover .fa,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-return-button:focus .fa,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button:hover i,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button:focus i,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button:hover .fa,
body.webarting-fast-store.wafs-checkout-page .wafs-checkout-login-button:focus .fa,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn:hover i,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn:focus i,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn:hover .fa,
body.webarting-fast-store.wafs-checkout-page #header .middle .btn:focus .fa,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn:hover i,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn:focus i,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn:hover .fa,
body.webarting-fast-store.wafs-checkout-page #box-checkout-customer .card-header > .btn:focus .fa {
  color: var(--wafs-button-hover-icon, var(--wafs-button-hover-text, var(--wafs-button-text, #ffffff))) !important;
}


/* WebARTing FAST STORE v1.0.55 - definitive Products button typography/icon mapping */

html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger,
html body.webarting-fast-store button.nav-link.wafs-products-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .62rem !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 48px !important;
  padding: .78rem 1.35rem !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--wafs-products-button-bg, #f3b103) !important;
  background-color: var(--wafs-products-button-bg, #f3b103) !important;
  background-image: none !important;
  color: var(--wafs-products-button-text, #111827) !important;
  font-family: var(--wafs-products-button-font-family, inherit) !important;
  font-size: var(--wafs-products-button-font-size, 15px) !important;
  font-weight: var(--wafs-products-button-font-weight, 850) !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.10) !important;
  overflow: visible !important;
  appearance: none !important;
  outline: 0 !important;
}

html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-icon,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-icon,
html body.webarting-fast-store button.nav-link.wafs-products-trigger > .wafs-products-trigger-icon {
  all: unset !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 1.15em !important;
  min-width: 1.15em !important;
  height: 1.15em !important;
  min-height: 1.15em !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: FontAwesome !important;
  font-size: 1.15em !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-rendering: auto !important;
}

html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-icon::before,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-icon::before,
html body.webarting-fast-store button.nav-link.wafs-products-trigger > .wafs-products-trigger-icon::before {
  content: "\\f0c9" !important;
  display: inline-block !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827)) !important;
  background: transparent !important;
  font-family: FontAwesome !important;
  font-size: 1em !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
}

html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-icon::after,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-icon::after,
html body.webarting-fast-store button.nav-link.wafs-products-trigger > .wafs-products-trigger-icon::after {
  content: none !important;
  display: none !important;
}

html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-text,
html body.webarting-fast-store button.nav-link.wafs-products-trigger > .wafs-products-trigger-text {
  all: unset !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--wafs-products-button-text, #111827) !important;
  background: transparent !important;
  font-family: var(--wafs-products-button-font-family, inherit) !important;
  font-size: var(--wafs-products-button-font-size, 15px) !important;
  font-weight: var(--wafs-products-button-font-weight, 850) !important;
  line-height: 1.1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: nowrap !important;
}

html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:hover,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:focus,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:active,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger.is-open,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:hover,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:focus,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:active,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger.is-open,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:hover,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:focus,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:active,
html body.webarting-fast-store button.nav-link.wafs-products-trigger.is-open {
  border-radius: 12px !important;
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  background-color: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  background-image: none !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
}

html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:hover > .wafs-products-trigger-text,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:focus > .wafs-products-trigger-text,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:active > .wafs-products-trigger-text,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger.is-open > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:hover > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:focus > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:active > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger.is-open > .wafs-products-trigger-text,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:hover > .wafs-products-trigger-text,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:focus > .wafs-products-trigger-text,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:active > .wafs-products-trigger-text,
html body.webarting-fast-store button.nav-link.wafs-products-trigger.is-open > .wafs-products-trigger-text {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
}

html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:hover > .wafs-products-trigger-icon,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:focus > .wafs-products-trigger-icon,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:active > .wafs-products-trigger-icon,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger.is-open > .wafs-products-trigger-icon,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:hover > .wafs-products-trigger-icon::before,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:focus > .wafs-products-trigger-icon::before,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:active > .wafs-products-trigger-icon::before,
html body.webarting-fast-store nav#site-menu li.wafs-products-trigger-item > button.wafs-products-trigger.is-open > .wafs-products-trigger-icon::before,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:hover > .wafs-products-trigger-icon,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:focus > .wafs-products-trigger-icon,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:active > .wafs-products-trigger-icon,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger.is-open > .wafs-products-trigger-icon,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:hover > .wafs-products-trigger-icon::before,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:focus > .wafs-products-trigger-icon::before,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger:active > .wafs-products-trigger-icon::before,
html body.webarting-fast-store #site-menu li.wafs-products-trigger-item > button.wafs-products-trigger.is-open > .wafs-products-trigger-icon::before,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:hover > .wafs-products-trigger-icon,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:focus > .wafs-products-trigger-icon,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:active > .wafs-products-trigger-icon,
html body.webarting-fast-store button.nav-link.wafs-products-trigger.is-open > .wafs-products-trigger-icon,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:hover > .wafs-products-trigger-icon::before,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:focus > .wafs-products-trigger-icon::before,
html body.webarting-fast-store button.nav-link.wafs-products-trigger:active > .wafs-products-trigger-icon::before,
html body.webarting-fast-store button.nav-link.wafs-products-trigger.is-open > .wafs-products-trigger-icon::before {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, var(--wafs-products-button-text, #111827))) !important;
  background: transparent !important;
}

html body.webarting-fast-store button.wafs-mega-close,
html body.webarting-fast-store .wafs-mega-close {
  color: var(--wafs-products-button-text, #111827) !important;
  background: var(--wafs-products-button-bg, #f3b103) !important;
  background-color: var(--wafs-products-button-bg, #f3b103) !important;
}
html body.webarting-fast-store button.wafs-mega-close::before,
html body.webarting-fast-store .wafs-mega-close::before {
  content: "\\f00d" !important;
  font-family: FontAwesome !important;
  color: var(--wafs-products-button-text, #111827) !important;
}
html body.webarting-fast-store button.wafs-mega-close:hover,
html body.webarting-fast-store .wafs-mega-close:hover {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
  background-color: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b103)) !important;
}
html body.webarting-fast-store button.wafs-mega-close:hover::before,
html body.webarting-fast-store .wafs-mega-close:hover::before {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #111827)) !important;
}


/* WebARTing FAST STORE v1.0.56 - final surgical fix for Products button and Mega close
   Do not use FontAwesome unicode content here. It caused visible "\f00d" text on some LiteCart installs.
   Products Button Font/Icon colors are isolated from main menu colors. */

body.webarting-fast-store #site-menu .wafs-products-trigger,
body.webarting-fast-store #site-menu button.wafs-products-trigger,
body.webarting-fast-store .wafs-products-trigger,
body.webarting-fast-store button.wafs-products-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: .72rem 1.35rem !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--wafs-products-button-bg, #f97316) !important;
  background-color: var(--wafs-products-button-bg, #f97316) !important;
  background-image: none !important;
  color: var(--wafs-products-button-text, #ffffff) !important;
  font-family: var(--wafs-products-button-font-family, inherit) !important;
  font-size: var(--wafs-products-button-font-size, 16px) !important;
  font-weight: var(--wafs-products-button-font-weight, 800) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.10) !important;
  outline: 0 !important;
  overflow: visible !important;
  appearance: none !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-text,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-text {
  display: inline-block !important;
  color: var(--wafs-products-button-text, #ffffff) !important;
  background: transparent !important;
  font-family: var(--wafs-products-button-font-family, inherit) !important;
  font-size: var(--wafs-products-button-font-size, 16px) !important;
  font-weight: var(--wafs-products-button-font-weight, 800) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* CSS-drawn hamburger, not FontAwesome. This prevents missing glyphs and the old white cube. */
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-icon,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-icon {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(currentColor, currentColor) center / 22px 2px no-repeat !important;
  background-color: transparent !important;
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #ffffff)) !important;
  box-shadow: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  display: block !important;
  width: 22px !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: currentColor !important;
  background-color: currentColor !important;
  box-shadow: none !important;
  color: inherit !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-icon::before,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-icon::before {
  top: 0 !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store #site-menu button.wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store .wafs-products-trigger .wafs-products-trigger-icon::after,
body.webarting-fast-store button.wafs-products-trigger .wafs-products-trigger-icon::after {
  bottom: 0 !important;
}

/* Any nested FontAwesome/icon elements from older markup must not interfere. */
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon i,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon .fa,
body.webarting-fast-store #site-menu .wafs-products-trigger .wafs-products-trigger-icon span {
  display: none !important;
}

/* Hover/open/active: keep rounded shape and use hover text for both text and icon. */
body.webarting-fast-store #site-menu .wafs-products-trigger:hover,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus,
body.webarting-fast-store #site-menu .wafs-products-trigger:active,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open,
body.webarting-fast-store #site-menu button.wafs-products-trigger:hover,
body.webarting-fast-store #site-menu button.wafs-products-trigger:focus,
body.webarting-fast-store #site-menu button.wafs-products-trigger:active,
body.webarting-fast-store #site-menu button.wafs-products-trigger.is-open,
body.webarting-fast-store .wafs-products-trigger:hover,
body.webarting-fast-store .wafs-products-trigger:focus,
body.webarting-fast-store .wafs-products-trigger:active,
body.webarting-fast-store .wafs-products-trigger.is-open {
  border-radius: 12px !important;
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f97316)) !important;
  background-color: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f97316)) !important;
  background-image: none !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #ffffff)) !important;
  overflow: visible !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-text,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus .wafs-products-trigger-text,
body.webarting-fast-store #site-menu .wafs-products-trigger:active .wafs-products-trigger-text,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger:hover .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger:focus .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger:active .wafs-products-trigger-text,
body.webarting-fast-store #site-menu button.wafs-products-trigger.is-open .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger:hover .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger:focus .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger:active .wafs-products-trigger-text,
body.webarting-fast-store .wafs-products-trigger.is-open .wafs-products-trigger-text {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #ffffff)) !important;
}

body.webarting-fast-store #site-menu .wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:focus .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger:active .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu .wafs-products-trigger.is-open .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger:focus .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger:active .wafs-products-trigger-icon,
body.webarting-fast-store #site-menu button.wafs-products-trigger.is-open .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger:hover .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger:focus .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger:active .wafs-products-trigger-icon,
body.webarting-fast-store .wafs-products-trigger.is-open .wafs-products-trigger-icon {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #ffffff)) !important;
  background-color: transparent !important;
}

/* Mega close X: real character, no FontAwesome unicode glyphs, no "\f00d" output. */
body.webarting-fast-store .wafs-mega-close,
body.webarting-fast-store button.wafs-mega-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--wafs-products-button-bg, #f97316) !important;
  background-color: var(--wafs-products-button-bg, #f97316) !important;
  background-image: none !important;
  color: var(--wafs-products-button-text, #ffffff) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.16) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.webarting-fast-store .wafs-mega-close::before,
body.webarting-fast-store .wafs-mega-close::after,
body.webarting-fast-store button.wafs-mega-close::before,
body.webarting-fast-store button.wafs-mega-close::after {
  content: none !important;
  display: none !important;
}

body.webarting-fast-store .wafs-mega-close i,
body.webarting-fast-store .wafs-mega-close .fa,
body.webarting-fast-store button.wafs-mega-close i,
body.webarting-fast-store button.wafs-mega-close .fa {
  display: none !important;
}

body.webarting-fast-store .wafs-mega-close .wafs-mega-close-x,
body.webarting-fast-store button.wafs-mega-close .wafs-mega-close-x {
  display: block !important;
  color: inherit !important;
  background: transparent !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

body.webarting-fast-store .wafs-mega-close:hover,
body.webarting-fast-store .wafs-mega-close:focus,
body.webarting-fast-store button.wafs-mega-close:hover,
body.webarting-fast-store button.wafs-mega-close:focus {
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f97316)) !important;
  background-color: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f97316)) !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #ffffff)) !important;
}

/* WebARTing FAST STORE v1.0.58 - locked Products button text color + logo hover cleanup */
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger.nav-link,
html body.webarting-fast-store #site-menu button.wafs-products-trigger[data-wafs-mega-toggle],
html body.webarting-fast-store nav#site-menu button.wafs-products-trigger[data-wafs-mega-toggle] {
  color: var(--wafs-products-button-text, #ffffff) !important;
  background: var(--wafs-products-button-bg, #f97316) !important;
  background-color: var(--wafs-products-button-bg, #f97316) !important;
  border-radius: 12px !important;
}
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger.nav-link > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu button.wafs-products-trigger[data-wafs-mega-toggle] > .wafs-products-trigger-text,
html body.webarting-fast-store nav#site-menu button.wafs-products-trigger[data-wafs-mega-toggle] > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger > span,
html body.webarting-fast-store nav#site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger > span {
  color: var(--wafs-products-button-text, #ffffff) !important;
  -webkit-text-fill-color: var(--wafs-products-button-text, #ffffff) !important;
  background: transparent !important;
  background-color: transparent !important;
  font-family: var(--wafs-products-button-font-family, inherit) !important;
  font-size: var(--wafs-products-button-font-size, 16px) !important;
  font-weight: var(--wafs-products-button-font-weight, 800) !important;
}
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger:hover,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger:focus,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger:active,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger.is-open,
html body.webarting-fast-store.wafs-mega-open #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #ffffff)) !important;
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f97316)) !important;
  background-color: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f97316)) !important;
  border-radius: 12px !important;
}
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger:hover > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger:focus > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger:active > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger.is-open > .wafs-products-trigger-text,
html body.webarting-fast-store.wafs-mega-open #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger > .wafs-products-trigger-text,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger:hover > span,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger:focus > span,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger:active > span,
html body.webarting-fast-store #site-menu .navbar-nav > li.wafs-products-trigger-item > button.wafs-products-trigger.is-open > span {
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #ffffff)) !important;
  -webkit-text-fill-color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #ffffff)) !important;
  background: transparent !important;
  background-color: transparent !important;
}
html body.webarting-fast-store #site-menu a.wafs-logo,
html body.webarting-fast-store #site-menu a.wafs-logo:hover,
html body.webarting-fast-store #site-menu a.wafs-logo:focus,
html body.webarting-fast-store #site-menu a.wafs-logo:active,
html body.webarting-fast-store a.wafs-logo,
html body.webarting-fast-store a.wafs-logo:hover,
html body.webarting-fast-store a.wafs-logo:focus,
html body.webarting-fast-store a.wafs-logo:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.webarting-fast-store #site-menu a.wafs-logo img,
html body.webarting-fast-store #site-menu a.wafs-logo:hover img,
html body.webarting-fast-store a.wafs-logo img,
html body.webarting-fast-store a.wafs-logo:hover img {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* WebARTing FAST STORE v1.0.59 - MOBILE ONLY corrections. Desktop remains untouched. */
@media (max-width: 991px) {
  html body.webarting-fast-store #site-menu .wafs-mainbar {
    grid-template-columns: 1fr auto !important;
    width: 100% !important;
  }

  html body.webarting-fast-store #site-menu .wafs-live-search-wrap,
  html body.webarting-fast-store #site-menu .wafs-mainbar > .wafs-live-search-wrap {
    grid-column: 1 / -1 !important;
    order: 3 !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    margin: .65rem auto 0 !important;
  }

  html body.webarting-fast-store #site-menu .wafs-live-search-wrap > form.wafs-search,
  html body.webarting-fast-store #site-menu form.wafs-search,
  html body.webarting-fast-store #site-menu .wafs-search.navbar-search {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.webarting-fast-store #site-menu .wafs-live-search-panel {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-products-trigger-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: .45rem !important;
    vertical-align: middle !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-products-trigger-icon img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
  }

  html body.webarting-fast-store #site-menu .offcanvas,
  html body.webarting-fast-store #site-menu .wafs-offcanvas {
    background: var(--wafs-sidebar-category-bg, #ffffff) !important;
    color: var(--wafs-sidebar-category-link, var(--wafs-content-text, #111827)) !important;
  }

  html body.webarting-fast-store #site-menu .offcanvas-header {
    background: var(--wafs-sidebar-category-bg, #ffffff) !important;
    border-bottom-color: var(--wafs-content-card-border, #e5e7eb) !important;
  }

  html body.webarting-fast-store #site-menu .offcanvas-title {
    color: var(--wafs-sidebar-category-title, var(--wafs-content-text, #111827)) !important;
  }

  html body.webarting-fast-store #site-menu .offcanvas-body .nav-link,
  html body.webarting-fast-store #site-menu .offcanvas-body .dropdown-menu .nav-link {
    color: var(--wafs-sidebar-category-link, var(--wafs-content-text, #111827)) !important;
    background: transparent !important;
  }

  html body.webarting-fast-store #site-menu .offcanvas-body .nav-link i,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-link .fa {
    color: var(--wafs-sidebar-category-icon, currentColor) !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-categories > .nav-link,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-item.open > .nav-link,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-item.active > .nav-link,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-link:hover,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-link:focus {
    color: var(--wafs-sidebar-category-active-text, #ffffff) !important;
    background: var(--wafs-sidebar-category-active-bg, var(--wafs-products-button-bg, #f97316)) !important;
    border-radius: 12px !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-categories > .nav-link i,
  html body.webarting-fast-store #site-menu .wafs-mobile-categories > .nav-link .fa,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-item.open > .nav-link i,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-item.open > .nav-link .fa,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-link:hover i,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-link:hover .fa {
    color: var(--wafs-sidebar-category-active-icon, #ffffff) !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-categories .dropdown-menu,
  html body.webarting-fast-store #site-menu .offcanvas-body .dropdown-menu {
    background: var(--wafs-sidebar-category-bg, #ffffff) !important;
    border-color: var(--wafs-content-card-border, #e5e7eb) !important;
  }
}

@media (max-width: 767px) {
  html body.webarting-fast-store #site-menu .fourteen-forty,
  html body.webarting-fast-store #site-menu .wafs-header-shell,
  html body.webarting-fast-store #site-menu .wafs-mainbar {
    padding-left: .65rem !important;
    padding-right: .65rem !important;
  }

  html body.webarting-fast-store #site-menu .wafs-live-search-wrap,
  html body.webarting-fast-store #site-menu .wafs-mainbar > .wafs-live-search-wrap {
    width: 100% !important;
    max-width: none !important;
  }

  html body.webarting-fast-store #site-menu .wafs-live-search-wrap > form.wafs-search,
  html body.webarting-fast-store #site-menu form.wafs-search,
  html body.webarting-fast-store #site-menu .wafs-search.navbar-search {
    width: 100% !important;
    max-width: none !important;
  }

  html body.webarting-fast-store #box-category-tree,
  html body.webarting-fast-store #sidebar #box-category-tree,
  html body.webarting-fast-store .box-category-tree {
    background: var(--wafs-sidebar-category-bg, #ffffff) !important;
    color: var(--wafs-sidebar-category-link, var(--wafs-content-text, #111827)) !important;
  }

  html body.webarting-fast-store #box-category-tree .card-title,
  html body.webarting-fast-store #box-category-tree h1,
  html body.webarting-fast-store #box-category-tree h2,
  html body.webarting-fast-store #box-category-tree h3 {
    color: var(--wafs-sidebar-category-title, var(--wafs-content-text, #111827)) !important;
  }

  html body.webarting-fast-store #box-category-tree a,
  html body.webarting-fast-store #box-category-tree .nav-link,
  html body.webarting-fast-store #box-category-tree .nav-pills > li > a,
  html body.webarting-fast-store #sidebar #box-category-tree a,
  html body.webarting-fast-store #sidebar #box-category-tree .nav-link {
    color: var(--wafs-sidebar-category-link, var(--wafs-content-text, #111827)) !important;
    background: transparent !important;
  }

  html body.webarting-fast-store #box-category-tree a:hover,
  html body.webarting-fast-store #box-category-tree a:focus,
  html body.webarting-fast-store #box-category-tree .nav-link:hover,
  html body.webarting-fast-store #box-category-tree .nav-link:focus {
    color: var(--wafs-sidebar-category-hover-text, var(--wafs-sidebar-category-active-text, #ffffff)) !important;
    background: var(--wafs-sidebar-category-hover-bg, var(--wafs-sidebar-category-active-bg, #f97316)) !important;
    border-radius: 12px !important;
  }

  html body.webarting-fast-store #box-category-tree li.active > a,
  html body.webarting-fast-store #box-category-tree li.opened > a,
  html body.webarting-fast-store #box-category-tree li.open > a,
  html body.webarting-fast-store #box-category-tree .nav-pills > li.active > a,
  html body.webarting-fast-store #box-category-tree .nav-pills > li.opened > a,
  html body.webarting-fast-store #box-category-tree .nav-pills > li.open > a {
    color: var(--wafs-sidebar-category-active-text, #ffffff) !important;
    background: var(--wafs-sidebar-category-active-bg, var(--wafs-products-button-bg, #f97316)) !important;
    border-radius: 12px !important;
  }

  html body.webarting-fast-store #box-category-tree a::after,
  html body.webarting-fast-store #box-category-tree .fa,
  html body.webarting-fast-store #box-category-tree i {
    color: var(--wafs-sidebar-category-icon, currentColor) !important;
  }

  html body.webarting-fast-store #box-category-tree a:hover::after,
  html body.webarting-fast-store #box-category-tree li.active > a::after,
  html body.webarting-fast-store #box-category-tree li.opened > a::after,
  html body.webarting-fast-store #box-category-tree li.open > a::after,
  html body.webarting-fast-store #box-category-tree li.active > a .fa,
  html body.webarting-fast-store #box-category-tree li.opened > a .fa,
  html body.webarting-fast-store #box-category-tree li.open > a .fa {
    color: var(--wafs-sidebar-category-active-icon, #ffffff) !important;
  }
}

/* WebARTing FAST STORE v1.0.60 - MOBILE ONLY font controls. Desktop untouched. */
@media (max-width: 991px) {
  html body.webarting-fast-store #site-menu .offcanvas,
  html body.webarting-fast-store #site-menu .wafs-offcanvas,
  html body.webarting-fast-store #site-menu .offcanvas-body,
  html body.webarting-fast-store #site-menu .offcanvas-body .nav-link,
  html body.webarting-fast-store #site-menu .offcanvas-body .dropdown-menu .nav-link,
  html body.webarting-fast-store #site-menu .wafs-mobile-categories > .nav-link,
  html body.webarting-fast-store #site-menu .wafs-mobile-categories .dropdown-menu .nav-link,
  html body.webarting-fast-store #site-menu .navbar-nav .nav-item > .nav-link {
    font-family: var(--wafs-mobile-menu-font-family, inherit) !important;
    font-size: var(--wafs-mobile-menu-font-size, inherit) !important;
    font-weight: var(--wafs-mobile-menu-font-weight, inherit) !important;
  }

  html body.webarting-fast-store #box-category-tree,
  html body.webarting-fast-store #box-category-tree a,
  html body.webarting-fast-store #sidebar #box-category-tree,
  html body.webarting-fast-store #sidebar #box-category-tree a,
  html body.webarting-fast-store .box-category-tree,
  html body.webarting-fast-store .box-category-tree a,
  html body.webarting-fast-store .nav-stacked.nav-pills > li > a,
  html body.webarting-fast-store .nav-stacked.nav-pills ul li a {
    font-family: var(--wafs-mobile-menu-font-family, inherit) !important;
    font-size: var(--wafs-mobile-menu-font-size, inherit) !important;
    font-weight: var(--wafs-mobile-menu-font-weight, inherit) !important;
  }

  html body.webarting-fast-store .wafs-desktop-mega,
  html body.webarting-fast-store .wafs-desktop-mega a,
  html body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content,
  html body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content a,
  html body.webarting-fast-store .wafs-desktop-mega .wafs-mega-panel,
  html body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group,
  html body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group a,
  html body.webarting-fast-store .wafs-mega-content,
  html body.webarting-fast-store .wafs-mega-content a,
  html body.webarting-fast-store .wafs-mega-panel,
  html body.webarting-fast-store .wafs-mega-group,
  html body.webarting-fast-store .wafs-mega-group a,
  html body.webarting-fast-store .wafs-mega-list,
  html body.webarting-fast-store .wafs-mega-list a {
    font-family: var(--wafs-mobile-mega-font-family, var(--wafs-mobile-menu-font-family, inherit)) !important;
    font-size: var(--wafs-mobile-mega-font-size, var(--wafs-mobile-menu-font-size, inherit)) !important;
    font-weight: var(--wafs-mobile-mega-font-weight, var(--wafs-mobile-menu-font-weight, inherit)) !important;
  }

  html body.webarting-fast-store .wafs-desktop-mega .wafs-mega-group-title,
  html body.webarting-fast-store .wafs-desktop-mega .wafs-mega-content-head,
  html body.webarting-fast-store .wafs-mega-content .wafs-mega-group-title,
  html body.webarting-fast-store .wafs-mega-content .wafs-mega-content-head {
    font-family: var(--wafs-mobile-mega-font-family, var(--wafs-mobile-menu-font-family, inherit)) !important;
    font-size: var(--wafs-mobile-mega-font-size, var(--wafs-mobile-menu-font-size, inherit)) !important;
    font-weight: var(--wafs-mobile-mega-font-weight, 700) !important;
  }
}

/* WebARTing FAST STORE v1.0.61 - MOBILE ONLY header/search/menu icon fixes. Desktop untouched. */
@media (max-width: 767px) {
  html body.webarting-fast-store #site-menu .wafs-mainbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .6rem !important;
    width: 100% !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mainbar > .wafs-logo,
  html body.webarting-fast-store #site-menu .wafs-mainbar > a.wafs-logo.logotype {
    order: 1 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto .15rem !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mainbar > .wafs-logo img,
  html body.webarting-fast-store #site-menu .wafs-mainbar > a.wafs-logo.logotype img {
    max-width: min(220px, 70vw) !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mainbar > .wafs-actions.quick-access,
  html body.webarting-fast-store #site-menu .wafs-actions.quick-access {
    order: 2 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(.55rem, 4vw, 1.05rem) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 25 !important;
  }

  html body.webarting-fast-store #site-menu .wafs-actions.quick-access > a,
  html body.webarting-fast-store #site-menu .wafs-actions.quick-access > #cart,
  html body.webarting-fast-store #site-menu .wafs-actions.quick-access > button.navbar-toggler {
    flex: 0 0 auto !important;
    margin: 0 !important;
    position: relative !important;
    inset: auto !important;
  }

  html body.webarting-fast-store #site-menu .wafs-actions.quick-access small {
    display: none !important;
  }

  html body.webarting-fast-store #site-menu button.navbar-toggler.has-mobile-png-icon,
  html body.webarting-fast-store #site-menu .navbar-toggler.has-mobile-png-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--wafs-sidebar-category-active-bg, var(--wafs-products-button-bg, #f97316)) !important;
    box-shadow: none !important;
  }

  html body.webarting-fast-store #site-menu .wafs-navbar-toggler-png,
  html body.webarting-fast-store #site-menu .wafs-navbar-toggler-png img {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.webarting-fast-store #site-menu button.navbar-toggler.has-mobile-png-icon .icon-bar,
  html body.webarting-fast-store #site-menu .navbar-toggler.has-mobile-png-icon .icon-bar {
    display: none !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mainbar > .wafs-live-search-wrap,
  html body.webarting-fast-store #site-menu .wafs-live-search-wrap {
    order: 3 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    position: relative !important;
    z-index: 20 !important;
    margin: .45rem auto 0 !important;
  }

  html body.webarting-fast-store #site-menu .wafs-live-search-wrap > form.wafs-search,
  html body.webarting-fast-store #site-menu form.wafs-search.navbar-search,
  html body.webarting-fast-store #site-menu .wafs-search.navbar-search {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  html body.webarting-fast-store #site-menu .wafs-live-search-panel {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    z-index: 9999 !important;
    transform: none !important;
  }
}

/* WebARTing FAST STORE v1.0.63 - surgical fix: cart buttons + mobile category tree. Desktop products menu untouched. */
body.webarting-fast-store .wafs-card-cart-button,
body.webarting-fast-store button.wafs-card-cart-button,
body.webarting-fast-store .wafs-single-cart-button,
body.webarting-fast-store button.wafs-single-cart-button,
body.webarting-fast-store #box-product button[name="add_cart_product"],
body.webarting-fast-store #box-checkout-cart button[name="update_cart_item"],
body.webarting-fast-store #box-checkout-cart button[name="remove_cart_item"] {
  background: var(--wafs-button-bg, #f97316) !important;
  background-color: var(--wafs-button-bg, #f97316) !important;
  color: var(--wafs-button-text, #ffffff) !important;
  border-color: var(--wafs-button-border, var(--wafs-button-bg, #f97316)) !important;
  box-shadow: 0 10px 20px rgba(15, 23, 42, .10) !important;
}

body.webarting-fast-store .wafs-card-cart-button *,
body.webarting-fast-store button.wafs-card-cart-button *,
body.webarting-fast-store .wafs-single-cart-button *,
body.webarting-fast-store button.wafs-single-cart-button *,
body.webarting-fast-store #box-product button[name="add_cart_product"] *,
body.webarting-fast-store #box-checkout-cart button[name="update_cart_item"] *,
body.webarting-fast-store #box-checkout-cart button[name="remove_cart_item"] * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.webarting-fast-store .wafs-card-cart-button i,
body.webarting-fast-store button.wafs-card-cart-button i,
body.webarting-fast-store .wafs-single-cart-button i,
body.webarting-fast-store button.wafs-single-cart-button i,
body.webarting-fast-store #box-product button[name="add_cart_product"] i,
body.webarting-fast-store #box-checkout-cart button[name="update_cart_item"] i,
body.webarting-fast-store #box-checkout-cart button[name="remove_cart_item"] i,
body.webarting-fast-store .wafs-card-cart-button .fa,
body.webarting-fast-store .wafs-single-cart-button .fa {
  color: var(--wafs-button-icon, var(--wafs-button-text, #ffffff)) !important;
  -webkit-text-fill-color: var(--wafs-button-icon, var(--wafs-button-text, #ffffff)) !important;
}

body.webarting-fast-store .wafs-card-cart-button:hover,
body.webarting-fast-store button.wafs-card-cart-button:hover,
body.webarting-fast-store .wafs-single-cart-button:hover,
body.webarting-fast-store button.wafs-single-cart-button:hover,
body.webarting-fast-store #box-product button[name="add_cart_product"]:hover,
body.webarting-fast-store #box-checkout-cart button[name="update_cart_item"]:hover,
body.webarting-fast-store #box-checkout-cart button[name="remove_cart_item"]:hover {
  background: var(--wafs-button-hover-bg, var(--wafs-button-bg, #f97316)) !important;
  background-color: var(--wafs-button-hover-bg, var(--wafs-button-bg, #f97316)) !important;
  color: var(--wafs-button-hover-text, var(--wafs-button-text, #ffffff)) !important;
  border-color: var(--wafs-button-hover-border, var(--wafs-button-hover-bg, var(--wafs-button-border, var(--wafs-button-bg, #f97316)))) !important;
}

body.webarting-fast-store .wafs-card-cart-button:hover i,
body.webarting-fast-store button.wafs-card-cart-button:hover i,
body.webarting-fast-store .wafs-single-cart-button:hover i,
body.webarting-fast-store button.wafs-single-cart-button:hover i,
body.webarting-fast-store #box-product button[name="add_cart_product"]:hover i,
body.webarting-fast-store #box-checkout-cart button[name="update_cart_item"]:hover i,
body.webarting-fast-store #box-checkout-cart button[name="remove_cart_item"]:hover i,
body.webarting-fast-store .wafs-card-cart-button:hover .fa,
body.webarting-fast-store .wafs-single-cart-button:hover .fa {
  color: var(--wafs-button-hover-icon, var(--wafs-button-hover-text, var(--wafs-button-text, #ffffff))) !important;
  -webkit-text-fill-color: var(--wafs-button-hover-icon, var(--wafs-button-hover-text, var(--wafs-button-text, #ffffff))) !important;
}

body.webarting-fast-store .wafs-single-cart-button .wafs-single-cart-icon {
  display: none;
}

@media (max-width: 767px) {
  body.webarting-fast-store .listing.products .product.wafs-product-card .wafs-card-cart-button,
  body.webarting-fast-store .product.wafs-product-card .wafs-card-cart-button {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    flex: 0 0 46px !important;
  }

  body.webarting-fast-store .listing.products .product.wafs-product-card .wafs-card-cart-button span:not(.wafs-card-cart-badge),
  body.webarting-fast-store .product.wafs-product-card .wafs-card-cart-button span:not(.wafs-card-cart-badge) {
    display: none !important;
  }

  body.webarting-fast-store .listing.products .product.wafs-product-card .wafs-card-cart-form,
  body.webarting-fast-store .product.wafs-product-card .wafs-card-cart-form {
    justify-content: center !important;
  }

  body.webarting-fast-store #box-product .wafs-buy-now,
  body.webarting-fast-store #box-product .form-group,
  body.webarting-fast-store #box-product .form-group > div[style*="display: flex"] {
    min-width: 0 !important;
  }

  body.webarting-fast-store #box-product .wafs-single-cart-button,
  body.webarting-fast-store #box-product button.wafs-single-cart-button,
  body.webarting-fast-store #box-product button[name="add_cart_product"] {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    flex: 0 0 52px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.webarting-fast-store #box-product .wafs-single-cart-button .wafs-single-cart-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  body.webarting-fast-store #box-product .wafs-single-cart-button .wafs-single-cart-text {
    display: none !important;
  }

  body.webarting-fast-store #box-category-tree li.opened > ul,
  body.webarting-fast-store #box-category-tree li.open > ul,
  body.webarting-fast-store #box-category-tree li.active > ul,
  body.webarting-fast-store .box-category-tree li.opened > ul,
  body.webarting-fast-store .box-category-tree li.open > ul,
  body.webarting-fast-store .box-category-tree li.active > ul,
  body.webarting-fast-store #sidebar .nav-stacked li.opened > ul,
  body.webarting-fast-store #sidebar .nav-stacked li.open > ul,
  body.webarting-fast-store #sidebar .nav-stacked li.active > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.webarting-fast-store #box-category-tree li.opened,
  body.webarting-fast-store #box-category-tree li.open,
  body.webarting-fast-store #box-category-tree li.active {
    overflow: visible !important;
  }
}

/* WebARTing FAST STORE v1.0.64 - mobile category tree + native LiteCart orderable buttons */
@media (max-width: 991px) {
  html body.webarting-fast-store #site-menu .offcanvas,
  html body.webarting-fast-store #site-menu .wafs-offcanvas {
    max-height: 100vh !important;
    overflow: hidden !important;
  }

  html body.webarting-fast-store #site-menu .offcanvas-body {
    max-height: calc(100vh - 74px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding-bottom: 1.4rem !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-categories-title {
    display: flex !important;
    align-items: center !important;
    gap: .55rem !important;
    color: var(--wafs-sidebar-category-active-text, #ffffff) !important;
    background: var(--wafs-sidebar-category-active-bg, var(--wafs-products-button-bg, #f97316)) !important;
    border-radius: 12px !important;
    padding: .75rem .9rem !important;
    font-weight: 800 !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-tree {
    display: block !important;
    margin-top: .55rem !important;
    max-height: 62vh !important;
    overflow-y: auto !important;
    padding: .25rem .15rem .65rem !important;
    border-radius: 14px !important;
    background: var(--wafs-sidebar-category-bg, #ffffff) !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-item {
    display: block !important;
    margin: .18rem 0 !important;
    padding: 0 !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-row {
    display: flex !important;
    align-items: stretch !important;
    gap: .35rem !important;
    min-width: 0 !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-link {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    padding: .68rem .75rem !important;
    border-radius: 11px !important;
    color: var(--wafs-sidebar-category-link, var(--wafs-content-text, #111827)) !important;
    background: transparent !important;
    text-decoration: none !important;
    line-height: 1.25 !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-toggle {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--wafs-sidebar-category-hover-bg, rgba(15,23,42,.06)) !important;
    color: var(--wafs-sidebar-category-icon, currentColor) !important;
    padding: 0 !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-toggle .fa,
  html body.webarting-fast-store #site-menu .wafs-mobile-category-toggle i {
    color: inherit !important;
    transition: transform .18s ease !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-item.is-open > .wafs-mobile-category-row .wafs-mobile-category-toggle .fa,
  html body.webarting-fast-store #site-menu .wafs-mobile-category-item.is-open > .wafs-mobile-category-row .wafs-mobile-category-toggle i {
    transform: rotate(180deg) !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-link:hover,
  html body.webarting-fast-store #site-menu .wafs-mobile-category-link:focus,
  html body.webarting-fast-store #site-menu .wafs-mobile-category-item.is-open > .wafs-mobile-category-row .wafs-mobile-category-link {
    color: var(--wafs-sidebar-category-hover-text, var(--wafs-sidebar-category-active-text, #ffffff)) !important;
    background: var(--wafs-sidebar-category-hover-bg, var(--wafs-sidebar-category-active-bg, #f97316)) !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-item.is-open > .wafs-mobile-category-row .wafs-mobile-category-toggle {
    color: var(--wafs-sidebar-category-active-icon, #ffffff) !important;
    background: var(--wafs-sidebar-category-active-bg, var(--wafs-products-button-bg, #f97316)) !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-children {
    display: none;
    margin: .18rem 0 .35rem .65rem !important;
    padding-left: .45rem !important;
    border-left: 2px solid var(--wafs-content-card-border, #e5e7eb) !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-children:not([hidden]),
  html body.webarting-fast-store #site-menu .wafs-mobile-category-item.is-open > .wafs-mobile-category-children {
    display: block !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-level-1 .wafs-mobile-category-link {
    font-size: .96em !important;
    padding-left: .7rem !important;
  }

  html body.webarting-fast-store #site-menu .wafs-mobile-category-level-2 .wafs-mobile-category-link,
  html body.webarting-fast-store #site-menu .wafs-mobile-category-level-3 .wafs-mobile-category-link {
    font-size: .92em !important;
    padding-left: .65rem !important;
  }
}

@media (max-width: 767px) {
  body.webarting-fast-store .listing.products .product.wafs-product-card .wafs-card-cart-button,
  body.webarting-fast-store .product.wafs-product-card .wafs-card-cart-button {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 12px !important;
  }

  body.webarting-fast-store .listing.products .product.wafs-product-card .wafs-card-cart-button span:not(.wafs-card-cart-badge),
  body.webarting-fast-store .product.wafs-product-card .wafs-card-cart-button span:not(.wafs-card-cart-badge) {
    display: none !important;
  }

  body.webarting-fast-store #box-product .wafs-single-cart-button,
  body.webarting-fast-store #box-product button.wafs-single-cart-button,
  body.webarting-fast-store #box-product button[name="add_cart_product"] {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    flex: 0 0 52px !important;
  }

  body.webarting-fast-store #box-product .wafs-single-cart-button .wafs-single-cart-text {
    display: none !important;
  }

  body.webarting-fast-store #box-product .wafs-single-cart-button .wafs-single-cart-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* WebARTing FAST STORE v1.0.69 - Single product scroll sticky buy bar */
.wafs-product-sticky-bar {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1090;
  pointer-events: none;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .18s ease, transform .18s ease;
  color: var(--wafs-product-sticky-text, var(--wafs-content-text, #111827));
}
.wafs-product-sticky-bar.wafs-product-sticky-top {
  top: 0;
  transform: translateY(-18px);
}
.wafs-product-sticky-bar.wafs-product-sticky-bottom {
  bottom: 0;
}
body.wafs-product-sticky-visible .wafs-product-sticky-bar {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.wafs-product-sticky-inner {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto 14px;
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  background: var(--wafs-product-sticky-bg, #fff);
  color: var(--wafs-product-sticky-text, #111827);
  border: 1px solid color-mix(in srgb, var(--wafs-products-button-bg, #f3b102) 28%, transparent);
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
}
.wafs-product-sticky-top .wafs-product-sticky-inner {
  margin: 14px auto 0;
}
.wafs-product-sticky-media {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(248, 250, 252, .92);
  border: 1px solid rgba(226, 232, 240, .9);
  border-radius: 14px;
  overflow: hidden;
}
.wafs-product-sticky-media img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.wafs-product-sticky-info {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wafs-product-sticky-title {
  color: var(--wafs-product-sticky-text, #111827) !important;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wafs-product-sticky-price {
  color: var(--wafs-products-button-bg, currentColor);
  font-weight: 900;
  font-size: 1.15rem;
  line-height: 1;
}
.wafs-product-sticky-action {
  flex: 0 0 auto;
}
.wafs-product-sticky-action form {
  margin: 0;
}
.wafs-sticky-cart-button {
  min-height: 46px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .72rem 1.05rem !important;
  border-radius: 12px !important;
  border: 0 !important;
  background: var(--wafs-products-button-bg, #f3b102) !important;
  color: var(--wafs-products-button-text, #fff) !important;
  font-weight: 800;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--wafs-products-button-bg, #f3b102) 24%, transparent);
  position: relative;
}
.wafs-sticky-cart-button .fa,
.wafs-sticky-cart-button svg,
.wafs-sticky-cart-icon {
  color: var(--wafs-products-button-icon, var(--wafs-products-button-text, #fff)) !important;
}
.wafs-sticky-cart-button:hover,
.wafs-sticky-cart-button:focus {
  background: var(--wafs-products-button-hover-bg, var(--wafs-products-button-bg, #f3b102)) !important;
  color: var(--wafs-products-button-hover-text, var(--wafs-products-button-text, #fff)) !important;
}
.wafs-sticky-cart-button:hover .fa,
.wafs-sticky-cart-button:focus .fa,
.wafs-sticky-cart-button:hover svg,
.wafs-sticky-cart-button:focus svg,
.wafs-sticky-cart-button:hover .wafs-sticky-cart-icon,
.wafs-sticky-cart-button:focus .wafs-sticky-cart-icon {
  color: var(--wafs-products-button-hover-icon, var(--wafs-products-button-hover-text, var(--wafs-products-button-icon, #fff))) !important;
}
@media (max-width: 767px) {
  .wafs-product-sticky-inner {
    width: calc(100% - 18px);
    min-height: 66px;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 16px;
    margin-bottom: 8px;
  }
  .wafs-product-sticky-top .wafs-product-sticky-inner {
    margin-top: 8px;
  }
  .wafs-product-sticky-media {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 12px;
  }
  .wafs-product-sticky-title {
    font-size: .92rem;
  }
  .wafs-product-sticky-price {
    font-size: 1rem;
  }
  .wafs-sticky-cart-button {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 0 !important;
    border-radius: 14px !important;
  }
  .wafs-sticky-cart-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    white-space: nowrap !important;
  }
}