/* Custom CSS theme */
/*Product Titles On Front Page*/
/*Product Titles in Grid*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--large-items .grid-product__title-inner {
  font-family: 'Heavitas', Arial, sans-serif !important;
  color: #998543 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 45px !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__title {
  font-family: 'Heavitas', Arial, sans-serif !important;
  color: #998543 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 45px !important;
}

/*Product Titles in Grid - inner text (all grid sizes)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__title-inner {
  font-family: 'Heavitas', Arial, sans-serif !important;
  color: #998543 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 45px !important;
}

/*Product Titles in Grid Hover*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--large-items .grid-product__title-inner .grid-product__wrap-inner:hover {
  font-family: 'Heavitas', Arial, sans-serif !important;
  color: #998543 !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  text-align: center !important;
}

/*Product Titles in Catagory Grid Hover*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__wrap-inner:hover .grid-product__title .grid-product__title-inner {
  font-family: 'Heavitas', Arial, sans-serif !important;
  color: #998543 !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  text-align: center !important;
}

/*Product price in Grid*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--large-items .grid-product__image ~ .grid-product__price .grid-product__price-amount {
  color: #998543 !important;
  font-family: Heavitas !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  text-align: center !important;
}

/*Space between title and price in Grid (all grid sizes)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price {
  margin-top: 8px !important;
}

/*Space between title and subtitle (e.g. (Digital)/(CD)) in Grid (all grid sizes)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__subtitle {
  margin-top: 2px !important;
}

/*Product price color in Grid (all grid sizes) -- targets the actual
text-bearing .ec-price-item element, which otherwise inherits gold
from the unscoped product-page price rule below*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price .ec-price-item {
  color: #ffffff !important;
}

/*Product titles in the product page*/
.ec-size .ec-store .product-details .product-details__product-title {
  color: #998543 !important;
  font-family: 'Heavitas', Arial, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  margin-bottom: 8px !important;
  font-weight: 500 !important;
  text-align: left !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
}

/*Hide duplicate product title below the images (keep only the one next to price)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__description .product-details__product-title {
  display: none !important;
}

/*Product subtitle text in the product page*/
.product-details-module .product-details__subtitle {
  color: #FFFFFF !important;
}

/*Product general info text in the product page*/
.product-details-module .product-details__general-info {
  color: #FFFFFF !important;
}

/*Product SKU in the product page*/
.ec-size .ec-store .product-details__product-sku {
  color: #FFFFFF !important;
}

/*Product price in the product page*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-price-item {
  color: #ffffff !important;
  font-family: Heavitas !important;
  font-size: 22px !important;
  line-height: 100% !important;
}

/*Ribbon*/
.ec-size .ec-store .ec-label .label--custom .label__text .grid-product__label .label--flag {
  font-family: Roboto !important;
  font-size: 10px !important;
  line-height: 150% !important;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-right: 2px;
  padding-center: 2px;
}

.ec-label .label__text {
  font-family: Roboto !important;
}

.ec-store .form-control__button-text {
  font-family: Heavitas !important;
}

/* change on sale label color */
.ec-size .ec-store .label--notice {
  background-color: #998543;
}

.ec-size .ec-store .label--notice::after,
.ec-size .ec-store .label--notice::before {
  border-color: #998543;
  border-right-color: transparent;
}

/*Product Description -- fixed selector (old .productDescription/.description chain
never matched; the element is #productDescription.product-details__product-description).
White body text, scoped so gold headings/titles are untouched.*/
.ec-size .ec-store .product-details__product-description,
.ec-size .ec-store .product-details__product-description p,
.ec-size .ec-store .product-details__product-description li,
.ec-size .ec-store .product-details__product-description span,
.ec-size .ec-store .product-details__product-description strong,
.ec-size .ec-store .product-details__product-attributes,
.ec-size .ec-store .details-product-attribute__title,
.ec-size .ec-store .details-product-attribute__value {
  color: #FFFFFF !important;
}

/*H6 Product Titles size/color*/
.ec-size .ec-store h6, .ec-size .ec-store .ec-header-h6 {
  color: #998543 !important;
  font-family: Heavitas !important;
  text-align: center !important;
  font-size: 15px !important;
  line-height: 150% !important;
}

/*Hide Header Titles*/
.ec-page-title {
  display: none;
}

/*Hide Header Filters*/
.ec-size .ec-store .grid__sort {
  display: none;
}

/*Hide Category cards in store front page*/
.ec-size .ec-store.ec-store__category-page--0 .ec-grid .grid__categories {
  display: none;
}

