/******************************************************************
  Template Name: Ashion
  Description: Ashion ecommerce template
  Author: Colorib
  Author URI: https://colorlib.com/
  Version: 1.0
  Created: Colorib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Categories Section
5.  Product Section
6.  Banner Section
7.  Countdown Section
8.  Instagram
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Montserrat", sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	color: #666666;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 45px;
}

.section-title h4 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.section-title h4:after {
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 70px;
	background: #3a9c40;
	content: "";
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #f5f5f5;
	min-height: 200px;
}

.spad {
	padding-top: 30px;
	padding-bottom: 30px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 30px 10px;
	color: #ffffff;
	background: #3a9c40;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	background: #3a9c40;
	font-weight: 600;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 30px;
	border-radius: 50px;
}

/* Preloder - REMOVED (using new preloader.css instead) */

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #dddddd;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/

.header {
	background: #ffffff;
	position: sticky;
	top: 0;
	z-index: 9998;
	transition: box-shadow 0.3s;
	margin-top: 0;
}

.header.header-scrolled {
	box-shadow: 0px 5px 10px rgba(91, 91, 91, 0.1);
}

.header .container-fluid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 100px;
}

.header .row {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header__logo {
	padding: 4px 30px 4px 0;
	display: flex;
	align-items: center;
}

.header__logo a {
	display: inline-block;
}

.header__logo img {
	max-width: 140px;
	max-height: 45px;
	height: auto;
	width: auto;
}

.header__menu {
	padding: 12px 0;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 40px;
	position: relative;
}

.header__menu ul li.active a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover .dropdown {
	top: 27px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 56px;
	min-width: 180px;
	background: #ffffff;
	text-align: left;
	padding: 10px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	border-radius: 4px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #111111;
	font-weight: 500;
	padding: 10px 25px;
	text-transform: capitalize;
	transition: all 0.3s;
}

.header__menu ul li .dropdown li a:hover {
	color: #3a9c40;
	background: #f8f8f8;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 15px;
	text-transform: uppercase;
	color: #111111;
	font-weight: 500;
	display: block;
	padding: 2px 0;
	position: relative;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #3a9c40;
	content: "";
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.header__right {
	text-align: right;
	padding: 12px 0 12px 30px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.header__right__auth {
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

/* User Dropdown */
.user-dropdown {
	position: relative;
}

.user-icon {
	display: inline-block;
	cursor: pointer;
	padding: 5px;
}

.user-icon i {
	font-size: 18px;
	transition: color 0.3s;
}

.user-icon:hover i {
	color: #ca1515;
}

.user-dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	min-width: 180px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	padding: 0;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
	margin-top: 5px;
}

.user-dropdown-menu.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.user-dropdown-header {
	padding: 10px 12px 6px;
	text-align: left;
}

.user-name {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #111111;
}

.user-email {
	display: block;
	font-size: 11px;
	color: #666666;
	margin-top: 1px;
}

.user-dropdown-divider {
	height: 1px;
	background: #f0f0f0;
	margin: 0;
}

.user-dropdown-item {
	display: block;
	padding: 8px 12px;
	color: #111111;
	text-decoration: none;
	font-size: 12px;
	transition: background 0.3s;
	text-align: left;
}

.user-dropdown-item:hover {
	background: #f8f8f8;
	color: #3a9c40;
}

/* Sign In link - bold and prominent */
.user-dropdown-item.signin-link {
	font-weight: 600;
	color: #3a9c40;
}

.user-dropdown-item.signin-link:hover {
	background: #3a9c40;
	color: #fff;
}

/* Dimmed items - when not logged in */
.user-dropdown-item.dimmed {
	color: #999;
	pointer-events: none;
	cursor: default;
}

.user-dropdown-item.dimmed:hover {
	background: transparent;
	color: #999;
}

.user-dropdown-item.disabled {
	color: #999 !important;
	cursor: not-allowed;
	pointer-events: none;
}

.user-dropdown-item.logout {
	color: #3a9c40;
}

.user-dropdown-item.logout:hover {
	background: #e8f5e9;
}

/* Disabled dropdown item */
.user-dropdown-item.disabled {
	color: #999 !important;
	cursor: not-allowed;
	pointer-events: none;
}

/* Sign In Button */
.sign-in-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #111111;
	font-size: 14px;
	font-weight: 500;
	transition: color 0.3s;
}

.sign-in-btn:hover {
	color: #3a9c40;
}

.sign-in-btn i {
	font-size: 18px;
}

.header__right__auth a {
	font-size: 12px;
	color: #666666;
	position: relative;
	margin-right: 15px;
}

.header__right__auth a:last-child {
	margin-right: 0;
}

.header__right__auth a:last-child:after {
	display: none;
}

.header__right__auth a:after {
	display: none;
}

.header__right__auth a i {
	font-size: 18px;
	transition: color 0.3s;
}

.header__right__auth a:hover i {
	color: #3a9c40;
}

.header__right__widget {
	display: inline-block;
}

.header__right__widget li {
	list-style: none;
	display: inline-block;
	font-size: 18px;
	color: #111111;
	margin-right: 20px;
	cursor: pointer;
}

.header__right__widget li:last-child {
	margin-right: 0;
}

.header__right__widget li a {
	font-size: 18px;
	color: #111111;
	position: relative;
}

.header__right__widget li a .tip {
	position: absolute;
	right: -12px;
	top: -11px;
	height: 18px;
	width: 18px;
	background: #111111;
	font-size: 10px;
	font-weight: 500;
	color: #ffffff;
	line-height: 18px;
	text-align: center;
	border-radius: 50%;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/* Mobile Nav Icons - Cart and User */
.offcanvas__widget-mobile {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 0 20px 15px;
}

.offcanvas__widget-mobile li {
	list-style: none;
	display: inline-block;
	font-size: 18px;
	color: #111111;
	position: relative;
}

.offcanvas__widget-mobile li a {
	color: #111111;
}

.offcanvas__widget-mobile li a .tip {
	position: absolute;
	right: -8px;
	top: -8px;
	height: 16px;
	width: 16px;
	background: #ca1515;
	font-size: 9px;
	font-weight: 500;
	color: #ffffff;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
}

/* Mobile User Dropdown */
.user-dropdown-mobile {
	position: relative;
}

.user-dropdown-mobile > a {
	display: inline-block;
	cursor: pointer;
}

.icon_user:before {
	content: "\f007";
	font-family: "FontAwesome";
	font-size: 18px;
}

.offcanvas__dropdown-menu {
	display: none;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	margin-top: 5px;
	padding: 0;
	position: absolute;
	right: 0;
	left: auto;
	top: 100%;
	z-index: 100;
	min-width: 180px;
}

.offcanvas__dropdown-menu.active {
	display: block;
}

.offcanvas__user-info {
	padding: 10px 12px 6px;
}

.offcanvas__user-name {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #111111;
}

.offcanvas__user-email {
	display: block;
	font-size: 11px;
	color: #666666;
	margin-top: 1px;
}

.offcanvas__dropdown-divider {
	height: 1px;
	background: #f0f0f0;
	margin: 0;
}

.offcanvas__dropdown-item {
	display: block;
	padding: 10px 12px;
	color: #111111;
	font-size: 12px;
	text-decoration: none;
}

.offcanvas__dropdown-item:hover {
	background: #f8f8f8;
	color: #3a9c40;
}

.offcanvas__dropdown-item.signin-link {
	font-weight: 600;
	color: #3a9c40;
}

.offcanvas__dropdown-item.dimmed {
	color: #999;
	pointer-events: none;
}

.offcanvas__dropdown-item.logout {
	color: #3a9c40;
}

/* Shop Hero Banner */
.shop-hero {
  width: 100%;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
  background-image: url('../assets/banners/shop-banner.svg');
  background-size: cover;
  background-position: center center;
}

.shop-hero .shop-hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
}

/* Gradient overlay for shop hero - works with dynamic images */
.shop-hero.has-overlay::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
  z-index: 1;
}

.shop-hero__title {
  font-family: "Montserrat", sans-serif;
  font-size: 72px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  margin: 0 0 15px 0;
}

.shop-hero__links {
  text-align: center;
}

.shop-hero__links a,
.shop-hero__links span {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  letter-spacing: 1px;
}

.shop-hero__links a:hover {
  color: #ffffff;
}

/*---------------------
  Banner
-----------------------*/

.banner {
	height: 500px;
}

.banner__text span {
	font-size: 18px;
	color: #ca1515;
	text-transform: uppercase;
}

.banner__text h1 {
	font-size: 80px;
	color: #111111;
	font-family: "Cookie", cursive;
	margin-bottom: 15px;
}

.banner__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding: 0 0 3px;
	display: inline-block;
}

.banner__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #3a9c40;
	content: "";
}

.banner__slider {
	text-align: center;
	padding: 150px 0 0;
}

.banner__slider.owl-carousel .owl-dots {
	position: absolute;
	left: 0;
	top: 430px;
	width: 100%;
	text-align: center;
}

.banner__slider.owl-carousel .owl-dots button {
	height: 12px;
	width: 12px;
	background: #a1a1a1;
	border-radius: 50%;
	margin-right: 10px;
}

.banner__slider.owl-carousel .owl-dots button.active {
	background: #ca1515;
}

.banner__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

/*---------------------
  Trend
-----------------------*/

.trend {
	padding-top: 80px;
	padding-bottom: 50px;
}

.trend__content .section-title h4 {
	font-size: 20px;
}

.trend__content .section-title h4:after {
	bottom: -6px;
}

.trend__item {
	overflow: hidden;
	margin-bottom: 35px;
}

.trend__item__pic {
	float: left;
	margin-right: 25px;
}

.trend__item__text {
	overflow: hidden;
}

.trend__item__text h6 {
	font-size: 14px;
	color: #111111;
	margin-bottom: 5px;
}

.trend__item__text .rating {
	line-height: 18px;
	margin-bottom: 6px;
}

.trend__item__text .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

.trend__item__text .rating i:last-child {
	margin-right: 0;
}

.trend__item__text .product__price {
	color: #111111;
	font-weight: 600;
}

.trend__item__text .product__price span {
	font-size: 14px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
}

/*---------------------
  Discount
-----------------------*/

.discount__pic img {
	min-width: 100%;
	height: 100%;
}

.discount__text {
	background: #f4f4f4;
	height: 390px;
	padding: 75px 90px 50px;
	text-align: center;
}

.discount__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding: 0 0 3px;
	display: inline-block;
}

.discount__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #3a9c40;
	content: "";
}

.discount__text__title {
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 60px;
}

.discount__text__title:after {
	position: absolute;
	left: 50%;
	top: -38px;
	height: 183px;
	width: 183px;
	background: #ffffff;
	content: "";
	border-radius: 50%;
	z-index: -1;
	margin-left: -91.5px;
}

.discount__text__title span {
	font-size: 12px;
	color: #111111;
	font-weight: 500;
	text-transform: uppercase;
}

.discount__text__title h2 {
	font-size: 60px;
	color: #ca1515;
	font-family: "Cookie", cursive;
	line-height: 46px;
	margin-bottom: 10px;
}

.discount__text__title h5 {
	color: #ca1515;
	font-weight: 700;
}

.discount__text__title h5 span {
	font-size: 14px;
	color: #111111;
	margin-right: 4px;
}

.discount__countdown {
	text-align: center;
	margin-bottom: 10px;
}

.countdown__item {
	margin-bottom: 15px;
	float: left;
	width: 25%;
}

.countdown__item:last-child {
	margin-right: 0;
}

.countdown__item span {
	font-size: 30px;
	font-weight: 600;
	color: #111111;
	display: inline-block;
}

