@charset "utf-8";
/* CSS Document */

/******************************

COLOR PALETTE



[Table of Contents]

Fonts

Body and some general stuff

Home
3.1 Currency
3.2 Language
3.3 Account
3.4 Main Navigation
3.5 Hamburger Menu
3.6 Logo
3.7 Main Slider

Banner

New Arrivals
5.1 New Arrivals Sorting
5.2 New Arrivals Products Grid

Deal of the week

Best Sellers
7.1 Slider Nav

Benefit

Blogs

Newsletter

Footer



******************************/

/***********

Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,900');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
}

* {
    box-sizing: border-box;
}

body
{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	background: #FFFFFF;
	color: #1e1e27;
}
div
{
	display: block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	color: #989898;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 2px #fde0db;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FF6347;
	background: #fde0db;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background: #fde0db;
	color: #FF6347;
}
p::selection
{
	background: #fde0db;
}
h1{font-size: 72px;}
h2{font-size: 40px;}
h3{font-size: 28px;}
h4{font-size: 24px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	color: #282828;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection
{

}
::-webkit-input-placeholder
{
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
}
:-moz-placeholder /* older Firefox*/
{
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
}
::-moz-placeholder /* Firefox 19+ */
{
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
}
:-ms-input-placeholder
{
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
}
::input-placeholder
{
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}

/*********************************
3. Home
*********************************/

.header
{
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #FFFFFF;
z-index: 10;
}
.top_nav
{
width: 100%;
height: 50px;
background: #1e1e27;
}
.top_nav_left
{
height: 50px;
line-height: 50px;
font-size: 13px;
color: #b5aec4;
text-transform: uppercase;
}

/*********************************
3.1 Currency
*********************************/

.currency
{
display: inline-block;
position: relative;
min-width: 50px;
border-right: solid 1px #33333b;
padding-right: 20px;
padding-left: 20px;
text-align: center;
vertical-align: middle;
background: #1e1e27;
}
.currency > a
{
display: block;
color: #b5aec4;
font-weight: 400;
height: 50px;
line-height: 50px;
font-size: 13px;
text-transform: uppercase;
}
.currency > a > i
{
margin-left: 8px;
}
.currency:hover .currency_selection
{
visibility: visible;
opacity: 1;
top: 100%;
}
.currency_selection
{
display: block;
position: absolute;
right: 0;
top: 120%;
margin: 0;
width: 100%;
background: #FFFFFF;
visibility: hidden;
opacity: 0;
z-index: 1;
box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
}
.currency_selection li
{
padding-left: 10px;
padding-right: 10px;
line-height: 50px;
}
.currency_selection li a
{
display: block;
color: #232530;
border-bottom: solid 1px #dddddd;
font-size: 13px;
text-transform: uppercase;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
}
.currency_selection li a
{
color: #b5aec4;
}
.currency_selection li a
{
border-bottom: none;
}

/*********************************
3.2 Language
*********************************/

.language
{
display: inline-block;
position: relative;
min-width: 50px;
border-right: solid 1px #33333b;
padding-right: 20px;
padding-left: 20px;
text-align: center;
vertical-align: middle;
background: #1e1e27;
}
.language > a
{
display: block;
color: #b5aec4;
font-weight: 400;
height: 50px;
line-height: 50px;
font-size: 13px;
}
.language > a > i
{
margin-left: 8px;
}
.language:hover .language_selection
{
visibility: visible;
opacity: 1;
top: 100%;
}
.language_selection
{
display: block;
position: absolute;
right: 0;
top: 120%;
margin: 0;
width: 100%;
background: #FFFFFF;
visibility: hidden;
opacity: 0;
z-index: 1;
box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
}
.language_selection li
{
padding-left: 10px;
padding-right: 10px;
line-height: 50px;
}
.language_selection li a
{
display: block;
color: #232530;
border-bottom: solid 1px #dddddd;
font-size: 13px;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
}
.language_selection li a
{
color: #b5aec4;
}
.language_selection li a
{
border-bottom: none;
}

/*********************************
3.3 Account
*********************************/

