/*
Theme Name: Store Eshop Pro
Theme URI: https://www.themagnifico.net/products/shop-wordpress-theme
Author: Themagnifico
Author URI: https://www.themagnifico.net/
Description: The Shop WordPress Theme is a premium solution expertly designed for crafting a sophisticated and fully functional online store. Ideal for ecommerce businesses, it offers a robust foundation for building a digital storefront that seamlessly blends style, performance, and usability. This theme caters to a wide range of industries, from retail shops to digital product shops, making it incredibly versatile. Equipped with essential features such as responsive layouts, WooCommerce integration, and dynamic customization options, it ensures an exceptional experience for both store owners and customers. The theme's clean, modern design guarantees smooth navigation across devices, enabling businesses to establish a professional online marketplace, effectively showcase products, and manage orders effortlessly. It includes valuable tools like image and video galleries for product displays, a "Testimonials" section to build credibility, and an "About Us" page to share the brand's story. With newsletter integration, businesses can maintain customer engagement, while the storefront customization options allow for a unique and recognizable brand identity.
Version: 0.0.2
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: store-eshop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Store Eshop Pro WordPress Theme has been created by Themagnifico(themagnifico.net), 2025.
Store Eshop Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */



@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Luckiest+Guy&family=Rubik+Mono+One&family=Sigmar&family=Sigmar+One&display=swap');.bypostauthor {
  font-weight: 600;
}
/*--------- Site Loader --------------*/
.preloader {
  background: #223994;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
  justify-content: center;
  align-items: center;
}
.loader {
	--speed: 1000ms;
	position: relative;
	font-size: 2.5em;
  }
  
  .loader .tile {
	width: 1em;
	height: 1em;
	animation: var(--speed) ease infinite jump;
	transform-origin: 0 100%;
	will-change: transform;
  }
  
  .loader .tile::before {
	content: "";
	display: block;
	width: inherit;
	height: inherit;
	border-radius: 0.15em;
	background-color: #FFC107;
	animation: var(--speed) ease-out infinite spin;
	will-change: transform;
  }
  
  .loader::after {
	content: "";
	display: block;
	width: 1.1em;
	height: 0.2em;
	background-color: #FFC107;
	border-radius: 60%;
	position: absolute;
	left: -0.05em;
	bottom: -0.1em;
	z-index: -1;
	animation: var(--speed) ease-in-out infinite shadow;
	filter: blur(0.02em);
	will-change: transform filter;
  }
  
  @keyframes jump {
	0% {
	  transform: scaleY(1) translateY(0);
	}
	16% {
	  transform: scaleY(0.6) translateY(0);
	}
	22% {
	  transform: scaleY(1.2) translateY(-5%);
	}
	24%,
	62% {
	  transform: scaleY(1) translateY(-33%);
	}
	66% {
	  transform: scaleY(1.2) translateY(0);
	}
	72% {
	  transform: scaleY(0.8) translateY(0);
	}
	88% {
	  transform: scaleY(1) translateY(0);
	}
  }
  
  @keyframes spin {
	0%,
	18% {
	  transform: rotateZ(0);
	  border-radius: 0.15em;
	}
	38% {
	  border-radius: 0.25em;
	}
	66%,
	100% {
	  transform: rotateZ(1turn);
	  border-radius: 0.15em;
	}
  }
  
  @keyframes shadow {
	0% {
	  transform: scale(1);
	  filter: blur(0.02em);
	}
	25%,
	60% {
	  transform: scale(0.8);
	  filter: blur(0.06em);
	}
	70% {
	  transform: scale(1.1);
	  filter: blur(0.02em);
	}
	90% {
	  transform: scale(1);
	}
  }
  
