/*your custom css goes here*/

.detailpagecontainer {
  width: 100%;
  padding-right: 5px;
  padding-left: 55px;
  margin-right: auto;
  margin-left: auto;
}
.detailviewimg .aiz-carousel .slick-prev {
  top: -28px !important;
  transform: rotate(90deg) !important;
  color: #000 !important;
  left: 17px !important;
}
.detailviewimg .aiz-carousel .slick-next {
  bottom: 10px !important;
  transform: rotate(90deg) !important;
  color: #000 !important;
  top: 92% !important;
  left: 18px;
}
.detailviewimg .aiz-carousel .slick-arrow {
  width: 36px !important;
  height: 75px;
  background: #fff !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.gallery-sticky {
  overflow: auto;
  position: sticky;
  top: 15%;
}
.radio-button input[type="radio"] {
  display: none;
}
.radio-button label {
  display: inline-block;
  background-color: #d1d1d1;
  padding: 0px 15px;
  font-family: Arial;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  border-radius: 6px;
}

.col-md-12 .mb-1 {
  margin-bottom: 1.25rem !important;
}
.gutters-10 {
  padding: 10px;
}

/*@media (min-width: 1200px) {
    .paymentradio {
      -ms-flex: 0 0 25%;
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
}*/

.table thead .footable-header th {
  vertical-align: middle !important;
}
.bg-secondary {
  background-color: #d3af37 !important;
}
.table thead .footable-header td {
  vertical-align: middle !important;
  border-bottom: 2px solid #dee2e6;
}
.bartab {
  width: 50%;
}
/* Custom Scroll bar */
::-webkit-scrollbar {
  width: 5px !important;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1 !important;
}
::-webkit-scrollbar-thumb {
  background-color: #d3af37 !important;
}
* {
  scrollbar-width: 5px;
  scrollbar-color: #d3af37 #f1f1f1;
}
.logo-title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 90px;
  display: flex;
  justify-content: flex-start;
  margin-top: -69px;
  margin-bottom: 70px;
}
.footer-index-2 div,
.footer-index-2 a {
  color: #fff !important;
}
/* .carousel-box .aiz-card-box .imgframe::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../img/frame3.svg") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: cover;
  background-position: center;
} */
.collections-grid {
  display: flex;
  justify-content: center;
}

.collection-card {
  background-color: #fff;
  box-shadow: 0px 0px 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s;
  text-align: center;
  border-radius: 100px;
  height: 160px;
  width: 160px;
  display: block;
  padding: 57px 0px;
  position: relative;
  cursor: pointer;
}
.collection-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../img/circle.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: cover;
  background-position: center;
}
.collection-card:hover {
  transform: translateY(-5px);
}
.collection-card h3 {
  text-transform: uppercase;
  font-size: 21px;
}
.collection-card p {
  font-size: 16px;
  font-weight: 800;
  margin-top: -7px;
}
.titlebudget {
  text-align: center;
  margin: 30px 4px;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 600;
  color: var(--primary);
  position: relative;
  margin-bottom: 60px;
}
/* .titlebudget::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 235px;
  height: 100%;
  background: url("../../img/titke-bg.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: cover;
  background-position: center;
  right: 0;
  top: 25px;
  margin: 0 auto;
} */
.budget-view {
  padding-top: 10px;
  padding-bottom: 10px;
}
.review-title {
  position: relative;
}
/* .review-title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 235px;
  height: 100%;
  background: url("../../img/titke-bg.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: cover;
  background-position: center;
  right: 0;
  top: 25px;
  margin: 0 auto;
} */
.text-access {
  color: #fff !important;
}
.text-access:hover {
  color: #000 !important;
}
.aiz-carousel.homeSliderBtns .slick-arrow {
  top: 46% !important;
}

.productTitle {
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
  letter-spacing: 2px;
  padding: 20px 0px;
}
/* .productTitle::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../img/titke-bg.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: cover;
  background-position: center;
  right: 0;
  top: 25px;
  margin: 0 auto;
} */
@media only screen and (max-width: 992px) {
  .collections-grid {
    gap: 21px;
  }
  .collection-card {
    height: 135px !important;
    width: 135px !important;
    padding: 47px 0px !important;
  }
  .collection-card p {
  font-size: 13px;
  font-weight: 800;
  margin-top: -7px;
}
  .collection-card h3 {
    text-transform: uppercase;
    font-size: 20px;
  }
  .titlebudget::before, .review-title::before {
    width:190px!important;
  }
  .titlebudget, .review-title, .productTitle{
    font-size: 18px!important;
  }
  .review-title{
    margin-top: 0px!important;
  }
}
/* .footer-widget {
  width: 100%;
  height: 100%;
  background: url("../../img/footer-bg1.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: 100%;
  background-position: center;
} */
/*.col-md-4 .mb-1{
    margin-bottom: 1.25rem !important;
  
}
.paymentradio-button input[type="radio"]:checked+label {
    background-color: #76cf9f;
}
  
.aiz-side-nav-logo-wrap img{
	 height: 80px !important;
}*/
/*Round Images arrow css in Home Page 
.slick-next{
	background-color: #f77b0b;
}
.todays-deal.aiz-carousel .slick-arrow{
	color: var(--primary) !important;
}
.todays-deal.aiz-carousel .slick-arrow {
    background: transparent;
    box-shadow: none;
    top: 40%;
    color: green;
    font-size: 20px;
    transition: 0.4s;
}*/
/*  category submenu ui start */
.aiz-category-menu .category-nav-element:hover .sub-cat-menu {
  /* z-index: 9;
    opacity: 1;
    display: none; */
}

