/*--------dark background style-----*/
body
{
background:url(images/bg2.jpg) no-repeat center top #320e12;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px auto auto auto;
color:#fff;
}
a{
text-decoration:underline;
color:#BF2F68;
}
p{
text-align:justify;
line-height:15px;
padding:5px 0 5px 0;
font-size:14px;
margin:0px;
}
#main_container{
width:1200px;-
height:auto;
margin:auto;
padding:0px;
}
#header{
width:1200px;
height:109px;
margin:auto;
background:url(images/top_menu_bg.png) no-repeat center;behavior: url(iepngfix.htc);
}
.logo{
  padding:15px 0 0 0;
  float:none;
  text-align:center;
  margin:0 auto;
}

/*---------------- menu tab----------------------*/
#menu_tab{
width:470px;
float:left;
padding:0px;
}

ul.menu {
list-style-type:none; display:block; width:470px; 
 margin: auto; padding:65px 0 0 0; background:none;}

ul.menu li {
display:inline;
font-size:13px;
font-weight:bold;
line-height:28px;}

ul.menu li.divider {
display:block;
float:left;
width:1px;
height:31px;
padding:0px ;
margin:0px;
background:url(images/divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#fff;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #BF2F68;}

a.nav:hover {
color: #BF2F68; text-decoration:none;}

/*-----------------search_tab----------------*/
.search_tab{
float:left;
width:200px;
padding:70px 0 0 0;
}
input.search{
width:150px;
height:20px;
border:none;
float:left;
background-color:#8c4e67;
color:#b48e9b;
padding:0 0 0 5px;
}
input.search_bt{
float:left;
padding:0 0 0 5px;
}
.left_sidebar{
width:180px;
float:left;
}
.submenu_pic{
padding:10px 0 0 28px;
}
/*--------------left menu----------------*/
#left_menu{
position:relative;
top:13px;
left:-15px;
float:left;
}
#left_menu ul{
list-style-type:none; width: 177px;
margin:0; padding:0;}

#left_menu li {
display:block;}

#left_menu li a {
display:block;  padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;
text-decoration:none; background-color:#d4847f; color:#FFFFFF;border-bottom:1px #da9591 solid;}
#left_menu li.selected a {
display:block;  padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;
text-decoration:none;background:url(images/left_menu_bullet.gif) no-repeat left #b0335d; color:#FFFFFF;border-bottom:1px #da9591 solid; background-position:5px 8px;
}
#left_menu li a:hover {
display:block;  padding:0 0 0 25px; height:30px;text-align:left;
text-decoration:none; background:url(images/left_menu_bullet.gif) no-repeat left #b0335d; color:#FFFFFF;border-bottom:1px #da9591 solid; background-position:5px 8px;
}
/*----------------main_content----------------*/
#main_content{
width:902px;
clear:both;
background-color:#2a0a0d;
height:auto;
margin:20px 0 0 0;
}

#center_content{
width:700px;
float:left;
height:auto;
padding:10px 0 30px 5px;
font-size:20px;
}
.title{
clear:both;
padding:5px 0 10px 0;
color:#FFFFFF;
}
.title a{
color:#DF6195;
text-decoration:underline;
}
.product_box{
width:320px;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 8px 8px;
border:1px #9e1c50 solid;
}
.product_box_details{
width:640px;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 0 8px;
border:1px #9e1c50 solid;
}
img.prod_image{
float:left;
padding:0 10px 0 0;
}
.product_details{
float:left;
width:165px;
}
.product_details_wide{
float:left;
width:450px;
}
.prod_title{
color:#d4847f;
padding:0 10px 0 0;
}
span.price{
font-size:24px;
color:#a6f2a4;
}
p.price{
color:#d4847f;
}
a.details{
display:block;
padding:10px 0 0 0;
}
p.shop_by_brand{
width:400px;
float:left;
padding:0 10px 0 0;
line-height:17px;
}
p.gifts_details{
width:275px;
float:left;
padding:0 0 0 10px;
line-height:17px;
}
img.sp{
float:left;
padding:0 5px 0 5px;
}
img.gift{
float:left;
padding:5px;
margin:5px;
border:1px #9e1c50 solid;
}