.account
{
display: inline-block;
position: relative;
min-width: 50px;
padding-left: 20px;
text-align: center;
vertical-align: middle;
background: #1e1e27;
}
.account > a
{
display: block;
color: #b5aec4;
font-weight: 400;
height: 50px;
line-height: 50px;
font-size: 13px;
}
.account > a > i
{
margin-left: 8px;
}
.account:hover .account_selection
{
visibility: visible;
opacity: 1;
top: 100%;
}
.account_selection
{
display: block;
position: absolute;
right: 0;
top: 120%;
margin: 0;
width: 100%;
background: #FFFFFF;
visibility: hidden;
opacity: 0;
z-index: 1;
box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
}
.account_selection li
{
padding-left: 10px;
padding-right: 10px;
line-height: 50px;
}
.account_selection li a
{
display: block;
color: #232530;
border-bottom: solid 1px #dddddd;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.account_selection li a
{
color: #b5aec4;
}
.account_selection li a
{
border-bottom: none;
}
.account_selection li a i
{
margin-right: 10px;
}

/*********************************
3.4 Main Navigation
*********************************/

.main_nav_container
{
width: 100%;
background: #FFFFFF;
box-shadow:0 4px 20px rgba(0,0,0,.06);
}
.navbar
{
width: auto;
height: 100px;
float: right;
padding-left: 0px;
padding-right: 0px;
}
.navbar_menu li
{
display: inline-block;
}
.navbar_menu li a
{
display: block;
color: #1e1e27;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
padding: 20px;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.navbar_menu li a:hover{
color:#b5aec4;
}
.navbar_user
{
margin-left: 37px;
}
.navbar_user li
{
display: inline-block;
text-align: center;
}
.navbar_user li a
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
width: 40px;
height: 40px;
color: #1e1e27;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}

.navbar_user li a:hover{
color:#b5aec4;
}

.checkout a
{
background: #eceff6;
border-radius: 50%;
}
.checkout_items
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: -9px;
left: 22px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fe4c50;
font-size: 12px;
color: #FFFFFF;
}

/*********************************
3.5 Hamburger Menu
*********************************/

.hamburger_container
{
display: none;
margin-left: 40px;
}

.hamburger_container i
{
color: #b5aec4;
}
.hamburger_menu
{
position: fixed;
top: 0;
right: -400px;
width: 400px;
height: 100vh;
background: rgba(255,255,255,0.95);
z-index: 10;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.hamburger_menu.active
{
right: 0;
}
.fs_menu_overlay
{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9;
background: rgba(255,255,255,0);
pointer-events: none;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.hamburger_close
{
position: absolute;
top: 26px;
right: 10px;
padding: 10px;
z-index: 1;
}
.hamburger_close i
{
font-size: 24px;
color: #1e1e27;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.hamburger_close i
{
color: #b5aec4;
}
.hamburger_menu_content
{
padding-top: 100px;
width: 100%;
height: 100%;
padding-right: 20px;
}
.menu_item
{
display: block;
position: relative;
border-bottom: solid 1px #b5aec4;
vertical-align: middle;
}
.menu_item > a
{
display: block;
color: #1e1e27;
font-weight: 500;
height: 50px;
line-height: 50px;
font-size: 14px;
text-transform: uppercase;
}

.menu_item > a:hover{
color:#b5aec4;
}

.menu_item > a > i
{
margin-left: 8px;
}

.menu_item.active .menu_selection
{
display: block;
visibility: visible;
opacity: 1;
}
.menu_selection
{
margin: 0;
width: 100%;
max-height: 0;
overflow: hidden;
z-index: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.menu_selection li
{
padding-left: 10px;
padding-right: 10px;
line-height: 50px;
}
.menu_selection li a
{
display: block;
color: #232530;
border-bottom: solid 1px #dddddd;
font-size: 13px;
text-transform: uppercase;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
}
.menu_selection li a
{
color: #b5aec4;
}
.menu_selection li a
{
border-bottom: none;
}

.menu_item > a {
padding-left: 10px;
}

/*********************************
3.6 Logo
*********************************/

.logo_container
{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
}
.logo_container a
{
font-size: 24px;
color: #1e1e27;
font-weight: 700;
text-transform: uppercase;
}
.logo_container a span
{
color: #fe4c50;
}

/*********************************
3.7 Main Slider
*********************************/

.main_slider
{
width: 100%;
height: 700px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-top: 150px;
}

.main_slider_content
{
width: 60%;
}

.main_slider_content h6
{
font-weight: 500;
text-transform: uppercase;
margin-bottom: 29px;
}

.main_slider_content h1
{
font-weight: 400;
line-height: 1;
}

.red_button
{
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: 40px;
background: #fe4c50;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.red_button:hover
{
background:#fe7c7f !important;
}
.red_button a
{
display: block;
color: #FFFFFF;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
text-align: center;
line-height: 40px;
width: 100%;
}

.shop_now_button
{
width: 140px;
margin-top: 32px;
}

.view_all_button
{
width: 150px;
}

.view_all_wrap{
position:relative;
z-index:5;

display:flex;
justify-content:center;

margin-top:18px;
margin-bottom:38px;

transform:none;
}

.view_all_wrap::before{
content:'';

position:absolute;

width:180px;
height:70px;

background:
radial-gradient(
circle,
rgba(255,255,255,.95),
rgba(255,255,255,0)
);

filter:blur(18px);

z-index:-1;
}

.view_all_btn{
display:inline-flex;
align-items:center;
gap:10px;

height:56px;
padding:0 28px;

background:rgba(255,255,255,.92);

border:1px solid rgba(255,255,255,.8);

backdrop-filter:blur(14px);

border-radius:60px;

font-size:14px;
font-weight:600;

color:#222;

box-shadow:
0 10px 30px rgba(254,76,80,.10),
0 18px 45px rgba(0,0,0,.08);

transition:.3s ease;
}

.view_all_btn:hover{
transform:translateY(-4px);
box-shadow:
0 18px 40px rgba(0,0,0,.12);
}

/* =========================================
PREMIUM HERO SECTION
========================================= */

.main_slider{
position:relative;
overflow:hidden;

min-height:760px;
margin-top:150px;

background:

radial-gradient(
    circle at top left,
    rgba(255,255,255,.95) 0%,
    rgba(255,255,255,0) 30%
),

radial-gradient(
    circle at bottom right,
    rgba(254,76,80,.12) 0%,
    rgba(254,76,80,0) 35%
),

linear-gradient(
    135deg,
    #fff8fa 0%,
    #ffecef 35%,
    #ffdfe6 100%
);
}

/* =========================================
OVERLAY
========================================= */

.hero_overlay{
position:absolute;
inset:0;

background:
linear-gradient(
    to right,
    rgba(255,255,255,.12),
    rgba(255,255,255,0)
);

z-index:1;
}

/* =========================================
GLOW EFFECT
========================================= */

.hero_glow{
position:absolute;

width:700px;
height:700px;

top:-150px;
right:-100px;

border-radius:50%;

background:rgba(255,255,255,.45);

filter:blur(120px);

z-index:1;
}

/* =========================================
CONTENT
========================================= */

.main_slider_content{
position:relative;
z-index:3;

width:100%;
}

/* =========================================
BADGE
========================================= */

.hero_badge{
display:inline-flex;

padding:10px 18px;

background:rgba(255,255,255,.72);

border:1px solid rgba(255,255,255,.45);

backdrop-filter:blur(12px);

border-radius:40px;

font-size:13px;
font-weight:600;

letter-spacing:.5px;

color:#fe4c50;

margin-bottom:25px;

box-shadow:
0 8px 30px rgba(0,0,0,.06);
}

/* =========================================
HERO TITLE
========================================= */

.main_slider_content h1{
font-size:78px;
line-height:1.02;
font-weight:700;

letter-spacing:-2px;

color:#1d1d1d;

margin-bottom:25px;

text-shadow:
0 10px 30px rgba(0,0,0,.05);
}

/* =========================================
TEXT
========================================= */

.hero_text{
font-size:19px;
line-height:1.9;

color:#555;

max-width:520px;

margin-bottom:38px;
}

/* =========================================
BUTTONS
========================================= */

.hero_buttons{
display:flex;
gap:18px;
flex-wrap:wrap;

margin-bottom:42px;
}

/* PRIMARY CTA */

.hero_btn_primary{
position:relative;
overflow:hidden;

display:inline-flex;
align-items:center;
justify-content:center;

min-width:240px;
height:64px;

padding:0 34px;

border-radius:60px;

background:
linear-gradient(
    135deg,
    #ff5a61,
    #fe4c50
);

color:#fff !important;

font-size:17px;
font-weight:600;

box-shadow:
0 20px 45px rgba(254,76,80,.28);

transition:.35s ease;
}

.hero_btn_primary:hover{
transform:translateY(-4px);
background:
linear-gradient(
135deg,
#ff6c72,
#fe4c50
);
}

/* BUTTON SHINE */

.hero_btn_primary::before{
content:'';

position:absolute;
top:0;
left:-120%;

width:100%;
height:100%;

background:
linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.35),
    transparent
);

transition:.7s;
}

.hero_btn_primary:hover::before{
left:120%;
}

/* =========================================
FEATURE BOXES
========================================= */

.hero_features{
display:flex;
gap:18px;
flex-wrap:wrap;
}

.hero_feature_box{
background:rgba(255,255,255,.72);

border:1px solid rgba(255,255,255,.45);

backdrop-filter:blur(14px);

border-radius:18px;

padding:16px 20px;

min-width:180px;

box-shadow:
0 15px 40px rgba(0,0,0,.06);

transition:.3s ease;
}

.hero_feature_box:hover{
transform:translateY(-5px);
}

.hero_feature_box strong{
display:block;

font-size:15px;
font-weight:600;

color:#222;
}

.hero_feature_box span{
font-size:13px;
color:#777;
}

/* =========================================
IMAGE SIDE
========================================= */

.hero_image_wrap{
position:relative;
z-index:2;

display:flex;
justify-content:center;
align-items:flex-end;

height:100%;
}

/* IMAGE GLOW */

.hero_image_wrap::before{
content:'';

position:absolute;

width:480px;
height:480px;

bottom:20px;
right:50px;

border-radius:50%;

background:
radial-gradient(
    circle,
    rgba(255,255,255,.95),
    rgba(255,255,255,0)
);

z-index:1;
}

/* MODEL IMAGE */

.hero_model_img{
position:relative;
z-index:2;

width:auto;
max-height:760px;

object-fit:contain;

filter:
drop-shadow(0 50px 70px rgba(0,0,0,.16));
}

/* =========================================
FLOAT EFFECT
========================================= */

@keyframes floatHero{

0%{
    transform:translateY(0px);
}

50%{
    transform:translateY(-10px);
}

100%{
    transform:translateY(0px);
}
}



/* =========================================
PREMIUM EFFECTS LAYER
========================================= */

.main_slider{
position:relative;
}

/* =========================================
STRONG PREMIUM SHIMMER
========================================= */

.main_slider::after{

content:'';

position:absolute;

top:-35%;
left:-85%;

width:95%;
height:220%;

background:
linear-gradient(
    115deg,

    rgba(254,76,80,0) 0%,

    rgba(254,76,80,.12) 28%,

    rgba(255,170,180,.38) 40%,

    rgba(255,255,255,.98) 50%,

    rgba(255,170,180,.45) 58%,

    rgba(254,76,80,.16) 68%,

    rgba(254,76,80,0) 100%
);

transform:rotate(10deg);

animation:heroShine 4.5s linear infinite;

opacity:1;

filter:blur(1px);

z-index:4;

pointer-events:none;
}

/* SHIMMER ANIMATION */

@keyframes heroShine{

0%{
    left:-90%;
}

100%{
    left:140%;
}
}

/* =========================================
FLOATING LUXURY ORB
========================================= */

.main_slider::before{

content:'';

position:absolute;

width:320px;
height:320px;

border-radius:50%;

top:40px;
right:8%;

background:
radial-gradient(
    circle,
    rgba(255,255,255,.50),
    rgba(255,255,255,0)
);

filter:blur(22px);

animation:floatOrb 7s ease-in-out infinite;

z-index:1;

pointer-events:none;
}

@keyframes floatOrb{

0%{
    transform:translateY(0px);
}

50%{
    transform:translateY(-16px);
}

100%{
    transform:translateY(0px);
}
}

/* =========================================
PREMIUM NOISE TEXTURE
========================================= */

.main_slider .noise{

position:absolute;
inset:0;

opacity:.03;

z-index:1;

pointer-events:none;

background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23000' fill-opacity='.18'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='80' cy='50' r='1'/%3E%3Ccircle cx='130' cy='90' r='1'/%3E%3Ccircle cx='40' cy='120' r='1'/%3E%3C/g%3E%3C/svg%3E");
}

/* =========================================
CONTENT ABOVE EFFECTS
========================================= */

/* EFFECT LAYERS */

.noise{
z-index:1;
}

.main_slider::before{
z-index:1;
}

.main_slider::after{
z-index:2;
}

.hero_overlay{
z-index:2;
}

.hero_glow{
z-index:2;
}

/* CONTENT */

.main_slider_content,
.hero_image_wrap{
position:relative;
z-index:5;
}

/* =========================================
MOBILE NEWSLETTER - EXACT CENTERED VERSION
========================================= */

@media(max-width:767px){

.newsletter{
    margin-top:50px;
    padding:28px 0;
}

.newsletter .container{
    padding-left:20px;
    padding-right:20px;
}

.newsletter .row{
    display:block;
    margin:0;
}

.newsletter .col-lg-6{
    width:100%;
    max-width:100%;
    flex:0 0 100%;
    padding:0;
}

.newsletter_text{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    margin-bottom:15px;
}

.newsletter_text h4{
    font-size:24px;
    font-weight:700;

    margin-bottom:8px;

    text-align:center;
}

.newsletter_text p{
    max-width:340px;

    margin:0 auto;

    padding:0 8px;

    text-align:center !important;

    font-size:13px;
    line-height:1.45;
}

#newsletter_form{
    width:100%;
}

.newsletter_form{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    width:100%;
}

#newsletter_email{
    width:200px;
    height:40px;

    border:none;

    background:#fff;

    border-radius:30px 0 0 30px;

    padding:0 15px;

    font-size:12px;
}

.newsletter_submit_btn{
    height:40px;

    padding:0 18px;

    border:none;

    border-radius:0 30px 30px 0;

    font-size:10px;

    white-space:nowrap;
}

}

/* =========================================
MOBILE HERO — PREMIUM FINAL
========================================= */

@media(max-width:991px){

.main_slider{

    min-height:455px;

    margin-top:105px;

    padding:10px 0 22px;

    overflow:hidden;

    background:

    radial-gradient(
        circle at top left,
        rgba(255,255,255,.95) 0%,
        rgba(255,255,255,0) 30%
    ),

    radial-gradient(
        circle at bottom right,
        rgba(254,76,80,.10) 0%,
        rgba(254,76,80,0) 38%
    ),

    linear-gradient(
        145deg,
        #fff8fa 0%,
        #ffecef 45%,
        #ffdfe6 100%
    );

    box-shadow:
    inset 0 -40px 60px rgba(255,255,255,.28);
}

/* CONTAINER */

.main_slider .container{
    padding-left:12px !important;
    padding-right:0 !important;
}

/* ROW */

.main_slider .row{
    display:flex !important;
    flex-wrap:nowrap !important;

    align-items:flex-end !important;

    margin:0 !important;
}

/* TEXT SIDE */

.main_slider .col-lg-6:first-child{

    width:56% !important;
    max-width:56% !important;
    flex:0 0 56% !important;

    padding-left:4px !important;
    padding-right:0 !important;

    z-index:5;
}

/* IMAGE SIDE */

.main_slider .col-lg-6:last-child{

    width:44% !important;
    max-width:44% !important;
    flex:0 0 44% !important;

    padding:0 !important;
}

/* CONTENT */

.main_slider_content{
    width:100% !important;
    max-width:none !important;

    padding-top:0;

    transform:translateY(-16px);

    text-align:left;
}
/* =====================================
PREMIUM MOBILE BADGE — FINAL
===================================== */

.hero_badge{

display:inline-flex;
align-items:center;
justify-content:center;

white-space:nowrap;

height:30px;

padding:0 16px;

margin-bottom:14px;

border-radius:40px;

font-size:9px;

font-weight:600;

letter-spacing:.2px;

color:#fe4c50;

background:
rgba(255,255,255,.78);

border:1px solid
rgba(255,255,255,.55);

backdrop-filter:blur(12px);

box-shadow:
0 10px 24px rgba(0,0,0,.06);
}

/* =====================================
   TITLE
===================================== */

.main_slider_content h1{

    font-size:27px;

    line-height:.92;

    letter-spacing:-1.9px;

    margin-bottom:12px;

    font-weight:800;

    color:#171717;
}

/* =====================================
   TEXT
===================================== */

.hero_text{

    font-size:10.5px;

    line-height:1.48;

    margin-bottom:16px;

    max-width:185px;

    color:#5f5f5f;
}

/* =====================================
   BUTTON AREA
===================================== */

.hero_buttons{
    margin-bottom:20px;
}

/* =====================================
   BUTTON
===================================== */

.hero_btn_primary{

    width:118px;

    height:34px;

    padding:0 12px;

    border-radius:40px;

    font-size:9px;

    font-weight:600;

    min-width:unset;

    box-shadow:
    0 10px 24px rgba(254,76,80,.28);
}

/* =====================================
   IMAGE WRAP
===================================== */

.hero_image_wrap{

    display:flex;

    justify-content:flex-end;

    align-items:flex-end;

    height:100%;

    position:relative;

    padding:0;
}

/* =====================================
   IMAGE
===================================== */

.hero_model_img{

    height:425px;

    width:auto;

    max-width:none;

    object-fit:contain;

    object-position:bottom;

    position:relative;

    right:-20px;

    bottom:-6px;

    transform:none !important;

    animation:none !important;

    filter:
    drop-shadow(0 25px 40px rgba(0,0,0,.16));
}

/* =====================================
   PREMIUM GLOW
===================================== */

.hero_image_wrap::before{

    width:260px;
    height:260px;

    right:-50px;
    bottom:25px;

    opacity:.9;

    background:
    radial-gradient(
        circle,
        rgba(255,255,255,.95),
        rgba(255,255,255,0)
    );
}

/* REMOVE FEATURE BOXES */

.hero_features{
    display:none;
}
}









/*********************************
4. Banner
*********************************/

.banner
{
width: 100%;
margin-top: 30px;
}
.banner_item
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 265px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.banner_category
{
height: 50px;
background: #FFFFFF;
min-width: 180px;
padding-left: 25px;
padding-right: 25px;
}
.banner_category a
{
display: block;
color: #1e1e27;
text-transform: uppercase;
font-size: 22px;
font-weight: 600;
text-align: center;
line-height: 50px;
width: 100%;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}

.banner_category a:hover{
color:#b5aec4;
}

/*********************************
5. New Arrivals
*********************************/

.new_arrivals
{
width: 100%;
}
.new_arrivals_title
{
margin-top: 74px;
}

/*********************************
5.1 New Arrivals Sorting
*********************************/

.new_arrivals_sorting
{
display: inline-block;
border-radius: 3px;
margin-top: 59px;
overflow: visible;
}
.grid_sorting_button
{
height: 40px;
min-width: 102px;
padding-left: 25px;
padding-right: 25px;
cursor: pointer;
border: solid 1px #ebebeb;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
background: #FFFFFF;
border-radius: 3px;
margin: 0;
float: left;
margin-left: -1px;
}
.grid_sorting_button
{
margin-left: 0px;
}
.grid_sorting_button
{

}
.grid_sorting_button.active
{
background: #FE7C7F !important;
}
.grid_sorting_button.active
{
color: #FFFFFF;
background: #fe4c50;
}

/*********************************
5.2 New Arrivals Products Grid
*********************************/

.product-grid
{
width: 100%;
margin-top: 57px;
}

.product-item {
width: 100%;
height: auto;
display: block;
margin-bottom: 30px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}

.product-item:hover{
transform:translateY(-8px);
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.product-item::after
{
display: block;
position: absolute;
top: 0;
left: -1px;
width: calc(100% + 1px);
height: 100%;
pointer-events: none;
content: '';
border: solid 2px rgba(235,235,235,0);
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product-item:hover::after
{
box-shadow: 0 25px 29px rgba(63, 78, 100, 0.15);
border: solid 2px rgba(235,235,235,1);
}
.product {
width: 100%;
height:auto; /* allow content to grow */
border-right: solid 1px rgba(0,0,0,.04);
padding-bottom:15px; /* spacing inside card */
}

.product_image {
width: 100%;
aspect-ratio: 0.9/1;
overflow: hidden;
}

.product_image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
transition: transform 0.4s ease;
}

.tall-wig{
object-position: top center !important;
}

.product_name
{
margin-top: 27px;
}
.product_name a
{
color: #1e1e27;
line-height: 20px;
}

.product_name a:hover{
color:#b5aec4;
}

.discount .product_info .product_price
{
font-size: 14px;
}
.product_price
{
font-size: 16px;
color: #fe4c50;
font-weight: 600;
}
.product_price span
{
font-size: 12px;
margin-left: 10px;
color: #b5aec4;
text-decoration: line-through;
}
.product_bubble
{
position: absolute;
top: 15px;
width: 50px;
height: 22px;
border-radius: 3px;
text-transform: uppercase;
}
.product_bubble span
{
font-size: 12px;
font-weight: 600;
color: #FFFFFF;
}
.product_bubble_right::after
{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 6px;
right: auto;
top: auto;
bottom: -6px;
border: 6px solid;
}
.product_bubble_left::after
{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: auto;
right: 6px;
bottom: -6px;
border: 6px solid;
}
.product_bubble_red::after
{
border-color: transparent transparent transparent #fe4c50;
}
.product_bubble_left::after
{
border-color: #51a042 #51a042 transparent transparent;
}
.product_bubble_red
{
background: #fe4c50;
}
.product_bubble_green
{
background: #51a042;
}
.product_bubble_left
{
left: 15px;
}
.product_bubble_right
{
right: 15px;
}
.add_to_cart_button
{
width: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.add_to_cart_button a
{
font-size: 12px;
font-weight: 600;
}
.product-item:hover .add_to_cart_button{
visibility:visible;
opacity:1;
}



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

.favorite {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;

width: 30px;
height: 30px;

display: flex;
align-items: center;
justify-content: center;

border-radius: 50%;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.favorite::after {
font-family: 'FontAwesome';
content:'\f08a';
font-size: 18px;
}

.favorite.active::after {
content:'\f004';
color: #fd6f72;
}

.favorite_left
{
left: 15px;
}

.favorite.active
{
visibility: visible;
opacity: 1;

}

.product-item .favorite
{
visibility: visible;
opacity: 1;
}

.favorite:hover{
transform:scale(1.1);
}

.favorite:hover::after
{
color: #fd6f72;
}

/*********************************
6. Deal of the week
*********************************/

.deal_ofthe_week
{
width: 100%;
margin-top: 0;
background:

radial-gradient(
circle at top left,
rgba(255,255,255,.95) 0%,
rgba(255,255,255,0) 30%
),

radial-gradient(
circle at bottom right,
rgba(254,76,80,.12) 0%,
rgba(254,76,80,0) 40%
),

linear-gradient(
135deg,
#fff7f9 0%,
#ffeef2 45%,
#ffdfe6 100%
);

}

.deal_ofthe_week{
position:relative;
overflow:hidden;
}

.deal_ofthe_week::before{
content:'';

position:absolute;

width:500px;
height:500px;

top:-180px;
right:-120px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(255,255,255,.9),
rgba(255,255,255,0)
);

filter:blur(40px);

pointer-events:none;
}

.deal_ofthe_week::after{
content:'';

position:absolute;
inset:0;

opacity:.03;

pointer-events:none;

background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23000' fill-opacity='.18'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='80' cy='50' r='1'/%3E%3Ccircle cx='130' cy='90' r='1'/%3E%3Ccircle cx='40' cy='120' r='1'/%3E%3C/g%3E%3C/svg%3E");
}


.deal_ofthe_week_img
{
height: 540px;
}
.deal_ofthe_week_img img
{
height: 100%;
}
.deal_ofthe_week_content
{
height: 100%;
}

.section_title
{
display: inline-block;
text-align: center;
position: relative;
}

.section_title h2
{
display: inline-block;
}
.section_title::after
{
display: block;
position: absolute;
top: calc(100% + 13px);
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 60px;
height: 5px;
background: #fe4c50;
content: '';
}

/* =========================
FINAL TIMER (STABLE + DESIGN)
========================= */

.timer {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 66px;
}

/* 🔥 CIRCLE DESIGN BACK */
.timer li {
width: 120px;
height: 120px;
border-radius: 50%;

background:rgba(255,255,255,.72);

border:1px solid rgba(255,255,255,.45);

backdrop-filter:blur(8px);

box-shadow:
0 10px 30px rgba(0,0,0,.06);

display: flex;
align-items: center;
justify-content: center;
flex-direction: column;

flex-shrink: 0;
}

/* 🔥 LOCK NUMBER (ANTI-SHAKE) */
.timer_num {
position: relative;
width: 60px;
height: 50px;

display: flex;
align-items: center;
justify-content: center;

line-height: 1;
}

/* 🔥 NUMBER STYLE (YOUR ORIGINAL LOOK) */
.timer_num span {
position: absolute;
width: 100%;
text-align: center;

font-size: 30px;           /* 🔥 restored */
font-weight: 600;
color: #fe4c50;            /* 🔥 your red */

font-variant-numeric: tabular-nums;
font-feature-settings: "tnum";

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

backface-visibility: hidden;
transform: translate3d(0,0,0);
}

/* LABEL STYLE BACK */
.timer_unit {
margin-top: 10px;
font-size: 12px;
font-weight: 500;
color: #51545f;
}

.deal_ofthe_week_button
{
background: #2b2b34 !important;
}

/*********************************
7. Best Sellers
*********************************/

.product_slider_container
{
width: 100%;
height: auto !important;
margin-top: 73px;
}

.product_slider_container::after{
display:block;
}

.product_slider {
overflow: visible !important;
}

.owl-stage {
display: flex !important;
}

.best_sellers .product_slider_item .product-item{
height:auto !important;
}

.best_sellers .new_arrivals_title{
margin-top:42px;
}

.best_sellers .product-item{
backdrop-filter:blur(6px);
}

.best_sellers .product_slider_item{
width:100% !important;
}

.product_slider_item .product-item
{
width: 100% !important;
}

/*********************************
7.1 Slider Nav
*********************************/

.product_slider_nav
{
position: absolute;
width: 30px;
height: 70px;
background: #d3d3d6;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
visibility: hidden;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.product_slider_container .product_slider_nav
{
visibility: visible;
opacity: 1;
}
.product_slider_nav i
{
color: #FFFFFF;
font-size: 12px;
}
.product_slider_nav_left
{
top: 50%;
left: 0;
}
.product_slider_nav_right
{
top: 50%;
right: 0;
}

/*********************************
8. Benefit
*********************************/

.benefit
{
margin-top: 74px;
}
.benefit_row
{
padding-left: 15px;
padding-right: 15px;
}
.benefit_col
{
padding-left: 0px;
padding-right: 0px;
}
.benefit_item
{
height: 100px;
background:#fdecef;
border-right: solid 1px #FFFFFF;
padding-left: 25px;
}
.benefit_col .benefit_item
{
border-right: none;
}
.benefit_icon i
{
font-size: 30px;
color: #fe4c50;
}
.benefit_content
{
padding-left: 22px;
}
.benefit_content h6
{
text-transform: uppercase;
line-height: 18px;
font-weight: 500;
margin-bottom: 0px;
}
.benefit_content p
{
font-size: 12px;
line-height: 18px;
margin-bottom: 0px;
color: #51545f;
}

/*********************************
9. Blogs
*********************************/

.blogs
{
margin-top: 72px;
}
.blogs_container
{
margin-top: 53px;
}
.blog_item
{
height: 255px;
width: 100%;
}
.blog_background
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.blog_content
{
position: absolute;
top: 30px;
left: 30px;
width: calc(100% - 60px);
height: calc(100% - 60px);
background: rgba(255,255,255,0.9);
padding-left: 10px;
padding-right: 10px;
visibility: hidden;
opacity: 0;
transform-origin: center center;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.blog_item:hover .blog_content{
visibility:visible;
opacity:1;
transform:scale(1);
}
.blog_title
{
font-weight: 500;
line-height: 1.25;
margin-bottom: 0px;
}
.blog_meta
{
font-size: 12px;
line-height: 30px;
font-weight: 400;
text-transform: uppercase;
color: #51545f;
margin-bottom: 0px;
margin-top: 3px;
letter-spacing: 1px;
}
.blog_more
{
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #fe4c50;
border-bottom: solid 1px ;
margin-top: 12px;
}

.blog_more:hover{
color:#FE7C7F;
}

/*********************************
10. Newsletter
*********************************/

/* =========================================
PREMIUM NEWSLETTER
========================================= */

.newsletter{
position:relative;
overflow:hidden;

width:100%;

margin-top:81px;
padding:38px 0;

background:

radial-gradient(
circle at top left,
rgba(255,255,255,.95) 0%,
rgba(255,255,255,0) 30%
),

radial-gradient(
circle at bottom right,
rgba(254,76,80,.10) 0%,
rgba(254,76,80,0) 38%
),

linear-gradient(
135deg,
#fff8fa 0%,
#ffeef2 45%,
#ffdfe6 100%
);
}

/* =========================================
SOFT GLOW
========================================= */

.newsletter::before{
content:'';

position:absolute;

top:-120px;
right:-100px;

width:320px;
height:320px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(255,255,255,.92),
rgba(255,255,255,0)
);

filter:blur(35px);

pointer-events:none;
}

/* =========================================
LIGHT TEXTURE
========================================= */

.newsletter::after{
content:'';

position:absolute;
inset:0;

opacity:.03;

pointer-events:none;

background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23000' fill-opacity='.18'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='80' cy='50' r='1'/%3E%3Ccircle cx='130' cy='90' r='1'/%3E%3Ccircle cx='40' cy='120' r='1'/%3E%3C/g%3E%3C/svg%3E");
}

/* =========================================
CONTENT ABOVE EFFECTS
========================================= */

.newsletter .container{
position:relative;
z-index:2;
padding-top:0;
padding-bottom:0;
}

/* =========================================
TEXT SIDE
========================================= */

.newsletter_text{
display:flex;
flex-direction:column;
justify-content:center;
}

.newsletter_text h4{
font-weight:700;
font-size:38px;
line-height:1.2;

color:#1d1d1d;

margin-bottom:12px;
}

.newsletter_text p{
font-size:17px;
line-height:1.5;

color:#555;

max-width:650px;

margin-bottom:0;
}

/* =========================================
FORM SIDE
========================================= */

.newsletter_form{
display:flex;
align-items:center;
justify-content:flex-end;
}

.newsletter_form form{
display:flex;
justify-content:flex-end;
align-items:center;
margin:0;
}

/* =========================================
INPUT
========================================= */

#newsletter_email{
width:380px;
height:58px;

border:none;
outline:none;

padding:0 22px;

background:rgba(255,255,255,.82);

backdrop-filter:blur(10px);

border-radius:50px 0 0 50px;

box-shadow:
0 10px 30px rgba(0,0,0,.05);

font-size:15px;

color:#222;
}

#newsletter_email:focus{
border:none !important;
outline:none !important;
box-shadow:
0 10px 30px rgba(0,0,0,.05);
}

/* =========================================
PLACEHOLDER
========================================= */

#newsletter_email::-webkit-input-placeholder{
font-size:14px !important;
font-weight:400;
color:#b9b4c7 !important;
}

#newsletter_email:-moz-placeholder{
font-size:14px !important;
font-weight:400;
color:#b9b4c7 !important;
}

#newsletter_email::-moz-placeholder{
font-size:14px !important;
font-weight:400;
color:#b9b4c7 !important;
}

