/* ==========================================================================
    GLOBAL PERFORMANCE & PERFORMANCE ANIMATION OPTIMIZATIONS
   ========================================================================== */
@font-face {
  font-family: 'YourThemeFont';
  font-display: swap !important; }

div.cart-drawer > div#cartDrawerLoader > div.loader::before {
  will-change: transform;
  transform: translateZ(0); }

div.form-field > button.form-button > i.icon > svg,
fieldset.form-fieldset > div.form-field > button.form-button > i.icon,
li.navUser-item > a.navUser-action > i.icon > svg,
ul.navUser-section > li.navUser-item > i.icon > svg,
.blog-card a,
.view-all-btn,
.arrow-nav,
.blog-read-more-btn {
  transition: transform 0.2s ease, opacity 0.2s ease !important;
  will-change: transform, opacity; }

div.form-field > button.form-button:hover > i.icon > svg,
.blog-read-more-btn:hover,
.view-all-btn:hover {
  transform: scale(1.02);
  opacity: 0.9; }

/* ==========================================================================
    SAFE REVERT: RESTORE ORIGINAL CAROUSEL OVERLAYS WITHOUT FORCED HEIGHTS
   ========================================================================== */
.heroCarousel {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important; }

.heroCarousel-image {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important; }

/* ==========================================================================
    THIRDPARTY APPS & MISC ELEMENT LAYOUT LOCKS (NO GLOBAL LAYOUT IMPACT)
   ========================================================================== */
#___ratingbadge_0 {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  z-index: 99999 !important;
  width: 150px !important;
  height: 60px !important; }

iframe[id^="I0_"],
iframe[src*="google.com/shopping"] {
  display: block !important;
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  visibility: visible !important; }

div.watermark div#v2CartDrawer__poweredBy img,
img[src*="recommender.peasisoft.com"] {
  width: 100% !important;
  max-width: 100px !important;
  height: auto !important;
  aspect-ratio: 4 / 1 !important; }
