@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//megawowfactory.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.2") format("woff2");
	font-display:swap;
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//megawowfactory.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//megawowfactory.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//megawowfactory.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//megawowfactory.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//megawowfactory.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//megawowfactory.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//megawowfactory.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//megawowfactory.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Archivo Black", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: #83b735;
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-font-family: "Archivo Black", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://megawowfactory.com/wp-content/uploads/2025/05/UltraBoogie-shoes-with_box.jpg);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 1000px;
	--wd-popup-padding: 27px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://megawowfactory.com/wp-content/uploads/2021/07/page-title-shop.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 8px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 500px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}


rs-slides :is([data-type=text],[data-type=button]) {
font-family: Poppins !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Archivo Black !important;
}

/***********************************************
 Woodmart — Single-box performance-focused CSS
 Paste into: WP Admin → Appearance → Customize → Additional CSS
 Language: English
************************************************/

/* ====== Base rendering & font fallback (fast) ====== */
html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #fff;
  color: #111;
}
*, *::before, *::after { box-sizing: inherit; }

/* ====== Images / media / Woo elements (prevent CLS & reduce paint) ====== */
img, picture, svg, video, iframe {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: auto;
}

/* Make common Woodmart image classes behave nicely */
.product-gallery__image, .product-single__thumb, .woocommerce-product-gallery__image img, .wp-post-image, .product-image, .wd-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Generic aspect ratio helper for hero/cover blocks (apply class preserve-aspect in block if needed) */
.preserve-aspect { width:100%; aspect-ratio: 16/9; overflow:hidden; }
.preserve-aspect > img, .preserve-aspect picture { width:100%; height:100%; object-fit:cover; }

/* ====== Remove expensive visuals that slow paint ====== */
/* Disable large shadows, filters and backdrop-filters used by some demos */
.header, .site-header, .page-header, .woodmart-header, .wd-header, .hero, .wd-content, .widget, .site-footer, .footer-widgets, .product-card, .woocommerce .product {
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}

/* Disable background-attachment: fixed (costly on mobile) */
* { background-attachment: scroll !important; }

/* ====== Containment: limit repaint scope (useful for dynamic widgets) ====== */
.header, .site-header, .woodmart-header, .main, .content, .site-footer, .sidebar, .widget, .product-card, .product, .wd-products {
  contain: layout style paint;
  -webkit-contain: layout style paint;
}

/* ====== Navigation/header smoothness ====== */
.woodmart-header, .site-header, .header-wrapper, .main-nav, .top-bar {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

/* ====== Reduce heavy transitions globally (fast feel) ====== */
* {
  transition-property: color, background-color, border-color, opacity, transform;
  transition-duration: .18s;
  transition-timing-function: ease;
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Ensure animations use transform/opacity only (good practice) */
.animate, .has-animation, .wd-animate {
  transform: translateZ(0);
  will-change: transform, opacity;
}

/* Prevent accidental expensive transitions on layout properties */
*:not(img):not(video):not(svg):not(iframe) {
  transition-property: color, background-color, border-color, opacity, transform !important;
}

/* ====== Lightweight UI defaults (fast to paint) ====== */
a, button {
  -webkit-tap-highlight-color: rgba(0,0,0,0.06);
  outline-offset: 2px;
  text-decoration-skip-ink: auto;
}

/* Simple form control styles */
input, textarea, select, button {
  background-clip: padding-box;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 4px;
}

/* Lightweight default for Woodmart buttons (keeps paint cheap) */
.button, .btn, .wd-btn, .product .button, .add_to_cart_button {
  border: 0;
  box-shadow: none;
  transition: transform .12s ease, opacity .12s ease;
}

/* ====== Lazyload helper classes (common plugins/themes) ====== */
.lazyload, .loading { opacity: 0; transform: translateZ(0); transition: opacity .35s ease, transform .35s ease; }
.lazyloaded, .loaded { opacity: 1; transform: none; }

/* ====== Accessibility / offscreen helper ====== */
.offscreen, .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ====== Avoid deep selectors: keep CSS engine fast (guideline) ====== */
:root { --perf-note: "Keep selectors shallow. Edit theme components instead of chaining." }

/* ====== Minor visual fixes that reduce layout shifts on Woodmart demos ====== */
/* Reserve space for the mini-cart icon / counters */
.header .cart-contents, .top-bar .cart-contents, .woodmart-header .cart-contents {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Reserve space for product price thumbnails to prevent jump on load */
.woocommerce .price, .product .price, .wd-product-price {
  min-height: 1.1em;
}

/* Reserve vertical space for product titles in grids (adjust if your theme shows two lines) */
.woocommerce .products .product .product-title, .wd-products .product .product-title {
  min-height: 3.2em; /* tweak if your titles are longer/shorter */
}

/* ====== Optional: disable heavy parallax hero effect if present ====== */
.hero.parallax, .wd-parallax {
  background-attachment: scroll !important;
  transform: translateZ(0);
}

/* ====== Final safety: keep images compressed and avoid inline huge SVGs (editor note) ====== */
/* (No-op reminder rule so future edits stay small) */
.performance-remark { display:block; }

/* ====== END of Woodmart performance CSS ====== */
/* Notes:
   - This CSS is intentionally conservative and theme-friendly.
   - For best results: combine with image optimization (WebP/AVIF), server caching, and deferring non-critical JS.
   - If you need tweaks for a specific page or element, paste that selector + desired change and I'll optimize it.
*/