#newsletter_email:-ms-input-placeholder{
font-size:14px !important;
font-weight:400;
color:#b9b4c7 !important;
}

#newsletter_email::placeholder{
font-size:14px !important;
font-weight:400;
color:#b9b4c7 !important;
}

/* =========================================
BUTTON
========================================= */

.newsletter_submit_btn{
height:58px;

padding:0 34px;

border:none;

border-radius:0 50px 50px 0;

background:
linear-gradient(
135deg,
#ff5a61,
#fe4c50
);

color:#fff;

font-size:14px;
font-weight:600;

letter-spacing:.5px;
text-transform:uppercase;

cursor:pointer;

transition:.3s ease;

box-shadow:
0 10px 25px rgba(254,76,80,.22);
}

.newsletter_submit_btn:hover{
transform:translateY(-2px);

background:
linear-gradient(
135deg,
#ff6b72,
#fe4c50
);
}

/* =========================================
GLOBAL FOCUS FIX
========================================= */

:focus{
outline:none !important;
}

/* =========================================
MOBILE NEWSLETTER - FIXED
========================================= */

@media(max-width:767px){

.newsletter{
    margin-top:50px;
    padding:20px 0;
}

.newsletter .container{
    padding-left:15px;
    padding-right:15px;
}

.newsletter .row{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.newsletter_text{
    width:100%;
    text-align:center !important;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    margin-bottom:12px;
}

.newsletter_text h4{
    width:100%;
    text-align:center !important;

    font-size:22px;
    margin-bottom:6px;
}

.newsletter_text p{
    max-width:260px;

    margin:0 auto;

    text-align:center !important;

    font-size:13px;
    line-height:1.5;
}

#newsletter_form{
    width:100%;
}


.newsletter_form{
    justify-content:center !important;
}

.newsletter_form form,
#newsletter_form{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.newsletter_form{
    overflow:visible;
}