/*Center Products in categories*/
.ec-size .ec-store .grid__products[data-cols="2"][data-items="1"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="3"][data-items="1"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="3"][data-items="2"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="4"][data-items="1"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="4"][data-items="2"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="4"][data-items="3"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="5"][data-items="1"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="5"][data-items="2"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="5"][data-items="3"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="5"][data-items="4"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="6"][data-items="1"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="6"][data-items="2"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="6"][data-items="3"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="6"][data-items="4"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="6"][data-items="5"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="7"][data-items="1"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="7"][data-items="2"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="7"][data-items="3"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="7"][data-items="4"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="7"][data-items="5"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="7"][data-items="6"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="8"][data-items="1"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="8"][data-items="2"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="8"][data-items="3"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="8"][data-items="4"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="8"][data-items="5"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="8"][data-items="6"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="8"][data-items="7"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="9"][data-items="1"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="9"][data-items="2"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="9"][data-items="3"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="9"][data-items="4"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="9"][data-items="5"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="9"][data-items="6"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="9"][data-items="7"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="9"][data-items="8"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="10"][data-items="1"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="10"][data-items="2"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="10"][data-items="3"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="10"][data-items="4"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="10"][data-items="5"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="10"][data-items="6"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="10"][data-items="7"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="10"][data-items="8"] {
  justify-content: center;
}

.ec-size .ec-store .grid__products[data-cols="10"][data-items="9"] {
  justify-content: center;
}

/*Disable zoom effect for thumbnails*/
.ec-size .ec-store .grid-product__wrap-inner:hover .grid-product__picture {
  transform: none;
}

.grid-product__wrap {
  display: flex;
}

/*BUTTONS*/
/*Change the color of all Large buttons at once*/
/*Button color*/
.ec-size .ec-store .form-control--primary .form-control__button {
  background-color: #998543;
  border-radius: 0px;
}

/*Button color on hover*/
.ec-size .ec-store .form-control--primary .form-control__button:hover {
  background: #ffffff;
  border-radius: 0px;
}