.countdown__item p {
	color: #111111;
	margin-bottom: 0;
	display: inline-block;
	font-weight: 500;
}

/*---------------------
  Services
-----------------------*/

.services {
	padding-top: 80px;
	padding-bottom: 50px;
}

.services__item {
	padding-left: 65px;
	position: relative;
	margin-bottom: 20px;
}

.services__item i {
	font-size: 36px;
	color: #3a9c40;
	position: absolute;
	left: 0;
	top: 4px;
}

.services__item h6 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 5px;
}

.services__item p {
	margin-bottom: 0;
}

/*---------------------
  Instagram - Authentic IG Styling
-----------------------*/

.instagram {
  padding: 10px;
  padding-left: 30px;
  background: transparent;
}

/* Instagram Profile Header - Like Real Instagram */
.instagram-profile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  background: #ffffff;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

.instagram-profile-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

.instagram-profile-pic {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ca1515;
  padding: 0;
  background: #fff;
}

.instagram-profile-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: none;
}

.instagram-profile-details {
  display: flex;
  flex-direction: column;
}

.instagram-username {
  font-size: 18px;
  font-weight: 600;
  color: #262626;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.instagram-view-profile {
  padding: 8px 24px;
  background: #0095f6;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.instagram-view-profile:hover {
  background: #1877f2;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 149, 246, 0.3);
}