#newsletter_email{
    width:260px;
    height:42px;

    border:none;

    border-radius:25px;

    padding:0 15px;

    background:#fff;
}

.newsletter_submit_btn{
    height:42px;

    margin-top:10px;

    border:none;

    border-radius:25px;

    padding:0 25px;

    white-space:nowrap;

    font-size:10px;
}

}

/* =========================================
11. PREMIUM FOOTER
========================================= */

.footer{
position:relative;
overflow:hidden;

padding:70px 0 30px;

background:
linear-gradient(
135deg,
#181821 0%,
#1e1e27 100%
);
}

/* =========================================
SOFT GLOW EFFECT
========================================= */

.footer::before{
content:'';

position:absolute;

top:-180px;
right:-140px;

width:420px;
height:420px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(254,76,80,.10),
rgba(254,76,80,0)
);

filter:blur(40px);

pointer-events:none;
}

/* =========================================
FOOTER CONTAINER
========================================= */

.footer_nav_container{
height:auto;
margin-bottom:25px;
}

/* =========================================
FOOTER LINKS
========================================= */

.footer_nav{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;

gap:22px;
row-gap:12px;
}

.footer_nav li{
margin:0;
}

.footer_nav li a{
font-size:15px;
font-weight:500;

color:rgba(255,255,255,.82);

transition:.3s ease;
}

