/*
    CSS INDEX
    =========================================
    01. Global CSS Start
    02. Utility - Margin CSS
    03. Utility - Padding CSS
    04. Header CSS
    05. Mini Cart CSS
    06. Slider Area CSS
    07. Footer CSS
    08. Shipping Section CSS
    09. Product Section CSS
    10. Shop Page CSS
    11. Product Details CSS
    12. Cart Page CSS
    13. Checkout Page CSS
    14. Modal CSS
    15. Highlight Section CSS
    16. Shipment Updates CSS
    17. Brand Cards CSS
    18. Category Cards CSS
    19. Blog Section CSS
    20. Blog Details Section CSS
    21. Blog Tags CSS
    22. Home Page (Index) CSS
    23. Shop Product Grid Card CSS
    24. Membership Profile CSS
    25. Membership Card Page CSS
    26. Membership Verify Page CSS

*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*----------------------------------------*/
/*  01. Global CSS Start */
/*----------------------------------------*/

:root {
  --primary-color: var(--body-bg-color);
  --secondary-color: #fbd481;
  --tertiary-color: #33609f;
  --body-bg-color: #26282B;
  --heading-color: #000000;
  --card-color:#31363F;
  --broder-color:#bccde4;
  --footer-bg-color:#31363F;
  --text-color: var(--secondary-color);
  --text-color2:#6c757d;
  --border-color: #ebeced;
  --active-color: #808080;
  --white-color: #ffffff;
  --black-color: #000000;
}

/* Global Button */

.global-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  height: 45px;
  padding: 0 20px;
  background: #000;
  border-radius: 20px;
  position: relative;
  z-index: 9;
  color: #ffffff;
  border: 0;
  font-weight: 600;
}

.global-button::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--white-color);
  border-radius: 20px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-duration: 0.3s;
}

.global-button:focus {
  background: var(--active-color);
  border: inherit;
}

.global-button:hover {
  background: inherit;
  border: 20px;
}

.global-button:hover::before {
  transform: scaleY(1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .global-button {
    font-size: 14px;
    height: 40px;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 767px) {
  .global-button {
    font-size: 14px;
    height: 37px;
    padding: 0 14px;
  }
}

/* Global Title */

.global_title h2 {
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--secondary-color);
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 15px;
}

.global_title h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, var(--secondary-color) 0%, #ffedc2 100%);
}