/* Instagram Posts Container - Single unified box */
.instagram-posts-container {
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  padding: 0;
  padding-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.instagram-posts-container .instagram__row--7col {
  padding: 0 20px;
}

.instagram-header {
  text-align: center;
  margin-bottom: 40px;
}

.instagram-header h3 {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 8px 0;
  letter-spacing: -0.5px;
  background: linear-gradient(135deg, #FCAF45, #E1306C, #833AB4); /* Instagram gradient */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.instagram-header p {
  color: #666;
  font-size: 16px;
  margin: 0;
  font-weight: 400;
}

.instagram__row--7col {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2px; /* Tight Instagram-style grid */
  max-width: 100%;
}

/* Instagram Post Frame - 100% Authentic Look */
.instagram__col--7col {
  padding: 0;
}

.instagram__item {
  aspect-ratio: 1 / 1.25; /* Perfect 4:5 Instagram portrait */
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0; /* Square corners as requested */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease;
  will-change: transform; /* Hardware acceleration */
  transform: translateZ(0); /* Smooth GPU rendering */
  background: #000;
}

.instagram__item:hover {
}

.instagram__img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Crops like real Instagram */
  object-position: center;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

/* Hover image zoom removed */

/* Modern Hover Overlay - IG Style */
.instagram__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(135deg, rgba(0,0,0,0.8), rgba(0,0,0,0.6));
  color: white;
  padding: 16px 24px;
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  text-align: center;
  backdrop-filter: blur(16px);
  min-width: 100px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

.instagram__text i {
  font-size: 16px;
  margin-bottom: 2px;
  display: block;
}

.instagram__text p {
  font-size: 11px;
  font-weight: 600;
  margin: 0;
  color: #ffffff !important;
  opacity: 1;
  text-shadow: 0 1px 2px rgba(0,0,0,0.8);
}

.instagram__item:hover .instagram__text {
  opacity: 1;
  visibility: visible;
}

.instagram__text i {
  font-size: 20px;
  margin-bottom: 4px;
  display: block;
}

.instagram__text p {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  color: #ffffff !important;
  opacity: 1;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* Visual pop */
}

/*---------------------
  Footer
-----------------------*/

.footer {
	padding-top: 55px;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about p {
	margin-bottom: 20px;
}

.footer__logo {
	margin-bottom: 20px;
}

.footer__payment a {
	margin-right: 6px;
	margin-bottom: 10px;
	display: inline-block;
}

.footer__payment a:last-child {
	margin-right: 0;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.footer__widget ul li a:hover {
	color: #111111;
}

.footer__widget ul li .footer-link-button {
	background: none;
	border: none;
	padding: 0;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	cursor: pointer;
	text-align: left;
	font-family: inherit;
}

.footer__widget ul li .footer-link-button:hover {
	color: #111111;
}

.footer__newslatter {
	margin-bottom: 30px;
}

.footer__newslatter h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.footer__newslatter form {
	position: relative;
	margin-bottom: 30px;
}

.footer__newslatter form input {
	height: 52px;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-radius: 50px;
	padding-left: 30px;
	font-size: 14px;
	color: #666666;
}

.footer__newslatter form input::-webkit-input-placeholder {
	color: #666666;
}

.footer__newslatter form input::-moz-placeholder {
	color: #666666;
}

.footer__newslatter form input:-ms-input-placeholder {
	color: #666666;
}

.footer__newslatter form input::-ms-input-placeholder {
	color: #666666;
}

.footer__newslatter form input::placeholder {
	color: #666666;
}

.footer__newslatter form button {
	position: absolute;
	right: 4px;
	top: 4px;
}

.footer__social a {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: #e1e1e1;
	font-size: 15px;
	color: #3a9c40;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	margin-right: 6px;
	margin-bottom: 5px;
}

.footer__social a:last-child {
	margin-right: 0;
}

.footer__copyright__text {
	border-top: 1px solid #3a9c40;
	padding: 18px 0 25px;
	text-align: center;
	margin-top: 35px;
}

.footer__copyright__text p {
	margin-bottom: 0;
}

.footer__copyright__text a {
	color: #5C5C5C;
}

.footer__copyright__text i {
	color: #3a9c40;
}

.footer__copyright__text a:hover {
	color: #ca1515;
}

.footer__social {
	display: inline-block;
	margin-left: 20px;
}

.footer__social a {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	background: #f3f2ee;
	color: #3a9c40;
	font-size: 14px;
	margin: 0 4px;
	transition: all 0.3s;
}

.footer__social a:hover {
	background: #d4f0d6;
	color: #3a9c40;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top: 0;
	margin-top: -10px;
	position: relative;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.breadcrumb-option::before {
	content: '';
	display: block;
	height: 1px;
	background: linear-gradient(to right, transparent 0%, #ca1515 20%, #ca1515 80%, transparent 100%);
	margin-bottom: 8px;
}

.breadcrumb-option {
	border-top: 1px solid #ca1515;
	padding: 12px 0 20px 0;
}

.product-details .breadcrumb-option {
	box-shadow: none !important;
	padding: 2px 0 !important;
	margin-top: -5px !important;
	margin-bottom: 8px !important;
	position: relative;
	border-top: 1px solid #f0f0f0;
}

.product-details .breadcrumb-option::before {
	content: none;
}

.breadcrumb__links a {
	font-size: 15px;
	font-weight: 500;
	color: #111111;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -14px;
	top: 0;
	content: "";
	font-family: "FontAwesome";
}


  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1px;
}

.product-details .breadcrumb__links a,
.product-details .breadcrumb__links span {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #666 !important;
  margin-right: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px;
  position: relative !important;
  transition: color 0.3s ease !important;
}

.product-details .breadcrumb__links a:hover {
  color: #ca1515 !important;
}

.product-details .breadcrumb__links a:after,
.product-details .breadcrumb__links span:after {
  content: '>' !important;
  color: #ddd !important;
  font-weight: 200 !important;
  font-size: 12px !important;
  margin-left: 4px !important;
  position: static !important;
}

.product-details .breadcrumb__links a:last-child:after,
.product-details .breadcrumb__links span:last-child:after {
  display: none !important;
}

.product-details .breadcrumb__links a i {
  margin-right: 4px !important;
  color: #ca1515 !important;
}

.breadcrumb__links a i {
	margin-right: 5px;
}

.breadcrumb__links span {
	font-size: 15px;
	font-weight: 500;
	color: #888888;
	display: inline-block;
}

/*---------------------
  Categories
-----------------------*/

.categories {
	overflow: hidden;
	margin-top: 0;
}

.categories .container-fluid {
	padding-right: 5px;
}

.categories__item {
	height: 314px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 30px;
	margin-bottom: 4px;
	margin-right: 4px;
}

.categories__item.categories__large__item {
	height: 638px;
	padding-left: 70px;
}

.categories__item.categories__large__item .categories__text {
	max-width: 480px;
}

.categories__item.categories__large__item .categories__text p {
	margin-bottom: 15px;
}

.categories__text h1 {
	font-family: "Cookie", cursive;
	color: #111111;
	margin-bottom: 5px;
}

.categories__text h4 {
	color: #111111;
	font-weight: 700;
}

.categories__text p {
	margin-bottom: 10px;
}

.categories__text {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.categories__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	padding: 0 0 3px;
	display: inline-block;
}

.categories__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #3a9c40;
	content: "";
}

/*---------------------
  Product
-----------------------*/

.product {
	padding-top: 60px;
	padding-bottom: 50px;
}

.filter__controls {
	text-align: right;
	margin-bottom: 50px;
}

.filter__controls li {
	font-size: 14px;
	list-style: none;
	display: inline-block;
	color: #111111;
	margin-right: 35px;
	position: relative;
	cursor: pointer;
}

.filter__controls li.active:after {
	opacity: 1;
}

.filter__controls li:after {
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 100%;
	background: #3a9c40;
	content: "";
	opacity: 0;
}

.filter__controls li:last-child {
	margin-right: 0;
}

/* Desktop Filter Controls - Visible on desktop by default */
.filter__controls.filter__controls-desktop {
	display: block;
}

/* Mobile Filter Dropdown - Hidden on desktop by default */
.filter__dropdown {
	display: none;
}

.product__item {
	margin-bottom: 35px;
}

.product__item:hover .product__hover li {
	opacity: 1;
	top: 0;
}

.product__item.sale .product__item__pic .label {
	background: #ca1515;
}

.product__item.sale .product__item__text .product__price {
	color: #ca1515;
}

.product__item__pic {
  height: auto !important;
  min-height: 360px !important;
  aspect-ratio: 3/4;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
}

.product__item__pic.set-bg {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.product__item__pic .label {
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	display: inline-block;
	padding: 2px 8px;
	text-transform: uppercase;
	position: absolute;
	left: 10px;
	top: 10px;
}

.product__item__pic .label.new {
	background: #36a300;
}

.product__item__pic .label.stockout {
	background: #111111;
}

.product__item__pic .label.stockblue {
	background: #0066bd !important;
}

.product__item__pic .label.sale {
	background: #ca1515;
}

.product__hover {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 30px;
	text-align: center;
	z-index: 10;
}

.product__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: 100px;
	opacity: 0;
}

.product__hover li:nth-child(1) {
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	transition: all 0.4s ease 0.1s;
}

.product__hover li:nth-child(2) {
	-webkit-transition: all 0.4s ease 0.15s;
	-o-transition: all 0.4s ease 0.15s;
	transition: all 0.4s ease 0.15s;
}

.product__hover li:nth-child(3) {
	-webkit-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}

.product__hover li:last-child {
	margin-right: 0;
}

.product__hover li:hover a {
	background: #3a9c40;
}

.product__hover li:hover a span {
	color: #ffffff;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.product__hover li button {
  font-size: 16px;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 38px;
  background: rgba(255, 255, 255, 0.95);
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  position: relative;
}

.product__hover li button:hover {
  background: #3a9c40;
  color: #ffffff !important;
  border-color: #3a9c40;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(58, 156, 64, 0.3);
}

.product__hover li button span {
  font-size: 16px;
  transition: all 0.25s ease;
  color: inherit;
}

.product__hover li button:hover span {
  color: #ffffff !important;
}

/* Wishlist button - only green when active (added to wishlist) */
.product__hover li button.wishlist-active .icon_heart {
  color: #3a9c40 !important;
}

.product__hover li button.wishlist-active:hover .icon_heart {
  color: #ffffff !important;
}

/* Wishlist active state - when item is in wishlist */
.product__hover li button.wishlist-active {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(58, 156, 64, 0.3);
}

.product__hover li button.wishlist-active:hover {
  background: #3a9c40;
  border-color: #3a9c40;
}

.product__hover li a span {
	position: relative;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	display: inline-block;
}

.product__item__text {
	text-align: center;
	padding-top: 22px;
}

.product__item__text h6 a {
	font-size: 14px;
	color: #111111;
}

.product__item__text .rating {
	line-height: 18px;
	margin-bottom: 5px;
}

.product__item__text .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

.product__item__text .rating i:last-child {
	margin-right: 0;
}

.product__item__text .product__price {
	color: #111111;
	font-weight: 600;
}

.product__item__text .product__price span {
	font-size: 14px;
	color: #b1b0b0;
	margin-left: 4px;
}

/* Discount Price Styles */
.product__price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.current-price {
  font-weight: inherit !important;
  color: inherit !important;
  font-size: inherit !important;
}

.old-price {
  text-decoration: line-through !important;
  color: #999 !important;
  font-size: 14px !important;
  opacity: 0.8;
}

.label.sale {
  background: #ca1515 !important;
}

/* Product Pagination Styles */
.product__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
  padding: 20px 0;
}

.product__pagination__btn {
  width: 50px;
  height: 50px;
  border: 2px solid #e1e1e1;
  background: #ffffff;
  color: #111111;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__pagination__btn:hover:not(:disabled) {
  border-color: #ca1515;
  background: #ca1515;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(202, 21, 21, 0.3);
}

.product__pagination__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  border-color: #e1e1e1;
  background: #f5f5f5;
  color: #999999;
}

.product__pagination__info {
  font-size: 15px;
  font-weight: 500;
  color: #111111;
  min-width: 120px;
  text-align: center;
  letter-spacing: 0.3px;
}

/* Product Details Page - Reduced Breadcrumb Gap */
.product-details .breadcrumb-option {
  padding-top: 8px !important;
  margin-top: -12px !important;
  border-top-color: transparent !important;
}

/* Product Details Page - Inline Labels (Fix for absolute positioning issue) */




/* Product Details Price Enhancement */
.product__details__price {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

.product__details__price .current-price {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #e74c3c !important;
}

.product__details__price .old-price {
  font-size: 20px !important;
  text-decoration: line-through !important;
  color: #999 !important;
}

/*---------------------
  Shop
-----------------------*/

.shop {
	padding-top: 70px;
	padding-bottom: 80px;
}

.sidebar__categories {
	margin-bottom: 50px;
}

.sidebar__categories .section-title {
	margin-bottom: 35px;
}

.sidebar__categories .section-title h4 {
	font-size: 18px;
}

.categories__accordion .card {
	border: none;
	border-radius: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #f2f2f2 !important;
	margin-bottom: 12px;
}

.categories__accordion .card:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none !important;
}

.categories__accordion .card-heading {
	cursor: pointer;
}

.categories__accordion .card-heading a {
	font-size: 14px;
	font-weight: 500;
	color: #111111;
	display: block;
}

.categories__accordion .card-body {
	padding-left: 0;
	padding-top: 6px;
	padding-bottom: 0;
}

.categories__accordion .card-body li {
	list-style: none;
	position: relative;
	padding-left: 16px;
}

.categories__accordion .card-body li:before {
	position: absolute;
	left: 4px;
	top: 14px;
	height: 1px;
	width: 4px;
	background: #666666;
	content: "";
}

.categories__accordion .card-body li a {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.categories__accordion .card-heading a:after,
.categories__accordion .card-heading>a.active[aria-expanded=false]:after {
	content: "";
	font-size: 14px;
	font-family: "FontAwesome";
	color: #666666;
	position: absolute;
	right: 30px;
	top: 0px;
}

.categories__accordion .card-heading.active a:after {
	content: "";
	font-size: 14px;
	font-family: "FontAwesome";
	color: #666666;
	position: absolute;
	right: 30px;
	top: -1px;
}

.categories__accordion .card-heading a[aria-expanded=true]:after,
.categories__accordion .card-heading>a.active:after {
	content: "";
	font-size: 14px;
	font-family: "FontAwesome";
	color: #666666;
	position: absolute;
	right: 30px;
	top: -1px;
}

.sidebar__filter {
	position: relative;
	margin-bottom: 60px;
}

.sidebar__filter .section-title {
	margin-bottom: 50px;
}

.sidebar__filter .section-title h4 {
	font-size: 18px;
}

.sidebar__filter a {
	font-size: 14px;
	color: #0d0d0d;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	display: inline-block;
	padding: 5px 16px 5px 24px;
	border: 2px solid #3a9c40;
	position: absolute;
	right: 0;
	bottom: -5px;
	border-radius: 2px;
}

.filter-range-wrap .range-slider .price-input {
	position: relative;
}

.filter-range-wrap .range-slider .price-input p {
	font-size: 16px;
	color: #0d0d0d;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 0;
}

.filter-range-wrap .range-slider .price-input:after {
	position: absolute;
	left: 81px;
	top: 12px;
	height: 1px;
	width: 5px;
	background: #0d0d0d;
	content: "";
}

.filter-range-wrap .range-slider .price-input input {
	font-size: 16px;
	color: #0d0d0d;
	max-width: 16%;
	border: none;
}

.filter-range-wrap .range-slider .price-input input:nth-child(1) {
	margin-right: 28px;
}

.filter-range-wrap .price-range {
	border-radius: 0;
	margin-bottom: 28px;
}

.filter-range-wrap .price-range.ui-widget-content {
	border: none;
	background: rgba(0, 0, 0, 0.1);
	height: 5px;
}

.filter-range-wrap .price-range.ui-widget-content .ui-slider-handle {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #ca1515;
	border: none;
	outline: none;
	cursor: pointer;
}

.filter-range-wrap .price-range .ui-slider-range {
	background: #ca1515;
	border-radius: 0;
}

.sidebar__sizes,
.sidebar__color {
	margin-bottom: 40px;
}

.sidebar__sizes .section-title,
.sidebar__color .section-title {
	margin-bottom: 35px;
}

.sidebar__sizes .section-title h4,
.sidebar__color .section-title h4 {
	font-size: 18px;
}

.sidebar__sizes .size__list label,
.sidebar__color .size__list label {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	text-transform: uppercase;
	color: #444444;
	position: relative;
	cursor: pointer;
}

.sidebar__sizes .size__list label input,
.sidebar__color .size__list label input {
	position: absolute;
	visibility: hidden;
}

.sidebar__sizes .size__list label input:checked~.checkmark,
.sidebar__color .size__list label input:checked~.checkmark {
	border-color: #ca1515;
}

.sidebar__sizes .size__list label input:checked~.checkmark:after,
.sidebar__color .size__list label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.sidebar__sizes .size__list label .checkmark,
.sidebar__color .size__list label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.sidebar__sizes .size__list label .checkmark:after,
.sidebar__color .size__list label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.sidebar__color .color__list label {
	text-transform: capitalize;
}

.pagination__option a {
	display: inline-block;
	height: 40px;
	width: 40px;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 6px;
}

.pagination__option a:last-child {
	margin-right: 0;
}

.pagination__option a i {
	font-weight: 600;
}

.pagination__option a:hover {
	background: #0d0d0d;
	border-color: #0d0d0d;
	color: #ffffff;
}

/*---------------------
  Product Details
-----------------------*/

.product-details {
	padding-top: 10px;
	padding-bottom: 50px;
}

.product__details__pic {
	overflow: hidden;
}

/* Main Large Image */
.product__details__main-image {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	background: #f8f8f8;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 500px;
}

.product__details__main-image img {
	width: 100%;
	height: auto;
	object-fit: contain;
	max-height: 600px;
}

.product__details__main-image .label {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 12px;
	color: #ffffff;
	font-weight: 600;
	background: #ca1515;
	padding: 6px 12px;
	text-transform: uppercase;
	z-index: 2;
}

/* Thumbnail Images Below Main Image */
.product__details__thumbnails {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.thumbnail-btn {
	width: calc(20% - 8px);
	min-width: 80px;
	max-width: 120px;
	aspect-ratio: 1;
	border: 2px solid #e0e0e0;
	background: #fff;
	padding: 5px;
	cursor: pointer;
	transition: all 0.3s ease;
	overflow: hidden;
}

.thumbnail-btn:hover {
	border-color: #111;
}

.thumbnail-btn.active {
	border-color: #111;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.thumbnail-btn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* New Grid Layout for Product Images */
.product__details__pic__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	width: 100%;
}

.product__details__pic__grid .pt {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.product__details__pic__grid .pt:hover {
	transform: scale(1.02);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* First image - spans 2 rows and 2 columns */
.product__details__pic__grid .pt:nth-child(1) {
	grid-column: span 2;
	grid-row: span 2;
}

/* Second image - spans 1 column and 2 rows */
.product__details__pic__grid .pt:nth-child(2) {
	grid-column: span 1;
	grid-row: span 2;
}

/* Third, fourth, fifth images - normal size */
.product__details__pic__grid .pt:nth-child(3),
.product__details__pic__grid .pt:nth-child(4),
.product__details__pic__grid .pt:nth-child(5) {
	grid-column: span 1;
	grid-row: span 1;
}

.product__details__pic__grid .pt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.product__details__pic__grid .pt::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	transition: all 0.3s;
}

.product__details__pic__grid .pt.active::after {
	opacity: 0.3;
}

/* Old styles - keep for backward compatibility */
.product__details__pic__left {
	width: 22%;
	max-height: 574px;
	float: left;
	overflow-y: auto;
	display: none; /* Hide old layout */
}

.product__details__pic__left .pt {
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
}

.product__details__pic__left .pt::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.product__details__pic__left .pt.active::after {
	opacity: 0.3;
}

.product__details__pic__left .pt:last-child {
	margin-bottom: 0;
}

.product__details__pic__left .pt img {
	min-width: 100%;
}

.product__details__slider__content {
	width: 100%;
	float: none;
	margin-left: 0;
	display: none; /* Hide old slider */
}

.product__details__pic__slider.owl-carousel .owl-nav button {
	position: absolute;
	left: 10px;
	top: 50%;
	font-size: 22px;
	color: #111111;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	line-height: 44px;
	text-align: center;
	margin-top: -20px;
}

.product__details__pic__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 10px;
}

.product__details__text h3 {
	color: #111111;
	font-weight: 700;
	text-transform: none;
	margin-bottom: 16px;
	font-size: 24px;
	line-height: 1.3;
}

.product__details__text h3 span {
	display: block;
	font-size: 14px;
	color: #444444;
	text-transform: none;
	font-weight: 400;
	margin-top: 5px;
}

.product__details__text .rating {
	margin-bottom: 16px;
}

.product__details__text .rating i {
	font-size: 12px;
	color: #e3c01c;
	margin-right: -4px;
}

.product__details__text .rating span {
	font-size: 12px;
	color: #666666;
	margin-left: 5px;
}

.product__details__text p {
	color: #444444;
	margin-bottom: 20px;
}

.product__details__price {
	font-size: 30px;
	font-weight: 600;
	color: #ca1515;
	margin-bottom: 30px;
}

.product__details__price span {
	font-size: 18px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 10px;
	display: inline-block;
}

.quantity {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.quantity>span {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	float: left;
	margin-top: 14px;
	margin-right: 15px;
}

.pro-qty {
	height: 50px;
	border: 1px solid #ebebeb;
	border-radius: 50px;
	padding: 0 20px;
	overflow: hidden;
	display: inline-block;
}

.pro-qty .qtybtn {
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	float: left;
	width: 12px;
	line-height: 46px;
}

.pro-qty input {
	font-size: 14px;
	color: #666666;
	font-weight: 500;
	border: none;
	float: left;
	width: 84px;
	text-align: center;
	height: 48px;
}

.product__details__button {
	overflow: hidden;
	margin-bottom: 25px;
}

.product__details__button .cart-btn {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	background: #ca1515;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 30px 15px;
	border-radius: 50px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.product__details__button .wishlist-btn {
	display: inline-block;
	height: 50px;
	width: 50px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	padding-top: 1px;
	background: #ffffff;
	cursor: pointer;
	transition: all 0.3s;
	float: left;
	margin-bottom: 10px;
}

.product__details__button .wishlist-btn:hover {
	background: #ca1515;
	border-color: #ca1515;
}

.product__details__button .wishlist-btn:hover span {
	color: #ffffff;
}

/* Product Details Page - Compact Buttons (Add to Cart & Buy It Now) */
.product-details__buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
}

/* Add to Cart Button - Outlined Style */
.product-details__buttons .add-to-cart-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 12px 20px;
	border: 1px solid #111;
	border-radius: 0;
	background: transparent;
	color: #111;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
	letter-spacing: 0.3px;
}

.product-details__buttons .add-to-cart-btn:hover {
	background: #111;
	color: #ffffff;
}

.product-details__buttons .add-to-cart-btn .icon_bag_alt {
	font-size: 15px;
}

/* Buy It Now Button - Filled Style */
.product-details__buttons .buy-now-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 12px 20px;
	border: 1px solid #111;
	border-radius: 0;
	background: #111;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
	letter-spacing: 0.3px;
}

.product-details__buttons .buy-now-btn:hover {
	background: #333;
	border-color: #333;
}

.product__details__button ul {
	float: left;
}

.product__details__button ul li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}

.product__details__button ul li:last-child {
	margin-right: 0;
}

.product__details__button ul li a {
	display: inline-block;
	height: 50px;
	width: 50px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	padding-top: 1px;
}

.product__details__button ul li a span {
	font-size: 18px;
	color: #666666;
}

.product__details__widget {
	border-top: 1px solid #ebebeb;
	padding-top: 18px;
	margin-bottom: 16px;
}

.product__details__widget ul li {
	list-style: none;
	margin-bottom: 10px;
}

.product__details__widget ul li:last-child {
	margin-bottom: 0;
}

.product__details__widget ul li span {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #111111;
	width: 150px;
	float: left;
}

.product__details__widget ul li .stock__checkbox {
	overflow: hidden;
}

.product__details__widget ul li .stock__checkbox label {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	color: #666666;
	position: relative;
	cursor: pointer;
}

.product__details__widget ul li .stock__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.product__details__widget ul li .stock__checkbox label input:checked~.checkmark {
	border-color: #ca1515;
}

.product__details__widget ul li .stock__checkbox label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.product__details__widget ul li .stock__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 5px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.product__details__widget ul li .stock__checkbox label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.product__details__widget ul li .color__checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-right: 20px;
}

.product__details__widget ul li .color__checkbox label.active input~.checkmark:after {
	border-color: #ffffff;
	opacity: 1;
}

.product__details__widget ul li .color__checkbox label:last-child {
	margin-right: 0;
}

.product__details__widget ul li .color__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.product__details__widget ul li .color__checkbox label input:checked~.checkmark:after {
	border-color: #ffffff;
	opacity: 1;
}

.product__details__widget ul li .color__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: -10px;
	height: 20px;
	width: 20px;
	background: #e31e2f;
	border-radius: 50%;
	content: "";
}