.footer_nav li a:hover{
color:#fe4c50;
}

/* =========================================
SOCIAL ICONS
========================================= */

.footer_social{
height:auto;
margin-top:35px;
}

.footer_social ul{
display:flex;
justify-content:center;
align-items:center;

gap:16px;
}

.footer_social ul li{
margin:0;
}

.footer_social ul li a{
display:flex;
align-items:center;
justify-content:center;

width:42px;
height:42px;

border-radius:50%;

background:rgba(255,255,255,.06);

color:#ffffff;
font-size:16px;

transition:.3s ease;
}

.footer_social ul li a:hover{
background:#fe4c50;
transform:translateY(-4px);
}

/* =========================================
COPYRIGHT
========================================= */

.cr{
margin-top:35px;

text-align:center;

font-size:14px;
line-height:1.8;

color:rgba(255,255,255,.65);
}

.cr a,
.cr i{
color:#fe4c50;
}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.footer{
padding:55px 0 25px;
}

.footer_nav{
gap:14px;
row-gap:12px;
}

.footer_nav li a{
font-size:14px;
}

.footer_social{
margin-top:28px;
}

.cr{
margin-top:28px;

font-size:13px;
line-height:1.8;
}

}




/************************/



/* Product Card Layout */

.product_info {
text-align: center;
padding: 0px;
flex-shrink: 0;
margin-bottom: 8px; /* add this */
}

.add_to_cart_button {
width: 100%;
margin-top: 10px;
position: relative; /* force normal flow */
opacity: 1;
visibility: visible;
}

/* Group product info and button */
.product-grid .product-item .product_info {
margin-bottom: 5px !important;
}

/* Make Add to Cart button closer to price */
.product-grid .product-item .red_button.add_to_cart_button {
margin-top: 5px !important;
}

/* Optional: add background circle for better visibility */
.product_slider_nav_left,
.product_slider_nav_right {
background-color: rgba(255, 255, 255, 0.7); /* White with transparency */
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}

/* Hover effect for arrows */
.product_slider_nav_left:hover,
.product_slider_nav_right:hover{
background-color:rgba(0,0,0,0.7);
color:#fff;
}

.btn-checkout {
background-color: #fe4c50; /* normal color */
color: #fff;
border: none;
transition: background-color 0.3s ease;
}

.btn-checkout:hover {
background-color:#FE7C7F;
color: #fff;
}

/* Custom Button */
.btn-custom {
	background-color: #fe4c50;
	color: #fff;
	border: none;
	cursor: pointer;
	font-weight: 500;
	text-transform: uppercase;
}

.btn-custom:hover {
	background-color: #FE7C7F;
	color: #fff;
}

.dark-btn {
    background-color: #23272b;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.dark-btn:hover {
    background-color: #343a40;
    color: #fff;
}

button, .btn {
    cursor: pointer;
}

.btn-dark {
    border:none;
}

/* Account setting css */
.card-box {
background: #fff;
padding: 25px;
border-radius: 10px;
margin-bottom: 20px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.password-wrapper {
position: relative;
}

.password-wrapper i {
position: absolute;
right: 15px;
top: 38px;
cursor: pointer;
color: #888;
}

#strengthMessage {
font-size: 13px;
margin-top: 5px;
}

/* COOKIE POPUP */
#cookiePopup {
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
background: #1e1e27; /* matches your theme */
color: #fff;
padding: 18px;
border-radius: 8px;
display: none;
z-index: 9999;
opacity: 0;
transition: all 0.4s ease;
box-shadow: 0 5px 20px rgba(0,0,0,0.4);
}

#cookiePopup.show {
opacity: 1;
transform: translateY(0);
}

#cookiePopup p {
margin: 0 0 10px;
font-size: 14px;
}

#cookiePopup a {
color: #fe4c50; /* your red accent */
font-weight: 500;
}

/* BUTTONS */
.cookie-btns button {
    margin-right: 8px;
    padding: 7px 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: 0.3s;
}

.accept {
    background: #fe4c50;
    color: white;
}

.accept:hover {
    background: #e63e42;
}

.decline {
    background: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.decline:hover {
    background: #333;
}

.manage {
    background: #444;
    color: white;
}

.manage:hover {
    background: #666;
}

/* SETTINGS MODAL */
#cookieSettings {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
background: #fff;
padding: 25px;
border-radius: 10px;
display: none;
z-index: 10000;
width: 340px;
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
transition: all 0.3s ease;
}

#cookieSettings.show {
transform: translate(-50%, -50%) scale(1);
}

#cookieSettings h3 {
margin-bottom: 15px;
}

#cookieSettings label {
font-size: 14px;
}

/* OVERLAY */
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
display: none;
z-index: 9998;
}

/* SETTINGS BUTTONS FIX */
#cookieSettings button {
padding: 8px 15px;
margin-right: 8px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 13px;
transition: 0.3s;
}

/* SAVE BUTTON */
#cookieSettings button {
background: #fe4c50;
color: white;
}

#cookieSettings button:first-of-type {
background: #e63e42;
}

/* CANCEL BUTTON */
#cookieSettings button {
background: #ddd;
color: #333;
}

#cookieSettings button:last-of-type {
background: #bbb;
}



/* Order details page */
.product-img{
width:80px;
height:auto;
}

#buyNowForm button {
cursor: pointer;
}

/* Contact message style*/
#contact_popup {
position: fixed;
top: 20px; right: 20px;
background: #fe4c50;
color: #fff;
padding: 12px 20px;
border-radius: 6px;
display: none;
z-index: 9999;
font-size: 14px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

#reply_popup {
position: fixed;
top: 20px;
right: 20px;
background: green;
color: #fff;
padding: 12px 20px;
border-radius: 6px;
z-index: 9999;
}

table tbody tr {
background: #f5f5f5;
}

#delete_popup {
position: fixed;
top: 20px;
right: 20px;
background: red;
color: #fff;
padding: 12px 20px;
border-radius: 6px;
z-index: 9999;
}

.status-badge {
padding: 5px 10px;
border-radius: 20px;
font-size: 12px;
font-weight: 500;
display: inline-block;
}

.status-badge.new {
background: #ffe5e5;
color: #dc3545;
}

.status-badge.replied {
background: #e6f7ec;
color: #28a745;
}

/* Admin dashboard */
form.mb-3 {
align-items: center;
}

/* My account style */
.account-card {
    padding: 25px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    text-align: center;
    transition: 0.3s;
    height: 100%;
}
.account-card:hover {
    transform: translateY(-5px);
}
.account-icon {
    font-size: 30px;
    margin-bottom: 10px;
}
a {
    text-decoration: none !important;
}

/* Category page style */
.product_link{
display:block;
text-decoration:none;
color:inherit;
}