.aiz-category-menu .category-nav-element > a {
  padding-top: 6px;
  padding-bottom: 6px;
}

@media (min-width: 540px) {
  .card-columns {
    column-count: 1 !important;
  }
}

.aiz-category-menu .sub-cat-menu.more {
  /* height: ; */
}

.aiz-category-menu .sub-cat-menu {
  position: absolute;
  width: calc(100% - 80%) !important;
  left: calc(270px);
  height: calc(100% + 0px);
  overflow: hidden;
  overflow-y: hidden;
  top: 0;
  z-index: -1;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.5s;
  opacity: 0;
}
/*  category submenu ui start */

/*hover category menu*/
.aiz-category-menu .sub-cat-menu.more {
  max-height: 400px;
}
[dir="rtl"] .aiz-category-menu .sub-cat-menu {
  left: auto;
  /* right: calc(25% - 10px); */
  right: 270px;
}
.aiz-category-menu .category-nav-element:hover .sub-cat-menu {
  z-index: 9;
  opacity: 1;
}

/* Qrscanform css start */
.scanfrom {
  width: 300px;
  padding: 10px;
  font-family: Arial, sans-serif;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  margin-right: 10%;
}

.lineitems {
  height: 45px;
  margin: 0px;
  cursor: move;
}

#id_checkitem {
  margin-left: 20px;
}
/* Qrscanform css end */

.aiz-carousel .slick-prev {
  left: 10px !important;
}
.testimonialspb, .budgetpb{
  padding: 0px 40px;
}
.aiz-carousel .slick-arrow {
  position: absolute;
  top: 45%;
  z-index: 2;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  /* width:15px !important; */
  height: 30px;
  background: #114843 !important;
  border-radius: 50em;
  border: 0;
  box-shadow:0px 0px 1px #fff!important;
  font-size: 20px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  opacity: 0;
  color: #fff;
}
.budgetRows .slick-arrow {
  top: 45% !important;
}
.aiz-carousel:hover .slick-arrow {
  opacity: 1;
}

.todays-deal.aiz-carousel .slick-next {
  right: 0px;
}

.todays-deal.aiz-carousel .slick-prev {
  left: 0px !important;
}

/* @media (min-width:350px)and (max-width:991px) {
    .detailviewproduct {
      margin:6%
    }
  }

  @media (min-width:768px) {
   .detailviewcart {
    margin:6%
    }
  } */

@media (min-width: 300px) and (max-width: 991px) {
  .detailviewproduct .detailviewcart {
    margin: 0% 2% 6% 2%;
  }
  .aiz-carousel .slick-arrow {
    font-size: 30px !important;
  }
  .testimonialspb, .budgetpb{
    padding: 0px 15px;
  }
  .aiz-carousel .slick-dots button {
    width: 9px !important;
    height: 9px !important;
  }
  .mb-font {
    font-size: 20px !important;
  }
  footer{
    margin-bottom: 65px;
  }
  footer ul{
    text-align:center!important;
  }
  #section_newest{
    margin-top: -29px;
  }
  #product_query{
    margin-bottom: -20px!important;
  }
}

@media (min-width: 320px) and (max-width: 410px) {
  .w-150px,
  .size-150px {
    width: 100px;
  }

  .h-150px,
  .size-150px {
    height: 100px;
  }
}

@media (min-width: 575px) and (max-width: 992px) {
  .w-150px,
  .size-150px {
    width: 130px;
  }

  .h-150px,
  .size-150px {
    height: 130px;
  }
}

@media (min-width: 350px) and (max-width: 767px) {
  .modal-dialog {
    margin: 1.5rem;
  }
}

@media (min-width: 320px) and (max-width: 415px) {
  .textsiz {
    font-size: 10px !important;
  }
}

/* @media(min-width:350px)and (max-width:767px)  {
.default-btn{
  position: absolute !important;
  left:100% !important;
  top: 2px !important;
}
}

@media(min-width:440px){
  .defalutaddress{
    position: absolute;
  left: 119% !important;
}
  } */

@media (min-width: 330px) and (max-width: 440px) {
  .addresstableshipping {
    margin: -7px !important;
    margin-top: 0px !important ;
  }
}

@media (min-width: 330px) and (max-width: 400px) {
  .addresstableshipping {
    right: -21px !important;
  }
}

@media (min-width: 350px) and (max-width: 380px) {
  .trimprice {
    font-size: 10px;
  }
}

/* @media (min-width: 576px) {
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 1%;
    max-width: 1%;
  }
} */