.product__details__widget ul li .color__checkbox label .checkmark.black-bg {
	background: #111111;
}

.product__details__widget ul li .color__checkbox label .checkmark.grey-bg {
	background: #e4aa8b;
}

.product__details__widget ul li .color__checkbox label .checkmark:after {
	position: absolute;
	left: 3px;
	top: 5px;
	width: 13px;
	height: 6px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.product__details__widget ul li .size__btn label {
	font-size: 13px;
	color: #111;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 0;
	padding: 7px 14px;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	transition: all 0.2s ease;
	min-width: 45px;
	text-align: center;
}

.product__details__widget ul li .size__btn label:last-child {
	margin-right: 0;
}

.product__details__widget ul li .size__btn label.active {
	color: #111;
	border-color: #111;
	background: #fff;
	font-weight: 600;
}

.product__details__widget ul li .size__btn label:hover {
	border-color: #111;
}

.product__details__widget ul li .size__btn label input {
	position: absolute;
	visibility: hidden;
}

.product__details__widget ul li p {
	margin-bottom: 0;
	color: #666666;
}

.product__details__tab {
	padding-top: 30px;
	margin-bottom: 30px;
}

/* Collapsible Sections - Clean List Style - Compact */
.product__collapsible {
	border: 1px solid #e0e0e0;
	border-radius: 0;
	margin-bottom: 10px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.collapsible__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	background: #000;
	cursor: pointer;
	transition: background 0.3s ease;
}

.collapsible__header:hover {
	background: #1a1a1a;
}

.collapsible__header h6 {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.collapsible__header i {
	font-size: 14px;
	color: #fff;
	transition: transform 0.3s ease;
}

.product__collapsible:not(.active) .collapsible__header i {
	transform: rotate(180deg);
}

.collapsible__content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
	padding: 0 16px;
	background: #fafafa;
}

.product__collapsible.active .collapsible__content {
	max-height: 1000px;
	padding: 14px 16px;
}

.collapsible__content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.collapsible__content ul li {
	display: block;
	padding: 6px 0;
	font-size: 12px;
	color: #333;
	line-height: 1.5;
}

.collapsible__content ul li:before {
	content: "• ";
	color: #666;
	font-weight: bold;
	margin-right: 8px;
}

.collapsible__content ul li:last-child {
	padding-bottom: 0;
}

.collapsible__content ul li span {
	font-weight: 600;
	color: #111;
}

/* Specification list items - inline format */
.product__collapsible .collapsible__content ul li:has(span) {
	display: flex;
	align-items: flex-start;
	padding: 5px 0;
}

.product__collapsible .collapsible__content ul li:has(span):before {
	content: "• ";
	color: #666;
	font-weight: bold;
	margin-right: 6px;
	flex-shrink: 0;
}

.product__collapsible .collapsible__content ul li span:first-child {
	font-weight: 600;
	color: #111;
	margin-right: 4px;
	flex-shrink: 0;
}

/* Description list items - bullet format */
.product__collapsible .collapsible__content ul li:not(:has(span)) {
	display: block;
	padding: 4px 0;
}

.product__collapsible .collapsible__content ul li:not(:has(span)):before {
	content: "• ";
	color: #666;
	font-weight: bold;
	margin-right: 6px;
}

.collapsible__content p {
	font-size: 12px;
	line-height: 1.6;
	color: #333;
	margin: 0;
}

/* Maintenance Instructions Heading */
.collapsible__content h6,
.collapsible__content .maintenance-title {
	font-size: 13px;
	font-weight: 700;
	color: #111;
	margin: 0 0 8px 0;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

/* Info Box - For Reviews and Share sections - Compact */
.product__info-box {
	border: 1px solid #e0e0e0;
	border-radius: 0;
	margin-bottom: 10px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.info-box__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-bottom: none;
	background: #fff;
	cursor: pointer;
	transition: background 0.2s ease;
}

.info-box__header:hover {
	background: #fafafa;
}

.info-box__header span {
	font-size: 13px;
	font-weight: 600;
	color: #111;
}

.info-box__header .rating i {
	font-size: 11px;
	color: #ddd;
	margin-right: -2px;
}

.info-box__content {
	padding: 12px 16px;
	background: #fafafa;
}

/* Key Features Box - 4 Point Grid */
.product__key-features {
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 16px;
}

.key-features-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.key-feature-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 0;
}

.key-feature-item i {
	font-size: 20px;
	color: #111;
	margin-top: 2px;
	flex-shrink: 0;
}

.key-feature-item .feature-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.key-feature-item .feature-text strong {
	font-size: 13px;
	font-weight: 600;
	color: #111;
	line-height: 1.3;
}

.key-feature-item .feature-text span {
	font-size: 11px;
	color: #666;
	line-height: 1.3;
}

.nav {
	border-bottom: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin-bottom: 40px;
}

.nav::before {
	position: absolute;
	left: 0;
	top: 13px;
	height: 1px;
	width: 335px;
	background: #e1e1e1;
	content: "";
}

.nav::after {
	position: absolute;
	right: 0;
	top: 13px;
	height: 1px;
	width: 335px;
	background: #e1e1e1;
	content: "";
}

.nav-item {
	margin-right: 46px;
}

.nav-item:last-child {
	margin-right: 0;
}

.nav-item .nav-link {
	font-size: 18px;
	color: #666666;
	font-weight: 600;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.nav-item .nav-link.active {
	color: #111111;
}

.tab-content .tab-pane h6 {
	display: none;
}

.tab-content .tab-pane p:last-child {
	margin-bottom: 0;
}

.related__title h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}

/* Related Products Section - Compact Spacing */
.related-products.spad {
	padding-top: 40px;
	padding-bottom: 20px;
}

.related-products .section-title {
	margin-bottom: 25px;
}

.related-products .section-title h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
}

/* Trending Section - Compact Spacing */
.product.spad {
	padding-top: 20px;
	padding-bottom: 40px;
}

.product .section-title {
	margin-bottom: 25px;
}

.product .section-title h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
}

/*---------------------
  Shop Cart
-----------------------*/

.shop-cart {
	padding-top: 70px;
	padding-bottom: 90px;
}

.shop__cart__table {
	margin-bottom: 30px;
}

.shop__cart__table table {
	width: 100%;
}

.shop__cart__table thead {
	border-bottom: 1px solid #f2f2f2;
}

.shop__cart__table thead th {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 12px;
}

.shop__cart__table tbody tr {
	border-bottom: 1px solid #f2f2f2;
}

.shop__cart__table tbody tr td {
	padding: 15px 0;
	vertical-align: middle;
}

.shop__cart__table tbody tr .cart__product__item {
	overflow: hidden;
	width: 400px;
	display: flex;
	align-items: center;
}

.shop__cart__table tbody tr .cart__product__item img.cart-item-image {
	float: left;
	width: 70px;
	height: 70px;
	object-fit: cover;
	margin-right: 15px;
	border-radius: 4px;
}

.shop__cart__table tbody tr .cart__product__item .cart__product__item__title {
	overflow: hidden;
	padding-top: 0;
}

.shop__cart__table tbody tr .cart__product__item .cart__product__item__title h6 {
	color: #111111;
	font-weight: 600;
	font-size: 13px;
}

.shop__cart__table tbody tr .cart__price {
	font-size: 14px;
	color: #ca1515;
	font-weight: 600;
	width: 100px;
}