.red_button.add_to_cart_button{ width:100%; }
.red_button.add_to_cart_button a{
    display:block; width:100%; height:40px; background:#fe4c50; color:#FFFFFF;
    text-transform:uppercase; font-size:12px; font-weight:600; text-align:center; line-height:40px;
}
.red_button.add_to_cart_button a:hover{ background:#FE7C7F; }

/* Cart page style */

.qty-btn{
cursor: pointer;
padding:6px 10px;
background:#eee;
border-radius:4px;
margin:0 5px;
}

.qty-input{
width:60px;
text-align: center;
}

.cart-total{
font-size:22px;
font-weight:700;
}

/* Wishlist page button grid */
.button-group {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}

.button-group .btn {
flex: 1;
min-width: 120px;
}

/* Track order style */
.track-box {
background: #fff;
padding: 25px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
margin-top: 20px;
}

.timeline {
display: flex;
justify-content: space-between;
align-items: center;
margin: 30px 0;
position: relative;
}

.timeline::before {
content: '';
position: absolute;
top: 20px;
left: 0;
width: 100%;
height: 3px;
background: #ddd;
z-index: 0;
}

.circle {
width: 40px;
height: 40px;
border-radius: 50%;
background: #ddd;

display: flex;
align-items: center;
justify-content: center;

margin: 0 auto;
color: #fff;
font-size: 14px;
}

.step {
text-align: center;
position: relative;
z-index: 1;
flex: 1;
}

.step p {
margin-top: 10px;
font-size: 14px;
color: #555;
}

.step.active .circle {
background: #28a745;
}

.product_price span {
font-size: 16px;
font-weight: bold;
}

/* 🔥 FORCE FIX */
.product_price {
text-decoration: none !important;
}

/* Old price */
.old_price {
text-decoration: line-through !important;
color: #999 !important;
font-size: 13px;
}

/* New price */
.new_price {
text-decoration: none !important;
color: #fe4c50 !important;
font-weight: bold;
margin-left: 5px;
}

/* ==============================
DROPDOWN SCROLL + STYLE
============================== */

.dropdown-menu {
max-height: 300px;
overflow-y: auto;
padding-right: 5px;

/* Firefox */
scrollbar-width: thin;
scrollbar-color: #ccc transparent;
}

/* Chrome, Edge, Safari */
.dropdown-menu::-webkit-scrollbar {
width: 3px; /* thin */
}

.dropdown-menu::-webkit-scrollbar-track {
background: transparent;
}

.dropdown-menu::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 10px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
background: #999;
}

/* ==============================
DROPDOWN SPACING
============================== */

.dropdown-menu li {
margin-bottom: 5px;
}

.dropdown-menu li a {
padding: 6px 15px;
font-size: 14px;
}

/* Discount badge on image */
.discount_badge {
position: absolute;
top: 10px;
right: 10px;
background: #fd6f72;
color: #ffffff;
padding: 2px 4px;
font-size: 12px;
font-weight: bold;
border-radius: 4px;
}

/* Add to cart -/+ */
#qtyControls {
display: flex;
align-items: center;
gap: 10px;
border: 1px solid #ddd;
padding: 5px 10px;
width: fit-content;
}

#qtyControls span {
cursor: pointer;
font-size: 18px;
padding: 5px 10px;
}

.quantity_selector {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
border: 1px solid #ddd;
padding: 8px;
border-radius: 5px;
}

.quantity_selector span {
cursor: pointer;
padding: 5px 10px;
}

/* Checkout button */
.checkout-btn{
background-color:#fe4c50;
color:#fff;
transition:background 0.3s;
}

.checkout-btn:hover{
background-color:#FE7C7F;
color:#fff;
}

.cart-image{
width:80px;
height:auto;
}

/* Search style */
#searchSuggestBox{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    border:1px solid #eee;
    z-index:9999;
    display:none;
}

.suggest-item{
    padding:10px;
}

.suggest-item a{
    color:#333;
    text-decoration:none;
    display:block;
}

.suggest-item:hover{
    background:#f5f5f5;
}

.search_input {
width: 350px;
height: 42px;
padding: 0 15px;
border: 1px solid #ccc;
border-radius: 25px 0 0 25px;
outline: none;
}

.search_button {
height: 42px;
border-radius: 0 25px 25px 0;
background: #fe4c50;
color: #fff;
border: none;
padding: 0 20px;
}

.search_box {
display: none;
background: #f8f8f8;
padding: 15px;
}

.search_wrapper {
display: flex;
align-items: center;
}

.search_input_box {
position: relative;
width: 100%;
}

#searchInput {
width: 100%;
height: 42px;
padding: 0 15px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
outline: none;
}

.search_btn {
height: 42px;
padding: 0 20px;
border: none;
background: #fe4c50;
color: #fff;
border-radius: 0 4px 4px 0;
cursor: pointer;
}


/* View all link */
.btn-outline-dark {
    border-radius: 30px;
    padding: 8px 20px;
    transition: 0.3s;
}

.btn-outline-dark:hover {
    background: #fe4c50;
    color: #fff;
    border-color: #fe4c50;
}

/* Index category style */
.category_box h5 {
margin-top: 10px;
font-weight: 600;
}

.category_row {
margin-top: 70px; /* SAME spacing as best sellers */
}

.category_box {
position: relative;
overflow: hidden;
}

.category_box img {
transition: 0.4s;
}

.category_box:hover img{
transform:scale(1.1);
}

.category_box h5 {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.6);
color: #fff;
padding: 5px 12px;
border-radius: 5px;
}

.category_box img {
width: 100%;
height: 220px; /* force same height */
object-fit: cover; /* crops nicely */
border-radius: 10px;
}

.category_section {
margin-top: 20px;
margin-bottom: 20px; /* controls gap below */
}

/* =========================================
PREMIUM BEST SELLERS SECTION
========================================= */

.best_sellers{

position:relative;

overflow:hidden;

padding:5px 0 10px;

background:

radial-gradient(
    circle at top left,
    rgba(255,255,255,.95) 0%,
    rgba(255,255,255,0) 28%
),

radial-gradient(
    circle at bottom right,
    rgba(254,76,80,.10) 0%,
    rgba(254,76,80,0) 35%
),

linear-gradient(
    135deg,
    #fffafb 0%,
    #fff1f4 45%,
    #ffe8ee 100%
);
}

/* =========================================
LUXURY LIGHT GLOW
========================================= */

.best_sellers::before{

content:'';

position:absolute;

width:520px;
height:520px;

top:-180px;
left:-120px;

border-radius:50%;

background:
radial-gradient(
    circle,
    rgba(255,255,255,.95),
    rgba(255,255,255,0)
);

filter:blur(40px);

opacity:.9;

pointer-events:none;
}

/* =========================================
SOFT PINK LIGHT
========================================= */

.best_sellers::after{

content:'';

position:absolute;

width:420px;
height:420px;

bottom:-180px;
right:-120px;

border-radius:50%;

background:
radial-gradient(
    circle,
    rgba(254,76,80,.12),
    rgba(254,76,80,0)
);

filter:blur(50px);

pointer-events:none;
}

.best_sellers .container{
position:relative;
z-index:2;
}



.product-item:hover .product_image img{
transform:scale(1.08);
}

.product-item * {
pointer-events: auto;
}

/* CENTER LOGIN CARD */
.login_section{
padding: 30px 0;
}

.login_card{
position: relative;
max-width: 550px; /* wider than admin */
margin: auto;
background: #fff;
padding: 40px;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.login_card .alert {
position: sticky;
top: 0;
z-index: 10;
border-radius: 8px;
}

.alert-danger {
font-weight: 500;
text-align: center;
}

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

.login_card p{
text-align: center;
margin-bottom: 25px;
color: #777;
}

.login_card input{
width: 100%;
height: 45px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 6px;
}

.login_btn{
width: 100%;
height: 45px;
background: #333;
color: #fff;
border: none;
border-radius: 6px;
font-weight: 500;
}

.login_btn:hover{
    background: #111;
}

.form_extra{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}

.form_extra a{
font-size: 14px;
}

.create_account{
text-align: center;
margin-top: 15px;
}

.form-check-input {
transform: scale(1);
margin-top: 0.2rem;
}

/* FIX LOGIN CHECKBOX */
.login_card .form-check-input {
transform: scale(1); /* reset size */
width: 16px;
height: 16px;
margin-top: 0.25rem;
cursor: pointer;
}

.login_card .form-check {
display: flex;
align-items: center;
gap: 8px;
margin-top: 10px;
margin-left: 20px;
padding-left: 4px;
}

.login_card .form-check-label {
margin-bottom: 0;
font-size: 14px;
cursor: pointer;
}

.page_container{
padding-top:150px;
}

.page_container h1,
.page_container h2,
.page_container h3 {
margin-top: 0;
}


/* Whatsapp float */
.whatsapp_float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px;

    background-color: #25D366;
    color: #FFF;

    border-radius: 50%;
    text-align: center;

    font-size: 22px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);

    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;
	animation: pulse 2s infinite;

    transition: all 0.3s ease;
}

.whatsapp_float:hover {
    background-color: #1ebe5d;
    transform: scale(1.1);
}

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}

.whatsapp-btn{
padding: 10px 18px;
font-size: 14px;
border-radius: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
}

.product_details .whatsapp-btn{
width: auto;
}

.checkout-box {
border: 1px solid #e5e5e5;
border-radius: 6px;
padding: 15px;
background: #fff;
}

/* Checkout page */
.checkout-box strong {
font-size: 14px;
}

.checkout-box .small {
font-size: 13px;
line-height: 1.5;
}

/* IMAGE CONTAINER */
.single_product_image{
width: 100%;
}