.quantityadding {
  flex: 0 0 11.333333%;
  max-width: 14.333333%;
}
@media (min-width: 300px) and (max-width: 500px) {
  .quantityadding {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 26.333333%;
    max-width: 33.333333%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  .quantityadding {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 14.333333%;
    max-width: 25.333333%;
  }
}
@media (min-width: 350px) and (max-width: 992px) {
  .fs-13 {
    /* font-size: 11px; */
  }
}
.fs-11px {
  font-size: 11px !important;
}
.fs-16 {
  /* font-size:11px !important; */
}
@media (min-width: 350px) and (max-width: 992px) {
  .img-fit {
    /* max-height: 100%;
    width: 100%; */
    /* object-fit: fill !important; */
  }
}
/* @media (min-width:300px)and (max-width:400px) {
  .quantityadding{
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 45.333333%;
    max-width: 45.333333%;
  }
}
@media (min-width:769px)and (max-width:991px) {
.quantityadding {
  flex: 0 0 17.333%;
  max-width: 17.333%;
}
}

@media (min-width:769px)and (max-width:991px) {
  .productcart {
    flex: 0 0 35.333%;
    max-width: 35.333%;
  }
  } */

@media (max-width: 500px) {
  .h-xs-190px {
    height: 190px !important;
  }
  .h-xs-200px {
    height: 200px !important;
  }
  .h-xs-130px {
    height: 130px !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .detailviewimg .slick-list.draggable,
  #addToCart-modal-body .slick-list.draggable {
    max-height: 200px !important;
    overflow: scroll;
    margin-bottom: -35px;
  }
  .mobiClose{
    position: absolute;
  top: -6px;
  right: -5px;
  width: 25px !important;
  height: 25px !important;
  }
}

@media (min-width: 500px) {
  .detailviewimg .slick-list.draggable {
    height: auto !important;
    /* overflow:none; */
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (max-width: 991px) {
  .front-header-search,
  .header-top-bar {
    background-color: var(--primary) !important;
  }
}
/* .slick-list.draggable {
  height: auto !important;
} */
@media (min-width: 300px) and (max-width: 992px) {
  .w-70px,
  .size-70px {
    width: 130px;
  }
  .h-70px,
  .size-70px {
    height: 70px;
  }
}

.cardcol .card.shadow-none.border-0 {
  text-align: left;
}
.card.shadow-none.border-0:hover {
  position: relative;
  z-index: 10;
  /* background: var(--soft-secondary-base); */
}
@media (min-width: 991px) {
  .descriptionwidth {
    max-width: 100% !important;
  }
}
.aiz-nav-tabs a.active {
  border-bottom: none !important;
}
.aizborder {
  border: none !important;
}
.aiz-side-nav-list .aiz-side-nav-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: unset;
  -ms-flex-align: center;
  align-items: normal;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: space-around !important;
  font-size: 100% !important;
  cursor: pointer;
}
.text-reset {
  color: var(--primary) !important;
}

@media (min-width: 400px) and (max-width: 992px) {
  .sellingbox {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
  }
}
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.aiz-side-nav-list .level-2 .aiz-side-nav-link {
  position: relative;
  font-size: 0.8125rem;
}
@media (min-width: 300px) and (max-width: 992px) {
  .clickpay {
    text-align: left !important;
  }
}
@media (max-width: 991px) {
  .rightemail {
    margin-top: 0px;
  }
}

/* 
@media (min-width:330px)and (max-width:767px) {
  .sm-gutters-16 .draggable .slick-track{
    column-count: 2;
  }
  
} */

/* .headerlogin{
  padding: 5px 10px !important;
  min-height:2px !important;
} */
.iocn-link {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 2;
}
/* testimonial css added by prasad */
.testimonial-card__rating.testimonial-card__rating--5::before {
  content: "\f005\f005\f005\f005\f005";
  font-family: "Line Awesome Free";
  font-weight: 900;
}
.testimonial-card__rating.testimonial-card__rating--4::before {
  content: "\f005\f005\f005\f005";
  font-family: "Line Awesome Free";
  font-weight: 900;
}
.testimonial-card__rating.testimonial-card__rating--3::before {
  content: "\f005\f005\f005";
  font-family: "Line Awesome Free";
  font-weight: 900;
}
.testimonial-card__rating.testimonial-card__rating--2::before {
  content: "\f005\f005";
  font-family: "Line Awesome Free";
  font-weight: 900;
}
.testimonial-card__rating.testimonial-card__rating--1::before {
  content: "\f005";
  font-family: "Line Awesome Free";
  font-weight: 900;
}
.testimonial-card__rating::before,
.testimonial-card__rating::after {
  display: inline-block;
  color: #edc128;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 9px;
}
.testimonial-card__name {
  color: var(--secondary-base);
  font-size: 12px;
  letter-spacing: 2px;
  margin-top: 12px;
}


.video-marquee {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.video-marquee::-webkit-scrollbar {
  display: none;
}

.video-track {
  display: inline-flex;
  gap: 20px;
  padding: 10px;
}

.video-track video {
  width: 250px;
  height: 450px;
  object-fit: cover;
  border-radius: 15px;
  flex-shrink: 0;
  margin-left : 20px;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}
.video-track img {
  width: 325px;
  height: 325px;
  object-fit: cover;
  border-radius: 15px;
  flex-shrink: 0;
  margin-left : 20px;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .video-track video {
    width: 160px;
    height: 280px;
  }
  .video-track img {
    width: 280px;
    height: 280px;
  }
  .video-track {
    gap: 10px;
  }
}

.featured-categories.aiz-carousel.dots-inside-bottom .slick-dots{
  bottom: -40px;
}

.carousel-box .aiz-card-box,
.carousel-box .aiz-card-box:hover {
  box-shadow: 0px 0px 0px 0px #7d7c7b54;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
  background-color: var(--primary) !important;
}
.aiz-card-box .img-fit{
  border-radius: 10px;
}

@media (min-width: 1200px) {
  #section_featured{
    margin-top: -85px;
  }
}
.aiz-side-nav-list .level-2 .aiz-side-nav-link:after{
  display: none;
}

.aiz-side-nav-list .aiz-side-nav-link{
  color: var(--primary);
}
.nav-user-info .nav-user-img,
.nav-user-info .top-nav-user-img  {
  border-color: transparent !important;
  box-shadow: none !important;
}
.nav-user-info .nav-user-img > svg * {
  fill: var(--text-white);
}

.nav-user-info .top-nav-user-img > svg * {
  fill: var(--white);
}

.aiz-side-nav-list .aiz-side-nav-link:hover,
.aiz-side-nav-list .aiz-side-nav-link.level-2-active, 
.aiz-side-nav-list .aiz-side-nav-link.level-3-active, 
.aiz-side-nav-list .aiz-side-nav-link.active,
.header_menu_links:hover  {
  color: var(--primary);
  background-color: rgb(0 0 0 / 10%) !important;
}

.collapse-sidebar.c-scrollbar-light{
  font-family: Cabin, sans-serif !important;
}

/* Reduce homepage banner sizes */
.home-banner-area .home-slider,
.home-banner-area .aiz-carousel {
  max-height: 400px !important;
}

.home-banner-area .home-slider img,
.home-banner-area .aiz-carousel img {
  max-height: 400px !important;
  object-fit: cover;
}

/* Reduce banner section 1 and 2 sizes */
.home-slider.slider-full img {
  max-height: 400px !important;
  object-fit: cover;
}

@media (max-width: 991px) {
  .home-banner-area .home-slider,
  .home-banner-area .aiz-carousel {
    max-height: 250px !important;
  }
  
  .home-banner-area .home-slider img,
  .home-banner-area .aiz-carousel img {
    max-height: 250px !important;
  }
  
  .home-slider.slider-full img {
    max-height: 200px !important;
  }
}

@media (max-width: 575px) {
  .home-banner-area .home-slider,
  .home-banner-area .aiz-carousel {
    max-height: 180px !important;
  }
  
  .home-banner-area .home-slider img,
  .home-banner-area .aiz-carousel img {
    max-height: 180px !important;
  }
  
  .home-slider.slider-full img {
    max-height: 120px !important;
  }
}

/* New Products section - Make images boxed/square with consistent sizing */
#section_newest .aiz-card-box .position-relative.img-fit {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important; /* Creates square aspect ratio */
  position: relative !important;
  overflow: hidden !important;
  background-color: #f5f5f5;
  border-radius: 8px;
  margin: 0 auto;
}

#section_newest .aiz-card-box .imgframe {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important; /* Creates square aspect ratio */
  position: relative !important;
  overflow: hidden !important;
  background-color: #f5f5f5;
  border-radius: 8px;
  display: block;
}

