/*  ################################################################

  File Name: style.css
  Template Name: MyStore
  Created By: justthemevalley



 [Table of contents]


  1. Common styles
  2. Newsletter Popup
  3. Layout
     3.1. col1 layout
     3.2. col2 layout
     3.3. col3 layout
  4. Header
		4.1 welcome info
		4.2 header top
		4.3 language & currency
		4.4 Top Search
		4.5 Logo
		4.6 Top Cart
	5. Home tabs
	6. Hot deal
	7. Home top banner
	8. Sale & New label
	9. product hover
	10. Special products
	11. owl.carousel Slider
	12. testimonials
	13. Our clients
	14. Latest news
	15. Bottom banner section
	16. Category area
	17. Service area
	18. Totop
	20. Main menu
	21. Toolbar
	22. Filter price
	23. breadcrumbs
	24. sidebar
		24.1 category sidebar
		24.2 sidebar cart
		24.3 product price range
		24.4 filter color
		24.5 shop by
		24.6 compare
		24.7 popular tags
		24.8 Add banner
		24.9 Special product
	25. category description
	26. products grid
	27. products list
	28. price box
	29. products view
	30. products tabs
	31. shopping cart
	32. My Wishlist
	33. Compare table
	34. Checkout page
	35. Contact page
	36. Login page
	37. 404 Error Page
	38. About us
	39. FAQ Page
	40. Responsive


################################################################# */

/******************************************
1. Common styles
******************************************/

/* Pop Background */
.pop {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}

/* Pop Content Box */
.pop-content {
  background: #fff;
  margin: 10% auto;
  padding: 30px;
  border-radius: 8px;
  width: 400px;
  max-width: 90%;
  position: relative;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

/* Form Styling */
.pop-content input,
.pop-content textarea {
  width: 100%;
  padding: 10px;
  margin: 8px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.pop-content button {
  background-color: #003366;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}

.pop-content button:hover {
  background-color: #0055aa;
}