/* MAIN IMAGE */
.main-product-img{
width: 100%;
height: 500px;
object-fit: cover;
display: block;
}

/* =========================
DESKTOP (LEFT SIDE THUMBNAILS)
========================= */
.single_product_thumbnails{
position: relative;
}

.single_product_thumbnails ul{
display: block;
}

.single_product_thumbnails li{
width: 100%;
height: 100px;
margin-bottom: 10px;
overflow: hidden;
}

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

/* ===============================
PRODUCT RATING
================================ */
.product_rating {
margin-top: 5px;
}

.product_rating i {
color: #f5a623;
font-size: 13px;
}

/* ===============================
MAIN SLIDER
================================ */
.main_slider {
margin-bottom: 20px;
}




/* ===============================
   FESTIVE BANNER
================================ */
.festive_banner{
    background:#f8f8f8;
    padding:50px 0;
    border-radius:10px;
    margin-bottom:20px;
}

.festive_banner h2{
    font-size:32px;
    font-weight:600;
    margin-bottom:10px;
}

.festive_banner p{
    color:#777;
    margin-bottom:15px;
}

/* ===============================
PROMO PRODUCTS
================================ */
.promo-products{
margin-top:30px;
margin-bottom:10px;
}



/* PROMO BANNER FINAL DESKTOP + MOBILE PERFECTED */

.promo-banner{
position:relative;
width:100%;
height:630px;
border-radius:24px;
overflow:hidden;
margin:25px 0;
background-repeat:no-repeat;
background-size:cover;
background-position:center 28%;
box-shadow:0 18px 40px rgba(0,0,0,.12);
}

/* overlay */
.promo-inner-overlay{
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(255,255,255,.08) 0%,
rgba(255,255,255,.03) 45%,
rgba(255,255,255,0) 100%
);
z-index:1;
}

/* content area */
.promo-content-wrap{
position:absolute;
left:40px;
bottom:35px;
z-index:5;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:0;
}

/* =====================================
PROMO BUTTON BASE STYLE
===================================== */
.promo-cta-btn{
display:inline-flex;
justify-content:center;
align-items:center;

width:auto;
min-width:170px;
height:44px;
padding:0 28px;

margin:0;                 /* removed bad margin-left */

background:#ff4b5c;
color:#fff;
font-weight:600;
font-size:15px;
border-radius:3px;
text-decoration:none;
text-transform:uppercase;

box-shadow:0 10px 25px rgba(255,75,92,.25);
transition:0.3s ease;
}

.promo-cta-btn:hover{
background:#e63b4b;
color:#fff;
}


/* timer */
.promo_timer_big{
display:flex;
gap:10px;
margin-top:22px;
}

.promo_timer_big .time_box{
width:62px;
height:62px;
border-radius:50%;
background:rgba(255,255,255,.95);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
box-shadow:0 10px 18px rgba(0,0,0,.08);
}

.promo_timer_big .time_box span{
font-size:22px;
font-weight:800;
color:#ff4b5c;
line-height:1;
}

.promo_timer_big .time_box small{
font-size:11px;
color:#666;
}


/* =========================
   MOBILE PERFECT FIX
========================= */
@media(max-width:768px){

.promo-banner{
height:auto;
min-height:420px;
background-size:contain;
background-position:center top;
background-repeat:no-repeat;
background-color:#fdeff3;
padding-bottom:145px; /* more bottom area */
}

.promo-content-wrap{
    left:0;
    right:0;
    bottom:18px;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:0 12px;
}

.promo-cta-btn{
min-width:170px;
padding:12px 26px;
font-size:15px;
margin:0 auto !important;
}

.promo_timer_big{
gap:8px;
justify-content:center;
align-items:center;
width:100%;
margin-top:12px;
}

.promo_timer_big .time_box{
width:52px;
height:52px;
}

.promo_timer_big .time_box span{
font-size:18px;
}

.promo_timer_big .time_box small{
font-size:10px;
}

}


/* ===============================
   MOBILE CLICK FIX
================================ */