#section_newest .aiz-card-box .imgframe img,
#section_newest .position-relative.img-fit img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* Ensures image fills the box without distortion */
  object-position: center !important;
  margin: 0 !important;
}

/* Ensure all product boxes in New Products section have same dimensions */
#section_newest .carousel-box {
  height: auto;
}

#section_newest .aiz-card-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#section_newest .aiz-card-box .position-relative {
  flex-shrink: 0;
}

/* Responsive adjustments for New Products images */
@media (max-width: 991px) {
  #section_newest .aiz-card-box .imgframe,
  #section_newest .position-relative.img-fit {
    padding-bottom: 100% !important; /* Keep square on tablets */
  }
}

@media (max-width: 575px) {
  #section_newest .aiz-card-box .imgframe,
  #section_newest .position-relative.img-fit {
    padding-bottom: 100% !important; /* Keep square on mobile */
  }
}

/* Best Selling Section - Modern UI Improvements */
.best-selling-section-modern {      
  /* background-color: color-mix(in srgb, var(--secondary-base) 10%, transparent);*/
  padding: 20px 0;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

.best-selling-section-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px; 
}

.section-icon-wrapper {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, var(--primary) 0%, var(--hov-primary) 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 0 4px 15px rgba(212, 53, 51, 0.3);
}

.productTitle-modern {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  position: relative;
}

/* .productTitle-modern::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--secondary-base);
  border-radius: 2px;
}*/

.arrow-prev-modern,
.arrow-next-modern {
  width: 40px;
  height: 40px;
  background: white;
  border: 2px solid var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.arrow-prev-modern:hover,
.arrow-next-modern:hover {
  background: var(--primary);
  color: white;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(212, 53, 51, 0.4);
}

.arrow-prev-modern.link-disable,
.arrow-next-modern.link-disable {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-view-all-modern {
  background: white;
  border: 2px solid var(--primary);
  border-radius: 25px;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.btn-view-all-modern:hover {
  background: var(--primary);
  color: white !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(212, 53, 51, 0.3);
  text-decoration: none;
}

.best-selling-products-wrapper {
  /* background: white; */
  border-radius: 16px;
  padding: 0px 20px;
  /* box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); */
}

.best-selling-products-wrapper .carousel-box {
  padding: 10px;
}

.best-selling-products-wrapper .aiz-card-box {
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid #f0f0f0;
  background: white;
}

.best-selling-products-wrapper .aiz-card-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  border-color: var(--primary);
}

/* Best Selling Section - Make images boxed/square like New Products */
#section_best_selling .aiz-card-box .position-relative.img-fit {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important; /* Creates square aspect ratio */
  position: relative !important;
  overflow: hidden !important;
  background-color: #f8f9fa;
  border-radius: 12px;
  margin: 0 auto;
}

#section_best_selling .aiz-card-box .imgframe {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important; /* Creates square aspect ratio */
  position: relative !important;
  overflow: hidden !important;
  background-color: #f8f9fa;
  border-radius: 12px;
  display: block;
}