/* Responsive adjustments for global title */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .global_title h2 {
    font-size: 20px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .global_title h2 {
    font-size: 18px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .global_title h2 {
    font-size: 16px;
    line-height: 18px;
  }
  .global_title {
    margin-bottom: 5px;
  }
}

/* View all */
.view-all {
  font-size: 14px;
  line-height: 24px;
  color: var(--secondary-color);
  font-weight: 500;
}

.view-all:hover {
  color: var(--active-color);
}

/*-- Checkout Page CSS --*/
.checkout_form_input label {
    color: black !important;
    font-weight: 500;
}

.product-row {
    position: relative;
}

.product-info {
    flex: 1;
}

.product-price {
    min-width: 100px;
    text-align: right;
}

.order_table table th {
    white-space: nowrap;
}

.order_table table th.text-right {
    text-align: right;
}

/*-- Common Style --*/
*, *::after, *::before {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible;
  font-family: "Poppins", sans-serif;
  color: #000000;
  background-color: var(--body-bg-color);
  letter-spacing: 0.02em;
}

/* Keep footer pinned to bottom on short pages */
.site_layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site_page_content {
  flex: 1 0 auto;
}

.site_layout > .footer_widgets {
  margin-top: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
}

h1 {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  line-height: 36px;
}

h3 {
  font-size: 30px;
  line-height: 30px;
}

h4 {
  font-size: 16px;
  line-height: 19px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

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

a, button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  transition: all 0.3s ease 0s;
}

.btn:focus {
  box-shadow: none;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

button, input[type="submit"] {
  cursor: pointer;
}

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

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

figure {
  padding: 0;
  margin: 0;
}

/*--
    - Common Classes
-----------------------------------------*/
.hidden {
  display: none;
}
.container {
  max-width: 1200px;
}

@media only screen and (max-width: 767px) {
  .container {
    max-width: 576px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 100%;
  }
}
/*--
  -  Fonts color
------------------------------*/
/*--
    - Background color
-----------------------------------------*/
/*--
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

/*--
    Scroll Up
-----------------------------------------*/
#scrollUp {
  background: var(--black-color) none repeat scroll 0 0;
  bottom: 165px;
  color: var(--white-color);
  cursor: pointer;
  display: none;
  font-size: 20px;
  height: 45px;
  width: 45px;
  line-height: 39px;
  position: fixed;
  right: 12px;
  text-align: center;
  z-index: 9999;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
}
#scrollUp:hover i {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

/*----------------------------------------*/
/*  02. Utility - Margin CSS */
/*----------------------------------------*/
.mb-135 {
  margin-bottom: 135px;
}

.mb-130 {
  margin-bottom: 130px;
}
.mb-118 {
  margin-bottom: 118px;
}
.mb-96 {
  margin-bottom: 96px;
}
.mb-63 {
  margin-bottom: 63px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-50 {
  margin-bottom: 50px;
}
/*----------------------------------------*/
/*  03. Utility - Padding CSS */
/*----------------------------------------*/
/*----------------------------------------*/
/*  04. Header CSS */
/*----------------------------------------*/
.sticky-header.sticky {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 900ms;
  animation-duration: 900ms;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  border-bottom: 0;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-header.sticky {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .sticky-header.sticky {
    padding: 15px 0;
  }
}

/*header css heer*/

.header_top {
  background: var(--heading-color);
  padding: 5px 55px 5px 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_top {
    padding: 5px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_top {
    padding: 8px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_top {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_top {
    padding: 10px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_top_inner {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_top_inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .header_top_inner {
    flex-direction: column;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_contact_info {
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info {
    margin-bottom: 7px;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info {
    margin-bottom: 7px;
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .header_contact_info {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info ul {
    flex-direction: column;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info ul {
    flex-direction: column;
    text-align: center;
  }
}
.header_contact_info ul li {
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_contact_info ul li {
    margin-right: 13px;
  }
}
@media only screen and (max-width: 575px) {
  .header_contact_info ul li {
    margin-right: 0;
    line-height: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info ul li {
    color: #000000 !important;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info ul li {
    color: #000000 !important;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.header_contact_info ul li i {
  margin-right: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_contact_info ul li i {
    margin-right: 5px;
  }
}
.header_contact_info ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info ul li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info ul li:last-child {
    margin-bottom: 0;
  }
}
.header_contact_info ul li a {
  color: #ffffff;
}
.header_contact_info ul li a:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info ul li a {
    color: #000000;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info ul li a {
    color: #000000;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .free_shipping_text {
    margin-bottom: 7px;
  }
}
@media only screen and (max-width: 575px) {
  .free_shipping_text {
    text-align: center;
  }
}
.free_shipping_text p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .free_shipping_text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .free_shipping_text p {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .free_shipping_text p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .free_shipping_text p {
    font-size: 13px;
    line-height: 22px;
  }
}
.free_shipping_text p a {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 11px;
  border-bottom: 1px solid #fff;
  color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .free_shipping_text p a {
    margin-right: 11px;
  }
}
.header_logo img {
  width: 100px;
  height: 45px;
}
@media only screen and (max-width: 575px) {
  .header_logo img {
    max-width: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_social {
    display: none !important;
    justify-content: center;
    margin: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_social {
    display: none !important;
    justify-content: center;
    margin: 10px 0;
  }
}
.header_social span {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-right: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_social span {
    margin-right: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_social span {
    color: #000000;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .header_social span {
    color: #000000;
    margin-right: 16px;
  }
}
.header_social ul li {
  margin-right: 20px;
}
.header_social ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_social ul li {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .header_social ul li {
    margin-right: 15px;
  }
}
.header_social ul li a {
  font-size: 15px;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_social ul li a {
    color: #000000;
  }
}
@media only screen and (max-width: 767px) {
  .header_social ul li a {
    color: #000000;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_social ul li {
    margin-right: 14px;
  }
}

@media only screen and (max-width: 575px) {
  .header_top_sidebar {
    flex-direction: column;
  }
}

.main_header {
  padding: 10px 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_header {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_header {
    padding: 22px 0;
  }
}
@media only screen and (max-width: 767px) {
  .main_header {
    padding: 20px 0;
  }
}


.main_menu nav > ul > li {
  margin-right: 49px;
  position: relative;
}
.main_menu nav > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li {
    margin-right: 33px;
  }
}
.main_menu nav > ul > li:hover ul.sub_menu {
  visibility: visible;
  opacity: 1;
  top: 62px;
}
.main_menu nav > ul > li > a {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--text-color);
  font-weight: 500;
  padding: 4px 0px;

}

.main_menu nav > ul > li > a:focus {
  color: var(--active-color);
}

.main_menu nav > ul > li > a.active {
  font-weight: 700;
  border: 1px solid var(--tertiary-color);
  padding: 4px 20px;
  border-radius: 20px;
}
.main_menu nav > ul > li ul.sub_menu {
  position: absolute;
  min-width: 190px;
  padding: 18px 20px;
  background: #ffffff;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  right: auto;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: .3s;
  z-index: 99;
  top: 77px;
  text-align: left;
}
.main_menu nav > ul > li ul.sub_menu li a {
  font-size: 13px;
  font-weight: 400;
  display: block;
  line-height: 32px;
  text-transform: capitalize;
}
.main_menu nav > ul > li ul.sub_menu li a:hover {
  color: #6a7964;
}
.header_account i {
  color: var(--secondary-color);
}

.header_account > ul > li {
  margin-right: 29px;
  position: relative;
}
.header_account > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_account > ul > li {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_account > ul > li {
    margin-right: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .header_account > ul > li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .header_account > ul > li {
    margin-right: 14px;
  }
}
.header_account > ul > li > a {
  font-size: 24px;
  display: inline-block;
}
.header_account > ul > li > a:hover {
  color: #6a7964;
}
.header_account > ul > li.account_link > .account-toggle {
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
}
.header_account > ul > li.account_link > .account-toggle:hover {
  color: #6a7964;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_account > ul > li > a {
    font-size: 22px;
  }
  .header_account > ul > li.account_link > .account-toggle {
    font-size: 22px;
  }
}

.header_account > ul > li span.item_count {
  font-size: 12px;
  font-weight: 500;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--tertiary-color);
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  position: absolute;
  top: -7px;
  right: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_account > ul > li span.item_count {
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .header_account > ul > li span.item_count {
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
  }
}
.header_account > ul > li.account_link.is-open ul.dropdown_account_link {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
@media only screen and (max-width: 991px) {
  .account_link {
    display: none;
  }
}

.dropdown_account_link {
  position: absolute;
  background: #fff;
  border: 1px solid #e7ebf2;
  min-width: 205px;
  padding: 8px 0;
  text-align: left;
  top: calc(100% + 14px);
  right: -16px;
  -webkit-transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
  overflow: hidden;
  z-index: 9999;
  border-radius: 10px;
  box-shadow: 0 12px 26px rgba(13, 24, 44, 0.14);
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dropdown_account_link {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .dropdown_account_link {
    left: auto;
    right: 0;
  }
}
.dropdown_account_link li a {
  text-transform: capitalize;
  display: block;
  font-size: 14px;
  white-space: nowrap;
  line-height: 20px;
  color: #141414;
  padding: 10px 18px;
}
.dropdown_account_link li a:hover {
  color: #14213d;
  background: #f7f9fc;
}

.dropdown_account_link .dropdown-logout-item {
  border-top: 1px solid #e7ebf2;
  margin-top: 8px;
  padding-top: 8px;
}

.dropdown_account_link .dropdown-logout-item .dropdown-logout-btn {
  display: block;
  width: 100%;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  text-align: left;
  color: #d9363e;
  padding: 10px 18px !important;
  margin: 0;
}

.dropdown_account_link .dropdown-logout-item .dropdown-logout-btn:hover {
  color: #be2432;
  background: #fff1f2;
}

/*----------------------------------------*/
/*  05. Mini Cart CSS */
/*----------------------------------------*/
.body_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.45);
  transition: 0.3s;
}
.body_overlay.active {
  opacity: 1;
  visibility: visible;
}
.mini_cart {
  position: fixed;
  width: 355px;
  height: 100%;
  padding: 20px 20px 33px;
  background: var(--card-color);
  z-index: 999;
  right: 0;
  top: 0;
  transition: .5s;
  transform: translateX(100%);
  overflow-y: auto;
  box-shadow: 0 0 15px rgba(5, 0, 0, 0.1);
}
.mini_cart.active {
  transform: translateX(0);
}
@media only screen and (max-width: 575px) {
  .mini_cart {
    width: 300px;
  }
}

.cart_close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--secondary-color);
  padding-bottom: 10px;
}

.cart_text h3 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--white-color);
}

.mini_cart_close > a {
  font-size: 25px;
  color: var(--secondary-color);
}

.cart_img {
  width: 90px;
  margin-right: 10px;
  border: 1px solid transparent;
}
.cart_img:hover {
  border-color: #6a7964;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_img {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_img {
    width: 70px;
  }
}

.cart_info {
  width: 63%;
}
.cart_info a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin-bottom: 6px;
  color: var(--white-color);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_info a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_info a {
    font-size: 13px;
  }
}
.cart_info a:hover {
  color: var(--secondary-color);
}
.cart_info p {
  font-size: 12px;
  color: var(--white-color);
}
.cart_info p span {
  font-weight: 600;
}

.cart_remove a {
  font-size: 15px;
  display: block;
  line-height: 20px;
  text-align: center;
  color: var(--secondary-color);
}

.cart_item {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid var(--secondary-color);
  display: flex;
  justify-content: space-between;
}

.mini_cart_table {
  padding: 23px 0;
}

.cart_total {
  display: flex;
  justify-content: space-between;
  color: var(--white-color);
}
.cart_total span {
  font-size: 14px;
  font-weight: 400;
}
.cart_total span.price {
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_total span {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_total span {
    font-size: 13px;
  }
}


/*mini cart css end*/
.page_search_box {
  position: fixed;
  width: 100%;
  background: rgba(255, 255, 255, 0.98);
  z-index: 9999;
  left: 0;
  top: 0;
  transform: translateY(-110%);
  transition: transform .3s ease, opacity .3s ease;
  display: block;
  padding: 26px 0 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.14);
}
.page_search_box.active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.page_search_box form {
  width: 70%;
  margin: 20px auto 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page_search_box form {
    width: 90%;
  }
}
.page_search_box form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;
}
.page_search_box form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}
.page_search_box form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
}
.page_search_box form input:-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}
.page_search_box form input {
  width: 100%;
  background: none;
  height: 50px;
  font-size: 20px;
  color: #000000;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .page_search_box form input {
    width: 90%;
    font-size: 16px;
  }
}
.page_search_box form button {
  position: absolute;
  bottom: 11px;
  right: 0;
  border: 0;
  padding: 0;
  background: none;
  font-size: 20px;
}
.page_search_box form button:hover {
  color: #6a7964;
}
@media only screen and (max-width: 767px) {
  .page_search_box form button {
    font-size: 18px;
  }
}
.page_search_box form p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}
.search_suggestions {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  margin-top: 12px;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
  max-height: 330px;
  overflow-y: auto;
  display: none;
  z-index: 20;
}
.search_suggestions.active {
  display: block;
}
.search_suggestion_item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  color: #1d1d1d;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
  transition: background-color .2s ease;
}
.search_suggestion_item:last-child {
  border-bottom: 0;
}
.search_suggestion_item:hover {
  background-color: #f8f8f8;
}
.search_suggestion_thumb {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  overflow: hidden;
  background: #f2f2f2;
  flex: 0 0 52px;
}
.search_suggestion_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search_suggestion_title {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}
.search_suggestion_empty {
  padding: 12px 14px;
  font-size: 14px;
  color: #4a4a4a;
}

.search_close {
  position: absolute;
  top: 12px;
  right: 100px;
}
@media only screen and (max-width: 767px) {
  .search_close {
    top: 22px;
    right: 30px;
  }
}
.search_close i {
  font-size: 20px;
  cursor: pointer;
  transform: scale(1) rotate(0deg);
  display: inline-block;
  transition: .5s;
}
.search_close i:hover {
  color: #6a7964;
  transform: scale(1.3) rotate(180deg);
}

/*----------------------------------------*/
/*  06. Slider Area CSS */
/*----------------------------------------*/
.slider_section {
  margin-bottom: 0;
}

.single_slider {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  position: relative;
  min-height: 960px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single_slider {
    min-height: 900px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_slider {
    min-height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_slider {
    min-height: 470px;
  }
}
@media only screen and (max-width: 767px) {
  .single_slider {
    min-height: 400px;
  }
}
@media only screen and (max-width: 575px) {
  .single_slider {
    background-position: 14%;
    min-height: 372px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .slider_text {
    padding-left: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text {
    padding-left: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text {
    padding-left: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }
}
.slider_text span {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text span {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text span {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text span {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text span {
    font-size: 13px;
  }
}
.slider_text h1 {
  font-size: 60px;
  line-height: 72px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .slider_text h1 {
    font-size: 56px;
    line-height: 68px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text h1 {
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text h1 {
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text h1 {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 12px;
    padding-right: 200px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text h1 {
    padding-right: 0;
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 8px;
  }
}
.slider_text p {
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text p {
    font-size: 15px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text p {
    font-size: 15px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text p {
    font-size: 14px;
    line-height: 21px;
  }
}

.slick-current .slider_text h1, .slick-current .slider_text span, .slick-current .slider_text a, .slick-current .slider_text p {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.slick-current .slider_text h1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.slick-current .slider_text p {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.slick-current .slider_text a {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.slider_area:hover > button, .slider_area:hover .owl-nav > button {
  opacity: 1;
  visibility: visible;
}

/* Prevent layout break before Owl carousel initializes on page reload */
.slick_slider_activation:not(.owl-loaded) {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 1;
  position: relative;
  isolation: isolate;
  background: #1f232d;
}

.slider_section .slick_slider_activation:not(.owl-loaded) {
  min-height: 480px;
}

.slick_slider_activation:not(.owl-loaded)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(
    110deg,
    rgba(255, 255, 255, 0.05) 8%,
    rgba(255, 255, 255, 0.12) 18%,
    rgba(255, 255, 255, 0.05) 33%
  );
  background-size: 220% 100%;
  animation: sliderSkeletonShimmer 1.35s linear infinite;
}

.slick_slider_activation:not(.owl-loaded)::after {
  content: "Loading...";
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffd27a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 210, 122, 0.35);
  border-radius: 999px;
  padding: 9px 16px;
  animation: sliderLoaderPulse 1s ease-in-out infinite alternate;
}

.slick_slider_activation:not(.owl-loaded) > * {
  opacity: 0;
}

.category_slider.slick_slider_activation:not(.owl-loaded) {
  min-height: 220px;
}

.brand_slider.slick_slider_activation:not(.owl-loaded) {
  min-height: 210px;
}

.shipment_slider.slick_slider_activation:not(.owl-loaded) {
  min-height: 430px;
}

.slick_slider_activation.owl-carousel {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.slick_slider_activation.owl-carousel.owl-loaded {
  height: auto;
  opacity: 1;
  transform: translateY(0);
  background: transparent;
}

/* Fallback if Owl is unavailable: show only first slide, no broken stacking */
.slick_slider_activation.carousel-static-ready {
  height: auto;
  min-height: 0;
  overflow: hidden;
  opacity: 1;
}

.slick_slider_activation.carousel-static-ready > * {
  display: none;
}

.slick_slider_activation.carousel-static-ready > :first-child {
  display: block;
}

@keyframes sliderSkeletonShimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -20% 0;
  }
}

@keyframes sliderLoaderSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes sliderLoaderPulse {
  0% {
    opacity: 0.65;
    transform: translate(-50%, -50%) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.02);
  }
}

@media only screen and (max-width: 991px) {
  .slider_section .slick_slider_activation:not(.owl-loaded) {
    min-height: 380px;
  }

  .shipment_slider.slick_slider_activation:not(.owl-loaded) {
    min-height: 390px;
  }
}

@media only screen and (max-width: 575px) {
  .slider_section .slick_slider_activation:not(.owl-loaded) {
    min-height: 320px;
  }

  .category_slider.slick_slider_activation:not(.owl-loaded) {
    min-height: 190px;
  }

  .brand_slider.slick_slider_activation:not(.owl-loaded) {
    min-height: 180px;
  }

  .shipment_slider.slick_slider_activation:not(.owl-loaded) {
    min-height: 350px;
  }
}

.slider_area > button, .slider_area .owl-nav > button {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 70px;
  z-index: 9;
  width: 50px;
  height: 52px;
  line-height: 57px;
  text-align: center;
  font-size: 24px;
  background: var(--black-color);
  color: var(--white-color);
  border: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
}
.slider_area > button:hover, .slider_area .owl-nav > button:hover {
  background: var(--active-color);
  color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_area > button, .slider_area .owl-nav > button {
    left: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .slider_area > button, .slider_area .owl-nav > button {
    width: 45px;
    height: 48px;
    line-height: 48px;
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area > button, .slider_area .owl-nav > button {
    left: 20px;
    width: 42px;
    height: 44px;
    line-height: 46px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area > button, .slider_area .owl-nav > button {
    left: 20px;
    width: 35px;
    height: 37px;
    line-height: 39px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_area > button, .slider_area .owl-nav > button {
    left: 15px;
    width: 32px;
    height: 34px;
    line-height: 35px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_area > button, .slider_area .owl-nav > button {
    left: 6px;
    width: 26px;
    height: 28px;
    line-height: 31px;
    font-size: 14px;
  }
}
.slider_area > button.next_arrow, .slider_area .owl-nav > button.next_arrow {
  right: 70px;
  left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_area > button.next_arrow, .slider_area .owl-nav > button.next_arrow {
    right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area > button.next_arrow, .slider_area .owl-nav > button.next_arrow {
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area > button.next_arrow, .slider_area .owl-nav > button.next_arrow {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_area > button.next_arrow, .slider_area .owl-nav > button.next_arrow {
    right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_area > button.next_arrow, .slider_area .owl-nav > button.next_arrow {
    right: 6px;
  }
}

/* Global Owl nav alignment: hard-left / hard-right */
.slider_area .owl-nav > button.owl-prev {
  left: 0 !important;
  right: auto !important;
}

.slider_area .owl-nav > button.owl-next {
  right: 0 !important;
  left: auto !important;
}
.slider_area .slick-dots {
  display: flex;
  position: absolute;
  bottom: 57px;
  left: 50%;
  transform: translatex(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area .slick-dots {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_area .slick-dots {
    bottom: 15px;
  }
}
.slider_area .slick-dots li {
  margin-right: 15px;
}
.slider_area .slick-dots li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area .slick-dots li {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_area .slick-dots li {
    margin-right: 8px;
  }
}
.slider_area .slick-dots li.slick-active button {
  background: #000000;
}
.slider_area .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: #b8b8b8;
  text-indent: -99999px;
}

.slider_area .owl-dots {
  display: flex;
  position: absolute;
  bottom: 57px;
  left: 50%;
  transform: translatex(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area .owl-dots {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_area .owl-dots {
    bottom: 15px;
  }
}
.slider_area .owl-dots .owl-dot {
  margin-right: 15px;
}
.slider_area .owl-dots .owl-dot:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area .owl-dots .owl-dot {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_area .owl-dots .owl-dot {
    margin-right: 8px;
  }
}
.slider_area .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: #b8b8b8;
  display: block;
}
.slider_area .owl-dots .owl-dot.active span {
  background: #000000;
}

.owl-item.active .slider_text h1,
.owl-item.active .slider_text span,
.owl-item.active .slider_text a,
.owl-item.active .slider_text p {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

/*----------------------------------------*/
/*  07. Footer CSS */
/*----------------------------------------*/
.footer_widgets {
  padding: 72px 0 0;
  background-color: var(--footer-bg-color);
}
.footer_main_row {
  min-height: 240px;
  align-items: flex-end;
}
.footer_about_block,
.footer_right_panel {
  padding-bottom: 42px;
}
.footer_about_block {
  max-width: 640px;
}
.footer_story_title {
  margin: 0 0 14px;
  font-size: 34px;
  line-height: 1.1;
  color: var(--secondary-color);
  font-weight: 700;
}
.footer_story_text {
  margin: 0;
  max-width: 580px;
  font-size: 16px;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.78);
}
.footer_read_more {
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.2;
  color: var(--text-color);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.footer_read_more:hover {
  color: var(--white-color);
}
.footer_right_panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}
.footer_menu ul li {
  margin-right: 20px;
}
.footer_menu ul li:last-child {
  margin-right: 0;
}
.footer_menu ul li a {
  font-size: 15px;
  line-height: 24px;
  color: var(--text-color);
  text-transform: uppercase;
  font-weight: 400;
}
.footer_menu ul li a:hover {
  color: var(--white-color);
}
.copyright_right p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--white-color);
  font-weight: 400;
}
.copyright_right p + p {
  margin-top: 2px;
}
.copyright_right span {
  color: var(--text-color);
  font-weight: 700;
}
.footer_contact_bar {
  padding: 18px 0 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer_contact_inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
}
.footer_contact_inline a,
.footer_contact_address_inline {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.8);
}
.footer_contact_inline a:hover {
  color: var(--text-color);
}
.footer_contact_sep {
  color: rgba(255, 255, 255, 0.4);
}
@media only screen and (min-width: 992px) {
  .footer_right_column {
    padding-right: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_widgets {
    padding: 56px 0 0;
  }
  .footer_contact_bar {
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }
}
@media only screen and (max-width: 767px) {
  .footer_widgets {
    padding: 48px 0 0;
  }
  .footer_contact_bar {
    padding-bottom: calc(84px + env(safe-area-inset-bottom));
  }
}
@media only screen and (max-width: 575px) {
  .footer_widgets {
    padding: 42px 0 0;
  }
}
@media only screen and (max-width: 575px) {
  .footer_widget_list {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_menu ul li {
    margin-right: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_menu ul li {
    margin-right: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_menu ul {
    justify-content: flex-start !important;
  }
  .footer_menu ul li {
    margin-right: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_main_row {
    min-height: 0;
  }
  .footer_story_title {
    font-size: 30px;
  }
  .footer_about_block,
  .footer_right_panel {
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_main_row {
    min-height: 0;
  }
  .footer_about_block,
  .footer_right_panel {
    padding-bottom: 24px;
  }
  .footer_story_title {
    font-size: 28px;
  }
  .footer_story_text {
    font-size: 14px;
    line-height: 1.8;
  }
  .footer_right_panel {
    align-items: flex-start;
    text-align: left;
  }
  .footer_contact_inline {
    justify-content: flex-start;
    gap: 8px;
    text-align: left;
  }
  .footer_contact_inline a,
  .footer_contact_address_inline {
    font-size: 14px;
  }
  .footer_contact_bar {
    padding: 16px 0 18px;
    padding-bottom: calc(84px + env(safe-area-inset-bottom));
  }
}
@media only screen and (max-width: 575px) {
  .footer_story_title {
    font-size: 24px;
  }
  .copyright_right p,
  .footer_contact_inline a,
  .footer_contact_address_inline {
    font-size: 13px;
  }
}

.codifyn{
  color: var(--secondary-color);
  font-weight: 600;
}
.codifyn:hover {
  color:#00B7B5;
}

/*----------------------------------------*/
/*  08. Shipping Section CSS */
/*----------------------------------------*/

.shipping_section {
  padding: 30px 0 0 0;
  background: var(--footer-bg-color);
}

.shipping_inner {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--secondary-color);
}
@media only screen and (max-width: 767px) {
  .shipping_inner {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
  .single_shipping {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    min-width: 140px;
  }
}
@media only screen and (max-width: 575px) {
  .single_shipping {
    width: calc(50% - 10px);
    min-width: 120px;
  }
}

.shipping_text h3 {
  margin-bottom: 9px;
  color: var(--text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.shipping_text h3 a:hover {
  color: #ffb83c;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_text h3 {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_text h3 {
    font-size: 15px;
    line-height: 18px;
  }
}
.shipping_text p {
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_text p {
    font-size: 13px;
  }
}

.shipping_icon {
  margin-right: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_icon {
    margin-right: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_icon {
    margin-right: 15px;
  }
}
.shipping_icon i {
  font-size: 24px;
  color: var(--tertiary-color);
}

/* Banner section styles */
.banner_section{
  padding: 20px 0;
  background: var(--footer-bg-color);
}
.banner {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 20px;
}

.banner-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media only screen and (max-width: 767px) {
  .banner {
    height: 210px;
  }

  .banner-image {
    height: 210px;
  }
}

/*----------------------------------------*/
/*  09. Product Section CSS */
/*----------------------------------------*/
.tab-content > .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
}

.tab-content > .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

/*==========================================
  UNIVERSAL PRODUCT CARD STYLING
  Applies to all product cards across the website
==========================================*/

/* Base product card styling - applies everywhere */
.single_product {
  position: relative;
  margin-bottom: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.single_product figure {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.single_product figure:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.product_thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* Product section spacing */


@media only screen and (max-width: 991px) {
  .product_section {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .product_section {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .product_section {
    margin-bottom: 40px;
  }
}

.product_thumb img {
  transition: opacity 0.7s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transform: scale(1, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.product_content {
  background: var(--card-color);
  transition: ease all 0.4s;
  position: relative;
  padding: 15px 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

@media only screen and (max-width: 575px) {
  .product_content {
    padding: 10px 8px;
  }
}

.product_content h4.product_name {
  color:var(--text-color);
  font-weight: 700;
  line-height: 20px;
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}


@media only screen and (max-width: 575px) {
  .product_content h4.product_name {
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 5px;
    min-height: 36px;
  }
}
.price_box span {
  font-size: 18px;
  line-height: 20px;
}

@media only screen and (max-width: 575px) {
  .price_box span {
    font-size: 14px;
    line-height: 18px;
  }
}

.price_box span.current_price {
  color: #ff2f2f;
}

.price_box span.old_price {
  font-size: 14px;
  color: #999999;
  text-decoration: line-through;
}

/* Simplified hover effects for cleaner design */
.single_product:hover .product_thumb img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.single_product:hover .product_action ul li.quick_view {
  opacity: 1;
  visibility: visible;
}

/* Grid layouts for product containers */
.shop_wrapper,
.product_grid {
  display: flex;
  flex-wrap: wrap;
}

.product_grid .col-lg-3,
.product_grid .col-md-4,
.product_grid .col-sm-6 {
  display: flex;
}

/* Fix container margins */
.product_container.row {
  margin-right: -15px;
  margin-left: -15px;
}

/* Product grid responsive layout */
@media only screen and (max-width: 767px) {
  .product_grid .single_product {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin: 0 0 10px 0;
    padding-left: 3px;
    padding-right: 3px;
  }

  .product_grid {
    margin-left: -3px;
    margin-right: -3px;
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_section.mb-96 {
    margin-bottom: 63px;
  }
}
@media only screen and (max-width: 767px) {
  .product_section.mb-96 {
    margin-bottom: 38px;
  }
}
@media only screen and (max-width: 575px) {
  .product_section.mb-96 {
    margin-bottom: 28px;
  }
}





/* Simplified hover effects for cleaner design */
.single_product:hover .product_thumb img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.single_product:hover .product_action ul li.quick_view {
  opacity: 1;
  visibility: visible;
}


.add_to_cart {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transition: ease all 0.4s;
  opacity: 0;
  transform: translateY(0);
}


.price_box span {
  font-size: 18px;
  line-height: 20px;
}
@media only screen and (max-width: 575px) {
  .price_box span {
    font-size: 14px;
    line-height: 18px;
  }
}
.price_box span.current_price {
  color: var(--white-color);
}
.price_box span.old_price {
  font-size: 14px;
  color: #999999;
  text-decoration: line-through;
}


.product_slick .col {
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .product_slick .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick .col {
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media only screen and (max-width: 575px) {
  .product_slick .col {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 17px;
  }
}
.product_slick .col-lg-3 {
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .product_slick .col-lg-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick .col-lg-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick .col-lg-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick .col-lg-3 {
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media only screen and (max-width: 575px) {
  .product_slick .col-lg-3 {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 17px;
  }
}
.product_slick:hover > button, .product_slick:hover .owl-nav > button {
  left: -60px;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .product_slick:hover > button, .product_slick:hover .owl-nav > button {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick:hover > button, .product_slick:hover .owl-nav > button {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick:hover > button, .product_slick:hover .owl-nav > button {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick:hover > button, .product_slick:hover .owl-nav > button {
    left: 0;
  }
}
.product_slick:hover > button.next_arrow, .product_slick:hover .owl-nav > button.next_arrow {
  right: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .product_slick:hover > button.next_arrow, .product_slick:hover .owl-nav > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick:hover > button.next_arrow, .product_slick:hover .owl-nav > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick:hover > button.next_arrow, .product_slick:hover .owl-nav > button.next_arrow {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick:hover > button.next_arrow, .product_slick:hover .owl-nav > button.next_arrow {
    right: 0;
  }
}
.product_slick > button, .product_slick .owl-nav > button {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  padding: 0;
  border: 0;
  left: -30px;
  background: inherit;
  font-size: 36px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .product_slick > button, .product_slick .owl-nav > button {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick > button, .product_slick .owl-nav > button {
    left: 0;
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick > button, .product_slick .owl-nav > button {
    left: 0;
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick > button, .product_slick .owl-nav > button {
    left: 0;
    font-size: 22px;
  }
}
.product_slick > button:hover, .product_slick .owl-nav > button:hover {
  color: #cccccc;
}
.product_slick > button.next_arrow, .product_slick .owl-nav > button.next_arrow {
  right: -30px;
  left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .product_slick > button.next_arrow, .product_slick .owl-nav > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick > button.next_arrow, .product_slick .owl-nav > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick > button.next_arrow, .product_slick .owl-nav > button.next_arrow {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick > button.next_arrow, .product_slick .owl-nav > button.next_arrow {
    right: 0;
  }
}


.product_action {
  position: absolute;
  top: 17px;
  right: 15px;
}
@media only screen and (max-width: 575px) {
  .product_action {
    top: 12px;
    right: 6px;
  }
}
.product_action ul li {
  padding-bottom: 15px;
  transition: .4s;
}
@media only screen and (max-width: 575px) {
  .product_action ul li {
    padding-bottom: 10px;
  }
}
.product_action ul li:last-child {
  padding-bottom: 0;
}
.product_action ul li.quick_view {
  opacity: 0;
  visibility: hidden;
}
.product_action ul li a {
  font-size: 16px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 42px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
}
.product_action ul li a:hover {
  background: var(--secondary-color);
}
@media only screen and (max-width: 575px) {
  .product_action ul li a {
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 34px;
  }
}

.product_label {
  position: absolute;
  top: 18px;
  left: 18px;
}
@media only screen and (max-width: 575px) {
  .product_label {
    top: 10px;
    left: 8px;
  }
}
.product_label span {
  width: 50px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  color: #ffffff;
  background: #ff2f2f;
}
@media only screen and (max-width: 575px) {
  .product_label span {
    width: 43px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
  }
}

/*----------------------------------------*/
/*  10. Shop Page CSS */
/*----------------------------------------*/
.shop_section {
  padding: 40px 0;
}
.shop_section .container {
  max-width: 1450px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_section {
    padding: 75px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_section {
    padding: 30px 0;
  }
}


.breadcrumb_content {
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_content {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb_content {
    margin-bottom: 30px;
  }
}
.breadcrumb_content ul li {
  display: inline-block;
  text-transform: capitalize;
  font-size: 14px;
  margin-right: 5px;
  padding-right: 17px;
  position: relative;
  color: var(--white-color);
  font-weight: 400;
}
.breadcrumb_content ul li::before {
  position: absolute;
  content: ">";
  right: 0;
  top: 50%;
  transform: translatey(-50%);
}
.breadcrumb_content ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.breadcrumb_content ul li:last-child::before {
  display: none;
}

.breadcrumb_content ul li a:hover {
  color: var(--accent-color);
}

.sidebar_widget {
  padding-right: 33px;
  height: 800px;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 20px;
}

/* Custom scrollbar styling */
.sidebar_widget::-webkit-scrollbar {
  width: 8px;
}

.sidebar_widget::-webkit-scrollbar-track {
  background: transparent;
}

.sidebar_widget::-webkit-scrollbar-thumb {
  background: #007BFF;
  border-radius: 4px;
}

.sidebar_widget::-webkit-scrollbar-thumb:hover {
  background: #0056b3;
}

/* Firefox scrollbar */
.sidebar_widget {
  scrollbar-width: thin;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar_widget {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar_widget {
    padding-right: 0;
    margin-top: 67px;
  }
}

@media only screen and (max-width: 991px) {
  .sidebar_widget {
    padding-right: 0;
    margin-top: 0;
    position: fixed;
    right: 0;
    left: auto;
    top: 0;
    width: 340px;
    max-width: 86%;
    height: 100vh;
    max-height: 100vh;
    background: white;
    z-index: 1050;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    padding: 0;
    border: none;
    border-radius: 0;
  }
  .sidebar_widget.show {
    transform: translateX(0);
  }

  /* Mobile filter header styling */
  .sidebar_widget .sidebar_close {
    position: sticky;
    top: 0;
    background: #6a7964;
    padding: 15px 20px;
    margin-bottom: 0;
    z-index: 10;
    border-bottom: 1px solid #eee;
  }

  .sidebar_widget .sidebar_close .filter-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    margin-right: auto;
    text-transform: capitalize;
  }

  .sidebar_widget .widget_inner {
    padding: 20px;
  }

  /* Mobile filter sections */

  .sidebar_widget .widget_list:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .sidebar_widget .widget_list h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
  }

}

@media only screen and (min-width: 992px) {
  .sidebar_widget {
    display: block;
    position: static;
    height: auto;
    background: transparent;
    z-index: auto;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 20px;
    max-height: 800px;
    overflow-y: auto;
    margin-top: 0;
  }
}

/* Widget list headers */
.widget_list h2,
.widget_list h3 {
  position: relative;
  cursor: pointer;
  padding-right: 0;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}

/* Filter Toggle Button */
.filter-toggle-btn {
  white-space: nowrap;
  border: 1px solid #000000 !important;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  padding: 10px 10px !important;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.filter-toggle-btn:hover {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #FFFFFF !important;
}

.filter-toggle-btn i {
  font-size: 16px;
}

/* Utility class for gap */
.gap-3 {
  gap: 12px;
}

/* Sidebar Close Button */
.sidebar_close {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.sidebar_close .btn-close {
  background: none;
  border: none;
  padding: 0;
  font-size: 24px;
  color: #000000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
}

.sidebar_close .btn-close:hover {
  color: #6a7964;
}
*/

.widget_list {
  margin-bottom: 56px;
}
.widget_list:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget_list {
    margin-bottom: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .widget_list {
    margin-bottom: 35px;
  }
}
.widget_list h2 {
  font-size: 24px;
  line-height: 28px;
  color: var(--white-color);
  font-weight: 400;
  margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget_list h2 {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget_list h2 {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .widget_list h2 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}

.widget_categories > ul > li > a {
  font-size: 14px;
  display: block;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.widget_categories > ul > li > a:hover {
  color: #6a7964;
}
.widget_categories > ul > li.widget_sub_categories > a {
  position: relative;
}
.widget_categories > ul > li ul {
  padding: 3px 0 14px 15px;
}
.widget_categories > ul > li ul li a {
  font-size: 13px;
  line-height: 30px;
  display: block;
  color: #999999;
}
.widget_categories > ul > li ul li a:hover {
  color: #000000;
  text-decoration: underline;
}
.widget_categories > ul > li ul li a:hover span {
  text-decoration: underline;
}
.widget_categories > ul > li ul li a span {
  float: right;
}

.widget_brands h3 {
  cursor: pointer;
}
.widget_brands ul li a {
  font-size: 13px;
  line-height: 30px;
  display: block;
  color: #999999;
}
.widget_brands ul li a:hover {
  text-decoration: underline;
  color: #000000;
}
.widget_brands ul li a:hover span {
  text-decoration: underline;
}
.widget_brands ul li a span {
  float: right;
}

.ui-slider-horizontal .ui-slider-range {
  background: #6a7964;
  height: 3px;
}

.ui-slider-horizontal {
  height: 3px;
  background: #dbdbdb;
  border: none;
  width: 92%;
  margin: 0 auto;
  margin-bottom: 22px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  width: 3px;
  height: 15px;
  top: -7px;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  display: inline-block;
  background: #000000;
  margin-left: 0;
}

.widget_filter {
  overflow: hidden;
}
.widget_filter form {
  padding-top: 10px;
}
.widget_filter form span {
  font-size: 12px;
  font-weight: 400;
  color: var(--white-color);
}
.widget_filter form input {
  background: none;
  border: none;
  font-size: 12px;
  line-height: 31px;
  font-weight: 400;
  width: 100px;
  color: var(--white-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget_filter form input {
    width: 65px;
  }
}

.filter__list {
  margin-bottom: 30px;
}
.filter__list:last-child {
  margin-bottom: 0;
}
.filter__list h3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.widget_size ul li {
  display: inline-block;
  margin-right: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget_size ul li {
    margin-bottom: 5px;
  }
}
.widget_size ul li:last-child {
  margin-right: 0;
}
.widget_size ul li a {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 12px;
  color: var(--black-color);
  font-weight: 500;
  display: inline-block;
  border-radius: 50%;
  background: #f1f1f1;
  border: 1px solid transparent;
}
.widget_size ul li a:hover {
  border-color: #6a7964;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .page_amount {
    margin-bottom: 10px;
  }
}
.page_amount p {
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  color: var(--text-color);
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .page_amount p {
    font-size: 14px;
  }
}
.page_amount p span {
  color: var(--white-color);
  font-weight: 600;
}

.custom-pagination-wrap {
  text-align: center;
  margin-top: 32px;
}

.custom-pagination-list {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-pagination-btn {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--text-color);
  background: var(--black-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: all 0.2s ease;
}

.custom-pagination-btn:hover,
.custom-pagination-btn:focus {
  color: var(--text-color);
  text-decoration: none;
}

.custom-pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media only screen and (max-width: 767px) {
  .custom-pagination-btn {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
}

.pagination_style {
  padding-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pagination_style {
    padding-top: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .pagination_style {
    padding-top: 19px;
  }
}
.pagination_style ul li {
  margin-left: 20px;
}
.pagination_style ul li:first-child {
  margin-left: 0;
}
.pagination_style ul li a {
  display: inline-block;
  font-size: 18px;
  color: #999999;
}
.pagination_style ul li a:hover {
  color: #000000;
}
.pagination_style ul li a.current {
  color: #000000;
  font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_reverse .row {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .shop_reverse .row {
    flex-direction: column-reverse;
  }
}

.shop_page_layout {
  display: grid;
  grid-template-columns: minmax(340px, 380px) minmax(0, 1fr);
  column-gap: 12px;
  align-items: start;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_page_layout {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop_page_layout {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}

.shop_sidebar_col,
.shop_products_col {
  min-width: 0;
}

.shop_sidebar_col .sidebar_widget {
  padding-right: 0;
  margin-top: 0;
  padding: 24px 26px;
}

.shop_toolbar_wrapper {
  grid-column: 1/-1;
  margin: 0 0 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.shop_toolbar_wrapper .toolbar_btn_wrapper {
  min-height: 40px;
}
@media only screen and (max-width: 991px) {
  .shop_toolbar_wrapper {
    margin: 0 0 14px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_toolbar_wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.shop_wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 8px;
  row-gap: 8px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 12px;
}
.shop_wrapper > .shop_product_item {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  min-width: 0;
  display: flex;
}
.shop_wrapper .single_product {
  margin-bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .shop_wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 8px;
    row-gap: 8px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 575px) {
  .shop_wrapper {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_wrapper .product_thumb a img {
    width: 100%;
  }
}
.shop_no_products {
  grid-column: 1/-1;
}

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

.shop_section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.shop_section .container {
  position: relative;
  z-index: 1;
}

.shop_page_layout {
  grid-template-columns: minmax(360px, 385px) minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 12px;
}

.shop_toolbar_wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 4px 0 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

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

.shop_toolbar_wrapper .toolbar_btn_wrapper {
  min-height: 40px;
}

.shop_toolbar_info {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: nowrap;
  align-self: flex-end;
}

.shop_toolbar_info p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 14px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.shop_toolbar_info p span {
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 700;
}

.shop_toolbar_meta {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
}

.shop_toolbar_meta span {
  white-space: nowrap;
}

.shop_toolbar_meta strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
}

.shop_section .filter-toggle-btn {
  border: 1px solid rgba(251, 212, 129, 0.35) !important;
  background: rgba(0, 0, 0, 0.22) !important;
  color: var(--white-color) !important;
  border-radius: 999px;
  padding: 0 16px !important;
  box-shadow: none;
}

.shop_section .filter-toggle-btn:hover {
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: #1b1d20 !important;
}

.shop_section .sidebar_widget {
  position: sticky;
  top: 24px;
  height: auto;
  max-height: calc(100vh - 160px);
  margin-bottom: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(49, 54, 63, 0.98), rgba(34, 37, 42, 0.98));
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
  overflow-y: auto;
  overflow-x: hidden;
}

.shop_section .sidebar_widget::-webkit-scrollbar-thumb {
  background: rgba(251, 212, 129, 0.45);
}

.shop_section .sidebar_widget .widget_inner {
  padding: 26px 28px;
}

.shop_section .sidebar_widget .widget_list {
  margin-bottom: 28px;
}

.shop_section .sidebar_widget .widget_list:last-child {
  margin-bottom: 0;
}

.shop_section .sidebar_widget .widget_list h2,
.shop_section .sidebar_widget .widget_list h3,
.shop_section .sidebar_widget .filter__list h3 {
  margin-bottom: 14px;
  color: var(--white-color);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shop_section .sidebar_widget .widget_list h2::after,
.shop_section .sidebar_widget .widget_list h3::after {
  content: "";
  display: block;
  width: 34px;
  height: 2px;
  margin-top: 10px;
  border-radius: 999px;
  background: rgba(251, 212, 129, 0.75);
}

.shop_section .widget_categories ul,
.shop_section .widget_brands ul {
  display: grid;
  gap: 10px;
}

.shop_section .widget_categories li,
.shop_section .widget_brands li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  transition: border-color 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.shop_section .widget_categories li:hover,
.shop_section .widget_brands li:hover {
  border-color: rgba(251, 212, 129, 0.35);
  background: rgba(251, 212, 129, 0.08);
  transform: translateX(2px);
}

.shop_section .category-checkbox,
.shop_section .brand-checkbox {
  flex: 0 0 auto;
  accent-color: var(--secondary-color);
  width: 16px;
  height: 16px;
  margin: 0;
}

.shop_section .widget_categories label,
.shop_section .widget_brands label {
  flex: 1;
  color: rgba(255, 255, 255, 0.88);
  font-size: 14px;
  line-height: 1.3;
}

.shop_section .widget_categories label span,
.shop_section .widget_brands label span {
  color: rgba(255, 255, 255, 0.58);
}

.shop_section .shop_wrapper {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 8px;
}

.shop_section .shop_wrapper > .shop_product_item {
  display: flex;
}

.shop_section .shop_wrapper .single_product {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(49, 54, 63, 0.92), rgba(39, 42, 48, 0.98));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.shop_section .shop_wrapper .single_product:hover {
  transform: translateY(-6px);
  border-color: rgba(251, 212, 129, 0.35);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
}

.shop_section .shop-product-thumb {
  background: #f4f4f1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.shop_section .shop-product-thumb .primary_img {
  object-fit: cover;
  object-position: center;
}

.shop_section .product_content {
  padding: 8px 8px 10px;
  align-items: flex-start;
  text-align: left;
  background: transparent;
}

.shop_section .shop-product-title,
.shop_section .shop_wrapper .product_content h4.product_name {
  margin-bottom: 6px;
  min-height: 0;
  font-size: 15px;
  line-height: 1.35;
  color: #ffffff;
}

.shop_section .shop-product-title a,
.shop_section .shop_wrapper .product_content h4.product_name a {
  color: #ffffff;
}

.shop_section .shop-product-title a:hover,
.shop_section .shop_wrapper .product_content h4.product_name a:hover {
  color: #ffffff;
}

.shop_section .shop_wrapper .price_box {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.shop_section .shop_wrapper .price_box span {
  font-size: 18px;
  line-height: 1.2;
}

.shop_section .shop_wrapper .price_box span.current_price {
  color: var(--secondary-color);
  font-weight: 700;
}

.shop_section .shop_wrapper .price_box span.old_price {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}

.shop_section .product_action {
  top: 14px;
  right: 14px;
}

.shop_section .product_action ul li a {
  background: rgba(20, 22, 26, 0.86);
  color: var(--white-color);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}

.shop_section .product_action ul li a:hover {
  background: var(--secondary-color);
  color: #17191c;
}

.shop_section .product_label {
  top: 14px;
  left: 14px;
}

.shop_section .product_label span {
  width: auto;
  min-width: 52px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.95);
}

@media only screen and (max-width: 991px) {
  .shop_page_layout {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }

  .shop_section .shop_wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .shop_section .sidebar_widget {
    position: fixed;
    right: 0;
    left: auto;
    top: 0;
    width: 340px;
    max-width: 86%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 24px 0 0 24px;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1050;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .shop_section .sidebar_widget.show {
    transform: translateX(0);
  }

  .shop_section .sidebar_widget .widget_inner {
    height: 100%;
    overflow-y: auto;
  }

}

@media only screen and (max-width: 767px) {
  .shop_page_layout {
    row-gap: 12px;
  }

  .shop_toolbar_wrapper {
    padding: 0 0 12px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }

  .shop_toolbar_top {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
  }

  .shop_toolbar_info {
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    align-self: auto;
  }

  .shop_toolbar_meta {
    gap: 10px;
  }

  .shop_section .shop_wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .shop_section .sidebar_widget {
    border-radius: 24px 0 0 24px;
    background: linear-gradient(180deg, rgba(49, 54, 63, 0.99), rgba(34, 37, 42, 0.99));
  }

  .shop_section .sidebar_widget .sidebar_close {
    background: rgba(0, 0, 0, 0.18);
    padding: 16px 20px;
  }

  .shop_section .sidebar_widget .sidebar_close .btn-close {
    color: var(--white-color);
  }

  .shop_section .sidebar_widget .sidebar_close .btn-close:hover {
    color: var(--secondary-color);
  }

  .shop_section .sidebar_widget .widget_inner {
    padding: 18px 20px 22px;
  }

  .shop_section .product_content {
    padding: 8px 8px 10px;
  }

  .shop_section .shop-product-title,
  .shop_section .shop_wrapper .product_content h4.product_name {
    font-size: 13px;
    line-height: 1.25;
  }

  .shop_section .shop_wrapper .price_box span {
    font-size: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .shop_section .shop_wrapper {
    gap: 8px;
  }

  .shop_section .shop_wrapper .price_box span {
    font-size: 14px;
  }
}

/* End 10. Shop Page CSS */
/*----------------------------------------*/
/*  11. Product Details CSS */
/*----------------------------------------*/
#details-add-to-cart-btn,
#details-buy-now-btn {
    position: relative;
    z-index: 1;
    border-radius: 30px;
    padding: 14px 35px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    font-weight: 600;
    cursor: pointer;
    background: #000;
    color: #fff;
    overflow: hidden;
    transition: all 0.3s ease;
    min-width: 150px;
    text-align: center;
}

#details-add-to-cart-btn::before,
#details-buy-now-btn::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 32px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 10%,
        rgba(255, 255, 255, 0.8) 30%,
        #ffffff 50%,
        rgba(255, 255, 255, 0.8) 70%,
        rgba(255, 255, 255, 0.1) 90%,
        transparent 100%
    );
    background-size: 300% 100%;
    z-index: -1;
    transform: none;
    animation: slideLight 4s ease-in-out infinite;
}

#details-add-to-cart-btn::after,
#details-buy-now-btn::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: inherit;
    border-radius: 28px;
    z-index: -1;
}

#details-buy-now-btn::before {
    animation: slideLight 4s ease-in-out infinite;
}

@keyframes slideLight {
    0% {
        background-position: -100% 50%;
    }
    25% {
        background-position: 100% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    75% {
        background-position: -100% 50%;
    }
    100% {
        background-position: -100% 50%;
    }
}

.breadcrumbs_product {
  padding: 51px 0 83px;
}
.breadcrumbs_product .breadcrumb_content {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_product {
    padding: 30px 0 73px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_product {
    padding: 25px 0 54px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_details.mb-135 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .product_details.mb-135 {
    margin-bottom: 47px;
  }
}

.product_zoom_gallery {
  position: sticky;
  top: 30px;
}

.zoom_tab_img {
  width: 72px;
  margin-right: 15px;
}
.zoom_tab_img .slick-current a.zoom_tabimg_list {
  border: 1px solid #000000;
}
@media only screen and (max-width: 575px) {
  .zoom_tab_img a.zoom_tabimg_list {
    max-width: 70px;
  }
}
@media only screen and (max-width: 575px) {
  .zoom_tab_img {
    width: 240px;
    margin: 15px auto 0;
  }
}

@media only screen and (max-width: 575px) {
  .zoom_gallery_inner {
    flex-direction: column-reverse;
  }
}
.product_d_right {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_d_right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_d_right {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product_d_right {
    padding-left: 0;
    padding-top: 25px;
  }
}
.product_d_right h1 {
  text-transform: capitalize;
  line-height: 20px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--text-color);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_d_right h1 {
    font-size: 17px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .product_d_right h1 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .product_d_right h1 {
    font-size: 17px;
  }
}
.product_d_right .price_box {
  margin-bottom: 28px;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_d_right .price_box {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .product_d_right .price_box {
    margin-bottom: 18px;
  }
}
.product_d_right .price_box span.current_price {
  font-size: 30px;
  line-height: 30px;
  color: var(--white-color);
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_d_right .price_box span.current_price {
    font-size: 23px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .product_d_right .price_box span.current_price {
    font-size: 20px;
  }
}
.product_desc button{
    background: rgba(244, 181, 31, 0.12);
    border-color: rgba(244, 181, 31, 0.22);
    color: rgba(251, 212, 129, 0.98);
}
.product_d_right .product_desc {
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_d_right .product_desc {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .product_d_right .product_desc {
    margin-bottom: 15px;
  }
}
.product_d_right .product_desc p {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
@media only screen and (max-width: 767px) {
  .product_d_right .product_desc p {
    font-size: 13px;
  }
}

.product_availalbe {
  margin-bottom: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_availalbe {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .product_availalbe {
    margin-bottom: 18px;
  }
}
.product_availalbe ul li {
  margin-right: 32px;
  padding-right: 32px;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_availalbe ul li {
    margin-right: 20px;
    padding-right: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .product_availalbe ul li {
    margin-right: 15px;
    padding-right: 15px;
  }
}
.product_availalbe ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.product_availalbe ul li:last-child::before {
  display: none;
}
.product_availalbe ul li i {
  font-size: 18px;
  color: #999999;
  vertical-align: middle;
  margin-right: 8px;
}
.product_availalbe ul li span {
  color: #db0000;
}
.product_availalbe ul li span.stock {
  color: #669900;
}
.product_availalbe ul li::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 14px;
  background: #999999;
  top: 2px;
  right: 0;
}

.pro-qty {
  padding: 0 10px;
}
.pro-qty input {
  border: 0;
  background: inherit;
  width: 34px;
  text-align: center;
  height: 40px;
  font-size: 18px;
  font-weight: 600;
}

.product_variant.quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .product_variant.quantity {
    margin-bottom: 16px;
  }
}
.product_variant.quantity input {
  width: 130px;
  border: 1px solid #ebebeb;
  background: none;
  height: 42px;
  padding: 0 12px;
  border-radius: 5px;
  margin-left: 15px;
}
.size-quantities{
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--text-color);
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_variant.quantity input {
    width: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_variant.quantity input {
    width: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .product_variant.quantity input {
    width: 65px;
    margin-left: 10px;
  }
}
.product_variant.quantity button {
  border: 0;
  font-size: 16px;
  margin-left: 20px;
  background: #6a7964;
  height: 42px;
  line-height: 42px;
  text-transform: capitalize;
  min-width: 270px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_variant.quantity button {
    min-width: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_variant.quantity button {
    min-width: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .product_variant.quantity button {
    min-width: inherit;
    margin-left: 10px;
  }
}
.product_variant.quantity button:hover {
  background: #000000;
}
.product_variant .filter__list {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_variant .filter__list {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .product_variant .filter__list {
    margin-bottom: 13px;
  }
}
.product_variant .filter__list h3 {
  margin-bottom: 0;
  width: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_variant .filter__list h3 {
    width: 126px;
  }
}
@media only screen and (max-width: 767px) {
  .product_variant .filter__list h3 {
    width: 115px;
    font-size: 13px;
  }
}
.product_variant .filter__list.widget_size {
  margin-bottom: 37px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_variant .filter__list.widget_size {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .product_variant .filter__list.widget_size {
    margin-bottom: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_variant .filter__list.widget_size ul li {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 575px) {
  .product_variant .filter__list.widget_size ul li {
    margin-right: 1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_variant .filter__list.widget_size ul li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 575px) {
  .product_variant .filter__list.widget_size ul li a {
    width: 30px;
    height: 32px;
    line-height: 30px;
  }
}

.product_tags {
  margin: 17px 0;
}
.product_tags span {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #000000;
  margin-right: 6px;
  text-transform: uppercase;
}
.product_tags ul li {
  line-height: 18px;
  margin-right: 3px;
}
.product_tags ul li:last-child {
  margin-right: 0;
}
.product_tags ul li a {
  font-size: 14px;
  line-height: 18px;
  color: #999999;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_d_info {
    margin-bottom: 67px;
  }
}
@media only screen and (max-width: 767px) {
  .product_d_info {
    margin-bottom: 57px;
    margin-bottom: 48px;
  }
}

.variant_quantity_btn {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .variant_quantity_btn {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .variant_quantity_btn {
    margin-bottom: 28px;
  }
}
.variant_quantity_btn a.wishlist {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background: #eff1f0;
  font-size: 24px;
  color: #999999;
  margin-left: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .variant_quantity_btn a.wishlist {
    width: 42px;
    height: 42px;
    line-height: 45px;
    margin-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .variant_quantity_btn a.wishlist {
    width: 43px;
    height: 42px;
    line-height: 45px;
    font-size: 21px;
    margin-left: 11px;
  }
}
.variant_quantity_btn button {
  margin-left: 22px;
  font-size: 14px;
  font-weight: 600;
  padding: 0 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .variant_quantity_btn button {
    padding: 0 18px;
    margin-left: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .variant_quantity_btn button {
    line-height: 45px;
    height: 45px;
    padding: 0 11px;
    margin-left: 10px;
  }
}
.variant_quantity_btn button i {
  font-size: 18px;
  margin-right: 4px;
}
.variant_quantity_btn .pro-qty {
  width: 116px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .variant_quantity_btn .pro-qty {
    width: 103px;
  }
}
@media only screen and (max-width: 767px) {
  .variant_quantity_btn .pro-qty {
    width: 97px;
  }
}
.variant_quantity_btn .pro-qty input {
  height: 43px;
  padding: 0 5px;
  width: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .variant_quantity_btn .pro-qty input {
    height: 38px;
    width: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .variant_quantity_btn .pro-qty input {
    padding: 0;
    width: 23px;
  }
}
.variant_quantity_btn .pro-qty a {
  font-size: 18px;
}

.priduct_social span {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  margin-right: 22px;
}
.priduct_social ul li {
  display: inline-block;
  margin-right: 14px;
}
.priduct_social ul li:last-child {
  margin-right: 0;
}
.priduct_social ul li a {
  font-size: 18px;
  color: #999999;
}
.priduct_social ul li a:hover {
  opacity: 0.8;
}

.product_info_button {
  margin-bottom: 29px;
  border-bottom: 1px solid var(--active-color);
}
@media only screen and (max-width: 767px) {
  .product_info_button {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_button ul li {
    margin-bottom: 5px;
  }
  .product_info_button ul li:last-child {
    margin-bottom: 0;
  }
}
.product_info_button ul li a {
  display: block;
  float: left;
  text-transform: capitalize;
  font-size: 18px;
  color: #cccccc;
  margin-right: 35px;
  line-height: 20px;
  position: relative;
  padding-bottom: 15px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_info_button ul li a {
    font-size: 17px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_info_button ul li a {
    font-size: 14px;
    margin-right: 13px;
    line-height: 18px;
    padding-bottom: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_button ul li a {
    margin-right: 20px;
    font-size: 15px;
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
.product_info_button ul li a.active {
  color: var(--text-color);
  font-weight: 600;
}
.product_info_button ul li a.active::before {
  width: 100%;
}
.product_info_button ul li a:hover {
  color: #000000;
}
.product_info_button ul li a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: #000000;
  left: 0;
  bottom: 0;
  transition: .3s;
}
.product_info_button ul li:last-child a {
  margin-right: 0;
}

.product_info_content p {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_info_content p {
    font-size: 13px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_content p {
    font-size: 13px;
    line-height: 22px;
  }
}
.product_info_content ul li {
  font-size: 13px;
  line-height: 36px;
  color: #666666;
  position: relative;
  padding-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_info_content ul li {
    font-size: 13px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_content ul li {
    font-size: 13px;
    line-height: 30px;
  }
}
.product_info_content ul li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #666666;
  top: 50%;
  transform: translatey(-50%);
  left: 0;
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related_products {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .related_products {
    margin-bottom: 30px;
  }
}
/* Related products - using global_title now */
.related_products .product_slick > button, .related_products .product_slick .owl-nav > button {
  top: -64px;
  right: 58px;
  opacity: 1;
  visibility: visible;
  z-index: 9;
  left: auto;
  font-size: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related_products .product_slick > button, .related_products .product_slick .owl-nav > button {
    top: -44px;
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .related_products .product_slick > button, .related_products .product_slick .owl-nav > button {
    top: -42px;
    right: 50px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .related_products .product_slick > button, .related_products .product_slick .owl-nav > button {
    display: none !important;
  }
}
.related_products .product_slick > button.next_arrow, .related_products .product_slick .owl-nav > button.next_arrow {
  right: 18px;
}
.related_products {
  margin-top: 20px;
}

.related_products .single_product {
  margin-bottom: 0;
}

.related_products .single_product figure {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--card-color);
}

.related_products .product_thumb.related-thumb {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  background: var(--card-color);
}

.related_products .product_content {
  padding: 12px 10px 14px;
}

@media only screen and (max-width: 767px) {
  .product_d_info.mb-118 {
    margin-bottom: 30px;
  }

  .product_area.related_products {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .product_area.related_products .single_product {
    margin-bottom: 0;
  }
}

/* Product Details Edit Start: moved from productDetails.blade.php inline style */
.details-main-image {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  border-radius: 6px;
  transition: transform 0.2s ease, transform-origin 0.1s ease;
}

.details-main-image-wrap {
  position: relative;
  width: 100%;
  height: 520px;
  overflow: hidden;
  border-radius: 6px;
  cursor: zoom-in;
  touch-action: pan-y pinch-zoom;
}

.details-main-image-wrap.inline-zoomed {
  touch-action: none;
}

.details-main-image-wrap.desktop-zoom .details-main-image {
  transform: scale(1.9);
}

.details-inline-zoom-controls {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: none;
  gap: 8px;
  z-index: 3;
}

.details-inline-zoom-control {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(17, 31, 58, 0.72);
  color: #fff;
  font-size: 15px;
}

.details-inline-zoom-control:disabled {
  opacity: 0.45;
}

@media (max-width: 991px) {
  .details-inline-zoom-controls {
    display: inline-flex;
  }
}

@media (max-width: 767px) {
  .details-main-image-wrap {
    height: 360px;
  }
}

.details-thumb-btn {
  border: 2px solid #ddd;
  padding: 0;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  display: block;
  aspect-ratio: 1 / 1;
}

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

.details-thumb-btn.active {
  border-color: var(--secondary-color);
}

.details-thumbs {
  position: relative;
  margin-top: 12px;
}

.details-thumbs-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 2px;
}

.details-thumbs-viewport::-webkit-scrollbar {
  display: none;
}

.details-thumbs-track {
  --thumb-gap: 10px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--thumb-gap) * 3)) / 4);
  gap: var(--thumb-gap);
  min-width: 100%;
}

.details-thumbs-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(17, 31, 58, 0.72);
  color: #fff;
  font-size: 18px;
  z-index: 2;
}

.details-thumbs-prev {
  left: -14px;
}

.details-thumbs-next {
  right: -14px;
}

.details-thumbs-nav:disabled {
  opacity: 0.35;
  pointer-events: none;
}

.details-thumbs-indicator {
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.5px;
}

@media (max-width: 767px) {
  .details-thumbs-track {
    --thumb-gap: 8px;
  }

  .details-thumbs-prev {
    left: -8px;
  }

  .details-thumbs-next {
    right: -8px;
  }
}

.related-thumb {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: block;
  height: auto;
  background: var(--card-color);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.related-thumb > a {
  display: block;
  width: 100%;
  height: 100%;
}

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

.related_products .single_product figure {
  background: var(--card-color);
}

.related_products .product_thumb {
  background: var(--card-color);
}

.details-share-list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.details-share-link {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
}

.details-share-link:hover {
  color: #fff;
  opacity: 0.9;
}

.details-share-link.facebook {
  background: #3c5b9b;
}

.details-share-link.messenger {
  background: #0084ff;
}

.details-share-link.whatsapp {
  background: #25d366;
}

.details-share-link.telegram {
  background: #2aabee;
}

.details-share-link.copy {
  background: #5b6778;
  border: 0;
}

.details-share-row {
  margin: 20px 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.details-share-row p {
  font-size: 15px;
  color: var(--text-color);
  margin: 0;
}

.details-out-stock-btn {
  min-width: 180px;
}

.details-size-grid {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

.details-size-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 220px;
  align-items: center;
  gap: 8px;
  background: var(--footer-bg-color);
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 9px 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}

.details-size-row.active {
    --details-border-angle: 0deg;
    position: relative;
    z-index: 1;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid transparent;
    background:
        linear-gradient(var(--footer-bg-color), var(--footer-bg-color)) padding-box,
        conic-gradient(
            from var(--details-border-angle),
            rgba(251, 212, 129, 0.12) 0deg 342deg,
            rgba(251, 212, 129, 0.45) 348deg,
            #fff0c2 152deg,
            #fbd481 156deg,
            rgba(251, 212, 129, 0.12) 360deg
        ) border-box;
    box-shadow: 0 0 14px rgba(251, 212, 129, 0.16);
    animation: slideBorder 10s linear infinite;
}

.details-size-row.active > * {
    position: relative;
    z-index: 1;
}

.details-size-row.active::before {
    content: none;
}

.details-size-row.active::after {
    content: none;
}

@property --details-border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes slideBorder {
    0% {
        --details-border-angle: 0deg;
    }
    100% {
        --details-border-angle: 360deg;
    }
}

.details-size-serial {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: var(--white-color);
  background: var(--primary-color);
}

.details-size-name {
  font-size: 15px;
  font-weight: 700;
  color: var(--white-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.details-size-price {
  font-size: 18px;
  font-weight: 700;
  color: var(--white-color);
  white-space: nowrap;
}

.details-size-price-wrap {
  display: grid;
  justify-items: end;
  line-height: 1.1;
}

.details-size-qty-ctrl {
  display: grid;
  grid-template-columns: 34px minmax(40px, 1fr) 34px;
  align-items: center;
  gap: 5px;
}

.details-size-qty-btn {
  border: 1px solid #bcc8d6;
  background: #ffffff;
  border-radius: 8px;
  height: 32px;
  font-size: 16px;
  font-weight: 700;
  color: #111f3a;
}

.details-size-qty-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.details-size-qty {
  height: 32px;
  border-radius: 8px;
  background: var(--primary-color);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-color);
}

.details-size-qty[type=number] {
  appearance: textfield;
}

.details-size-qty[type=number]::-webkit-outer-spin-button,
.details-size-qty[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.details-action-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.details-action-card button,
.details-action-card .wishlist {
  margin-left: 0 !important;
}

.details-action-card .wishlist {
  width: auto;
  height: auto;
  line-height: 1;
  border-radius: 0;
  background: transparent !important;
  border: 0;
  padding: 0 4px;
  color: #6b7280;
}

@media (max-width: 767px) {
  .details-size-row {
    grid-template-columns: 24px minmax(0, 1fr) auto 112px;
    gap: 6px;
    padding: 7px 8px;
  }

  .details-size-price {
    font-size: 16px;
  }

  .details-size-name {
    font-size: 15px;
  }

  .details-size-qty-ctrl {
    grid-template-columns: 30px minmax(38px, 1fr) 30px;
    gap: 4px;
  }

  .details-size-qty-btn,
  .details-size-qty {
    height: 30px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .details-size-row {
    grid-template-columns: 20px minmax(0, 1fr) auto 96px;
    gap: 4px;
    padding: 6px;
  }

  .details-size-serial {
    width: 20px;
    height: 20px;
    font-size: 9px;
  }

  .details-size-name {
    font-size: 13px;
  }

  .details-size-price {
    font-size: 14px;
  }

  .details-size-qty-ctrl {
    grid-template-columns: 28px minmax(32px, 1fr) 28px;
    gap: 3px;
  }

  .details-size-qty-btn,
  .details-size-qty {
    height: 26px;
    font-size: 13px;
  }
}
/* Product Details Edit End */

/* Keep related-product cards full width inside each slick slide */
.related_products .product_container .related_product_item {
  display: block;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}

.related_products .product_container .related_product_item .single_product {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

.related_products .product_slick .slick-list {
  margin-left: -12px;
  margin-right: -12px;
}

@media only screen and (max-width: 767px) {
  .related_products .product_container .related_product_item {
    padding-left: 8px;
    padding-right: 8px;
  }

  .related_products .product_slick .slick-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

/* Upsell products - using global_title now */

.contact_page {
  padding:50px 0;
}

.contact_panel {
  border-radius: 22px;
}
.contact_icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  background: var(--primary-color);
  color: var(--white-color);
  font-size: 18px;
  margin:0 20px 0 0;
}
.letter-spacing {
  letter-spacing: 0.18em;
}

/*----------------------------------------*/
/*  12. Cart Page CSS */
/*----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_other {
    padding: 36px 0 65px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_other {
    padding: 25px 0;
  }
}
.breadcrumbs_other .breadcrumb_content {
  margin-bottom: 0;
}

.shopping_cart_area {
  margin-bottom: 177px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_cart_area {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_cart_area {
    margin-bottom: 60px;
  }
}

.cart_page_tabel {
  margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel {
    margin-bottom: 18px;
  }
}
.cart_page_tabel table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table thead {
    display: none !important;
  }
  .cart_page_tabel table tbody tr {
    display: grid !important;
    gap: 12px;
    padding: 18px;
    margin-bottom: 16px;
    text-align: left;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.03);
  }
  .cart_page_tabel table tbody tr:last-child {
    margin-bottom: 0;
  }
  .cart_page_tabel table tbody tr td {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    padding: 0 !important;
    border: 0;
  }
  .js-cart-row {
    grid-template-columns: 88px minmax(0, 1fr) auto;
    grid-template-areas: "media info remove" "price price price" "quantity quantity quantity" "total total total";
  }
  .js-wishlist-row {
    grid-template-columns: 88px minmax(0, 1fr) auto;
    grid-template-areas: "media info remove" "price price price" "action action remove";
  }
  .cart_cell_media {
    grid-area: media;
    display: block !important;
  }
  .cart_cell_info {
    grid-area: info;
    display: block !important;
  }
  .cart_cell_remove {
    grid-area: remove;
    justify-content: flex-end;
    align-items: center !important;
  }
  .cart_cell_price {
    grid-area: price;
  }
  .cart_cell_quantity {
    grid-area: quantity;
  }
  .cart_cell_total {
    grid-area: total;
  }
  .cart_cell_action {
    grid-area: action;
  }
  .cart_cell_price,
  .cart_cell_quantity,
  .cart_cell_total,
  .cart_cell_action {
    padding: 12px 14px !important;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(251, 212, 129, 0.1);
  }
  .cart_cell_price::before,
  .cart_cell_quantity::before,
  .cart_cell_total::before,
  .cart_cell_action::before {
    content: attr(data-label);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.54);
    margin-right: 16px;
    flex: 0 0 auto;
  }
  .cart_product_price,
  .cart_product_quantity,
  .cart_wishlist_actions {
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .cart_price_hint,
  .cart_quantity_hint {
    display: none;
  }
  .cart_product_text {
    width: 100%;
  }
  .cart_product_thumb,
  .cart_wishlist_thumb {
    width: 78px;
    margin: 0;
  }
  .cart_product_text h4 {
    line-height: 1.5;
  }
  .cart_product_text ul li {
    line-height: 1.6;
  }
  .cart_product_quantity input {
    max-width: 78px;
  }
  .cart_wishlist_add_btn {
    width: auto;
    flex: 1 1 auto;
    white-space: nowrap;
    padding: 0 18px;
  }
  .js-wishlist-row .cart_cell_action {
    margin-right: 10px;
  }
  .js-wishlist-row .cart_wishlist_actions {
    justify-content: flex-start;
  }
  .js-wishlist-row .cart_product_remove a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(251, 212, 129, 0.18);
  }
}
.cart_page_tabel table thead tr th {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 15px;
  color: var(--text-color);
}
.cart_wishlist_table table thead tr th:last-child {
  text-align: right;
}
.cart_page_tabel table tbody tr td {
  padding: 28px 0;
}
.cart_wishlist_row td:last-child {
  text-align: right;
}
.cart_page_tabel table tbody tr td:nth-child(1) {
  width: 100px;
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(1) {
    width: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(1) {
    width: 80px;
    margin: 0;
  }
}
.cart_page_tabel table tbody tr td:nth-child(2) {
  padding-left: 37px;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_page_tabel table tbody tr td:nth-child(2) {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(2) {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(2) {
    padding-left: 15px;
  }
}
.cart_page_tabel table tbody tr td:nth-child(3) {
  width: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_page_tabel table tbody tr td:nth-child(3) {
    width: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(3) {
    width: 70px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(3) {
    width: 70px;
  }
}
.cart_page_tabel table tbody tr td:nth-child(4) {
  width: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_page_tabel table tbody tr td:nth-child(4) {
    width: 115px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(4) {
    width: 83px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(4) {
    width: 83px;
  }
}
.cart_page_tabel table tbody tr td:nth-child(5) {
  width: 70px;
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(5) {
    width: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(5) {
    width: 60px;
  }
}
.cart_page_tabel table tbody tr td:nth-child(6) {
  width: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_page_tabel table tbody tr td:nth-child(6) {
    width: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(6) {
    width: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(6) {
    width: 20px;
  }
}
.cart_page_tabel table tbody tr td.product_quantity label {
  font-weight: 600;
  margin-right: 5px;
}
.cart_page_tabel table tbody tr td.product_quantity input {
  width: 60px;
  height: 40px;
  padding: 0 5px 0 10px;
  background: none;
  border: 1px solid #ededed;
  color: var(--secondary-color);
  caret-color: var(--secondary-color);
  font-weight: 600;
}
.cart_product_thumb,
.cart_wishlist_thumb {
  width: 120px;
  border-radius: 14px;
  overflow: hidden;
}
.cart_product_thumb img,
.cart_wishlist_thumb img {
  width: 100%;
  border-radius: 14px;
}
@media only screen and (max-width: 767px) {
  .cart_product_thumb,
  .cart_wishlist_thumb {
    width: 90px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_product_thumb,
  .cart_wishlist_thumb {
    width: 72px;
    margin-bottom: 10px;
  }
}
.cart_wishlist_price {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .cart_wishlist_price {
    align-items: flex-start;
  }
}
.cart_wishlist_add_btn {
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0 24px;
  height: 42px;
  line-height: 40px;
}

.cart_page_tabel table tbody tr.cart_wishlist_row td:nth-child(6) {
  text-align: right;
}

.cart_wishlist_row .cart_product_remove a {
  color: var(--secondary-color);
}

.cart_page_tabel table tbody tr.cart_wishlist_row {
  transition: background-color .3s ease, box-shadow .3s ease;
}
.cart_page_tabel table tbody tr.cart_wishlist_row:hover {
  background: rgba(255, 255, 255, 0.02);
  box-shadow: inset 0 0 0 1px rgba(251, 212, 129, 0.08);
}
.cart_page_tabel table tbody td {
  vertical-align: middle;
}

@media only screen and (max-width: 575px) {
  .cart_product_text {
    width: 100%;
  }
}
.cart_price_hint {
  display: block;
  color: #999999;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.cart_unit_price span:last-child,
.cart_total_price span:last-child {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color);
}
@media only screen and (max-width: 575px) {
  .cart_wishlist_row .cart_product_quantity input {
    width: 74px;
    max-width: 74px;
  }
  .cart_wishlist_row .cart_product_remove a {
    width: auto;
    height: auto;
    background: transparent;
    box-shadow: none;
    border: 0;
  }
}
.cart_product_text h4 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--white-color);
}
@media only screen and (max-width: 767px) {
  .cart_product_text h4 {
    font-size: 14px;
    line-height: 24px;
  }
}
.cart_product_text ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  color: var(--white-color);
}
@media only screen and (max-width: 767px) {
  .cart_product_text ul li {
    font-size: 13px;
    line-height: 25px;
  }
}
.cart_product_text ul li span {
  color: #999999;
}

.cart_product_price span {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
}
.cart_quantity_hint {
  display: none;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #999999;
  margin-bottom: 6px;
}
.cart_price_hint {
  display: none;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #999999;
  margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .cart_product_price span {
    font-size: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_product_price span {
    font-size: 13px;
    line-height: 20px;
  }
  .cart_quantity_hint,
  .cart_price_hint {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .cart_product_remove {
    text-align: center !important;
  }
}

.cart_page_button {
  padding-top: 35px;
}
@media only screen and (max-width: 575px) {
  .cart_page_button {
    flex-direction: column;
  }
}

.shopping_cart_btn a {
  font-size: 14px;
  background: #fff;
  color: #000000;
  padding: 0 37px;
  height: 48px;
  line-height: 46px;
  margin-right: 27px;
}
.shopping_cart_btn a:hover {
  border-color: #6a7964 !important;
}
.shopping_cart_btn a::before {
  background: #6a7964;
}
@media only screen and (max-width: 767px) {
  .shopping_cart_btn a {
    font-size: 13px;
    padding: 0 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .shopping_cart_btn a {
    margin-bottom: 15px;
  }
}
.shopping_cart_btn button {
  font-size: 14px;
  background: #fff;
  color: #000000;
  padding: 0 37px;
  height: 48px;
  line-height: 46px;
}
.shopping_cart_btn button:hover {
  border-color: #6a7964 !important;
}
.shopping_cart_btn button::before {
  background: #6a7964;
}
@media only screen and (max-width: 767px) {
  .shopping_cart_btn button {
    font-size: 13px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 575px) {
  .shopping_cart_btn button {
    margin-bottom: 15px;
  }
}

.shopping_continue_btn button {
  font-size: 14px;
  padding: 0 45px;
  height: 50px;
  line-height: 48px;
}
@media only screen and (max-width: 767px) {
  .shopping_continue_btn button {
    font-size: 13px;
    padding: 0 17px;
    height: 47px;
    line-height: 46px;
  }
}

.shopping_coupon_calculate h3 {
  font-size: 24px;
  line-height: 36px;
  display: block;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 43px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shopping_coupon_calculate h3 {
    font-size: 22px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_coupon_calculate h3 {
    font-size: 20px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_coupon_calculate h3 {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 16px;
    margin-bottom: 30px;
  }
}
.shopping_coupon_calculate h3::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 2px;
  background: #000000;
  right: 0;
  top: 40%;
  transform: translatey(-50%);
}
.shopping_coupon_calculate input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}
.shopping_coupon_calculate input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.shopping_coupon_calculate input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}
.shopping_coupon_calculate input:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.shopping_coupon_calculate input {
  width: 100%;
  font-size: 14px;
  color: #999999;
  font-weight: 400;
  height: 52px;
  line-height: 50px;
  border-radius: 0;
  padding: 0 25px;
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .shopping_coupon_calculate input {
    height: 46px;
    line-height: 46px;
  }
}
.shopping_coupon_calculate button {
  font-size: 14px;
  padding: 0 37px;
  height: 54px;
  line-height: 52px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .shopping_coupon_calculate button {
    font-size: 13px;
    padding: 0 26px;
    height: 43px;
    line-height: 42px;
  }
}
.shopping_coupon_calculate p {
  font-size: 14px;
  line-height: 24px;
  font-style: italic;
  color: #333333;
  margin-bottom: 31px;
  font-weight: 500;
}

.grand_totall_area {
  background: rgba(255, 255, 255, 0.03);
  padding: 37px 42px 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grand_totall_area {
    padding: 37px 30px 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand_totall_area {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .grand_totall_area {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .grand_totall_area {
    padding: 28px 25px 21px;
  }
}
.grand_totall_area > a {
  font-size: 14px;
  line-height: 36px;
  color: #999999;
  display: inline-block;
  margin-top: 12px;
}

.grand_totall_inner {
  padding-bottom: 27px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
  .grand_totall_inner {
    padding-bottom: 20px;
    margin-bottom: 23px;
  }
}

.proceed_checkout_btn a {
  display: block;
  font-size: 14px;
  padding: 0 45px;
  height: 54px;
  line-height: 52px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .proceed_checkout_btn a {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .proceed_checkout_btn a {
    height: 47px;
    line-height: 47px;
  }
}
@media only screen and (max-width: 575px) {
  .proceed_checkout_btn a {
    padding: 0 20px;
  }
}

.cart_subtotal p {
  margin-bottom: 0;
}

.cart_subtotal {
  margin-bottom: 16px;
}
.cart_subtotal p {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: var(--text-color);
  font-weight: 600;
  margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
  .cart_subtotal p {
    font-size: 13px;
  }
}
.cart_subtotal span {
  font-size: 14px;
  line-height: 18px;
  color: var(--text-color);
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .cart_subtotal span {
    font-size: 13px;
  }
}

.cart_grandtotal p {
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  color: var(--text-color);
  font-weight: 600;
  margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
  .cart_grandtotal p {
    font-size: 15px;
    line-height: 20px;
  }
}
.cart_grandtotal span {
  font-size: 18px;
  line-height: 30px;
  color: var(--white-color);
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .cart_grandtotal span {
    font-size: 15px;
    line-height: 20px;
  }
}

/* End 12. Cart Page CSS */
/*----------------------------------------*/
/*  13. Checkout Page CSS */
/*----------------------------------------*/
.user-actions {
  margin-bottom: 37px;
}
@media only screen and (max-width: 767px) {
  .user-actions {
    margin-bottom: 20px;
  }
}
.user-actions h3 {
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  background-color: #eff1ec;
  padding: 15px 10px 15px 30px;
  margin-bottom: 0;
  color: #999999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .user-actions h3 {
    font-size: 13px;
    padding: 15px 10px 15px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .user-actions h3 {
    font-size: 13px;
    padding: 12px 10px 12px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .user-actions h3 {
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
  }
}
.user-actions h3 i {
  font-size: 17px;
}
.user-actions h3 a {
  color: #333333;
}
.user-actions h3 a:hover {
  color: #6a7964;
}

.checkout_info {
  border: 1px solid #cccccc;
  margin-top: 25px;
  padding: 20px 30px;
}
.checkout_info p {
  margin-bottom: 15px;
  font-weight: 400;
  color: #666666;
}
.checkout_info a {
  color: #6a7964;
  margin-top: 15px;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout_info.coupon_info {
    padding: 20px 14px;
  }
}
.checkout_info.coupon_info form {
  display: flex;
  justify-content: center;
}

.checkout_info.coupon_info form input {
  border: 1px solid #cccccc;
  background: none;
  height: 45px;
  width: 220px;
  padding: 0 20px;
  color: #000000;
  border-radius: 0;
  margin-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout_info.coupon_info form input {
    width: 188px;
    margin-right: 13px;
  }
}

.form_group {
  margin-bottom: 20px;
}
.form_group label {
  font-size: 14px;
  line-height: 36px;
  color: #999999;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 6px;
  cursor: pointer;
  display: block;
}
.form_group input {
  border: 1px solid #cccccc;
  background: none;
  height: 45px;
  width: 100%;
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .form_group input {
    width: 100%;
  }
}
.form_group button {
  margin-right: 20px;
}

.form_group input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
@media only screen and (max-width: 767px) {
  .form_group input[type="checkbox"] {
    margin-right: 3px;
  }
}

.form_group.group_3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form_group.group_3 label {
  margin-bottom: 0;
  line-height: 34px;
  cursor: pointer;
}
.form_group.group_3 label:hover {
  color: #6a7964;
}

#checkout_coupon input {
  background: none;
  border: 1px solid #cccccc;
  width: 200px;
  height: 45px;
  font-size: 12px;
  padding: 0 20px;
  color: #000000;
}
#checkout_coupon button {
  width: 130px;
  background: #000000;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  cursor: pointer;
  transition: .3s;
  border: 0;
  height: 45px;
  line-height: 45px;
  border-radius: 3px;
  margin-left: 5px;
}
@media only screen and (max-width: 767px) {
  #checkout_coupon button {
    margin-top: 20px;
  }
}
#checkout_coupon button:hover {
  background: #6a7964;
}
.checkout_form h3 {
  font-size: 24px;
  line-height: 36px;
  color: #000000;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout_form h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout_form h3 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 14px;
  }
}
.checkout_form p {
  font-size: 14px;
  font-weight: 500;
}
.checkout_form p i {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 5px;
}

.checkout_form_input {
  margin-bottom: 10px;
  color: black !important;
  font-weight: 500;
}
.checkout_form_input input {
  border: 1px solid #cccccc;
  background: none;
  height: 54px;
  width: 100%;
  padding: 0 20px;
  color: #000000;
  border-radius: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout_form_input input {
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout_form_input input {
    height: 40px;
  }
}
.checkout_form_input textarea {
  width: 100%;
  height: 144px;
  border: 1px solid #cccccc;
  resize: none;
}
@media only screen and (max-width: 767px) {
  .checkout_form_input textarea {
    height: 110px;
  }
}
.checkout_form_input .select_option {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  border-radius: 0;
  margin-bottom: 10px;
  height: 54px;
  line-height: 52px;
  border: 1px solid #cccccc;
}
.checkout_form_input .checkout-free-delivery-field {
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
  -webkit-appearance: none;
  appearance: none;
  opacity: 1;
  background-color: #f4f7ef;
  -webkit-text-fill-color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout_form_input .select_option {
    height: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout_form_input .select_option {
    height: 40px;
    line-height: 40px;
  }
}
.checkout_form_input .select_option::after {
  top: 56%;
}
.checkout_form_input label {
  font-size: 12px;
  line-height: 36px;
  color: black;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 6px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .checkout_form_input label {
    font-size: 10px;
    line-height: 26px;
  }
}
.checkout_form_input label span {
  color: #ff3333;
}
.checkout_form_input label.righ_0 {
  cursor: pointer;
  font-size: 15px;
  line-height: 27px;
  padding: 5px 10px;
  text-transform: capitalize;
  color: #ffffff;
  background: #000000;
  font-weight: 600;
  transition: .3s;
  margin-bottom: 0;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .checkout_form_input label.righ_0 {
    font-size: 13px;
    line-height: 25px;
    padding: 3px 10px;
  }
}
.checkout_form_input label.righ_0:hover {
  background: #000000;
}

.checkout_form input[type="checkbox"] {
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 10px;
}


.checkout_section {
  margin-bottom: 158px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout_section {
    margin-bottom: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout_section {
    margin-bottom: 60px;
  }
}

.order_table {
  margin-bottom: 35px;
  background: #eff1ec;
  padding: 40px 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_table {
    padding: 20px 20px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .order_table {
    margin-bottom: 20px;
    padding: 15px 18px;
  }
}
.order_table table {
  width: 100%;
  margin-bottom: 25px;
}
.order_table table thead tr th {
  font-size: 14px;
  color: #999999;
  font-weight: 500;
  text-transform: uppercase;
  min-width: 50%;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.order_table table tbody tr td {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  min-width: 50%;
  padding: 15px 0;
}
@media only screen and (max-width: 767px) {
  .order_table table tbody tr td {
    font-size: 13px;
    min-width: 50%;
    padding: 9px 0;
  }
}
.order_table table tfoot tr td {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  min-width: 50%;
  padding: 15px 0 25px;
  border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  .order_table table tfoot tr td {
    font-size: 15px;
    padding: 10px 0 13px;
  }
}
.order_table table tfoot tr.order_total th {
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 500;
  min-width: 50%;
  padding: 25px 0;
  border-bottom: 1px solid #ddd;
}
.order_table table tfoot tr.order_total td {
  font-size: 24px;
  color: #cc3333;
  font-weight: 600;
  min-width: 50%;
  padding: 25px 0;
  border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  .order_table table tfoot tr.order_total td {
    font-size: 15px;
    padding: 10px 0 13px;
  }
}

.panel_radio {
  position: relative;
}
.panel_radio input {
  position: absolute;
  top: 13px;
  transform: translatey(-50%);
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: 18px;
  height: 18px;
}
.panel_radio input:checked ~ .checkmark::before {
  display: block;
}
.panel_radio span {
  background: #fff;
  border: 2px solid #000;
}
.panel_radio span.checkmark {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 12px;
  transform: translatey(-50%);
  transition: .3s;
}
.panel_radio span.checkmark::before {
  left: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000000;
  border-width: 0 2px 2px 0;
  content: "";
  position: absolute;
  display: none;
}

.panel-default {
  margin-bottom: 20px;
}
.panel-default label {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0;
  cursor: pointer;
  padding-left: 32px;
}
@media only screen and (max-width: 767px) {
  .panel-default label {
    font-size: 14px;
  }
}
.panel-default .card-body1 {
  padding-left: 30px;
  padding-top: 14px;
}
@media only screen and (max-width: 767px) {
  .panel-default .card-body1 {
    padding-left: 25px;
    padding-top: 6px;
  }
}
.panel-default .card-body1 p {
  font-size: 13px;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}

.checkout_payment_methods {
  margin-top: 8px;
}

.checkout_payment_option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  margin-bottom: 0;
}

.checkout_payment_option input[type=radio] {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #0d6efd;
  cursor: pointer;
}

.checkout_payment_option_text {
  font-size: 14px;
  font-weight: 600;
  color: #222222;
  text-transform: none;
}

.checkout_payment_option.is-selected {
  border-color: #0d6efd;
  background: #f4f8ff;
}

.bkash_payment_box {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 14px;
  background: #fbfdff;
}

.bkash_payment_title {
  font-size: 16px;
  font-weight: 700;
  color: #111111;
}

.bkash_payment_meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 8px;
}

.bkash_qr_wrap {
  flex: 0 0 120px;
}

.bkash_qr_image {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 6px;
  background: #fff;
}

.bkash_number_wrap {
  flex: 1 1 auto;
}

@media only screen and (max-width: 575px) {
  .bkash_payment_meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .bkash_qr_wrap {
    flex-basis: auto;
  }
}

.place_order_btn a {
  display: block;
  font-size: 18px;
  padding: 0 45px;
  height: 66px;
  line-height: 66px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .place_order_btn a {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .place_order_btn a {
    height: 47px;
    line-height: 47px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .place_order_btn a {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .order_table_right {
    margin-top: 42px;
  }
}

/* professional checkout enhancements */
.checkout_professional_section .checkout_top_notice .user-actions h3 {
  border-radius: 10px;
  border: 1px solid #2f3b53;
  background: linear-gradient(135deg, #151b28, #101623);
  padding: 14px 18px;
  color: #e8edf7;
}
.checkout_professional_section .checkout_top_notice .user-actions h3 .Returning {
  font-weight: 700;
  color: #ffcc66;
}
.checkout_professional_section .coupon_code_input {
  max-width: 280px;
}
.checkout_professional_section .checkout_info.coupon_info {
  margin-top: 12px;
  border: 1px solid #29344a;
  border-radius: 12px;
  padding: 14px;
  background: #121926;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.checkout_professional_section .checkout_coupon_form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.checkout_professional_section .checkout_coupon_form .coupon_code_input {
  flex: 1 1 220px;
  max-width: none;
  margin-bottom: 0;
  background: #0f1520;
  border: 1px solid #3a4661;
  color: #eef3ff;
}
.checkout_professional_section .checkout_coupon_form .coupon_code_input::placeholder {
  color: #95a3bc;
}
.checkout_professional_section .checkout_coupon_form .coupon_code_input:focus {
  border-color: #5b6f95;
  box-shadow: 0 0 0 3px rgba(91, 111, 149, 0.25);
}
.checkout_professional_section .checkout_coupon_apply_btn,
.checkout_professional_section .checkout_coupon_remove_btn {
  min-width: 100px;
  height: 44px;
  border-radius: 9px;
}
.checkout_professional_section .checkout_coupon_apply_btn {
  color: var(--white-color);
  font-weight: 700;
}
.checkout_professional_section .checkout_coupon_apply_btn:hover {
  color: var(--black-color);
  filter: brightness(0.97);
}
.checkout_professional_section .checkout_coupon_remove_btn {
  border-color: #4f5d79;
  color: #c9d4ea;
  background: #1a2232;
}
.checkout_professional_section .checkout_coupon_remove_btn:hover {
  background: #232d42;
  color: #ffffff;
  border-color: #627494;
}
.checkout_professional_section .checkout_coupon_apply_btn:disabled,
.checkout_professional_section .checkout_coupon_remove_btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.checkout_professional_section .checkout_coupon_status {
  min-height: 22px;
  font-weight: 600;
  padding-left: 2px;
}
.checkout_professional_section .checkout_coupon_status.is-muted {
  color: #93a1b9;
}
.checkout_professional_section .checkout_coupon_status.is-success {
  color: #8fd89e;
}
.checkout_professional_section .checkout_coupon_status.is-error {
  color: #ff8a80;
}
.checkout_professional_section .checkout_form_card {
  background: #fff;
  border: 1px solid #e7eadf;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.05);
}
.checkout_professional_section .checkout_form_card h3 {
  margin-bottom: 18px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.checkout_professional_section .checkout_form_card .checkout_form_input label {
  color: #1f2937;
  font-weight: 600;
}
.checkout_professional_section .different_address {
  background: #f5f7f1;
  border: 1px solid #dde4ce;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 16px;
}
.checkout_professional_section .checkout_form_input input,
.checkout_professional_section .checkout_form_input textarea,
.checkout_professional_section .checkout_form_input .select_option {
  border-color: #d8dfc9;
  border-radius: 8px;
  background: #fcfdf9;
}
.checkout_professional_section .checkout_form_input textarea.checkout-address-input {
  height: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout_professional_section .checkout_form_input textarea.checkout-address-input {
    height: 96px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout_professional_section .checkout_form_input textarea.checkout-address-input {
    height: 96px;
  }
}
.checkout_professional_section .checkout_form_input input:focus,
.checkout_professional_section .checkout_form_input textarea:focus,
.checkout_professional_section .checkout_form_input .select_option:focus {
  border-color: #6a7964;
  box-shadow: 0 0 0 3px rgba(106, 121, 100, 0.14);
}
.checkout_professional_section .checkout_form_input textarea {
  line-height: 1.45;
}
.checkout_professional_section .checkout_order_card {
  position: sticky;
  top: 20px;
}
.checkout_professional_section .checkout_form .row {
  align-items: flex-start;
}
.checkout_professional_section .checkout_order_card > h3 {
  background: var(--heading-color);
  font-weight: 400;
  color: var(--white-color);
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
  padding: 14px 18px;
  font-size: 18px;
}
.checkout_professional_section .checkout_order_card .order_table {
  background: #f6f8f2;
  border: 1px solid #e1e7d4;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 18px;
}
.checkout_professional_section .checkout_product_link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}
.checkout_professional_section .checkout_product_image {
  width: 56px;
  height: 56px;
  margin-right: 12px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.checkout_professional_section .order_total td {
  color: #1f7a1f !important;
}
.checkout_professional_section .checkout_order_card .order_table table th,
.checkout_professional_section .checkout_order_card .order_table table td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.checkout_professional_section .delivery-note-marquee {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin: 6px 0 0;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  color: #1f2937;
}
.checkout_professional_section .delivery-note-marquee__track {
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  width: max-content;
  min-width: 200%;
  animation: checkout-delivery-marquee 18s linear infinite;
  animation-delay: -9s;
  will-change: transform;
}
.checkout_professional_section .delivery-note-marquee__track > span {
  flex: 0 0 auto;
}
@keyframes checkout-delivery-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .checkout_professional_section .delivery-note-marquee__track {
    animation: none;
    width: auto;
    min-width: 0;
    transform: none;
  }
}
.checkout_professional_section .place_order_btn .btn {
  width: 100%;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: 0.3px;
}
@media (max-width: 991px) {
  .checkout_professional_section .checkout_order_card {
    position: static;
    margin-top: 0;
  }
  .checkout_professional_section .checkout_form_card {
    padding: 18px;
  }
}
@media (max-width: 767px) {
  .checkout_professional_section .checkout_coupon_apply_btn,
  .checkout_professional_section .checkout_coupon_remove_btn {
    min-width: 88px;
    height: 40px;
  }
}


/* End 13. Checkout Page CSS */
/*----------------------------------------*/
/*  14. Modal CSS */
/*----------------------------------------*/
.modal-dialog.modal-dialog-centered {
  min-width: 1100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .modal-dialog.modal-dialog-centered {
    min-width: 1000px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modal-dialog.modal-dialog-centered {
    min-width: 950px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog.modal-dialog-centered {
    min-width: 730px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-dialog.modal-dialog-centered {
    min-width: 90%;
  }
}

.modal_tab_img {
  text-align: center;
  margin-bottom: 10px;
}
.modal_tab_img img {
  margin: 0 auto;
}

.modal_tab_button ul li a {
  padding: 0;
  border: 1px solid #ededed;
  margin: 0 2px;
}
.modal_tab_button ul li a img {
  width: 100%;
}

.quick-view-modal .modal-dialog {
  max-width: 920px;
}

.quick-view-modal .modal-content {
  position: relative;
  border: 0;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(49, 54, 63, 0.98), rgba(34, 37, 42, 0.98));
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.35);
}

.quick-view-modal .modal_body {
  padding: 0;
}

.quick-view-modal .modal-content button.close {
  position: absolute;
  top: 16px;
  right: 16px;
  left: auto;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: var(--white-color);
  cursor: pointer;
  font-size: 16px;
  z-index: 9;
}

.quick-view-modal .modal-content button.close:hover {
  background: var(--secondary-color);
  color: #1b1d20;
}

.quick-view-body {
  padding: 24px;
}

.quick-view-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 24px;
  align-items: stretch;
}

.quick-view-media {
  min-height: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: #f4f4f1;
}

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

.quick-view-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 4px 6px 0;
}

.quick-view-kicker {
  margin: 0 0 10px;
  color: var(--secondary-color);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.quick-view-copy h2 {
  margin: 0;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 700;
}

.quick-view-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.quick-view-price .new_price {
  color: var(--secondary-color);
  font-size: 22px;
  font-weight: 700;
}

.quick-view-price .old_price {
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
  text-decoration: line-through;
}

.quick-view-description {
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  line-height: 1.7;
}

.quick-view-action {
  align-self: flex-start;
  margin-top: 22px;
}

@media only screen and (max-width: 767px) {
  .quick-view-modal .modal-dialog {
    margin: 18px;
    max-width: calc(100% - 36px);
  }

  .quick-view-modal .modal-content {
    border-radius: 22px;
  }

  .quick-view-body {
    padding: 16px;
  }

  .quick-view-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .quick-view-media {
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 18px;
  }

  .quick-view-media img {
    padding: 10px;
    object-fit: contain;
    background: linear-gradient(180deg, #f7f6f2, #efede8);
  }

  .quick-view-copy {
    padding: 20px;
  }

  .quick-view-kicker {
    margin-bottom: 6px;
    font-size: 10px;
  }

  .quick-view-copy h2 {
    font-size: 20px;
    line-height: 1.2;
  }

  .quick-view-price {
    margin-top: 10px;
    gap: 8px;
  }

  .quick-view-price .new_price {
    font-size: 17px;
  }

  .quick-view-price .old_price {
    font-size: 13px;
  }

  .quick-view-description {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .quick-view-action {
    width: 100%;
    margin-top: 14px;
    text-align: center;
  }

  .quick-view-modal .modal-content button.close {
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    font-size: 14px;
    background: rgba(20, 22, 26, 0.95);
    color: var(--secondary-color);
    z-index: 20;
  }

  .quick-view-modal .modal-content button.close i {
    line-height: 1;
  }
}

@media only screen and (max-width: 575px) {
  .quick-view-modal .modal-dialog {
    margin: 14px;
    max-width: calc(100% - 28px);
  }

  .quick-view-body {
    padding: 14px;
  }

  .quick-view-media {
    aspect-ratio: 16 / 10;
  }

  .quick-view-copy h2 {
    font-size: 19px;
  }

  .quick-view-modal .modal-content button.close {
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
  }
}
/*modal css end*/

/* Mobile Bottom Navigation */
.mobile-bottom-nav {
	  display: none;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: var(--body-bg-color);
	  border-top: 2px solid var(--tertiary-color);
	  z-index: 999;
	  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
	  padding-bottom: constant(safe-area-inset-bottom);
	  padding-bottom: env(safe-area-inset-bottom);
	}

.mobile-nav-items {
    display: flex;
    justify-content: space-around;
    padding: 8px 0;
}

.mobile-nav-item {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  padding: 8px 12px;
	  color: var(--white-color);
	  text-decoration: none;
	  background: transparent;
	  border: 0;
	  -webkit-appearance: none;
	  appearance: none;
	  font: inherit;
	  line-height: 1.2;
	  font-size: 11px;
	  transition: color 0.3s ease;
	  position: relative;
	  cursor: pointer;
}

.mobile-nav-item span {
  white-space: nowrap;
}

.mobile-nav-form {
  margin: 0;
}

.mobile-nav-item:hover {
  color: #007BFF;
  text-decoration: none;
}

.mobile-nav-item.active {
  color: var(--secondary-color);
}

.mobile-nav-item i {
  font-size: 20px;
  margin-bottom: 4px;
}

/* Responsive Design */
@media (max-width: 991px) {
  .mobile-bottom-nav {
    display: block;
    border-radius: 35px 35px 0 0;
  }

}

@media (max-width: 480px) {
  .mobile-nav-item {
    padding: 6px 8px;
    font-size: 10px;
  }

  .mobile-nav-item i {
    font-size: 18px;
  }
}

/*----------------------------------------*/
/*  15. Highlight Section CSS */
/*----------------------------------------*/
.highlight_section {
  padding: 40px 0;
  background-color: var(--footer-bg-color);
}

.highlight_item {
  margin-bottom: 0;
}

.highlight_section .row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.highlight_section .col-lg-4,
.highlight_section .col-md-6 {
  flex: 0 0 calc(33.333% - 5.4px);
  max-width: calc(33.333% - 5.4px);
  padding: 0;
}

.highlight_link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease;
}

.highlight_link:hover {
  transform: translateY(-5px);
  text-decoration: none;
  color: inherit;
}

.highlight_image {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  background-color: transparent;
}

.highlight_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: opacity 0.3s ease;
}

.highlight_link:hover .highlight_image img {
    opacity: 0.9;
}

/* Responsive Design */
@media (max-width: 992px) {
    .highlight_section {
        padding: 30px 0;
    }

    .highlight_section .row {
        gap: 8px;
        margin: 0;
    }

    .highlight_image {
        aspect-ratio: 1/1;
        border-radius: 12px;
    }

    .highlight_section .col-lg-4,
    .highlight_section .col-md-6 {
        flex: 0 0 calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        padding: 0 !important;
    }
}

@media (max-width: 768px) {
    .highlight_section {
        padding: 25px 0;
    }

    .highlight_section .row {
        gap: 6px;
        margin: 0;
    }

    .highlight_item {
        margin-bottom: 0;
    }

    .highlight_section .col-lg-4,
    .highlight_section .col-md-6 {
        flex: 0 0 calc(50% - 3px) !important;
        max-width: calc(50% - 3px) !important;
        padding: 0 !important;
    }

    .highlight_image {
        height: 170px;
        aspect-ratio: auto;
        border-radius: 12px;
        background-color: transparent;
    }
}

@media (max-width: 576px) {
    .highlight_section {
        padding: 20px 0;
    }

    .highlight_image {
        height: 150px;
        aspect-ratio: auto;
        border-radius: 12px;
    }

    .highlight_section .col-lg-4,
    .highlight_section .col-md-6 {
        flex: 0 0 calc(50% - 3px) !important;
        max-width: calc(50% - 3px) !important;
        padding: 0 !important;
    }
}

/*----------------------------------------*/
/*  16. Shipment Updates CSS */
/*----------------------------------------*/
.shipment_updates_area {
  padding: 40px 0;
  background-color: var(--body-bg-color);
}

.shipment_slider {
  padding: 0 15px;
  position: relative;
}

.shipment_slide_item {
  padding: 0 10px;
}
.shipment_card {
  background: var(--card-color);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 480px;
  display: flex;
  flex-direction: column;
}

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

.shipment_image {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 12px 12px 0 0;
  flex-shrink: 0;
}

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

.shipment_card:hover .shipment_image img {
  transform: scale(1.02);
}

.shipment_info {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.customer_name {
  font-size: 16px;
  font-weight: 600;
  color:var(--white-color);
  margin-bottom: 8px;
  line-height: 1.2;
}

.shipment_status {
  margin-bottom: 10px;
}

.status_badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 16px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.status_badge.shipped {
  background: var(--body-bg-color);
  padding: 4px 16px;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
  cursor: pointer;
}

.status_badge.shipped:hover {
    border: 1px solid var(--black-color);

}

.status_badge.delivered {
  background: var(--body-bg-color);
  padding: 4px 16px;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
  cursor: pointer;
}

.status_badge.cancelled {
  background: #dc3545;
  color: #ffffff;
}

.delivery_date {
  font-size: 12px;
  color: var(--white-color);
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}

.delivery_date::before {
  content: ' Date';
  margin-right: 6px;
  font-size: 14px;
}

.delivery_address {
  font-size: 12px;
  color: var(--white-color);
  display: flex;
  align-items: center;
  line-height: 1.2;
}

.delivery_address::before {
  content: ' Address';
  margin-right: 6px;
  font-size: 14px;
}

/*----------------------------------------*/
/*  17. Brand Cards CSS */
/*----------------------------------------*/
.brand_updates_area {
  padding: 40px 0;
  background-color: var(--footer-bg-color);
}

.brand_slider {
  border-radius: 20px;
  padding: 15px 56px;
  position: relative;
}

.brand_slider .owl-nav > button.prev_arrow,
.brand_slider .owl-nav > button.owl-prev {
    left: 0;
}

.brand_slider .owl-nav > button.next_arrow,
.brand_slider .owl-nav > button.owl-next {
    right: 0;
    left: auto;
}

.brand_slider .owl-dots {
    display: none !important;
}

.brand_slide_item {
    padding: 0 10px;
}
.brand_card {
  background: var(--primary-color);
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
  height: 180px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.brand_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: inherit;
}

.brand_image {
    position: relative;
    width: 100%;
    height: 120px;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.brand_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

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

.brand_info {
    padding: 8px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.brand_name {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
    margin-bottom: 0;
    line-height: 1.2;
    text-transform: capitalize;
    letter-spacing: 0.3px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .brand_updates_area {
        padding: 60px 0;
    }

    .brand_slider {
        padding: 10px 42px;
    }

    .brand_slide_item {
        padding: 0 5px;
    }

    .brand_card {
        height: 160px;
    }

    .brand_image {
        height: 105px;
    }

    .brand_info {
        padding: 6px;
    }

    .brand_name {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .brand_updates_area {
        padding: 40px 0;
    }

    .brand_slider {
        padding: 5px 30px;
    }

    .brand_slide_item {
        padding: 0 3px;
    }

    .brand_card {
        height: 140px;
    }

    .brand_image {
        height: 100px;
    }

    .brand_name {
        font-size: 12px;
    }
}

/*----------------------------------------*/
/*  18. Category Cards CSS */
/*----------------------------------------*/
.category_updates_area {
  padding: 40px 0;

}

.category_slider {
  padding: 0 15px;
  position: relative;
  padding: 50px 30px;
  border-radius: 20px;
}

.category_slide_item {
    padding: 0 10px;
}
.category_card {
  background: var(--primary-color);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 2px solid #e9ecef;
  height: 220px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

.category_card:hover {
  transform: translateY(-5px);
  text-decoration: none;
  color: inherit;
}

.category_image {
  position: relative;
  width: 100%;
  height: 140px;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.category_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.3s ease;
}

.category_card:hover .category_image img {
  transform: scale(1.05);
}

.category_info {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.category_name {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 0;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.category_count {
    font-size: 12px;
    color: var(--white-color);
    margin-top: 4px;
}

/* Home categories fixed grid + manual horizontal slide */
.home_category_scroller_wrap {
    position: relative;
    padding: 0 44px;
}

.home_category_grid {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-auto-columns: calc((100% - (16px * 2)) / 3);
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.home_category_grid::-webkit-scrollbar {
    display: none;
}

.home_category_grid_item {
    min-width: 0;
    scroll-snap-align: start;
}

.home_category_grid_item--empty {
    grid-column: 1 / -1;
}

.home_category_nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid var(--broder-color);
    background: var(--card-color);
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.22s ease, transform 0.22s ease, border-color 0.2s ease, color 0.2s ease;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.home_category_nav:hover {
    border-color: var(--secondary-color);
    color: var(--white-color);
}

.home_category_nav:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.home_category_nav--prev {
    left: 0;
}

.home_category_nav--next {
    right: 0;
}

@media (hover: hover) and (pointer: fine) {
    .home_category_scroller_wrap:hover .home_category_nav,
    .home_category_scroller_wrap:focus-within .home_category_nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

@media (hover: none) and (pointer: coarse) {
    .home_category_nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

.home_category_card {
    height: 220px;
    border-radius: 18px;
    border: 1px solid var(--broder-color);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.home_category_card .category_image {
    height: 160px;
}

.home_category_card .category_image img {
    object-fit: contain;
    transform: scale(1.2);
}

.home_category_card:hover .category_image img {
    transform: scale(1.28);
}

/* Responsive Design */
@media (max-width: 768px) {
    .category_updates_area {
        padding: 60px 0;
    }
.category_slider {
        padding: 60px 25px;
        border-radius: 30px;
        border-width: 3px;
    }

    .category_slider {
        padding: 0 10px;
    }

    .category_slide_item {
        padding: 0 5px;
    }

    .category_card {
        height: 220px;
    }

    .category_image {
        height: 110px;
    }

    .category_info {
        padding: 14px;
    }

    .category_name {
        font-size: 15px;
    }

    .category_count {
        font-size: 11px;
    }
}

@media (max-width: 767.98px) {
    .home_category_scroller_wrap {
        --home-cat-card-h: 162px;
        --home-cat-gap: 12px;
        padding: 0 14px;
    }

    .home_category_grid {
        grid-auto-columns: calc((100% - var(--home-cat-gap)) / 2);
        gap: var(--home-cat-gap);
    }

    .home_category_nav {
        width: 30px;
        height: 30px;
        top: calc(var(--home-cat-card-h) + (var(--home-cat-gap) / 2));
        transform: translateY(-50%);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        background: rgba(38, 40, 43, 0.82);
        border-color: var(--broder-color);
        z-index: 4;
    }

    .home_category_nav--prev {
        left: 0;
    }

    .home_category_nav--next {
        left: auto;
        right: 0;
    }

    .home_category_card {
        height: var(--home-cat-card-h);
        border-radius: 16px;
    }

    .home_category_card .category_image {
        height: 110px;
    }

    .home_category_card .category_info {
        min-height: 36px;
        padding: 6px 8px;
    }

    .home_category_card .category_name {
        line-height: 1.15;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .category_updates_area {
        padding: 40px 0;
    }
.category_slider {
        padding: 50px 20px;
        border-radius: 20px;
        border-width: 2px;
    }

    .category_slider {
        padding: 15px 15px;
    }

    .category_slide_item {
        padding: 0 3px;
    }

    .category_card {
        height: 240px;
    }

    .home_category_scroller_wrap {
        --home-cat-card-h: 154px;
        --home-cat-gap: 10px;
        padding: 0 12px;
    }

    .home_category_grid {
        grid-auto-columns: calc((100% - var(--home-cat-gap)) / 2);
        gap: var(--home-cat-gap);
    }

    .home_category_nav {
        top: calc(var(--home-cat-card-h) + (var(--home-cat-gap) / 2));
        width: 28px;
        height: 28px;
    }

    .home_category_card {
        height: var(--home-cat-card-h);
    }

    .home_category_card .category_image {
        height: 105px;
    }

    .home_category_card .category_info {
        min-height: 34px;
        padding: 6px 7px;
    }

    .home_category_card .category_name {
        font-size: 12px;
        line-height: 1.15;
    }

    .category_image {
        height: 150px;
    }

    .category_name {
        font-size: 14px;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .shipment_updates_area {
        padding: 60px 0;
    }
.shipment_slider {
        padding: 0 10px;
    }

    .shipment_slide_item {
        padding: 0 5px;
    }

    .shipment_card {
        height: 400px;
    }

    .shipment_image {
        height: 260px;
    }

    .shipment_info {
        padding: 14px;
    }

    .customer_name {
        font-size: 15px;
    }

    .delivery_date,
    .delivery_address {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .shipment_updates_area {
        padding: 40px 0;
    }
.shipment_slider {
        padding: 0 5px;
    }

    .shipment_slide_item {
        padding: 0 3px;
    }

    .shipment_card {
        height: 420px;
    }

    .shipment_image {
        height: 250px;
    }

    .shipment_info {
        padding: 12px;
    }

    .customer_name {
        font-size: 14px;
    }

    .delivery_date,
    .delivery_address {
        font-size: 10px;
    }
}

/* Category and Sub-category Checkbox Styling */
.widget_sub_categories input[type="checkbox"],
.widget_dropdown_categories input[type="checkbox"],
.brand-checkbox {
  margin-right: 8px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.widget_sub_categories label,
.widget_dropdown_categories label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
}
/* Main Category Styling */
.widget_sub_categories > input[type="checkbox"] {
  margin-right: 8px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

/* Category Toggle Styling */
.category-toggle {
  font-weight: 700;
  font-size: 15px;
  padding: 0;
  display: inline;
  cursor: pointer;
  color: var(--white-color);
  user-select: none;
  position: relative;
  margin-left: 8px;
  text-decoration: none;
}

.category-toggle::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 2px solid var(--white-color);
  border-bottom: 2px solid var(--white-color);
  transform: rotate(-45deg);
  margin-right: 8px;
  transition: transform 0.3s ease;
  vertical-align: middle;
}

.category-toggle.open::before {
  transform: rotate(45deg);
}

.category-toggle:hover {
  color: #333333;
}

.category-checkbox {
  margin-right: 5px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.widget_categories label{
  color:var(--white-color);
}

/* Subcategory Styling */
.widget_dropdown_categories li {
  display: flex;
  align-items: center;
  padding: 4px 0;
  margin-left: 10px;
  font-size: 13px;
}

.widget_dropdown_categories input[type="checkbox"] {
  margin-right: 8px;
  cursor: pointer;
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

.widget_dropdown_categories label {
  flex: 1;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  margin-bottom: 0;
}


/* Brand Checkboxes Styling */
.brand-checkbox {
  margin-right: 8px;
}

.widget_brands label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  font-size: 14px;
  flex: 1;
  color: var(--white-color) ;
}

.widget_brands ul {
  display: block;
  max-height: none;
}

.widget_brands ul li {
  display: flex;
  align-items: center;
  padding: 4px 0;
}

/* Collapse/Expand Handle Styling - Black */
.widget_categories{
    padding-bottom: 20px;
}
.widget_categories h2,
.widget_brands h3,
.filter__list h3 {
  color: var(--white-color);
  font-weight: 600;
  cursor: pointer;
}
/*----------------------------------------*/
/*  Blog CSS Start
/*----------------------------------------*/

/*----------------------------------------*/
/*  19. Blog Section CSS */
/*----------------------------------------*/
.blog_section {
  padding: 40px 0 0 0;
}

.blog-grid .blog-card {
  background: var(--card-color);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog-grid .blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.blog-thumbnail {
    position: relative;
    overflow: hidden;
    height: 250px;
}

.blog-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-card:hover .blog-thumbnail img {
    transform: scale(1.05);
}

.blog-category {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
}

.blog-category .badge {
    font-size: 0.75rem;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
}

.blog-content {
    padding: 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-meta,
.blog-date,
.blog-author {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  font-size: 0.875rem;
  color: var(--white-color);
}

.blog-meta span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.blog-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4;
}

.blog-title a {
  color: var(--white-color);
  text-decoration: none;
  transition: color 0.3s ease;
}

.blog-title a:hover {
  color: var(--text-color);
}

.blog-excerpt {
  color: var(--text-color);
  margin-bottom: 20px;
  flex: 1;
  line-height: 1.6;
}

.read-more {
  border-radius: 25px;
  padding: 8px 20px;
  font-weight: 500;
  transition: all 0.3s ease;
  align-self: flex-start;
  color: var(--white-color);
  border: 1px solid var(--white-color);
}

.read-more:hover {
  background-color: var(--black-color);
  border: none;
  transform: translateX(3px);
}

/*----------------------------------------*/
/*  20. Blog Details Section CSS */
/*----------------------------------------*/
.blog_details_section {
  padding: 80px 0;
  background-color: var(--body-bg-color);
}

.blog_details_content {
    background: var(--card-color);
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.blog_details_thumbnail img {
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.blog_details_meta {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.blog_details_title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-color);
    line-height: 1.3;
    font-family: 'Poppins', sans-serif;
}

.blog_details_text {
  line-height: 1.8;
  color: var(--text-color2);
}

.blog_details_text h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 40px 0 20px;
    color: var(--white-color);
    font-family: 'Poppins', sans-serif;
}

.blog_details_text h3 {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 30px 0 15px;
    color: var(--heading-color);
    font-family: 'Poppins', sans-serif;
}

.blog_details_text h4 {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 25px 0 15px;
    color: var(--heading-color);
    font-family: 'Poppins', sans-serif;
}

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

.blog_details_text .lead {
    font-size: 1.25rem;
    font-weight: 300;
    color: #6c757d;
    margin-bottom: 30px;
}

/* YouTube Video Section */
.youtube_video_section {
    background: var(--body-bg-color);
    border-radius: 15px;
    padding: 30px;
    margin: 40px 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 10px;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*----------------------------------------*/
/*  21. Blog Tags CSS */
/*----------------------------------------*/
.blog_tags .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.blog_tags .badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
    text-decoration: none;
}

.blog_tags .badge:hover {
    background-color: var(--secondary-color) !important;
    color: white !important;
    transform: translateY(-2px);
}

/* Share Buttons */
.share-buttons .btn {
    border-radius: 25px;
    padding: 8px 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.share-buttons .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Sidebar */
.blog_sidebar {
    position: sticky;
    top: 20px;
}

.sidebar_widget {
    background: var(--footer-bg-color);
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}

.widget_title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--text-color);
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding-bottom: 10px;
}

.widget_title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--secondary-color);
    border-radius: 2px;
}

.recent_post_item {
    padding: 15px 0;
    border-bottom: 1px solid var(--body-bg-color);
}

.recent_post_item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.text-muted,
.recent_post_content h6 {
  margin: 0 0 5px 10px;
  font-size: 0.95rem;
}

.recent_post_content h6 a {
  color: var(--text-color2);
  text-decoration: none;
  transition: color 0.3s ease;
}

.recent_post_content h6 a:hover {
    color: var(--secondary-color);
}

/* Responsive Design */
@media (max-width: 991px) {
    .blog_details_title {
        font-size: 2rem;
    }

    .blog_details_content {
        padding: 30px 20px;
    }

    .blog_sidebar {
        margin-top: 50px;
        position: static;
    }
}

@media (max-width: 767px) {

    .blog_details_section {
        padding: 60px 0;
    }

    .blog_details_title {
        font-size: 1.75rem;
    }

    .blog_details_content {
        padding: 20px 15px;
    }

    .blog_details_text h2 {
        font-size: 1.5rem;
    }

    .blog_details_text h3 {
        font-size: 1.25rem;
    }

    .blog_details_text h4 {
        font-size: 1.1rem;
    }

    .youtube_video_section {
        padding: 20px;
        margin: 30px 0;
    }

    .blog-category {
        top: 10px;
        left: 10px;
    }

    .blog-category .badge {
        font-size: 0.65rem;
        padding: 4px 8px;
    }
}

@media (max-width: 576px) {
    .blog-meta {
        flex-direction: column;
        gap: 8px;
    }

    .blog-meta span {
        font-size: 0.8rem;
    }

    .blog-title {
        font-size: 1.1rem;
    }

    .blog-excerpt {
        font-size: 0.9rem;
    }

    .share-buttons .btn {
        font-size: 0.875rem;
        padding: 6px 12px;
        margin-bottom: 8px;
    }

    .blog_details_meta .d-flex {
        flex-wrap: wrap;
        gap: 10px;
    }
}

/*----------------------------------------*/
/*  Blog CSS End
/*----------------------------------------*/
/* Mobile responsiveness improvements */
@media only screen and (max-width: 767px) {
  .widget_categories {
    margin-bottom: 20px;
  }
  .widget_dropdown_categories {
    margin-left: 0 !important;
    display: block !important;
    max-height: none !important;
  }
  .widget_sub_categories > label {
    font-weight: 600;
    padding: 8px 0;
  }
  .filter__list {
    margin-bottom: 20px;
  }
  .filter__list h3 {
    margin-bottom: 12px;
  }
}

/*----------------------------------------*/
/*  Floating Message System CSS
/*----------------------------------------*/

.floating-message-system {
  position: fixed;
  bottom: 100px;
  right: 12px;
  z-index: 1000;
}

.message-toggle-btn {
  width: 45px;
  height: 45px;
  background: linear-gradient(135deg, #080808, #393a3a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(24, 24, 24, 0.3);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.message-toggle-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 25px rgba(88, 88, 88, 0.4);
}

.message-toggle-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(39, 39, 39, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.message-toggle-btn:active::before {
  width: 100px;
  height: 100px;
}

.message-toggle-btn.active {
  background: var(--active-color);
  transform: rotate(180deg);
}

.message-options {
  position: absolute;
  bottom: 0;
  right: 55px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
  pointer-events: none;
}

.message-options.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: all;
}

.message-option {
  display: flex;
  align-items: center;
  color: var(--white-color);
  background: var(--black-color);
  padding: 12px 16px;
  border-radius: 25px;
  text-decoration: none;
  margin-bottom: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  white-space: nowrap;
  min-width: 160px;
  position: relative;
  overflow: hidden;
}

.message-option::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transition: left 0.5s;
}

.message-option:hover::before {
  left: 100%;
}

.message-option:hover {
  color: var(--white-color);
  transform: translateX(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.message-option.whatsapp {
  color: var(--white-color);
  box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.5);
}

.message-option.telegram {
  color: var(--white-color);
  box-shadow: 0 0 0 3px rgba(10, 159, 233, 0.5);
}

.message-option.contact {
  color: var(--white-color);
  box-shadow: 0 0 0 3px rgb(251, 212, 129);
}

.message-option.admin-shortcut-btn {
  background: linear-gradient(135deg, rgba(251, 212, 129, 0.98), rgba(255, 239, 193, 0.96));
  color: #151515;
  box-shadow: 0 0 0 3px rgba(251, 212, 129, 0.28), 0 10px 24px rgba(0, 0, 0, 0.18);
  margin-top: 4px;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.message-option.admin-shortcut-btn:hover {
  color: #151515;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
}

.message-option.admin-shortcut-btn i {
  color: #151515;
}

.message-option.telegram:focus,
.message-option.whatsapp:focus {
  color: var(--white-color);
}

.message-option i {
  font-size: 20px;
  margin-right: 10px;
  width: 24px;
  text-align: center;
}

.message-option.whatsapp i {
  color: #25D366;
}

.message-option.telegram i {
  color: #0088cc;

}

.message-option span {
  font-weight: 500;
  font-size: 14px;
}

/* Animation for message options appearance */
.message-option {
  animation: slideInUp 0.3s ease forwards;
  opacity: 0;
  transform: translateY(20px);
}

.message-options.active .message-option:nth-child(1) {
  animation-delay: 0.1s;
}

.message-options.active .message-option:nth-child(2) {
  animation-delay: 0.2s;
}

@keyframes slideInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Pulse animation for the toggle button */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(15, 15, 15, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

.message-toggle-btn:not(.active) {
  animation: pulse 2s infinite;
}

/*----------------------------------------*/
/*  Enhanced ScrollUp CSS Start
/*----------------------------------------*/

.scrollup-wrapper {
  position: fixed;
  bottom: 160px;
  right: 12px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
}

.scrollup-wrapper.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.scrollup-btn {
  position: relative;
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  background: linear-gradient(135deg, #37383d 0%, #202020 100%);
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(85, 85, 85, 0.4);
  transition: all 0.3s ease;
  font-size: 18px;
}

.scrollup-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(70, 70, 73, 0.6);
  background: linear-gradient(135deg, #2c2c2c 0%, #666769 100%);
}

.scrollup-btn:active {
  transform: translateY(-1px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .scrollup-wrapper {
    bottom: 150px;
  }

  .scrollup-btn {
    font-size: 16px;
  }
}

/* Enhanced ScrollUp CSS End */

.event-page {
  --event-gap: 18px;
  --event-radius: 28px;
  --event-radius-inner: 20px;
  --event-panel-height: 290px;
  --event-panel-height-md: 250px;
  --event-panel-height-sm: 220px;
  padding: 58px 0 74px;
}

.event-board {
  position: relative;
}

.event-board + .event-board {
  margin-top: 44px;
}

.event-board__date-count {
  width: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.event-board__timer {
  display: flex;
  align-items: center;
  gap: 6px;
}

.event-board__time-block {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  padding: 4px 8px;
  border: 1px solid #ccdbee;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.event-board__time-block small {
  display: inline-block;
  margin: 0;
  color: #5f738f;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.event-board__time-block strong {
  display: inline-block;
  color: var(--heading-color);
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}

.event-board__body {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
  gap: var(--event-gap);
}

.event-board__banner,
.event-board__products {
  border: 1px solid transparent;
  border-radius: var(--event-radius);
  background:var(--card-color);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.1);
}

.event-board__banner {
  position: relative;
  height: var(--event-panel-height);
  min-height: var(--event-panel-height);
  overflow: hidden;
}

.event-board__banner-name {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.58);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 11px;
}

.event-board__banner picture,
.event-board__banner img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.event-board__products {
  height: var(--event-panel-height);
  min-height: var(--event-panel-height);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.event-board__products-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  margin: 8px 8px 0;
  border-radius: var(--event-radius-inner);
  background: var(--primary-color);
}

.event-board__products-head .event-board__date-count {
  width: auto;
  min-width: 0;
  flex-shrink: 0;
}

.event-board__products-head .event-board__timer {
  gap: 0;
}

.event-board__products-head .event-board__time-block strong {
  font-size: 15px;
}

.event-board__products-head .event-board__time-block small {
  font-size: 10px;
}

.event-board__products h2 {
  margin: 0;
  padding: 0;
  color: var(--text-color);
  font-size: 15px;
  font-weight: 700;
  text-align: end;
  line-height: 1;
}

.event-board__product-list {
  flex: 1;
  overflow: auto;
  padding: 10px;
  margin: 8px;
  border-radius: var(--event-radius-inner);
  background: var(--primary-color);
}

.event-board__product-list::-webkit-scrollbar {
  width: 8px;
}

.event-board__product-list::-webkit-scrollbar-thumb {
  background: #bccde4;
  border-radius: 999px;
}

.event-board__product-item {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: var(--event-radius-inner);
  background: var(--footer-bg-color);
  color: inherit;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.event-board__product-item + .event-board__product-item {
  margin-top: 9px;
}

.event-board__product-item:hover {
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
  transform: translateY(-2px);
}

.event-board__product-thumb {
  border-radius: 14px;
  background: #edf3fc;
  overflow: hidden;
}

.event-board__product-thumb img {
  width: 100%;
  height: 56px;
  display: block;
  object-fit: cover;
}

.event-board__product-name {
  margin: 0 0 3px;
  color: var(--text-color);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.event-board__product-price {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.event-board__product-current {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 700;
}

.event-board__product-old {
  color: var(--text-color2);
  font-size: 12px;
  text-decoration: line-through;
}

.event-board__empty {
  border: 1px dashed #c8d8ee;
  border-radius: var(--event-radius-inner);
  background: #f5f9ff;
  color: var(--text-color2);
  text-align: center;
  padding: 26px 12px;
}

@media (max-width: 991px) {
  .event-page {
    padding: 46px 0 62px;
  }

  .event-board__body {
    grid-template-columns: 1fr;
  }

  .event-board__banner,
  .event-board__products {
    height: var(--event-panel-height-md);
    min-height: var(--event-panel-height-md);
  }

  .event-board__products-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .event-board__products-head .event-board__date-count {
    width: auto;
  }

  .event-board__products h2 {
    font-size: 28px;
    text-align: start;
  }
}

@media (max-width: 575px) {
  .event-page {
    padding: 38px 0 56px;
  }

  .event-board + .event-board {
    margin-top: 30px;
  }

  .event-board__time-block strong {
    font-size: 14px;
  }

  .event-board__banner,
  .event-board__products {
    height: var(--event-panel-height-sm);
    min-height: var(--event-panel-height-sm);
    border-radius: var(--event-radius-inner);
  }

  .event-board__banner-name {
    font-size: 12px;
  }

  .event-board__products h2 {
    font-size: 24px;
  }
}

/*----------------------------------------*/
/*  22. Home Page (Index) CSS */
/*----------------------------------------*/

/* Home: product card image hover (Best Selling Tools) */
.product_grid .single_product .product_thumb {
  overflow: hidden;
}

.product_grid .single_product .product_thumb .primary_img {
  transition: transform 0.3s ease;
}

.product_grid .single_product:hover .product_thumb .primary_img {
  transform: scale(1.08);
}

/* Home: Best Selling Tools card styling */
.product_section .shop_wrapper > .shop_product_item {
  display: flex;
}

.product_section .shop_wrapper .single_product {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(49, 54, 63, 0.92), rgba(39, 42, 48, 0.98));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.product_section .shop_wrapper .single_product:hover {
  transform: translateY(-6px);
  border-color: rgba(251, 212, 129, 0.35);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
}

.product_section .product_content {
  padding: 8px 8px 10px;
  text-align: left;
  background: transparent;
}

.product_section .shop_wrapper .product_content h4.product_name {
  margin-bottom: 6px;
  min-height: 0;
  font-size: 15px;
  line-height: 1.35;
  color: #ffffff;
}

.product_section .shop_wrapper .product_content h4.product_name a {
  color: #ffffff;
}

.product_section .shop_wrapper .product_content h4.product_name a:hover {
  color: #ffffff;
}

.product_section .shop_wrapper .price_box {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.product_section .shop_wrapper .price_box span {
  font-size: 18px;
  line-height: 1.2;
}

.product_section .shop_wrapper .price_box span.current_price {
  color: var(--secondary-color);
  font-weight: 700;
}

.product_section .shop_wrapper .price_box span.old_price {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}

.product_section .product_action {
  top: 14px;
  right: 14px;
}

.product_section .product_action ul li a {
  background: rgba(20, 22, 26, 0.86);
  color: var(--white-color);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}

.product_section .product_action ul li a:hover {
  background: var(--secondary-color);
  color: #17191c;
}

.product_section .product_label {
  top: 14px;
  left: 14px;
}

.product_section .product_label span {
  width: auto;
  min-width: 52px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.95);
}

@media only screen and (max-width: 991px) {
  .product_section .shop_wrapper .product_content h4.product_name {
    font-size: 13px;
    line-height: 1.25;
  }

  .product_section .shop_wrapper .price_box span {
    font-size: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .product_section .shop_wrapper {
    gap: 8px;
  }

  .product_section .shop_wrapper .price_box span {
    font-size: 14px;
  }
}

/* Home: dynamic slider background image */
.home_dynamic_slide {
  background-image: var(--desktop-slide-bg);
  background-size: cover;
  background-position: center center;
}

/* Home: banner base image behavior */
.banner .banner-image,
.banner picture {
  width: 100%;
  display: block;
}

/* Home: mobile slider/banner adjustments */
@media (max-width: 767px) {
  .home_dynamic_slide {
    background-image: var(--mobile-slide-bg);
    background-position: center top;
  }

  .home_dynamic_slide .slider_text {
    text-align: center;
    margin: 0 auto;
    max-width: 92%;
  }

  .home_dynamic_slide .slider_text p {
    margin-left: auto;
    margin-right: auto;
  }

  .home_dynamic_slide .slider_text .global-button {
    display: inline-flex;
    justify-content: center;
  }

  .banner {
    overflow: hidden;
  }

  .banner .banner-image {
    object-fit: cover;
    object-position: center;
  }
}

/*----------------------------------------*/
/*  23. Shop Product Grid Card CSS */
/*----------------------------------------*/
.shop-product-thumb {
  aspect-ratio: 1 / 1;
  display: block;
  overflow: hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.shop_wrapper .shop-product-thumb > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.shop-product-thumb .primary_img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.single_product:hover .shop-product-thumb .primary_img {
  transform: scale(1.08);
}

.shop-product-title {
  min-height: 0;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.shop_wrapper .product_content h4.product_name {
  min-height: 0;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.shop_wrapper .product_content {
  padding: 12px 10px 8px;
}

.shop_wrapper .price_box {
  padding-bottom: 0;
  margin-bottom: 0;
}

.shop_wrapper .price_box span {
  font-size: 18px;
  line-height: 20px;
}

.shop_wrapper .price_box span.old_price {
  font-size: 14px;
}

@media only screen and (max-width: 575px) {
  .shop-product-title,
  .shop_wrapper .product_content h4.product_name {
    font-size: 13px;
    line-height: 18px;
  }
  .shop_wrapper .price_box span {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .product_grid.shop_wrapper .single_product {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/*----------------------------------------*/
/*  MEMBERSHIP PROFILE CTA (Home Page) */
/*----------------------------------------*/
.membership_profile_cta {
  padding: 0 0 90px;
}

.membership_profile_cta_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 30px 34px;
  border-radius: 26px;
  border: 1px solid rgba(251, 212, 129, .18);
  background: radial-gradient(circle at top right, rgba(251, 212, 129, .16), transparent 28%), linear-gradient(135deg, #2c3036 0%, #25282c 45%, #1d1f22 100%);
  box-shadow: 0 22px 44px rgba(0, 0, 0, .24);
}

.membership_profile_cta_copy {
  max-width: 720px;
}

.membership_profile_cta_kicker {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(251, 212, 129, .12);
  color: var(--secondary-color);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 14px;
}

.membership_profile_cta_copy h2 {
  margin: 0 0 10px;
  color: var(--white-color);
  font-size: 34px;
  line-height: 1.15;
}

.membership_profile_cta_copy p {
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: 15px;
  line-height: 1.7;
}

.membership_profile_cta_action .global-button {
  white-space: nowrap;
}

@media only screen and (max-width: 991px) {
  .membership_profile_cta {
    padding: 0 0 70px;
  }

  .membership_profile_cta_inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  .membership_profile_cta_inner {
    padding: 20px 18px;
  }

  .membership_profile_cta_copy h2 {
    font-size: 24px;
  }

  .membership_profile_cta_action,
  .membership_profile_cta_action .global-button {
    width: 100%;
  }
}