a, button {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.whatsapp_float {
    z-index: 9999;
}

/* ===============================
   HEADER ACCOUNT DROPDOWN
================================ */
.account_user_box a{
    display:flex;
    align-items:center;
    gap:8px;
    padding:14px 18px;
    line-height:1.3;
}

.account_user_box i{
    color:#fe4c50;
    font-size:16px;
}

.welcome_text{
    color:#888;
    font-size:13px;
}

.user_name{
    color:#222;
    font-size:14px;
    font-weight:600;
    max-width:140px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.account_selection{
    min-width:220px;
}

/* ===============================
   VERIFIED BADGE
================================ */
.verified_badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#eaf8ee;
    color:#1e9e49;
    padding:6px 12px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    border:1px solid #cdeed8;
}

.verified_badge i{
    color:#1e9e49;
    font-size:14px;
}

/********************************* ***********
4. Breadcrumbs --- removed from contact style
********************************* ************/

.breadcrumbs
{
width: 100%;
height: 60px;
border-bottom: solid 1px #dad7d7;
margin-bottom: 20px;
}
.breadcrumbs ul li
{
display: inline-block;
margin-right: 17px;
}
.breadcrumbs ul li.active a
{
color: #b9b4c7;
}
.breadcrumbs ul li i
{
margin-right: 17px;
}
.breadcrumbs ul li a
{
color: #51545f;
}





/* MOBILE ALL */
@media (max-width:768px){

.single_product_thumbnails{
    margin-top:40px;
}

.single_product_thumbnails ul{
    display:flex;
    gap:8px;
    justify-content:center;
}

.single_product_thumbnails li{
    width:60px;
    height:60px;
    margin-bottom:0;
}
}

/* SMALLER PHONES ONLY */
@media (max-width:395px){

.single_product_thumbnails{
    margin-top:80px !important;
}
}



/* ===============================
DEAL OF THE WEEK
================================ */
.deal_ofthe_week_content h2 {
margin-bottom: 15px;
}

.deal_ofthe_week_content .deal_timer {
margin-top: 45px;
margin-bottom: 25px;
}

.deal_ofthe_week_button {
margin-top: 10px;
}

.deal_timer {
display: flex;
justify-content: center;
gap: 20px;
}

/* image center */
.deal_ofthe_week_img {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.deal_ofthe_week_content{
position:relative;
z-index:2;
}

.deal_ofthe_week_img{
position:relative;
z-index:2;
}




/* ===============================
MOBILE
================================ */
@media (max-width: 768px) {

.festive_banner .row {
    flex-direction: column;
    text-align: center;
}

.festive_banner .col-md-6 {
    width: 100%;
    max-width: 100%;
}

.festive_banner h2 {
    font-size: 22px;
}

.promo-banner {
    border-radius: 15px;
    padding: 20px 10px;
}

.promo-title {
    font-size: 18px;
}

.promo-banner p {
    font-size: 13px;
}

.promo-btn {
    padding: 10px 18px;
    font-size: 13px;
}

.promo_timer_big {
    gap: 10px;
    margin-top: 20px;
}

.time_box {
    width: 60px;
    height: 60px;
}

.time_box span {
    font-size: 16px;
}

.deal_ofthe_week .row {
    min-height: auto;
}

.deal_ofthe_week_img img {
    max-height: 250px;
}

.deal_ofthe_week_img {
    margin-bottom: 20px;
}

.deal_ofthe_week_content {
    text-align: center;
}

.promo-banner .col-md-6:first-child {
    text-align: center;
}

.promo-title {
    justify-content: center;
}

.promo-banner p {
    text-align: center;
}

.shop_now_button {
    margin-left: auto;
    margin-right: auto;
}
}



/* DEAL OF WEEK MOBILE BUTTON FIX */
@media (max-width: 767px){

.deal_ofthe_week_content{
    text-align:center;
    padding:25px 15px;
}

.deal_ofthe_week_button{
    display:flex !important;
    margin:25px auto 0 auto !important;
    justify-content:center;
    align-items:center;
}

.deal_ofthe_week_button a{
    width:100%;
    text-align:center;
}
}

/* ===============================
TIMER (SHARED)
================================ */
.promo_timer_big {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}

/* unified time box (NO CONFLICT NOW) */
.time_box {
width: 80px;
height: 80px;
border-radius: 50%;

background: rgba(255,255,255,0.9);
color: #333;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.time_box span {
font-size: 22px;
font-weight: bold;
color: #fe4c50;
}

.time_box small {
font-size: 12px;
color: #777;
}

/* =============================
DEAL OF THE WEEK BUTTON
==============================*/

.deal_ofthe_week_button,
.deal_ofthe_week_button a{
all: unset;
}

.deal_ofthe_week_button{
display:flex !important;
justify-content:center !important;
align-items:center !important;

width:180px !important;
height:52px !important;

background:#fe4c50 !important;
border-radius:4px !important;

margin:32px auto 0 auto !important;
cursor:pointer !important;
transition:0.3s ease;
}

.deal_ofthe_week_button a{
display:flex !important;
justify-content:center !important;
align-items:center !important;

width:100% !important;
height:100% !important;

color:#fff !important;
font-size:16px !important;
font-weight:600 !important;
text-transform:uppercase !important;
letter-spacing:.5px !important;
}

.deal_ofthe_week_button{
background:#e63b4b !important;
}

/* MOBILE */
@media(max-width:768px){

.deal_ofthe_week_button{
width:50% !important;
height:46px !important;
margin:20px auto 0 auto !important;
border-radius:4px !important;
}

.deal_ofthe_week_button a{
font-size:14px !important;
}

}

/* ===========================
MOBILE HERO
============================ */

@media (max-width:768px){

.main_slider{
height:410px !important;
margin-top:50px !important; /* removes top gap */

background-size:cover !important;
background-position:65% top !important;
background-repeat:no-repeat !important;

display:flex;
align-items:center;
padding:0 18px;
}

.main_slider_content{
width:54% !important;
text-align:left !important;
padding:0 !important;
margin-top:20px;
}

.main_slider_content h1{
font-size:28px !important;
line-height:1.05 !important;
margin-bottom:8px !important;
}

.main_slider_content h6{
font-size:12px !important;
margin-bottom:6px !important;
}

.main_slider_content p{
font-size:11px !important;
line-height:1.4 !important;
margin-bottom:12px !important;
}

.shop_now_button{
width:135px !important;
height:38px !important;
margin:0 !important;
}

}

/* DESKTOP PROMO LAYOUT */
@media (min-width:769px){

.promo-content-wrap{
position:absolute;
left:70px;
bottom:35px;
z-index:5;

display:flex;
flex-direction:row; /* side by side */
align-items:center;
gap:18px;
}

.promo_timer_big{
margin-top:0 !important;
}

.promo-cta-btn{
margin:0 !important;
min-width:170px;
height:48px;
}

}

/* =====================================
FIX BEST SELLER GAP ON (MOBILE)
===================================== */

@media (max-width: 767px){

/* Best seller section tighter */
.best_sellers{
    padding:25px 0 !important;
}

.best_sellers .product-item{
    backdrop-filter:blur(6px);
}

/* Reduce title spacing */
.best_sellers .new_arrivals_title{
    margin-top:0 !important;
    margin-bottom:15px !important;
}

/* Reduce slider top gap */
.product_slider_container{
    margin-top:20px !important;
}

/* Card tighter */
.product_slider_item .product{
    padding-bottom:8px !important;
}

/* Product name tighter */
.product_slider_item .product_name{
    margin-top:10px !important;
    font-size:12px !important;
    line-height:16px !important;
}

/* Price tighter */
.product_slider_item .product_price{
    font-size:14px !important;
    line-height:18px !important;
}

/* Remove excess bottom space */
.product_slider_item .product_info{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

/* Owl item auto height */
.product_slider .owl-stage{
    display:flex !important;
    align-items:flex-start !important;
}

}

/* =====================================
PERFECT PRODUCT GRID ALIGNMENT
Desktop + Mobile
===================================== */

.product-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
}

.product-grid > [class*="col-"]{
    padding-left:10px !important;
    padding-right:10px !important;
}

.product-item{
    width:100%;
}

/* desktop section containers */
.new_arrivals .container,
.promo-products .container{
    max-width:1200px;
    margin:0 auto;
}

/* mobile */
@media (max-width:768px){

.product-grid{
    margin-left:-6px !important;
    margin-right:-6px !important;
}

.product-grid > [class*="col-"]{
    padding-left:6px !important;
    padding-right:6px !important;
}

.new_arrivals .container,
.promo-products .container{
    padding-left:12px !important;
    padding-right:12px !important;
}

}

/* ===============================
MOBILE SCREEN SHIFT FIX
================================ */

html,
body{
    overflow-x:hidden;
    width:100%;
    max-width:100%;
}

*{
    box-sizing:border-box;
}

img{
    max-width:100%;
    height:auto;
}

/* Only target sections that usually overflow */
.banner,
.hero-slider,
.slider,
.products-grid{
    overflow:hidden;
    max-width:100%;
}

/* Site Logo */
.site-logo{
    height:100px;
    width:auto;
    display:block;
}

.logo_container a{
    display:flex;
    align-items:center;
}

@media (max-width:768px){

.site-logo{
    height:70px;
}

}

/* PREMIUM MOBILE MENU ICON */
.hamburger_container.custom_hamburger{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:6px !important;

    width:32px !important;
    height:24px !important;

    cursor:pointer;
    margin-left:28px;
    padding:0;
}

.hamburger_container.custom_hamburger span{
    display:block !important;
    width:100% !important;
    height:2px !important;

    background:#222 !important;
    border-radius:20px;
    margin:0 !important;
}

/* Hide hamburger on desktop */
@media (min-width:993px){

.hamburger_container.custom_hamburger{
    display:none !important;
}

}

/* Show hamburger on tablet/mobile */
@media (max-width:992px){

.hamburger_container.custom_hamburger{
    display:flex !important;
    flex-direction:column;
    gap:6px;
    width:32px;
    height:24px;
}

}

/* CLOSE X */
.hamburger_close{
    position:absolute;
    top:18px;
    right:18px;

    font-size:42px;
    font-weight:300;
    line-height:1;

    cursor:pointer;
    color:#111;

    transition:.2s ease;
}

.hamburger_close:hover{
    transform:scale(1.08);
    color:#fe4c50;
}

/* =================================
SHOP BY CATEGORY - FINAL PREMIUM
================================= */

.category_section{
padding:70px 0 40px;

background:
linear-gradient(
180deg,
#ffffff 0%,
#fff8fa 100%
);
}

/* section title */
.category_section .section_title{
margin-bottom:25px;
}

.category_section .section_title h2{
font-size:40px;
}

/* =================================
CATEGORY GRID
================================= */

.category_row{
display:flex !important;
flex-wrap:wrap !important;
gap:16px;
}

/* MOBILE DEFAULT = 2 PER ROW */
.category_row > div{
width:calc(50% - 8px) !important;
max-width:calc(50% - 8px) !important;
flex:0 0 calc(50% - 8px) !important;

padding:0 !important;
margin-bottom:0 !important;
}

/* =================================
CATEGORY CARD
================================= */

.category_box{
display:block;
width:100%;

overflow:hidden;

border-radius:18px;

background:#fff;

text-decoration:none;
color:#000;

box-shadow:
0 6px 18px rgba(0,0,0,.04);

transition:
transform .35s ease,
box-shadow .35s ease;
}

.category_box:hover{
transform:translateY(-4px);

box-shadow:
0 14px 28px rgba(0,0,0,.08);
}

/* =================================
CATEGORY IMAGE
================================= */

.category_box img{
width:100%;
height:auto;

aspect-ratio:1/1;

object-fit:cover;
object-position:center;

display:block;

border-radius:18px;

background:#f8dfe4;

transition:transform .5s ease;
}

.category_box:hover img{
transform:scale(1.03);
}

/* =================================
DESKTOP - 4 IN ROW
================================= */

@media(min-width:992px){

.category_row > div{
    width:calc(25% - 12px) !important;
    max-width:calc(25% - 12px) !important;
    flex:0 0 calc(25% - 12px) !important;
}

}

/* =====================================
MOBILE OPTIMIZATION
===================================== */

@media (max-width:768px){

.category_section{
    margin-top:5px !important;

    padding-top:25px !important;
    padding-bottom:10px !important;
}

.category_section.mt-5{
    margin-top:5px !important;
}

.category_section .container{
    padding-left:12px !important;
    padding-right:12px !important;
}

.category_section .section_title{
    margin-bottom:20px !important;
}

.category_row{
    margin-top:8px !important;
}

.category_section .section_title h2{
    font-size:26px !important;
    margin-bottom:18px !important;
}

/* 2 PER ROW MOBILE */
.category_row{
    gap:10px !important;
}

.category_row > div{
    width:calc(50% - 5px) !important;
    max-width:calc(50% - 5px) !important;
    flex:0 0 calc(50% - 5px) !important;
}

/* IMAGE */
.category_box img{
    width:100% !important;

    height:auto !important;
    aspect-ratio:1/1 !important;

    object-fit:cover !important;
    object-position:center !important;

    border-radius:14px !important;

    display:block !important;
}

}


/**************************************
7. Single Product Similar Products
***************************************/

/* =========================================
SPACING BETWEEN CARDS
========================================= */

.similar_products .owl-item,
.recommended_products .owl-item{
    padding:0 12px !important;
}

.similar_products .owl-stage,
.recommended_products .owl-stage{
    display:flex;
}

/* =========================================
CARD DESIGN
========================================= */

.similar_products .product-item,
.recommended_products .product-item{
    background:#fff;
    border:1px solid #f3f3f3;
    border-radius:10px;
    overflow:hidden;
    height:100%;
}

.similar_slider .product_slider_item{
    width:100% !important;
    height:100%;
}

.similar_slider .product-item{
    width:100%;
    height:auto !important;
    background:#fff;
    overflow:hidden;
}

.similar_slider .product{
    width:100%;
    padding-bottom:15px;
    border-right:none;
}

/* =========================================
IMAGE
========================================= */

.similar_slider .product_image{
    width:100%;
    aspect-ratio:0.9/1;
    overflow:hidden;
    background:#f8f8f8;
}

.similar_slider .product_image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

/* =========================================
SLIDER NAV
========================================= */

.similar_slider_nav_left,
.similar_slider_nav_right{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:20 !important;
}

.similar_slider_nav_left{
    left:15px !important;
}

.similar_slider_nav_right{
    right:15px !important;
}

.similar_slider_nav_left i,
.similar_slider_nav_right i{
    font-size:20px !important;
    color:#fff !important;
    text-indent:0;
}