/*---------------------pagination-----------------------------*/

div.pagination {
padding:5px;
margin:5px;
text-align:center;
float:left;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;

text-decoration: none; 
color: #d8325d;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #ddd;
color: #fff;
background-color: #d8325d;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
font-weight: bold;
background-color: #d8325d;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
color: #ccc;
}
/*------contact form------*/
#contact_form{
float:left;
width:300px;
padding:10px 10px 0 10px;
color:#fff;
}
.contact_input{
width:240px;
height:17px;
font-size:10px;
float:left;
background-color:#3F1015;
border:1px #6F222B solid;
color:#FFFFFF;
}
label.contact_form{
width:50px;
float:left;
padding:0 0 5px 0;
font-size:12px;
color:#FFFFFF;
}
.contact_textarea{
width:290px;
height:80px;
font-size:10px;
float:left;
color:#FFFFFF;
background-color:#3F1015;
border:1px #6F222B solid;
}
input.contact_submit{
float:right;
padding:10px;
}
.cleardiv {
clear:both;
overflow:hidden;
height:4px;
}
.clear{
clear:both;
}
/*----footer---------*/
#footer{
width:auto;
clear:both;
padding:15px 0 10px 0;
margin:20px 0 0 0;
height:60px;
border-top:1px #3a0f17 solid;
text-align:center;
color:#73363c;
}
.left_foter{
float:left;
padding:5px 0 0 10px;
}
.center_footer{
float:left;
padding:10px 0 0 160px;
}
#footer a{
color:#73363c;
text-decoration:none;
}
/* === New HERO Section Styling === */
.hero {
  background-color:#2a0a0d; /* matches your theme */
  padding:25px 15px;
  margin-bottom:20px;
  text-align:center;
  border:1px solid #3a0f17;
}

.hero-inner {
  max-width:700px;
  margin:0 auto;
}

.hero h1 {
  margin:0 0 10px;
  font-size:28px;
  color:#ffffff;
  font-weight:bold;
}

.hero p {
  margin:0 0 20px;
  color:#e8c5c5;
  font-size:15px;
  text-align:center;
}

.hero-actions {
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.btn-primary,
.btn-outline {
  display:inline-block;
  padding:9px 22px;
  font-size:14px;
  border-radius:30px;
  text-decoration:none;
  cursor:pointer;
  font-weight:bold;
}

.btn-primary {
  background-color:#BF2F68;
  color:#ffffff;
  border:1px solid #BF2F68;
}

.btn-primary:hover {
  background-color:#d94a85;
}

.btn-outline {
  background:transparent;
  color:#BF2F68;
  border:1px solid #BF2F68;
}

.btn-outline:hover {
  background-color:#BF2F68;
  color:#ffffff;
}

/* === HERO REFINEMENT === */

.hero {
  background-color:#2a0a0d;
  padding:45px 25px 35px;
  margin-bottom:30px;
  text-align:center;
  border:1px solid #3a0f17;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  border-radius:4px;
}

.hero-inner {
  max-width:700px;
  margin:0 auto;
}

.hero h1 {
  margin:0 0 15px;
  font-size:32px;
  line-height:1.25;
  color:#ffffff;
  font-weight:bold;
}

.hero p {
  margin:0 0 18px;
  color:#e5c2c2;
  font-size:16px;
  text-align:center;
}

.hero-actions {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:15px;
  flex-wrap:wrap;
  margin-top:10px;
  margin-bottom:10px;
}

.btn-primary,
.btn-outline {
  display:inline-block;
  padding:10px 26px;
  font-size:15px;
  border-radius:40px;
  text-decoration:none;
  font-weight:bold;
}

/* Title under hero spacing */
#center_content .title {
  margin-top:30px !important;
}