/*Text color*/
.ec-size .ec-store .form-control--primary .form-control__button {
  color: #ffffff !important;
  font-family: Heavitas !important;
  font-size: 15px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Text color on hover*/
.ec-size .ec-store .form-control--primary .form-control__button:hover {
  color: #998543 !important;
  font-family: Heavitas !important;
  font-size: 15px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Change the color of all Smaller buttons at once*/
/*Button color*/
.ec-size .ec-store .form-control--secondary .form-control__button {
  background: #998543;
  border-radius: 0px;
}

/*Button color on hover*/
.ec-size .ec-store .form-control--secondary .form-control__button:hover {
  background: #ffffff;
  border-radius: 0px;
}

/*Text color*/
.ec-size .ec-store .form-control--secondary .form-control__button-text {
  color: #ffffff !important;
  font-family: Heavitas !important;
  font-size: 15px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Text color on hover*/
.ec-size .ec-store .form-control--secondary .form-control__button:hover .form-control__button-text {
  color: #998543 !important;
  font-family: Heavitas !important;
  font-size: 15px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Button color*/
.ec-size .ec-store .form-control--primary .form-control__button {
  background-color: #998543;
  border-radius: 0px;
}

/*Button color on hover*/
.ec-size .ec-store .form-control--primary .form-control__button:hover {
  background: #ffffff;
  border-radius: 0px;
}

/*Text */
.html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--checkbox-button .form-control__inline-label label {
  color: #ffffff !important;
  font-family: Heavitas !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Text color*/
.ec-size .ec-store .form-control--primary .form-control__button-text {
  color: #ffffff !important;
  font-family: Heavitas !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Text color on hover*/
.ec-size .ec-store .form-control--primary .form-control__button:hover .form-control__button-text {
  color: #998543 !important;
  font-family: Heavitas !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Button color*/
.ec-size .ec-store .form-control--small .form-control__button {
  background: #998543;
  border-radius: 0px;
}

/*Text color*/
.ec-size .ec-store .form-control--small .form-control__button-text {
  color: #ffffff !important;
  font-family: Heavitas !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Text color on hover*/
.ec-size .ec-store .form-control--small .form-control__button:hover .form-control__button-text {
  color: #998543 !important;
  font-family: Heavitas !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Button background on hover (was missing -- caused gold-on-gold invisible text on grid Add to Cart / Buy Now buttons)*/
.ec-size .ec-store .form-control--small .form-control__button:hover {
  background: #ffffff !important;
  border-radius: 0px !important;
}

/*Change the color of Add to bag button*/
/*Button color*/
.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {
  background: #998543;
  border-radius: 0px;
}

/*Button color on hover*/
.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button:hover {
  background: #ffffff;
  border-radius: 0px;
}

/*Text color*/
.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button-text {
  color: #ffffff !important;
  font-family: Heavitas !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Text color on hover*/
.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button:hover .form-control__button-text {
  color: #998543 !important;
  font-family: Heavitas !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Text color*/
.ec-size .ec-store .form-control--primary .form-control__button-text {
  color: #ffffff !important;
  font-family: Heavitas !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Text color on hover*/
.ec-size .ec-store .form-control--primary .form-control__button:hover .form-control__button-text {
  color: #998543 !important;
  font-family: Heavitas !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Footer Links Text color*/
.ec-size .ec-store .ec-footer__link {
  color: #ffffff !important;
  font-size: 15px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Footer Links Text color Used*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-link--muted:visited {
  color: #998543 !important;
  font-size: 15px !important;
  text-align: center !important;
  line-height: 200% !important;
}

/*Selection Buttons*/
.ec-size .ec-store .form-control__inline-label {
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 15px !important;
  text-align: center !important;
  line-height: 150% !important;
}

.ec-store .footer-panel__powered-by {
  display: none !important;
}

.ins-tile--footer .ins-tile__made-with {
  display: none;
}

/*Product page prev/next navigation arrows -- default Ecwid blue border, switched to theme gold*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__navigation {
  border-color: #998543 !important;
}

/*Product option/size buttons -- default Ecwid blue background on unselected state, switched to gold-outlined style; selected state already renders solid gold*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--checkbox-button label {
  background-color: transparent !important;
  border: 1px solid #998543 !important;
  color: #998543 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--checkbox-button input:checked ~ .form-control__inline-label label {
  background-color: #998543 !important;
  color: #000002 !important;
}

/*Product description table -- default Ecwid blue border, switched to theme gold*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ecwid-description-table {
  border-color: #998543 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ecwid-description-table td,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ecwid-description-table th {
  border-color: #998543 !important;
}

/*Hide Ecwid/Lightspeed 'Powered by' branding tag at bottom of store*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-lightspeed-branding-wrapper {
  display: none !important;
}

/*Center the 'You May Also Like' related products heading*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-related-products__title {
  text-align: center !important;
}

/*Left-align 'In stock' and 'Product Details' headings on the product page*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details-module__title {
  text-align: left !important;
}

/*Fix navy-blue background on size/option selector buttons -- match theme (black bg, gold border)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--checkbox-button {
  background-color: #000000 !important;
  border-color: #998543 !important;
}

/*Fix blue hover background on product page prev/next nav arrows -- match Add to Bag reverse-hover pattern*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__navigation--arrow-left:hover,
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__navigation--arrow-right:hover {
  background-color: #ffffff !important;
  border-color: #998543 !important;
  color: #998543 !important;
}

/*Change 'You May Also Like' related products heading font to Heavitas*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-related-products__title {
  font-family: 'Heavitas', Arial, sans-serif !important;
}

/*Increase breadcrumb text size on product pages*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-breadcrumbs,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-breadcrumbs .breadcrumbs__link,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-breadcrumbs .breadcrumbs__delimiter {
  font-size: 16px !important;
}

/*Change 'Apply a promo coupon' text on cart page to Heavitas*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__credits-and-coupons--title {
  font-family: 'Heavitas', Arial, sans-serif !important;
}

/*Increase 'Looking for more? Continue shopping' text size on cart page*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-shopping__wrap {
  font-size: 16px !important;
}

/*White hover color on 'Continue shopping' link (cart page)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-shopping__wrap a.ec-link:hover {
  color: #ffffff !important;
}

/*Force gold focus/border/autofill highlight on cart coupon + email fields (kill any browser blue)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control__text:focus {
  border-color: #998543 !important;
  outline-color: #998543 !important;
  box-shadow: 0 0 0 1px #998543 inset !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control__text:-webkit-autofill,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control__text:-webkit-autofill:hover,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control__text:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0px 1000px #000000 inset !important;
  box-shadow: 0 0 0px 1000px #000000 inset !important;
  border-color: #998543 !important;
  caret-color: #ffffff !important;
}

/*Left-align cart agreement checkbox label text (was center-aligned, causing extra gap before 'I agree with' vs 'Keep me...')*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control__inline-label {
  text-align: left !important;
}

/*Gold cart dividers (was navy blue)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .ec-cart__products,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .ec-cart__credits-and-coupons,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .ec-cart__shopping.ec-cart-shopping {
  border-color: #998543 !important;
}

/*White-hover for cart agreement links (Terms, Return Policy, etc.)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .ec-cart__agreement a.ec-link:hover {
  color: #ffffff !important;
}

/*Hide gift icon on Promo coupon line*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .ec-cart-coupon__icon {
  display: none !important;
}

/*Remove navy background from unfocused form fields (email, coupon)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control.form-control--large.form-control--flexible,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control.form-control--flexible {
  background-color: transparent !important;
}

/*Remove navy from unchecked checkboxes, keep gold when checked*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control__checkbox-view::after {
  background-color: transparent !important;
  border-color: transparent !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart input.form-control__checkbox:checked ~ .form-control__checkbox-view::after {
  background-color: #998543 !important;
  border-color: #998543 !important;
}

/*Kill Ecwid's native yellow required-field highlight on the agreement label (triggered on hover anywhere in the checkout box)*/
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control__inline-label {
  background-color: transparent !important;
}

/* ============================================================ */
/* Add to Cart click confirmation checkmark (fix)               */
/* Ecwid ships a global `.ec-store * { transition: none }` and   */
/* boots buttons in no-animation mode, so its built-in           */
/* text->checkmark swap never runs. Recreate it in pure CSS:     */
/* pressing a button swaps text for the check, which stays       */
/* visible ~1.4s after release, then fades back.                 */
/* ============================================================ */
.ec-size .ec-store .form-control--button .form-control__button-svg,
.ec-size .ec-store .form-control--button .form-control__button-text {
  transition: opacity 0.15s ease 1.4s !important;
}

.ec-size .ec-store .form-control--button .form-control__button-svg {
  opacity: 0;
}

.ec-size .ec-store .form-control--button .form-control__button:active .form-control__button-svg {
  opacity: 1 !important;
  transition-delay: 0s !important;
}

.ec-size .ec-store .form-control--button .form-control__button:active .form-control__button-text {
  opacity: 0 !important;
  transition-delay: 0s !important;
}

/* Check color: white on gold buttons, gold on the white hover background */
.ec-size .ec-store .form-control__button .svg-line-check {
  stroke: #ffffff !important;
}

.ec-size .ec-store .form-control__button:hover .svg-line-check {
  stroke: #998543 !important;
}

/* ============================================================ */
/* Album-page Buy Now widget (e.g. /stitp/) - match brand style */
/* These Ecwid buy-now embeds use ecwid-btn classes, not the     */
/* storefront form-control classes, so they need their own rules.*/
/* ============================================================ */
button.ecwid-btn.ecwid-btn--addToBag,
button.ecwid-btn--primary {
  background-color: #998543 !important;
  color: #ffffff !important;
  font-family: 'Heavitas', Arial, sans-serif !important;
  border-radius: 0 !important;
  border: none !important;
  letter-spacing: 0.5px !important;
}

button.ecwid-btn.ecwid-btn--addToBag:hover,
button.ecwid-btn--primary:hover {
  background-color: #ffffff !important;
  color: #998543 !important;
}

/* Hide the "Compass 120 Entertainment" powered-by bar under album buy-now widgets */
.ecwid-SingleProduct-powered-by-wrapper,
.ecwid-SingleProduct-powered-by {
  display: none !important;
}

/* ============================================================ */
/* Hide category cards (names + images) on the storefront        */
/* The old rule only matched the top-level category page class    */
/* (.ec-store__category-page--0); these broader selectors catch   */
/* the category strip wherever Ecwid renders it.                  */
/* ============================================================ */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__categories,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__wrap,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__name,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-grid .grid__categories {
  display: none !important;
}

/* ============================================================ */
/* Kill the white background behind product images on hover      */
/* Ecwid shows a white "shadow" card + hover overlay behind the   */
/* image on hover; on this black theme it flashes white. Hide the */
/* overlay and keep image/card backgrounds transparent.           */
/* ============================================================ */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__shadow,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__shadow-inner {
  display: none !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__wrap-inner:hover .grid-product__bg,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__wrap-inner:hover .grid-product__image-wrap,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__wrap-inner:hover .grid-product__hover-wrap,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__hover-wrap {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* THE actual white-on-hover culprit (verified live): products with a second
photo get an overlay img.grid-product__picture-additional on hover, and Ecwid
paints that img's own background white ("--opaque" variant). Make it clear. */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__picture-additional,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__picture-additional--opaque {
  background: transparent !important;
  background-color: transparent !important;
}

/* Companion rule (verified live): the white bg above was Ecwid's way of
covering the MAIN image during the hover swap. With it transparent, hide the
main image itself while the second photo is up, so they never overlap.
Scoped to the whole tile (wrap-inner), since Ecwid triggers the photo swap
from anywhere on the tile, including the Add to Cart button. */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product--has-additional-image .grid-product__wrap-inner:hover .grid-product__picture:not([class*="picture-additional"]) {
  opacity: 0 !important;
}

/* ============================================================ */
/* No borders on buttons (all types, rest + hover)               */
/* Ecwid's secondary/small buttons carry a default border via its */
/* design tokens; strip it everywhere so buttons are clean gold   */
/* (or white on hover) with no outline.                           */
/* ============================================================ */
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button:hover,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--secondary .form-control__button,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--small .form-control__button,
button.ecwid-btn,
button.ecwid-btn:hover {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}