.shop__cart__table tbody tr .cart__quantity {
	width: 120px;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty {
	border: none;
	padding: 0;
	width: 100px;
	height: 35px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: visible;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty .qtybtn {
	font-size: 16px;
	color: #444444;
	line-height: 33px;
	cursor: pointer;
	width: 24px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s;
	float: none;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty .qtybtn:hover {
	color: #3a9c40;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty input {
	color: #444444;
	height: 35px;
	width: 50px;
	font-size: 13px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: transparent;
}

.shop__cart__table tbody tr .cart__total {
	font-size: 14px;
	color: #ca1515;
	font-weight: 600;
	width: 100px;
}

.shop__cart__table tbody tr .cart__close {
	text-align: right;
	width: 50px;
}

.shop__cart__table tbody tr .cart__close span {
	height: 35px;
	width: 35px;
	background: #f2f2f2;
	border-radius: 50%;
	font-size: 16px;
	color: #111111;
	line-height: 34px;
	text-align: center;
	display: inline-block;
	font-weight: 600;
	cursor: pointer;
}

.cart__btn {
	margin-bottom: 50px;
}

.cart__btn.update__btn {
	text-align: right;
}

.cart__btn a {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 30px 12px;
	background: #f5f5f5;
}

.cart__btn a span {
	color: #ca1515;
	font-size: 14px;
	margin-right: 5px;
}

.discount__content h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 30px;
}

.discount__content form {
	position: relative;
	width: 370px;
	display: inline-block;
}

.discount__content form input {
	height: 52px;
	width: 100%;
	border: 1px solid #444444;
	border-radius: 50px;
	padding-left: 30px;
	padding-right: 115px;
	font-size: 14px;
	color: #444444;
}

.discount__content form input::-webkit-input-placeholder {
	color: #444444;
}

.discount__content form input::-moz-placeholder {
	color: #444444;
}

.discount__content form input:-ms-input-placeholder {
	color: #444444;
}

.discount__content form input::-ms-input-placeholder {
	color: #444444;
}

.discount__content form input::placeholder {
	color: #444444;
}

.discount__content form button {
	position: absolute;
	right: 4px;
	top: 4px;
}

.cart__total__procced {
	background: #f5f5f5;
	padding: 40px;
}

.cart__total__procced h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.cart__total__procced ul {
	margin-bottom: 25px;
}

.cart__total__procced ul li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	overflow: hidden;
	line-height: 40px;
}

.cart__total__procced ul li span {
	color: #ca1515;
	float: right;
}

.cart__total__procced .primary-btn {
	display: block;
	border-radius: 50px;
	text-align: center;
	padding: 12px 0 10px;
}

/*---------------------
  Wishlist
-----------------------*/

.wishlist__table {
	margin-bottom: 30px;
}

.wishlist__table table {
	width: 100%;
}

.wishlist__table thead {
	border-bottom: 1px solid #f2f2f2;
}

.wishlist__table thead th {
	font-size: 18px;
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.wishlist__table tbody tr {
	border-bottom: 1px solid #f2f2f2;
}

.wishlist__table tbody tr td {
	padding: 30px 0;
}

.wishlist__table tbody tr .wishlist__product__item {
	overflow: hidden;
	width: 500px;
}

.wishlist__table tbody tr .wishlist__product__item img {
	float: left;
	margin-right: 25px;
	width: 80px;
	height: 80px;
	object-fit: cover;
}

.wishlist__table tbody tr .wishlist__product__item .wishlist__product__item__title {
	overflow: hidden;
	padding-top: 23px;
}

.wishlist__table tbody tr .wishlist__product__item .wishlist__product__item__title h6 {
	color: #111111;
	font-weight: 600;
}

.wishlist__table tbody tr .wishlist__price {
	font-size: 16px;
	color: #ca1515;
	font-weight: 600;
	width: 150px;
}

.wishlist__table tbody tr .wishlist__stock {
	width: 150px;
}

.wishlist__table tbody tr .wishlist__cart {
	width: 150px;
}

.wishlist__table tbody tr .wishlist__cart .primary-btn {
	padding: 10px 20px;
	font-size: 13px;
}

.wishlist__table tbody tr .wishlist__close {
	text-align: right;
}

.wishlist__table tbody tr .wishlist__close span {
	height: 45px;
	width: 45px;
	background: #f2f2f2;
	border-radius: 50%;
	font-size: 18px;
	color: #111111;
	line-height: 44px;
	text-align: center;
	display: inline-block;
	font-weight: 600;
	cursor: pointer;
}

.empty-wishlist {
	text-align: center;
	padding: 60px 0;
}

.empty-wishlist i {
	font-size: 60px;
	color: #ccc;
	margin-bottom: 20px;
}

.empty-wishlist h4 {
	color: #111111;
	margin-bottom: 10px;
}

.empty-wishlist p {
	color: #666;
	margin-bottom: 30px;
}

/* Clickable product image */
.product__item__pic-link {
	display: block;
	position: relative;
}

.product__item__pic-link:hover {
	opacity: 1;
}

/*---------------------
  Checkout
-----------------------*/

.checkout {
	padding-bottom: 70px;
}

.coupon__link {
	font-size: 14px;
	color: #444444;
	padding: 14px 0;
	background: #f5f5f5;
	border-top: 2px solid #ca1515;
	text-align: center;
	margin-bottom: 50px;
}

.coupon__link a {
	font-size: 14px;
	color: #444444;
}

.coupon__link span {
	font-size: 14px;
	color: #ca1515;
}

.checkout__form h5 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.checkout__form .checkout__form__input p {
	color: #444444;
	font-weight: 500;
	margin-bottom: 10px;
}

.checkout__form .checkout__form__input p span {
	color: #ca1515;
}

.checkout__form .checkout__form__input input {
	height: 50px;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	margin-bottom: 25px;
	font-size: 14px;
	padding-left: 20px;
	color: #666666;
}

.checkout__form .checkout__form__input input::-webkit-input-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input::-moz-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input:-ms-input-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input::-ms-input-placeholder {
	color: #666666;
}

.checkout__form .checkout__form__input input::placeholder {
	color: #666666;
}

.checkout__form .checkout__form__checkbox {
	margin-bottom: 20px;
}

.checkout__form .checkout__form__checkbox label {
	display: block;
	padding-left: 24px;
	font-size: 14px;
	color: #444444;
	font-weight: 500;
	position: relative;
	cursor: pointer;
	margin-bottom: 16px;
}

.checkout__form .checkout__form__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.checkout__form .checkout__form__checkbox label input:checked~.checkmark {
	border-color: #ca1515;
}

.checkout__form .checkout__form__checkbox label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.checkout__form .checkout__form__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.checkout__form .checkout__form__checkbox label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

.checkout__form .checkout__form__checkbox p {
	margin-bottom: 0;
}

.checkout__order {
	background: #f5f5f5;
	padding: 30px;
}

.checkout__order h5 {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 18px;
}

.checkout__order .site-btn {
	width: 100%;
}

.checkout__order__product {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 22px;
}

.checkout__order__product ul li {
	list-style: none;
	font-size: 14px;
	color: #444444;
	font-weight: 500;
	overflow: hidden;
	margin-bottom: 14px;
	line-height: 24px;
}

.checkout__order__product ul li:last-child {
	margin-bottom: 0;
}

.checkout__order__product ul li span {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	float: right;
}

.checkout__order__product ul li .top__text {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	float: left;
}

.checkout__order__product ul li .top__text__right {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	float: right;
}

.checkout__order__total {
	padding-top: 12px;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.checkout__order__total ul li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	overflow: hidden;
	line-height: 40px;
}

.checkout__order__total ul li span {
	color: #ca1515;
	float: right;
}

.checkout__order__widget {
	padding-bottom: 10px;
}

.checkout__order__widget label {
	display: block;
	padding-left: 25px;
	font-size: 14px;
	font-weight: 500;
	color: #111111;
	position: relative;
	cursor: pointer;
	margin-bottom: 14px;
}

.checkout__order__widget label input {
	position: absolute;
	visibility: hidden;
}

.checkout__order__widget label input:checked~.checkmark {
	border-color: #ca1515;
}

.checkout__order__widget label input:checked~.checkmark:after {
	border-color: #ca1515;
	opacity: 1;
}

.checkout__order__widget label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 10px;
	width: 10px;
	border: 1px solid #444444;
	border-radius: 2px;
}

.checkout__order__widget label .checkmark:after {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 11px;
	height: 5px;
	border: solid #ffffff;
	border-width: 1.5px 1.5px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	opacity: 0;
	content: "";
}

/*---------------------
    Blog
-----------------------*/

.blog {
	padding-top: 70px;
	padding-bottom: 80px;
}

.blog__item {
	margin-bottom: 35px;
}

.blog__item__pic {
	height: 240px;
}

.blog__item__pic.large__item {
	height: 540px;
}

.blog__item__text {
	padding: 25px 20px 0 0;
	margin-right: 30px;
	background: #ffffff;
	margin-top: -54px;
}

.blog__item__text h6 {
	margin-bottom: 6px;
}

.blog__item__text h6 a {
	color: #111111;
	font-weight: 600;
	line-height: 21px;
}

.blog__item__text ul li {
	font-size: 12px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 25px;
	position: relative;
}

.blog__item__text ul li span {
	color: #111111;
}

.blog__item__text ul li:after {
	position: absolute;
	right: -17px;
	top: 0px;
	content: "|";
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text ul li:last-child:after {
	display: none;
}

.primary-btn.load-btn {
	color: #111111;
	background: #f2f2f2;
	padding: 12px 85px 10px;
	border-radius: 50px;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
	padding-left: 40px;
}

.blog__sidebar__item {
	margin-bottom: 50px;
}

.blog__sidebar__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__item .section-title {
	margin-bottom: 40px;
}

.blog__sidebar__item .section-title h4 {
	font-size: 16px;
}

.blog__sidebar__item .section-title h4:after {
	bottom: -7px;
}

.blog__sidebar__item ul li {
	list-style: none;
	line-height: 30px;
}

.blog__sidebar__item ul li a {
	font-size: 14px;
	color: #111111;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
	color: #ca1515;
}

.blog__sidebar__item ul li a:hover span {
	color: #111111;
}

.blog__sidebar__item ul li a span {
	float: right;
	color: #888888;
}

.blog__feature__item {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

.blog__feature__item:last-child {
	margin-bottom: 0;
}

.blog__feature__item__pic {
	float: left;
	margin-right: 25px;
}

.blog__feature__item__text {
	overflow: hidden;
}

.blog__feature__item__text h6 {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	line-height: 21px;
	margin-bottom: 5px;
}

.blog__feature__item__text span {
	font-size: 12px;
	color: #888888;
	display: block;
}

.blog__sidebar__tags a {
	display: inline-block;
	font-size: 13px;
	color: #666666;
	border: 1px solid #f2f2f2;
	padding: 8px 14px 7px;
	margin-right: 6px;
	margin-bottom: 10px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__tags a:hover {
	color: #111111;
}

.blog__sidebar__tags a:last-child {
	margin-right: 0;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
	padding-top: 80px;
	padding-bottom: 80px;
}

.blog__details__item {
	background: #ffffff;
	margin-bottom: 24px;
}

.blog__details__item__title {
	background: #ffffff;
	padding-top: 30px;
	padding-right: 30px;
	margin-top: -100px;
	position: relative;
	margin-right: 50px;
}

.blog__details__item__title .tip {
	font-size: 12px;
	color: #ffffff;
	background: #ca1515;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	padding: 2px 11px 1px;
	border-radius: 5px;
}

.blog__details__item__title h4 {
	color: #111111;
	font-weight: 600;
	line-height: 39px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.blog__details__item__title ul li {
	font-size: 12px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 25px;
	position: relative;
}

.blog__details__item__title ul li span {
	color: #111111;
}

.blog__details__item__title ul li:after {
	position: absolute;
	right: -17px;
	top: 0px;
	content: "|";
}

.blog__details__item__title ul li:last-child {
	margin-right: 0;
}

.blog__details__item__title ul li:last-child:after {
	display: none;
}

.blog__details__desc {
	margin-bottom: 40px;
}

.blog__details__desc p {
	font-size: 15px;
	color: #444444;
	line-height: 27px;
}

.blog__details__desc p:last-child {
	margin-bottom: 0;
}

.blog__details__quote {
	border-top: 2px solid #ca1515;
	position: relative;
	padding-top: 22px;
	margin-bottom: 20px;
}

.blog__details__quote .icon {
	height: 30px;
	width: 30px;
	font-size: 18px;
	color: #ca1515;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: -11px;
}

.blog__details__quote p {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	font-style: italic;
	line-height: 30px;
	margin-bottom: 0;
}

.blog__details__tags {
	margin-bottom: 50px;
}

.blog__details__tags a {
	display: inline-block;
	font-size: 13px;
	color: #666666;
	border: 1px solid #f2f2f2;
	padding: 8px 14px 7px;
	margin-right: 6px;
	margin-bottom: 10px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__tags a:hover {
	color: #111111;
}

.blog__details__tags a:last-child {
	margin-right: 0;
}

.blog__details__btns {
	background: #f5f5f5;
	padding: 14px 30px;
	margin-bottom: 55px;
}

.blog__details__btn__item.blog__details__btn__item--next {
	text-align: right;
}

.blog__details__btn__item.blog__details__btn__item--next h6 a i {
	margin-right: 0;
	margin-left: 5px;
}

.blog__details__btn__item h6 a {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #111111;
}

.blog__details__btn__item h6 a i {
	font-size: 15px;
	font-weight: 600;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

.blog__details__comment {
	position: relative;
}

.blog__details__comment h5 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.blog__details__comment .leave-btn {
	font-size: 14px;
	font-weight: 700;
	color: #111111;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
}

.blog__details__comment .leave-btn:after {
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 100%;
	background: #ca1515;
	content: "";
}

.blog__comment__item {
	margin-bottom: 35px;
}

.blog__comment__item:last-child {
	margin-bottom: 0;
}

.blog__comment__item.blog__comment__item--reply {
	padding-left: 115px;
}

.blog__comment__item__pic {
	float: left;
	margin-right: 25px;
}

.blog__comment__item__pic img {
	border-radius: 50%;
}

.blog__comment__item__text {
	overflow: hidden;
}

.blog__comment__item__text h6 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 14px;
}

.blog__comment__item__text p {
	font-size: 15px;
	color: #444444;
	line-height: 26px;
}

.blog__comment__item__text ul li {
	list-style: none;
	font-size: 12px;
	color: #888888;
	display: inline-block;
	margin-right: 25px;
}

.blog__comment__item__text ul li:last-child {
	margin-right: 0;
}

.blog__comment__item__text ul li i {
	font-size: 14px;
	color: #ca1515;
	margin-right: 5px;
}

/*---------------------
  Login Page
-----------------------*/

/* Prevent body scroll on login page */
body:has(.login-container) {
	overflow: hidden;
	height: 100vh;
}

.login-container {
	display: flex;
	min-height: 100vh;
	max-height: 100vh;
	max-width: 100%;
	margin: 0;
	box-shadow: none;
	overflow: hidden;
}

.login-left {
	flex: 0 0 50%;
	overflow: hidden;
}

.login-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.login-right {
	flex: 0 0 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 40px;
	background: #fff;
	overflow-y: auto;
	max-height: 100vh;
}

.login-form-wrapper {
	width: 100%;
	max-width: 400px;
}

.login-form-wrapper h2 {
	font-size: 32px;
	color: #111;
	font-weight: 700;
	margin-bottom: 10px;
}

.login-subtitle {
	color: #666;
	font-size: 14px;
	margin-bottom: 30px;
}

.login-error {
	background: #ffe6e6;
	color: #ca1515;
	padding: 12px 18px;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size: 14px;
}

.login-form-wrapper .form-group {
	margin-bottom: 20px;
}

.login-form-wrapper .form-group label {
	display: block;
	color: #111;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 8px;
}

.login-form-wrapper .form-group input {
	width: 100%;
	height: 48px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 0 18px;
	font-size: 14px;
	color: #444;
	transition: border-color 0.3s;
}

.login-form-wrapper .form-group input:focus {
	outline: none;
	border-color: #ca1515;
}

.login-btn {
	width: 100%;
	height: 48px;
	background: #ca1515;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s;
	margin-top: 10px;
}

.login-btn:hover {
	background: #a01010;
}

.register-link {
	text-align: center;
	margin-top: 20px;
	color: #666;
	font-size: 14px;
}

.register-link a {
	color: #ca1515;
	font-weight: 600;
	text-decoration: none;
}

.register-link a:hover {
	text-decoration: underline;
}

/*---------------------
  Unified Auth Page (Login + Register)
-----------------------*/

/* Fullscreen centered auth page */
.auth-page-fullscreen {
	min-height: calc(100vh - 80px);
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f9fa;
	padding: 40px 20px;
}

.auth-container-centered {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
}

.auth-container {
	display: flex;
	min-height: calc(100vh - 280px);
	max-width: 100%;
	margin: 0 auto;
	box-shadow: none;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.auth-left {
	display: none;
}

.auth-left img {
	display: none;
}

.auth-right {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 60px;
	background: #fff;
	max-width: 500px;
}

.auth-form-wrapper {
	width: 100%;
	max-width: 500px;
	min-height: 380px;
	border: 2px solid #e1e1e1;
	padding: 35px 30px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Toggle Switch Styles */
.auth-toggle {
	position: relative;
	display: flex;
	background: #f5f5f5;
	border-radius: 30px;
	padding: 3px;
	margin-bottom: 20px;
}

.toggle-btn {
	flex: 1;
	padding: 8px 16px;
	border: none;
	background: transparent;
	font-size: 13px;
	font-weight: 600;
	color: #666;
	cursor: pointer;
	border-radius: 25px;
	transition: color 0.3s ease;
	z-index: 1;
}

.toggle-btn.active {
	color: #fff;
}

.toggle-indicator {
	position: absolute;
	top: 3px;
	left: 3px;
	width: calc(50% - 3px);
	height: calc(100% - 6px);
	background: #ca1515;
	border-radius: 25px;
	transition: transform 0.3s ease;
	z-index: 0;
}

.toggle-indicator.register {
	transform: translateX(100%);
}

.auth-form-wrapper h2 {
	font-size: 32px;
	color: #111;
	font-weight: 700;
	margin-bottom: 10px;
	transition: all 0.3s ease;
}

.auth-logo {
	text-align: center;
	margin-bottom: 25px;
}

.auth-logo img {
	max-width: 180px;
	height: auto;
}

.auth-subtitle {
	color: #666;
	font-size: 14px;
	margin-bottom: 20px;
	transition: all 0.3s ease;
	text-align: center;
}

.auth-error {
	background: #ffe6e6;
	color: #ca1515;
	padding: 12px 18px;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size: 14px;
}

.auth-success {
	background: #e6ffe6;
	color: #28a745;
	padding: 12px 18px;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size: 14px;
	animation: slideIn 0.3s ease;
}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.auth-form-wrapper .form-group {
	margin-bottom: 12px;
	transition: all 0.3s ease;
}

.auth-form-wrapper .form-group label {
	display: block;
	color: #111;
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 5px;
}

.auth-form-wrapper .form-group input {
	width: 100%;
	height: 40px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 0 15px;
	font-size: 13px;
	color: #444;
	transition: border-color 0.3s, height 0.3s ease;
}

.auth-form-wrapper .form-group input:focus {
	outline: none;
	border-color: #ca1515;
}

.auth-form-wrapper .form-group input::placeholder {
	color: #aaa;
}

/* Name field animation - use absolute positioning to prevent height jump */
.name-field {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	margin-bottom: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	width: 100%;
}

.name-field.show {
	max-height: 70px;
	overflow: visible;
	margin-bottom: 12px;
	padding: 0;
	opacity: 1;
	position: relative;
	visibility: visible;
}

.auth-btn {
	width: 100%;
	height: 40px;
	background: #ca1515;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s, transform 0.2s;
	margin-top: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.auth-btn:hover {
	background: #a01010;
}

.auth-btn:active {
	transform: scale(0.98);
}

.auth-switch-text {
	text-align: center;
	margin-top: 15px;
	color: #666;
	font-size: 13px;
}

.auth-switch-text a {
	color: #ca1515;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.3s;
}

.auth-switch-text a:hover {
	color: #a01010;
}

.auth-back-home {
	text-align: center;
	margin-top: 12px;
}

.back-home-btn {
	background: transparent;
	border: none;
	color: #666;
	font-size: 14px;
	cursor: pointer;
	transition: color 0.3s;
	padding: 6px 0;
}

.back-home-btn:hover {
	color: #ca1515;
}

/* Responsive for auth page */
@media only screen and (min-width: 768px) {
	.auth-container {
		min-height: calc(100vh - 280px);
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	.auth-container {
		flex-direction: column;
		margin: 0;
		min-height: auto;
		border-radius: 0;
		box-shadow: none;
	}
	
	.auth-left {
		flex: 0 0 250px;
		width: 100%;
	}
	
	.auth-left img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.auth-right {
		flex: 1;
		width: 100%;
		padding: 30px 20px;
	}
	
	.auth-form-wrapper {
		max-width: 100%;
		min-height: auto;
		padding: 0 10px;
	}
	
	.auth-toggle {
		margin-bottom: 20px;
	}
	
	.auth-form-wrapper h2 {
		font-size: 26px;
		margin-bottom: 8px;
	}
	
	.auth-subtitle {
		margin-bottom: 20px;
	}
	
	.auth-btn {
		height: 42px;
	}
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 80px;
	padding-bottom: 80px;
}

.contact__address {
	margin-bottom: 45px;
}

.contact__address h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.contact__address ul li {
	list-style: none;
	position: relative;
	margin-bottom: 20px;
}

.contact__address ul li:last-child {
	margin-bottom: 0;
}

.contact__address ul li h6 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 10px;
}

.contact__address ul li h6 i {
	font-size: 16px;
	color: #3a9c40;
	margin-right: 5px;
}

.contact__address ul li p {
	margin-bottom: 0;
	font-size: 15px;
	color: #444444;
}

.contact__address ul li span {
	font-size: 15px;
	color: #444444;
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

.contact__address ul li span:after {
	position: absolute;
	right: -15px;
	top: 11px;
	content: "|";
	line-height: 0;
}

.contact__address ul li span:last-child {
	margin-right: 0;
}

.contact__address ul li span:last-child:after {
	display: none;
}

.contact__form h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.contact__form form input {
	height: 50px;
	width: 100%;
	padding-left: 20px;
	font-size: 14px;
	color: #444444;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin-bottom: 20px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #444444;
}

.contact__form form input::-moz-placeholder {
	color: #444444;
}

.contact__form form input:-ms-input-placeholder {
	color: #444444;
}

.contact__form form input::-ms-input-placeholder {
	color: #444444;
}

.contact__form form input::placeholder {
	color: #444444;
}

.contact__form form textarea {
	height: 130px;
	width: 100%;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 14px;
	color: #444444;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin-bottom: 14px;
	resize: none;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #444444;
}

.contact__form form textarea::-moz-placeholder {
	color: #444444;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #444444;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #444444;
}

.contact__form form textarea::placeholder {
	color: #444444;
}

.contact__map {
	height: 780px;
}

.contact__map iframe {
	width: 100%;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1600px) and (max-width: 1900px) {
	.header {
		padding: 0 85px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.header__menu ul li {
		margin-right: 20px;
	}
	.header {
		padding: 0 30px;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 20px;
	}
	.header__right__auth {
		margin-right: 5px;
	}
	.sidebar__filter a {
		padding: 5px 15px 5px 15px;
	}
	.nav::before {
		width: 240px;
	}
	.nav::after {
		width: 240px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.filter__controls li {
		margin-right: 15px;
	}
	.discount__pic img {
		height: auto;
	}
	.discount__text {
		height: auto;
	}
	.sidebar__filter a {
		position: relative;
		bottom: 0;
	}
	.filter-range-wrap .range-slider .price-input input {
		max-width: 27%;
	}
	.filter-range-wrap .range-slider .price-input {
		margin-bottom: 20px;
	}
	.product__details__pic {
		margin-bottom: 50px;
	}
	.nav::before {
		width: 125px;
	}
	.nav::after {
		width: 125px;
	}
	.discount__content {
		margin-bottom: 40px;
	}
	.checkout__order {
		margin-top: 20px;
	}
	.blog__sidebar {
		padding-left: 0;
	}
	.canvas__open {
		display: none;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #ffffff;
		padding: 90px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__close {
		position: absolute;
		width: 40px;
		height: 40px;
		right: 30px;
		top: 25px;
		border: 1px solid #ddd;
		border-radius: 50%;
		font-size: 26px;
		text-align: center;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		cursor: pointer;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #111111;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__logo {
		margin-bottom: 25px;
	}
	.offcanvas__widget {
		text-align: center;
		margin-bottom: 20px;
	}
	.offcanvas__widget li {
		list-style: none;
		display: inline-block;
		font-size: 18px;
		color: #111111;
		margin-right: 20px;
		cursor: pointer;
	}
	.offcanvas__widget li:last-child {
		margin-right: 0;
	}
	.offcanvas__widget li a {
		font-size: 18px;
		color: #111111;
		position: relative;
	}
	.offcanvas__widget li a .tip {
		position: absolute;
		right: -12px;
		top: -11px;
		height: 18px;
		width: 18px;
		background: #111111;
		font-size: 10px;
		font-weight: 500;
		color: #ffffff;
		line-height: 18px;
		text-align: center;
		border-radius: 50%;
	}
	.offcanvas__auth a {
		font-size: 15px;
		color: #111111;
		position: relative;
		margin-right: 8px;
		font-weight: 500;
	}
	.offcanvas__auth a:last-child {
		margin-right: 0;
	}
	.offcanvas__auth a:last-child:after {
		display: none;
	}
	.offcanvas__auth a:after {
		position: absolute;
		right: -8px;
		top: -2px;
		content: "/";
		font-size: 13px;
	}
	.header__menu {
		display: none;
	}
	.header__right {
		display: none;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.canvas__open {
		display: none;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -270px;
		width: 270px;
		height: 100%;
		background: #ffffff;
		padding: 90px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__close {
		position: absolute;
		width: 40px;
		height: 40px;
		right: 30px;
		top: 25px;
		border: 1px solid #ddd;
		border-radius: 50%;
		font-size: 26px;
		text-align: center;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		cursor: pointer;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #111111;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__logo {
		margin-bottom: 25px;
	}
	.offcanvas__widget {
		text-align: center;
		margin-bottom: 20px;
	}
	.offcanvas__widget li {
		list-style: none;
		display: inline-block;
		font-size: 18px;
		color: #111111;
		margin-right: 20px;
		cursor: pointer;
	}
	.offcanvas__widget li:last-child {
		margin-right: 0;
	}
	.offcanvas__widget li a {
		font-size: 18px;
		color: #111111;
		position: relative;
	}
	.offcanvas__widget li a .tip {
		position: absolute;
		right: -12px;
		top: -11px;
		height: 18px;
		width: 18px;
		background: #111111;
		font-size: 10px;
		font-weight: 500;
		color: #ffffff;
		line-height: 18px;
		text-align: center;
		border-radius: 50%;
	}
	.offcanvas__auth a {
		font-size: 15px;
		color: #111111;
		position: relative;
		margin-right: 8px;
		font-weight: 500;
	}
	.offcanvas__auth a:last-child {
		margin-right: 0;
	}
	.offcanvas__auth a:last-child:after {
		display: none;
	}
	.offcanvas__auth a:after {
		position: absolute;
		right: -8px;
		top: -2px;
		content: "/";
		font-size: 13px;
	}
	.header__menu {
		display: none;
	}
	.header__right {
		display: none;
	}
	.filter__controls {
		text-align: left;
		margin-bottom: 40px;
	}
	.filter__controls li {
		margin-right: 20px;
	}
	.discount__pic img {
		height: auto;
	}
	.discount__text {
		padding: 40px 20px 30px;
		height: auto;
	}
	/* Remove circle background on mobile */
	.discount__text__title:after {
		display: none;
	}
	/* Reduce spacing for compact look */
	.discount__text__title {
		margin-bottom: 30px;
	}
	.discount__text__title h2 {
		font-size: 40px;
		line-height: 36px;
	}
	.discount__countdown {
		margin-bottom: 20px;
	}
	.countdown__item span {
		font-size: 24px;
	}
	.product__details__pic__left {
		height: auto;
	}
	.product__details__pic {
		margin-bottom: 30px;
	}
	.quantity {
		float: none;
		margin-right: 0;
	}
	.nav::before {
		display: none;
	}
	.nav::after {
		display: none;
	}
	.shop__cart__table {
		overflow-x: auto;
	}
	.shop__cart__table tbody tr .cart__product__item img {
		float: none;
		margin-right: 0;
	}
	.cart__btn {
		text-align: center;
		margin-bottom: 25px;
	}
	.cart__btn.update__btn {
		text-align: center;
	}
	.discount__content h6 {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.discount__content {
		margin-bottom: 35px;
	}
	.blog__sidebar {
		padding-left: 0;
		padding-top: 40px;
	}
	.contact__content {
		margin-bottom: 40px;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.categories__item.categories__large__item {
		padding-left: 30px;
	}
	.banner__text h1 {
		font-size: 45px;
	}
	.filter__controls li {
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.discount__text {
		padding: 30px 15px 25px;
	}
	.discount__text__title h2 {
		font-size: 32px;
		line-height: 30px;
	}
	.countdown__item span {
		font-size: 20px;
	}
	.countdown__item p {
		font-size: 12px;
	}
	.footer__newslatter form {
		text-align: center;
	}
	.footer__newslatter form input {
		margin-bottom: 10px;
	}
	.footer__newslatter form button {
		position: relative;
		right: 0;
		top: 0;
	}
	.product__details__button .cart-btn {
		float: none;
		margin-right: 0;
	}
	.product__details__button ul {
		float: none;
	}
	.nav-item {
		margin-right: 20px;
	}
	.blog__details__item__title {
		margin-right: 30px;
	}
	.blog__comment__item.blog__comment__item--reply {
		padding-left: 0;
	}
	.blog__comment__item__text ul li {
		margin-right: 5px;
	}
	.primary-btn.load-btn {
		padding: 12px 50px 10px;
	}
	.blog__comment__item__pic {
		float: none;
		margin-bottom: 20px;
	}
	.discount__content form {
		width: 100%;
	}
.search-model-form input {
	width: 100%;
	font-size: 24px;
}

/*=======================
  Profile

/* Shop Container */
.shop {
	padding-top: 70px;
	padding-bottom: 80px;
}

.shop .container {
	max-width: 1200px;
}

/* Shop Header */
.shop__header {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f2f2f2;
}

.shop__header .row {
	align-items: center;
}

.shop__header__title {
	display: flex;
	align-items: baseline;
	gap: 15px;
}

.shop__header__title h4 {
	font-size: 24px;
	font-weight: 600;
	color: #111;
	margin-bottom: 0;
}

.product-count {
	font-size: 14px;
	color: #888;
}

.shop__header__sort select {
	width: 200px;
	padding: 10px 15px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	font-size: 14px;
	color: #666;
	background: #fff;
	cursor: pointer;
	transition: border-color 0.3s;
}

.shop__header__sort select:focus {
	border-color: #ca1515;
	outline: none;
}

/* Shop Sidebar */
.sidebar {
	padding-right: 30px;
}

.sidebar__categories {
	margin-bottom: 40px;
}

.sidebar__categories .section-title {
	margin-bottom: 25px;
}

.sidebar__categories .section-title h4 {
	font-size: 18px;
}

.category-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.category-list li {
	padding: 12px 0;
	border-bottom: 1px solid #f2f2f2;
	cursor: pointer;
	transition: all 0.3s;
}

.category-list li:last-child {
	border-bottom: none;
}

.category-list li a {
	font-size: 14px;
	color: #666;
	text-decoration: none;
	display: block;
	transition: color 0.3s;
}

.category-list li:hover a,
.category-list li.active a {
	color: #3a9c40;
	font-weight: 600;
}

.sidebar__filter {
	margin-bottom: 40px;
}

.sidebar__filter .section-title {
	margin-bottom: 25px;
}

.sidebar__filter .section-title h4 {
	font-size: 18px;
}

.filter-range-wrap {
	margin-bottom: 20px;
}

.filter-range-wrap .price-input {
	margin-bottom: 15px;
}

.filter-range-wrap .price-input p {
	font-size: 16px;
	color: #111;
	font-weight: 600;
}

.range-slider .range-input {
	position: relative;
	height: 6px;
	background: #e1e1e1;
	border-radius: 3px;
}

.range-slider .range-input input[type="range"] {
	position: absolute;
	width: 100%;
	height: 6px;
	background: transparent;
	pointer-events: none;
	-webkit-appearance: none;
	top: 0;
}

.range-slider .range-input input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	background: #ca1515;
	border-radius: 50%;
	cursor: pointer;
	pointer-events: auto;
	box-shadow: 0 2px 6px rgba(201, 21, 21, 0.3);
}

.price-btns button {
	background: #ca1515;
	color: #fff;
	border: none;
	padding: 10px 25px;
	border-radius: 25px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s;
}

.price-btns button:hover {
	background: #a01010;
}

.sidebar__sizes,
.sidebar__color {
	margin-bottom: 40px;
}

.sidebar__sizes .section-title,
.sidebar__color .section-title {
	margin-bottom: 25px;
}

.sidebar__sizes .section-title h4,
.sidebar__color .section-title h4 {
	font-size: 18px;
}

.size__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.size__list label {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 13px;
	text-transform: uppercase;
	color: #666;
}

.size__list label:hover,
.size__list label.active {
	border-color: #ca1515;
	background: rgba(201, 21, 21, 0.05);
	color: #ca1515;
}

.size__list label input {
	display: none;
}

.size__list label .checkmark {
	display: none;
}

.color__list {
	display: flex;
	flex-wrap: wrap;
}



/*=======================
  Orders - Card Row Layout (Desktop: Row | Mobile: Stack)
=======================*/

/* Orders Container */
.orders-section {
  padding: 60px 0;
  background: #f8f9fa;
}

.orders-list {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.orders-list h4 {
  font-size: 28px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 30px;
  text-align: center;
}

/* Order Item Card */
.order-item-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.2s ease;
  display: flex;
  align-items: stretch;
  min-height: 100px;
}

.order-item-card:hover {
  border-color: #ca1515;
  box-shadow: 0 8px 25px rgba(202, 21, 21, 0.12);
  transform: translateY(-2px);
}

/* Left: Fixed Square Product Image */
.order-image {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #f1f5f9;
  overflow: hidden;
}

.order-image img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Middle: 3-Line Details (Aligned to Image Height) */
.order-details {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100px;
}

/* Exact 3 Lines */
.order-line-1 {
  font-weight: 700;
  font-size: 16px;
  color: #111111;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}

.order-line-2 {
  font-size: 15px;
  color: #ca1515;
  font-weight: 600;
  margin-bottom: 4px;
}

.order-line-3 {
  font-size: 13px;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.order-status-badge {
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.status-paid { background: #dcfce7; color: #166534; }
.status-pending { background: #fef3c7; color: #92400e; }
.status-processing { background: #dbeafe; color: #1e40af; }
.status-shipped { background: #ccfbf1; color: #065f46; }
.status-delivered { background: #dcfce7; color: #166534; }

/* Right: Cancel Button (Top-Aligned) */
.order-actions {
  width: 90px;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 20px 12px;
  border-left: 1px solid #f1f5f9;
  background: #fafbfc;
}

.cancel-btn {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
  padding: 8px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}

.cancel-btn:hover {
  background: #dc2626;
  color: #ffffff;
  border-color: #dc2626;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

/* Multiple Items Indicator */
.more-items {
  font-size: 12px;
  color: #94a3b8;
  margin-top: 4px;
}

/* Empty State */
.no-orders {
  text-align: center;
  padding: 80px 40px;
  color: #64748b;
}

.no-orders i {
  font-size: 64px;
  margin-bottom: 24px;
  opacity: 0.5;
}

.no-orders h5 {
  font-size: 22px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 12px;
}

/* Mobile Responsive: Stack Layout */
@media (max-width: 768px) {
  .order-item-card {
    flex-direction: column;
    margin-bottom: 16px;
  }
  
  .order-image {
    width: 100%;
    height: 120px;
    border-right: none;
    border-bottom: 1px solid #f1f5f9;
  }
  
  .order-image img {
    width: 100px;
    height: 100px;
  }
  
  .order-details {
    padding: 16px 20px;
    min-height: auto;
  }
  
  .order-actions {
    width: 100%;
    padding: 16px 20px;
    border-left: none;
    border-top: 1px solid #f1f5f9;
    align-items: center;
  }
  
  .cancel-btn {
    max-width: 200px;
    padding: 10px 16px;
  }
  
  .orders-list h4 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  
  .orders-section {
    padding: 40px 0;
  }
}

/* Loading State */
.orders-loading {
  text-align: center;
  padding: 80px 20px;
}

.orders-loading i {
  font-size: 48px;
  color: #ca1515;
  animation: spin 1s linear infinite;
  margin-bottom: 20px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Profile styles moved to src/components/Profile.css */

.form-label {
	margin-bottom: 6px;
	font-size: 14px;
}

.form-input {
	width: 100%;
	padding: 12px 20px;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	font-size: 14px;
	color: #444444;
	transition: border-color 0.3s;
	background: #ffffff;
}

.form-input:focus {
	outline: none;
	border-color: #ca1515;
}

.form-actions {
	display: flex;
	gap: 12px;
	margin-top: 24px;
}

.btn-primary,
.btn-secondary {
	flex: 1;
	padding: 14px 30px;
	border: none;
	border-radius: 50px;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-primary {
	background: #3a9c40;
	color: #ffffff;
}

.btn-primary:hover:not(:disabled) {
	background: #2d7a33;
	transform: translateY(-2px);
}

.btn-primary:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.btn-secondary {
	background: #f8f9fa;
	color: #666666;
	border: 1px solid #e1e1e1;
}

.btn-secondary:hover {
	background: #e1e1e1;
	color: #333333;
}

.alert-success {
	background: #d4edda;
	color: #155724;
	padding: 15px 20px;
	border-radius: 10px;
	border: 1px solid #c3e6cb;
	margin-bottom: 25px;
	font-weight: 500;
	font-size: 14px;
}

.alert-error {
	background: #f8d7da;
	color: #721c24;
	padding: 15px 20px;
	border-radius: 10px;
	border: 1px solid #f5c6cb;
	margin-bottom: 25px;
	font-weight: 500;
	font-size: 14px;
}

.orders-grid {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 65vh;
	overflow-y: auto;
	padding-right: 6px;
}

.orders-grid::-webkit-scrollbar {
	width: 3px;
}

.orders-grid::-webkit-scrollbar-track {
	background: #f5f5f5;
}

.orders-grid::-webkit-scrollbar-thumb {
	background: #ca1515;
	border-radius: 3px;
}

.order-compact-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	padding: 10px 14px;
	transition: all 0.2s ease;
	display: flex;
	flex-direction: column;
	gap: 8px;
	cursor: pointer;
}

.order-compact-card:hover {
	box-shadow: 0 2px 8px rgba(202, 21, 21, 0.1);
	border-color: #ca1515;
}

/* Top Row: Status + Date */
.order-top-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.order-date {
	font-size: 11px;
	color: #9ca3af;
	font-weight: 500;
}

/* Main Row: Image + Info + Arrow */
.order-main-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.order-img {
	width: 55px;
	height: 55px;
	border-radius: 6px;
	overflow: hidden;
	flex-shrink: 0;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.order-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.order-img-badge {
	position: absolute;
	bottom: 2px;
	right: 2px;
	background: #ca1515;
	color: white;
	font-size: 9px;
	font-weight: 700;
	padding: 1px 4px;
	border-radius: 8px;
	line-height: 1.2;
}

.order-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.order-id {
	font-size: 12px;
	color: #b91c1c;
	font-weight: 600;
}

.order-description {
	font-size: 13px;
	color: #6b7280;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.order-price {
	font-size: 14px;
	color: #111827;
	font-weight: 700;
	margin-top: 1px;
}

.order-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #d1d5db;
	font-size: 14px;
	flex-shrink: 0;
}

.order-actions-compact {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

.btn-cancel-order,
.btn-return-order {
	width: 26px;
	height: 26px;
	border-radius: 4px;
	border: 1px solid #e5e7eb;
	background: #ffffff;
	color: #6b7280;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: 11px;
}

.btn-cancel-order:hover {
	background: #fee2e2;
	border-color: #dc2626;
	color: #dc2626;
}

.btn-return-order:hover {
	background: #dbeafe;
	border-color: #2563eb;
	color: #2563eb;
}

.default-address {
	border-left: 4px solid #f59e0b !important;
}

.default-address:hover {
	border-color: #f59e0b;
}

.wishlist-compact-card {
	border-left: 4px solid #e82d2d;
}

.wishlist-compact-card:hover {
	border-color: #e82d2d;
	box-shadow: 0 4px 12px rgba(232, 45, 45, 0.15);
}

.wishlist-details-single-line {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	padding: 8px 12px 8px 0;
	min-height: 60px;
}

.product-name-single {
	flex: 2;
	font-weight: 700;
	font-size: 14px;
	color: #111;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-qty-single {
	font-size: 12px;
	color: #6b7280;
	white-space: nowrap;
	flex: 0 0 auto;
}

.product-price-single {
	color: #10b981;
	font-weight: 700;
	font-size: 14px;
	white-space: nowrap;
	flex: 0 0 auto;
}

.wishlist-add-cart-single {
	background: #4f46e5;
	color: white;
	border: none;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
	flex-shrink: 0;
}

.wishlist-add-cart-single:hover {
	background: #3730a3;
}

.wishlist-remove-single {
	background: #ef4444;
	color: white;
	border: none;
	padding: 0;
	border-radius: 50%;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	line-height: 1;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	flex-shrink: 0;
}

.wishlist-remove-single:hover {
	background: #dc2626;
	transform: scale(1.1);
}

.wishlist-add-cart {
	background: #4f46e5;
	border: 1px solid #4f46e5;
	color: white;
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.wishlist-add-cart:hover {
	background: #3730a3;
	border-color: #3730a3;
}

.wishlist-remove {
	background: transparent;
	border: 1px solid #ef4444;
	color: #ef4444;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
}

.wishlist-remove:hover {
	background: #ef4444;
	color: white;
}

.compact-btn {
	padding: 4px 10px;
	font-size: 11px;
}

.order-img {
	width: 60px;
	height: 60px;
	border-radius: 6px;
	overflow: hidden;
	flex-shrink: 0;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.order-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.order-img-more {
	position: absolute;
	bottom: 2px;
	right: 2px;
	background: #111111;
	color: white;
	font-size: 9px;
	font-weight: 700;
	padding: 2px 5px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.order-details {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.order-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px;
	padding-bottom: 0;
	border-bottom: none;
}

.header-right {
	display: flex;
	gap: 3px;
	align-items: center;
}

.order-number {
	font-size: 13px;
	color: #111111;
	font-weight: 700;
}

.compact-cancel {
	background: #ffffff;
	border: 1px solid #dc2626;
	color: #dc2626;
	padding: 6px 16px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.compact-cancel:hover {
	background: #dc2626;
	color: #ffffff;
}

.compact-return {
	background: #ffffff;
	border: 1px solid #f59e0b;
	color: #f59e0b;
	padding: 6px 16px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.compact-return:hover {
	background: #f59e0b;
	color: #ffffff;
}

.order-product {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
}

.product-name {
	font-weight: 500;
	font-size: 14px;
	color: #374151;
	margin-bottom: 0;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
}

.product-name-line {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	margin-top: 0;
}

.product-name-line .product-name {
	flex: 1;
	font-weight: 500;
	font-size: 14px;
	color: #374151;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-qty {
	font-size: 12px;
	color: #6b7280;
	font-weight: 500;
}

.product-total {
	font-size: 14px;
	color: #111111;
	font-weight: 700;
	margin-left: auto;
}

.status-badge {
	padding: 3px 8px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.status-badge::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	display: inline-block;
}

.status-paid::before {
	background: #16a34a;
}

.status-pending::before,
.status-processing::before {
	background: #ea580c;
}

.status-shipped::before {
	background: #2563eb;
}

.status-delivered::before {
	background: #16a34a;
}

.status-cancelled::before {
	background: #dc2626;
}

.status-paid {
	background: #dcfce7;
	color: #16a34a;
}

.status-pending,
.status-processing {
	background: #fed7aa;
	color: #ea580c;
}

.status-shipped {
	background: #dbeafe;
	color: #2563eb;
}

.status-delivered {
	background: #dcfce7;
	color: #16a34a;
}

.status-cancelled {
	background: #fee2e2;
	color: #dc2626;
}

.status-return-pending {
	background: #fff3cd;
	color: #856404;
}

.status-returned {
	background: #d4edda;
	color: #155724;
}

.status-return-rejected {
	background: #f8d7da;
	color: #721c24;
}

.empty-state {
	text-align: center;
	padding: 60px 20px;
}

.empty-state i {
	font-size: 64px;
	color: #e1e1e1;
	margin-bottom: 20px;
}

.empty-state h5 {
	font-size: 20px;
	color: #111111;
	margin-bottom: 12px;
	font-weight: 600;
}

.empty-state p {
	color: #666666;
	font-size: 14px;
	margin-bottom: 20px;
}

.loading-spinner {
	text-align: center;
	padding: 60px 20px;
}

.loading-spinner i {
	font-size: 48px;
	color: #ca1515;
	animation: spin 1s linear infinite;
	margin-bottom: 16px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/* Policy Modal - Shared Styles */
.policy-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

.policy-modal {
  background: white;
  border-radius: 8px;
  max-width: 600px;
  width: 100%;
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.policy-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}

.policy-modal-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  color: #000;
}

.policy-modal-close {
  background: none;
  border: none;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  color: #666;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}

.policy-modal-close:hover {
  color: #000;
}

.policy-modal-content {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

.policy-modal-content p {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 12px;
}

@media (max-width: 480px) {
  .policy-modal {
    max-height: 90vh;
  }

  .policy-modal-header {
    padding: 15px;
  }

  .policy-modal-title {
    font-size: 16px;
  }

  .policy-modal-content {
    padding: 15px;
  }
}