#section_best_selling .aiz-card-box .imgframe img,
#section_best_selling .position-relative.img-fit img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Premium Products Section - Same styling as Best Selling */
.premium-products-section-modern {
  
  padding: 20px 0;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

 

.premium-products-wrapper {
  /* background: white; */
  border-radius: 16px;
  padding: 0px 20px;
  /* box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); */
}

.premium-products-wrapper .carousel-box {
  padding: 10px;
}

.premium-products-wrapper .aiz-card-box {
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid #f0f0f0;
  background: white;
}

.premium-products-wrapper .aiz-card-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  border-color: #ffd700;
}

/* Premium Products Section - Make images boxed/square like New Products */
#section_premium_products .aiz-card-box .position-relative.img-fit {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important; /* Creates square aspect ratio */
  position: relative !important;
  overflow: hidden !important;
  background-color: #f8f9fa;
  border-radius: 12px;
  margin: 0 auto;
}

#section_premium_products .aiz-card-box .imgframe {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important; /* Creates square aspect ratio */
  position: relative !important;
  overflow: hidden !important;
  background-color: #f8f9fa;
  border-radius: 12px;
  display: block;
}

#section_premium_products .aiz-card-box .imgframe img,
#section_premium_products .position-relative.img-fit img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
}

/* Discounted Products Section - Same styling as Best Selling */
.discounted-products-section-modern {
  
  padding: 20px 0;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

 

.discounted-products-wrapper {
  /* background: white; */
  border-radius: 16px;
  padding: 0px 20px;
  /* box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); */
}

.discounted-products-wrapper .carousel-box {
  padding: 10px;
}

.discounted-products-wrapper .aiz-card-box {
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid #f0f0f0;
  background: white;
}

.discounted-products-wrapper .aiz-card-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  border-color: #ff6b6b;
}

/* Discounted Products Section - Make images boxed/square like New Products */
#section_discounted_products .aiz-card-box .position-relative.img-fit {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important; /* Creates square aspect ratio */
  position: relative !important;
  overflow: hidden !important;
  background-color: #f8f9fa;
  border-radius: 12px;
  margin: 0 auto;
}

#section_discounted_products .aiz-card-box .imgframe {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important; /* Creates square aspect ratio */
  position: relative !important;
  overflow: hidden !important;
  background-color: #f8f9fa;
  border-radius: 12px;
  display: block;
}

#section_discounted_products .aiz-card-box .imgframe img,
#section_discounted_products .position-relative.img-fit img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
}

/* Responsive adjustments for Best Selling section */
@media (max-width: 991px) {
  .best-selling-section-modern {
    padding: 5px 0;
  }
  
  .section-icon-wrapper {
    width: 40px;
    height: 40px;
  }
  
  .productTitle-modern {
    font-size: 20px !important;
  }
  
  .best-selling-products-wrapper {
    padding: 20px 15px;
  }
  
  #section_best_selling .aiz-card-box .imgframe,
  #section_best_selling .position-relative.img-fit {
    padding-bottom: 100% !important;
  }
  
  /* Premium Products responsive */
  .premium-products-section-modern {
    padding: 30px 0;
  }
  
  .premium-products-wrapper {
    padding: 20px 15px;
  }
  
  #section_premium_products .aiz-card-box .imgframe,
  #section_premium_products .position-relative.img-fit {
    padding-bottom: 100% !important;
  }
  
  /* Discounted Products responsive */
  .discounted-products-section-modern {
    padding: 30px 0;
  }
  
  .discounted-products-wrapper {
    padding: 20px 15px;
  }
  
  #section_discounted_products .aiz-card-box .imgframe,
  #section_discounted_products .position-relative.img-fit {
    padding-bottom: 100% !important;
  }
}

@media (max-width: 575px) {
  .best-selling-section-modern {
    padding: 5px 0;
  }
  
  .premium-products-section-modern {
    padding: 25px 0;
  }
  
  .discounted-products-section-modern {
    padding: 25px 0;
  }
  
  .section-icon-wrapper {
    width: 35px;
    height: 35px;
    margin-right: 10px !important;
  }
}

/* ============================================
   COMPREHENSIVE HOMEPAGE UI IMPROVEMENTS
   ============================================ */

/* Global Homepage Section Spacing */
#section_newest,
#section_best_selling,
#section_featured,
#section_home_categories,
#auction_products {
  margin-top: 5px;
  margin-bottom: 5px;
}