/* === Logo sizing override === */
.logo {
  padding-top: 20px;
  text-align: center;
}

.logo img{
  display:inline-block;
  width: 420px;   /* try 380–450 range */
  height:auto;
}

#header {
    background: none !important;
}

#left_menu li a {
  font-size: 13px;
  padding-left: 18px;   /* a bit tighter than 25 if you like */
  white-space: nowrap;  /* keep each item on one line */
}

/* Force 2-column rows for product boxes */
.product_box {
  width: 320px;
  float: left;
  margin: 0 0 8px 8px;
}

/* REMOVE this */
.product_box:nth-child(2n+1) {
  clear: both;
}

/* 2-column product grid using flexbox */
.product-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* override float behavior inside grid */
.product-grid .product_box {
  float: none;
  width: calc(50% - 16px);  /* two columns */
  margin: 0 0 16px 16px;
  box-sizing: border-box;
}

/* === Fix product layout inside the 2-column grid === */
.product-grid .product_box {
  float: none;
  display: flex;
  align-items: flex-start;
  width: calc(50% - 24px);   /* two columns */
  margin: 0 0 16px 16px;
  box-sizing: border-box;
}

/* Image on the left */
.product-grid img.prod_image {
  float: none;
  margin: 0 12px 0 0;
  width: 140px;              /* adjust if you want bigger image */
  height: auto;
}

/* Text on the right */
.product-grid .product_details {
  float: none;
  width: auto;
}


#center_content .product_box_small {
    width: 30%;             /* three columns */
    margin: 1% !important;  /* spacing */
    float: left !important;
    display: block;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
}

#center_content .product_box_small img {
    width: 100%;
    height: auto;
}

#center_content .product_box_small .prod_title,
#center_content .product_box_small p,
#center_content .product_box_small a.details {
    font-size: 16px !important;
    line-height: 1.4;
}

/* === Bottom accessories / subcategory grid === */

.subcat-grid {
  clear: both;              /* <— this pushes it below the floated products */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 30px 0 0 0;
}

/* each small box in that section */
.subcat-grid .product_box {
  float: none;
  width: 30%;
  margin: 0 1% 20px 1%;
  box-sizing: border-box;
}

/* keep images proportional */
.subcat-grid .prod_image {
  float: none;
  display: block;
  margin: 0 auto 8px;
  width: 100%;
  height: auto;
}

/* normalize fonts inside those boxes */
.subcat-grid .prod_title,
.subcat-grid p,
.subcat-grid a.details {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

/* === Fix small font sizes in sub-category grid === */

.subcat-grid .prod_title {
  font-size: 20px !important;
  font-weight: bold;
  color: #eeb6c7;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 8px;
}

.subcat-grid p {
  font-size: 16px !important;
  color: #fff;
  text-align: center;
  line-height: 1.4;
}

.subcat-grid .price {
  font-size: 18px !important;
  color: #a6f2a4 !important;
  font-weight: bold;
}

.subcat-grid a.details img {
  display: block;
  margin: 8px auto 0;
}

/* PERFECT GIFTS SECTION FIX */
#perfect-gifts {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#perfect-gifts h2 {
    font-size: 26px;
    font-weight: bold;
    color: #bfffc0;
    margin-bottom: 10px;
}

#perfect-gifts .gift-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 15px;
}

#perfect-gifts .gift-row img {
    width: 120px;
    height: auto;
    border: 1px solid #9e1c50;
    padding: 4px;
}

#perfect-gifts .gift-text {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}

/*----footer---------*/
#footer{
width:auto;
clear:both;
padding:15px 0 10px 0;
margin:20px 0 0 0;
height:60px;
border-top:1px #3a0f17 solid;
text-align:center;
color:#73363c;
}
.left_foter{
float:left;
padding:5px 0 0 10px;
}
.center_footer{
float:left;
padding:10px 0 0 160px;
}
#footer a{
color:#73363c;
text-decoration:none;
}