@media (max-width: 991px) {
  #section_newest,
  #section_best_selling,
  #section_premium_products,
  #section_featured,
  #section_home_categories,
  #auction_products {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

@media (max-width: 575px) {
  #section_newest,
  #section_best_selling,
  #section_premium_products,
  #section_featured,
  #section_home_categories,
  #auction_products {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

/* Homepage Container Improvements */
.home-banner-area {
  /* margin-bottom: 30px !important; */
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

@media (max-width: 991px) {
  .home-banner-area {
    margin-bottom: 20px !important;
    border-radius: 8px;
  }
}

/* Featured Categories Section Improvements */
.featured_products_custom {
  /* margin-top: 30px; */
  /* margin-bottom: 30px; */
}

.featured_products_custom .container {
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
}

/* Banner Sections Improvements */
.home-slider.slider-full {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
  /* margin-top: 5px; */
  /* margin-bottom: 5px; */
}

.home-slider.slider-full img {
  transition: transform 0.3s ease;
}

.home-slider.slider-full:hover img {
  transform: scale(1.02);
}

/* Flash Deal Section Improvements */
#flash_deal {
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 16px;
  overflow: hidden;
}

#flash_deal .container-fluid {
  padding: 0;
}

/* Section Transitions and Animations */
#section_newest,
#section_best_selling,
#section_premium_products {
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Improved Section Headers */
.productTitle-modern,
.review-title {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

/*.productTitle-modern::after,
.review-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, var(--primary) 0%, var(--secondary-base) 100%);
  border-radius: 2px;
}*/

.review-title::after {
  left: 50%;
  transform: translateX(-50%);
}

/* Budget Collections Improvements */
.budget-view .collections-grid {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border-radius: 12px;
  padding: 20px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.budget-view .collections-grid:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  border-color: var(--primary);
}

.budget-view .collection-card {
  text-decoration: none;
  color: inherit;
}

.budget-view .collection-card h3 {
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
}

.budget-view .collection-card p {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}

/* Testimonials Improvements */
.testimonial-card {
  background: white;
  border-radius: 16px;
  padding: 25px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100%;
  border: 1px solid #f0f0f0;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.testimonial-card__avatar-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary) 0%, var(--hov-primary) 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-weight: 700;
}

/* Instagram Section Improvements */
.video-marquee {
  /* margin-top: 40px; */
  /* margin-bottom: 40px; */
}

.video-marquee h3 {
  margin-bottom: 25px;
}

.video-track video,
.video-track img {
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.video-track video:hover,
.video-track img:hover {
  transform: scale(1.05);
}

/* Offline Store Section Improvements */
.offline-store-card {
  background: white;
  border-radius: 16px;
  padding: 25px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100%;
  border: 1px solid #f0f0f0;
}

.offline-store-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  border-color: var(--primary);
}

.offline-store-card .card-title {
  color: var(--primary);
  font-weight: 700;
  margin-bottom: 15px;
}

.offline-store-card .card-text {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.offline-store-card .btn-primary {
  background: var(--primary);
  border: none;
  border-radius: 25px;
  padding: 10px 25px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.offline-store-card .btn-primary:hover {
  background: var(--hov-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(212, 53, 51, 0.3);
}

/* Classified Ads Section Improvements */
.classified-ads-section {
  margin-top: 40px;
  margin-bottom: 40px;
}

.classified-ads-section .aiz-card-box {
  border-radius: 12px;
  transition: all 0.3s ease;
}

.classified-ads-section .aiz-card-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

/* Smooth Scroll Behavior */
html {
  scroll-behavior: smooth;
}

/* Section Separators */
#section_newest::before,
#section_best_selling::before,
#section_premium_products::before {
  content: '';
  display: block;
  height: 1px;
  /* background: linear-gradient(90deg, transparent 0%, #e0e0e0 50%, transparent 100%);*/
  margin-bottom: 5px;
}

/* Improved Carousel Arrows */
.aiz-carousel .slick-arrow {
  z-index: 10;
  transition: all 0.3s ease;
}

.aiz-carousel .slick-arrow:hover {
  transform: scale(1.1);
}

/* Product Card Hover Effects */
.aiz-card-box {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.aiz-card-box:hover {
  transform: translateY(-8px);
}

/* Loading States */
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

.loading-shimmer {
  animation: shimmer 2s infinite;
  background: linear-gradient(to right, #f0f0f0 8%, #e0e0e0 18%, #f0f0f0 33%);
  background-size: 1000px 100%;
}

/* Responsive Typography Improvements */
@media (max-width: 991px) {
  .productTitle-modern {
    font-size: 20px !important;
  }
  
  .review-title {
    font-size: 18px !important;
  }
}

@media (max-width: 575px) {
  .productTitle-modern {
    font-size: 18px !important;
  }
  
  .review-title {
    font-size: 16px !important;
  }
  
  .section-icon-wrapper {
    width: 35px;
    height: 35px;
    margin-right: 10px !important;
  }
  
  .arrow-prev-modern,
  .arrow-next-modern {
    width: 35px;
    height: 35px;
  }
}

/* Additional Homepage Polish */
.container {
  position: relative;
}

/* Improved Section Backgrounds */
#section_newest,
#section_best_selling {    
  padding-top: 10px;
  padding-bottom: 10px;   
  /* background-color: color-mix(in srgb, var(--primary) 30%, transparent);*/
}

/* Better Visual Hierarchy */
.home-banner-area {
  position: relative;
  z-index: 1;
}

/* Improved Button Styles */
.btn-view-all-modern,
.offline-store-card .btn-primary {
  position: relative;
  overflow: hidden;
}

.btn-view-all-modern::before,
.offline-store-card .btn-primary::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.btn-view-all-modern:hover::before,
.offline-store-card .btn-primary:hover::before {
  width: 300px;
  height: 300px;
}

/* Enhanced Card Shadows */
.best-selling-products-wrapper .aiz-card-box,
.premium-products-wrapper .aiz-card-box,
.discounted-products-wrapper .aiz-card-box {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.best-selling-products-wrapper .aiz-card-box:hover,
.premium-products-wrapper .aiz-card-box:hover,
.discounted-products-wrapper .aiz-card-box:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* Smooth Page Transitions */
body {
  transition: opacity 0.3s ease;
}

/* Improved Focus States */
a:focus,
button:focus {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* Better Image Loading */
img {
  transition: opacity 0.3s ease;
}

img[data-src] {
  opacity: 0.7;
}

img.lazyloaded {
  opacity: 1;
}

/* Shopify Style Menu Bar */
.shopify-menu-bar {
  min-height: 50px;
  background: #ffffff !important;
  border-top: 1px solid #e5e5e5 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.shopify-category-btn {
  border-right: 1px solid #e5e5e5;
  transition: all 0.3s ease;
}

.shopify-category-btn:hover {
  background-color: #f8f9fa;
}

.shopify-category-btn .cursor-pointer {
  cursor: pointer;
}

.shopify-main-nav {
  width: 100%;
}

.shopify-nav-list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  padding: 0;
}

.shopify-nav-item {
  margin: 0;
  padding: 0;
}

.shopify-nav-link {
  display: block;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  position: relative;
  border-bottom: 2px solid transparent;
}

.shopify-nav-link:hover {
  color: var(--primary);
  text-decoration: none;
  border-bottom-color: var(--primary);
}

.shopify-nav-link.active {
  color: var(--primary);
  border-bottom-color: var(--primary);
  font-weight: 600;
}

.shopify-nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background-color: var(--primary);
  transition: width 0.3s ease;
}

.shopify-nav-link:hover::after,
.shopify-nav-link.active::after {
  width: 80%;
}

/* Mobile Menu Styles */
.shopify-mobile-menu-toggle button {
  border: none;
  background: transparent;
  color: #333;
}

.shopify-mobile-menu-toggle button:focus {
  outline: none;
  box-shadow: none;
}

.shopify-mobile-link {
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
}

.shopify-mobile-link:hover {
  background-color: #f8f9fa;
  border-left-color: var(--primary);
  color: var(--primary) !important;
  text-decoration: none;
}

.shopify-mobile-link.active {
  background-color: #f8f9fa;
  border-left-color: var(--primary);
  color: var(--primary) !important;
}

/* Category Dropdown Enhancement */
.hover-category-menu {
  background: white;
  border-top: 2px solid var(--primary);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Responsive Styles */
@media (max-width: 1199px) {
  .shopify-nav-link {
    padding: 15px 15px;
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .shopify-menu-bar {
    min-height: 50px;
  }
  
  .shopify-nav-link {
    padding: 15px 12px;
    font-size: 12px;
    letter-spacing: 0.3px;
  }
}

@media (max-width: 767px) {
  .shopify-menu-bar {
    min-height: 50px;
  }
  
  .shopify-category-btn {
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
  
  .shopify-nav-list {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  
  .shopify-nav-link {
    padding: 12px 15px;
    font-size: 12px;
  }
}

/* Smooth Transitions */
.shopify-menu-bar * {
  transition: all 0.3s ease;
}

/* Remove old menu styles that might conflict */
.header_menu_links.hov-bg-black-10 {
  background: transparent !important;
}

.header_menu_links.hov-bg-black-10:hover {
  background: transparent !important;
}

/* Header Inline Menu Styles */
.header-inline-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.header-inline-menu .list-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.header-menu-link {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  position: relative;
  border-bottom: 2px solid transparent;
  opacity: 0.9;
}

.header-menu-link:hover {
  opacity: 1;
  text-decoration: none;
  /* border-bottom-color: rgba(255, 255, 255, 0.8); */
  color: #ffffff !important;
}

.header-menu-link.active {
  opacity: 1;
  /* border-bottom-color: rgba(255, 255, 255, 0.9); */
  font-weight: 600;
  color: #ffffff !important;
}

.header-menu-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: width 0.3s ease;
}

.header-menu-link:hover::after,
.header-menu-link.active::after {
  width: 70%;
}

/* Reduce search icon size */
.logo-bar-area .las.la-search {
  font-size: 18px !important;
}

.logo-bar-area .search-input-box svg {
  width: 18px !important;
  height: 18px !important;
}

/* Make search input box very small - 40px max */
.logo-bar-area .front-header-search {
  max-width: 40px !important;
  min-width: 40px !important;
  width: 40px !important;
  flex-grow: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden;
  transition: all 0.3s ease;
}

.logo-bar-area .front-header-search:hover,
.logo-bar-area .front-header-search:focus-within {
  max-width: 250px !important;
  min-width: 250px !important;
  width: 250px !important;
}

.logo-bar-area .front-header-search > div {
  width: 100% !important;
  max-width: 100% !important;
}

.logo-bar-area .search-input-box {
  max-width: 100% !important;
  width: 100% !important;
}

.logo-bar-area .search-input-box input {
  font-size: 13px !important;
  padding: 8px 35px 8px 12px !important;
  height: 38px !important;
  width: 100% !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.logo-bar-area .front-header-search:hover .search-input-box input,
.logo-bar-area .front-header-search:focus-within .search-input-box input {
  opacity: 1;
}

.logo-bar-area .search-input-box svg {
  width: 18px !important;
  height: 18px !important;
  right: 11px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute;
  pointer-events: none;
  opacity: 1;
  z-index: 2;
}

/* Responsive adjustments for header menu */
@media (max-width: 1199px) {
  .header-menu-link {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }
  
  .logo-bar-area .front-header-search {
    max-width: 40px !important;
    min-width: 40px !important;
    width: 40px !important;
  }
  
  .logo-bar-area .front-header-search:hover,
  .logo-bar-area .front-header-search:focus-within {
    max-width: 200px !important;
    min-width: 200px !important;
    width: 200px !important;
  }
  
  .logo-bar-area .search-input-box input {
    font-size: 12px !important;
    padding: 7px 30px 7px 10px !important;
    height: 36px !important;
  }
}

@media (max-width: 991px) {
  .header-inline-menu {
    display: none !important;
  }
  
  .logo-bar-area .front-header-search {
    max-width: 100% !important;
    min-width: auto !important;
    width: 100% !important;
    flex-grow: 1 !important;
  }
  
  .logo-bar-area .front-header-search:hover,
  .logo-bar-area .front-header-search:focus-within {
    max-width: 100% !important;
    min-width: auto !important;
    width: 100% !important;
  }
  
  .logo-bar-area .search-input-box input {
    opacity: 1 !important;
  }
}

/* Reduce category image size in slick-list to show more on screen */
.featured-categories {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
}

.featured-categories .carousel-box {
  flex: 0 0 calc(16.666% - 8.33px) !important;
  max-width: calc(16.666% - 8.33px) !important;
  width: calc(16.666% - 8.33px) !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.featured-categories .carousel-box > a {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-decoration: none !important;
}

.featured-categories .category-image-wrapper,
.featured-categories .img.category-image-wrapper {
  max-width: 200px !important;
  width: 200px !important;
  min-width: 200px !important;
  height: 200px !important;
  min-height: 200px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f8f9fa !important;
  flex-shrink: 0 !important;
  aspect-ratio: 1 / 1 !important;
}

/* Override Bootstrap w-100 class for category image wrapper */
.featured-categories .category-image-wrapper.w-100 {
  width: 200px !important;
  max-width: 200px !important;
}

.featured-categories .category-image,
.featured-categories img.category-image {
  padding: 4px !important;
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  display: block !important;
}

/* Override Bootstrap w-100 and h-100 classes for category image */
.featured-categories .category-image.w-100 {
  width: 100% !important;
}

.featured-categories .category-image.h-100 {
  height: 100% !important;
}

.featured-categories .carousel-box .textsiz {
  font-size: 11px !important;
  margin-top: 10px !important;
}

.featured-categories .carousel-box .textsiz span {
  font-size: 10px !important;
  letter-spacing: 0.5px !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  /* Tablet & iPad mini landscape: 4 per row */
  .featured-categories .carousel-box {
    flex: 0 0 calc(25% - 7.5px) !important;
    max-width: calc(25% - 7.5px) !important;
    width: calc(25% - 7.5px) !important;
  }
  
  .featured-categories .category-image-wrapper,
  .featured-categories .category-image-wrapper.w-100 {
    max-width: 160px !important;
    width: 160px !important;
    min-width: 160px !important;
    height: 160px !important;
    min-height: 160px !important;
  }
}

@media (max-width: 767px) {
  /* Mobile: 3 per row */
  .featured-categories .carousel-box {
    flex: 0 0 calc(33.333% - 6.67px) !important;
    max-width: calc(33.333% - 6.67px) !important;
    width: calc(33.333% - 6.67px) !important;
  }
  
  .featured-categories .category-image-wrapper,
  .featured-categories .category-image-wrapper.w-100 {
    max-width: 130px !important;
    width: 130px !important;
    min-width: 130px !important;
    height: 130px !important;
    min-height: 130px !important;
  }
  
  .featured-categories .carousel-box .textsiz {
    font-size: 10px !important;
    margin-top: 8px !important;
  }
  
  .featured-categories .carousel-box .textsiz span {
    font-size: 9px !important;
  }
}

@media (max-width: 575px) {
  /* Small Mobile: 3 per row */
  .featured-categories .carousel-box {
    flex: 0 0 calc(33.333% - 6.67px) !important;
    max-width: calc(33.333% - 6.67px) !important;
    width: calc(33.333% - 6.67px) !important;
  }
  
  .featured-categories .category-image-wrapper,
  .featured-categories .category-image-wrapper.w-100 {
    max-width: 110px !important;
    width: 110px !important;
    min-width: 110px !important;
    height: 110px !important;
    min-height: 110px !important;
  }
}

.order-summary .table td,
.order-summary .table th {
  padding: 0.5rem;
}