@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
/* Reset */
/* Overlay */
/* Opacity */
/* Mega Menu Container */
/* Menu Left */
/* Deep Menu */
/* Mega Menu Container */
/* Mobile Header */
/* Sidebar User */
/* Sidebar Menu */
/* Responsive */
body {
  background: var(--body);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

a {
  color: var(--accent);
}
a:hover {
  text-decoration: none;
  color: var(--hover);
}

.lag-checkbox input:checked ~ span {
  background: var(--accent);
  border-color: var(--accent);
}
.lag-checkbox label {
  color: var(--grey1);
  font-weight: 500;
}

.actions-item-user {
  margin-left: -20px; /* ihtiyacına göre azalt/arttır */
}



.overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.overlay .spin {
  color: #1c7ad2;
  width: 3rem;
  height: 3rem;
  font-size: 20px;
}

.op-black {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}

.op-black.hide {
  visibility: hidden;
  opacity: 0;
}

.op-black.show {
  visibility: visible;
  opacity: 1;
}

header.desktop {
  background: #fff;
}
header.desktop .header-contact {
  padding: 0.5rem 0;
}
header.desktop .header-contact .call-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
header.desktop .header-contact .call-info .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-weight: 500;
}
header.desktop .header-contact .call-info .item i {
  color: var(--white);
}
header.desktop .header-contact .call-info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-weight: 500;
}
header.desktop .header-contact .call-info a i {
  color: var(--white);
}
header.desktop .header-contact .special-modules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header.desktop .header-contact .social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
header.desktop .header-contact .social-media a {
  font-size: 18px;
  color: var(--white);
}
header.desktop .header-center {
  padding: 0.5rem 0;
}


header.desktop .header-center .logo img {
  width: 200px !important;   /* istediğin sabit değer */
  max-width: none !important;
  height: auto;
  margin-left: 110px !important; 

}



header.desktop .header-center .search form {
  border: none;
  background: var(--white);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  height: 50px;
}
header.desktop .header-center .search form .input-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
header.desktop .header-center .search form .input-box input {
  border: none;
  outline: none;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
}
header.desktop .header-center .search form button {
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
}
header.desktop .header-center .search form button i {
  color: var(--grey1);
  font-size: 28px;
}
header.desktop .header-center .header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: #0036a1;
  border-radius: 6px;
  padding: 5px 10px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-left: auto;
}
header.desktop .header-center .header-actions .actions-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
header.desktop .header-center .header-actions .actions-item-user {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-inline: 10px;
  height: 40px;
  border-radius: 10px;
  border: none;
}
header.desktop .header-center .header-actions .actions-item-user a {
  color: var(--white);
  padding-inline: 10px;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
header.desktop .header-center .header-actions .actions-item-user a .login-icon {
  font-size: 24px;
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu {
  padding: 0;
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu li {
  border-bottom: 1px solid var(--border-grey);
  padding: 5px 10px;
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu li:last-child {
  border-bottom: none;
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu li:hover {
  background: var(--grey4);
}
header.desktop .header-center .header-actions .actions-item-user .dropdown-menu li a {
  font-size: 13px;
  font-weight: 500;
}
header.desktop .header-center .header-actions .actions-item-basket .icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: none;
}
header.desktop .header-center .header-actions .actions-item-basket .icon i {
  font-size: 24px;
  color: var(--white);
}
header.desktop .header-center .header-actions .actions-item-basket .icon .count {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 15px;
  height: 15px;
  background: #ff5700;
  color: white;
  font-size: 10px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
header.desktop .header-center .header-actions .actions-item-basket .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
}
header.desktop .header-center .header-actions .actions-item-basket .name .basket-summary {
  font-size: 11px;
  font-weight: 500;
  color: var(--white);
}
header.desktop .header-center .header-actions .social-media {
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header.desktop .header-center .header-actions .social-media a {
  color: var(--white);
  font-size: 20px;
}
header.desktop .menu {
  background: #0036a1;
}
header.desktop .mega-menu {
  padding: 0;
  position: relative;
}
header.desktop .mega-menu .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
header.desktop .mega-menu .nav-item {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: 56px;
}
header.desktop .mega-menu .nav-item:last-child .nav-link {
  border-right: 0;
}
header.desktop .mega-menu .nav-link {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: var(--white);
  line-height: normal;
  font-weight: 500;
  font-size: 14px;
  padding: 0 15px;
  white-space: unset !important;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  gap: 10px;
}
header.desktop .mega-menu .nav-link .line {
  color: var(--border-grey);
}
header.desktop .mega-menu .nav-link:hover {
  background: transparent;
}
header.desktop .mega-menu .nav-link:hover .line {
  display: none;
}
header.desktop .mega-menu .nav-link:hover::after {
  display: none;
}
header.desktop .mega-menu .nav-link:hover::before {
  display: none;
}
header.desktop .mega-menu .nav-link::after {
  display: none;
}
header.desktop .mega-menu .dropdown {
  position: static;
}
header.desktop .mega-menu .dropdown:hover .nav-link::after {
  display: none;
}
header.desktop .mega-menu .dropdown:hover .nav-link::before {
  display: none;
}
header.desktop .mega-menu .dropdown:hover .dropdown-menu {
  display: block !important;
}
header.desktop .mega-menu .dropdown .dropdown-menu:hover {
  display: block !important;
}
header.desktop .mega-menu .dropdown-menu {
  border-radius: 0;
  background-color: #fff;
  width: 100%;
  left: 0;
  top: 54px;
  position: absolute;
  border-top: 0 !important;
}
header.desktop .navbar-nav .dropdown-category .line {
  margin-left: 5px;
  position: absolute;
  right: 5px;
}
header.desktop .navbar-nav .dropdown-category:hover {
  background: transparent;
}
header.desktop .navbar-nav .dropdown-category:hover .line {
  display: none;
}
header.desktop .dropdown-category .nav-link {
  padding: 0;
}

.mega-menu-container {
  padding: 20px;
  padding: 10px;
}
.mega-menu-container .sub-title {
  color: var(--accent) !important;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  display: block;
}
.mega-menu-container .cat-img {
  height: 400px;
  width: 400px;
}
.mega-menu-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 0;
  margin: 10px;
  float: left;
}
.mega-menu-container ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mega-menu-container ul li a {
  font-size: 14px;
  color: var(--grey1);
  font-weight: 400;
  font-size: 13px;
  color: var(--grey1);
  font-weight: 500;
}
.mega-menu-container ul li a:hover {
  color: var(--accent);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-decoration: none;
}
.mega-menu-container ul li span {
  margin-right: 5px;
}
.mega-menu-container ul li a.sub-title {
  color: var(--grey1);
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
}

.btn-categories i {
  margin-right: 10px;
}

.dropdown-category {
  position: relative;
  height: 56px;
  width: 160px;
}
.dropdown-category .menu-left {
  display: none;
  z-index: 5;
  position: absolute;
  background: #fff;
  border-top: 0;
  height: auto;
  border: 1px solid var(--border-grey);
  max-height: 441px;
  overflow-y: auto;
}
.dropdown-category:hover {
  background: #fff;
}
.dropdown-category:hover .menu-left {
  display: block;
}

.menu-left ul.f-ul {
  list-style: none;
  padding: 0;
  display: block;
  margin: 0;
  width: 240px;
}
.menu-left ul.f-ul li.f-li {
  list-style: none;
  padding: 5px 0;
  border-bottom: 1px solid var(--border-grey);
}
.menu-left ul.f-ul li.f-li:hover {
  background: var(--grey4);
}
.menu-left ul.f-ul li.f-li:hover a .icon i {
  color: #ff5700;
}
.menu-left ul.f-ul li.f-li:hover a.f-item {
  color: var(--grey1) !important;
  color: var(--grey2);
}
.menu-left ul.f-ul li.f-li:hover .dropdown-menu2 {
  display: block !important;
  left: 100%;
  top: -2px;
  width: 960px !important;
  border: 0;
  height: 100%;
  max-height: 100%;
}
.menu-left ul.f-ul li.f-li a.f-item {
  display: block;
  color: var(--grey1);
  font-size: 14px;
  padding: 5px 15px;
  text-align: left;
  font-weight: 500;
}
.menu-left ul.f-ul li.f-li a.f-item .name {
  width: 80%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.menu-left ul.f-ul li.f-li a.f-item .icon {
  padding-top: 3px;
  color: var(--grey1);
  width: 15px;
  height: 15px;
  text-align: right;
  border-radius: 2px;
  font-size: 10px;
}
.menu-left ul.f-ul li.f-li a.f-item:hover .icon {
  color: var(--grey2);
}
.menu-left ul.f-ul li.f-li:last-child a.f-item {
  border-bottom: 0;
}

.dropdown-menu2 {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  left: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 675px;
  z-index: 99;
  height: 350px;
  max-height: 370px;
  display: none;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
}

.menu-deep-box-2 .cat-groups {
  float: left;
  width: 23%;
  margin: 0 1% 2% 1%;
}
.menu-deep-box-2 .cat-groups .title {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--grey1);
  padding: 7px 0;
  text-align: left;
}
.menu-deep-box-2 .cat-groups .title span {
  display: block;
}
.menu-deep-box-2 .cat-groups .title img {
  width: 100%;
  border: 1px solid var(--border-grey);
}
.menu-deep-box-2 .cat-groups .title:hover {
  color: #3b414c;
}
.menu-deep-box-2 .cat-groups .childs a {
  display: block;
  text-align: left;
  color: #333;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.menu-deep-box-2 .cat-groups .childs a:hover {
  color: #ff7f00;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.menu-deep-box-2 .all-title {
  display: block;
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  font-size: 15px;
  color: #3b414c;
  font-weight: 600;
}
.menu-deep-box-2 .sub-titles {
  display: block;
  padding: 5px 10px;
  font-size: 15px;
  color: #333;
}
.menu-deep-box-2 .sub-titles:hover {
  color: #3b414c;
}

.mega-menu-left-container {
  gap: 10px;
}

.mobile-header-space {
  height: 60px;
  display: none;
}

header.mobile {
  display: none;
  background: #fff;
  height: 60px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
header.mobile .left {
  width: 30%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}
header.mobile .center {
  width: 40%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
header.mobile .right {
  width: 30%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
header.mobile .logo img {
  max-width: 150px;
  max-height: 60px;
}
header.mobile .icon-group {
  position: relative;
  position: relative;
  color: #333;
  font-size: 21px;
}
header.mobile .icon-group .badge {
  position: absolute;
  top: -7px;
  right: -7px;
  min-width: 18px;
  max-width: 25px;
  padding: 0;
  text-align: center;
  height: 18px;
  background: #d21c1c;
  font-size: 12px;
  color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header.mobile .mobile-search {
  padding: 0;
  background: #f3f3f3;
}
header.mobile .mobile-search form {
  width: 100%;
}
header.mobile .mobile-search form .input-box {
  width: 80%;
}
header.mobile .mobile-search form input {
  float: left;
  color: #444;
  width: 100%;
  font-size: 15px;
  border-color: transparent;
  background: transparent !important;
  height: 65px;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
}
header.mobile .mobile-search form input::-webkit-input-placeholder {
  color: #444;
}
header.mobile .mobile-search form input::-moz-placeholder {
  color: #444;
}
header.mobile .mobile-search form input:-ms-input-placeholder {
  color: #444;
}
header.mobile .mobile-search form input::-ms-input-placeholder {
  color: #444;
}
header.mobile .mobile-search form input::placeholder {
  color: #444;
}
header.mobile .mobile-search form input:focus {
  border-color: transparent !important;
}
header.mobile .mobile-search form input:hover {
  border-color: transparent !important;
}
header.mobile .mobile-search form .btn-send {
  float: right;
  width: 20%;
  height: 65px;
  border: 0;
  background: transparent !important;
  color: #333;
  font-size: 19px;
}

.sidebar-user {
  background: #fff;
  width: 250px;
  position: fixed;
  top: 0;
  height: 100vh;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 21;
  right: 0;
  margin-right: -250px;
}
.sidebar-user .title {
  padding: 10px;
  background: #333;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.sidebar-user .title .btn-close {
  color: #fff;
}
.sidebar-user .login-menu a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
  color: #333;
  font-size: 14px;
  font-weight: 500;
}
.sidebar-user .login-menu a i {
  width: 30px;
  margin-left: 10px;
  text-align: left;
}
.sidebar-user .scrollbar {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 100px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.sidebar-user .title-alt {
  padding: 10px;
  background: rgba(0, 0, 0, 0.15);
  font-size: 14px;
  font-weight: 500;
}
.sidebar-user .footer-links ul {
  margin: 0;
  padding: 0;
}
.sidebar-user .footer-links ul li {
  padding: 0;
  list-style: none;
}
.sidebar-user .footer-links ul li a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
  color: #333;
  font-size: 14px;
}
.sidebar-user .footer-links ul li a i {
  text-align: center;
  width: 40px;
  font-size: 16px;
}
.sidebar-user .footer-links ul li a.wp i {
  color: #21bd5c;
}

.sidebar-user.active {
  margin-right: 0;
}

.sidebar-menu {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  height: 100vh;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9999;
  left: 0;
  margin-left: -100%;
}
.sidebar-menu .scrollbar {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 100px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.sidebar-menu .title {
  padding: 10px;
  background: #333;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.sidebar-menu .title .btn-close {
  color: #fff;
}
.sidebar-menu .title-alt {
  padding: 10px;
  background: rgba(0, 0, 0, 0.15);
  font-size: 14px;
  font-weight: 500;
}
.sidebar-menu .links a {
  display: block;
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
  color: #333;
  font-size: 14px;
}
.sidebar-menu .links a i {
  float: right;
}
.sidebar-menu .categories ul {
  margin: 0;
  padding: 0;
}
.sidebar-menu .categories ul li {
  padding: 0;
  list-style: none;
}
.sidebar-menu .categories ul li a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
  color: #333;
  font-size: 15px;
  font-weight: 500;
}
.sidebar-menu .categories ul li a .name {
  width: 80%;
}
.sidebar-menu .categories ul li a .icon {
  color: #777;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 2px;
  font-size: 18px;
}
.sidebar-menu .categories ul .multi {
  display: none;
}
.sidebar-menu .categories ul .multi a {
  padding-left: 20px;
}
.sidebar-menu .categories ul .multi .multi a {
  padding-left: 40px;
}
.sidebar-menu .categories ul .multi .multi .multi a {
  padding-left: 60px;
}

.sidebar-menu.active {
  margin-left: 0;
}

body.categories-body .pattern-group .p-g-mod-pagination .p-g-mod-header {
  border: none;
  height: 45px;
}
body.categories-body .pattern-group .p-g-mod-t-cat-filter {
  border-color: var(--border-grey);
}
body.categories-body .pattern-group .p-g-mod .p-g-mod-body .buttons .btn-secondary {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body.categories-body .pattern-group .p-g-mod .p-g-mod-body .buttons .btn-secondary:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.category-filter-order .list-wrap {
  background: transparent;
}

.category-filter-order-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  display: none;
}
.category-filter-order-list .category-filter-order-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.category-filter-order-list .category-filter-order-item .lag-checkbox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.category-filter-order-list .category-filter-order-item .lag-checkbox label {
  border: 1px solid var(--border-grey);
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
}

.category-filter-order-select {
  border: 1px solid var(--border-grey);
  color: var(--grey1);
  font-size: 14px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px;
}
.category-filter-order-select:focus {
  border-color: var(--border-grey2) !important;
}
.category-filter-order-select::-ms-expand {
  display: none;
}
.category-filter-order-select::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  pointer-events: none;
}

.product-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product-view span {
  font-size: 14px;
  font-weight: 500;
}
.product-view .product-view-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.product-view .product-view-select a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
}
.product-view .product-view-select a .view-item {
  width: 10px;
  height: 15px;
  border-radius: 2px;
  background: var(--border-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-view .product-view-select a:hover .view-item {
  background: var(--grey2);
}
.product-view .product-view-select a.default-view {
  color: var(--grey2);
}
.product-view .product-view-select a.default-view i {
  font-size: 18px;
}

.category-price-inputs .btn {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0;
  padding-inline: 1rem;
  border-radius: 4px;
}
.category-price-inputs .btn:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.pagination-info-bar {
  background: var(--grey4);
  padding: 1rem;
  border-radius: 4px;
  color: var(--grey1);
  font-size: 12px;
  font-weight: 500;
}

.category-info {
  background: var(--grey4);
  margin-top: 0.5rem;
  padding: 1rem;
  border-radius: 4px;
  color: var(--grey1);
  font-size: 12px;
  font-weight: 500;
}

.card-product {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  overflow: hidden;
}
.card-product .card-product-inner .info-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.card-product .card-product-inner .info-group .category {
  font-size: 13px;
  font-weight: 500;
  color: var(--grey2);
}
.card-product .card-product-inner .info-group .brand-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--grey2);
}
.card-product .card-product-inner .title {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: var(--grey1);
  padding: 0.5rem 0;
  height: auto;
}
.card-product .card-product-inner .price-group {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.card-product .card-product-inner .price-group .discount {
  background: var(--accent);
  font-size: 13px;
  font-weight: 600;
  color: white;
  padding: 5px 10px;
}
.card-product .card-product-inner .price-group .prices .list-price {
  font-weight: 500;
  color: var(--grey2);
  font-size: 12px;
}
.card-product .card-product-inner .price-group .prices .sale-price {
  font-weight: 600;
  color: var(--grey1);
  font-size: 14px;
}
.card-product .card-product-inner .buttons {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 0.5rem;
}
.card-product .card-product-inner .buttons .btn-color-1 {
  background-color: #0036a1;
  color: var(--white);
  border: 1px solid #0036a1;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-product .card-product-inner .buttons .btn-color-1:hover {
  background-color: #ff5700;
  color: white;
  border-color: #ff5700;
}
.card-product .card-product-inner .buttons .btn-color-1.disabled {
  background: var(--border-grey);
}

.product-profile-1 {
  position: relative;
  top: 0;
}
.product-profile-1 .free-cargo-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0.2rem 0.5rem;
  background: var(--accent);
  color: white;
  border-radius: 6px;
  z-index: 2;
  font-size: 12px;
  font-weight: 500;
}
.product-profile-1 .carousel .carousel-inner {
  border: none;
}
.product-profile-1 .carousel .carousel-indicators li {
  border-radius: 6px;
}
.product-profile-1 .carousel .carousel-indicators li.active {
  border-color: var(--accent);
}
.product-profile-1 h1.title {
  color: var(--grey1);
  border: none;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-profile-1 h1.title .btn-quickshare {
  border: 1px solid var(--border-grey);
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
  color: var(--grey2);
}
.product-profile-1 h1.title .btn-quickshare i {
  font-size: 18px;
}
.product-profile-1 h1.title .btn-quickshare:hover {
  background: var(--border-grey);
  color: var(--grey1);
}
.product-profile-1 .short-description {
  color: var(--grey2);
  font-size: 13px;
  font-weight: 500;
  margin: 1rem 0;
}

body.product-body .product-reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 5px;
}
body.product-body .product-reviews .no-reviews {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
}

.variant-box {
  border: none;
  padding: 0;
  background: transparent;
}
.variant-box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.variant-box ul li .name {
  color: var(--grey1);
  padding-bottom: 0.2rem;
  font-size: 14px;
  font-weight: 500;
}
.variant-box ul li .options a {
  border-color: var(--border-grey);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 500;
  color: var(--grey1);
}
.variant-box ul li .options a.active {
  border-color: var(--accent);
  background: var(--accent);
  color: white;
  font-weight: 600;
}

.product-price-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
}
.product-price-group .price-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.product-price-group .price-base .price-discount {
  background: var(--accent);
  color: white;
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
}
.product-price-group .price-base .price-discount .rate {
  font-size: 14px;
  font-weight: 600;
}
.product-price-group .price-base .price-prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product-price-group .price-base .price-prices .list-price {
  font-size: 13px;
  font-weight: 500;
  color: var(--grey2);
}
.product-price-group .price-base .price-prices .sale-price {
  font-size: 18px;
  font-weight: 700;
  color: var(--grey1);
}
.product-price-group .price-installment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--grey5);
  border: 1px solid var(--border-grey);
  border-radius: 6px;
  padding: 0.5rem 1rem;
}
.product-price-group .price-installment .info {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey1);
}
.product-price-group .price-installment .value {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey1);
}

.product-transfer-prices {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--grey5);
  border: 1px solid var(--border-grey);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  margin-top: 0.5rem;
}
.product-transfer-prices .prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
}
.product-transfer-prices .prices .eft-price {
  font-weight: 600;
  color: var(--grey1);
}

.product-gain-advantage {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: var(--grey5);
  border: 1px solid var(--border-grey);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  margin-top: 0.5rem;
  gap: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
.product-gain-advantage .emoji {
  font-size: 18px;
}

.product-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product-buttons .product-buttons-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.product-buttons .product-buttons-item .product-quantity {
  border: 1px solid var(--border-grey);
  border-radius: 6px;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.product-buttons .product-buttons-item .product-quantity .btn {
  background: transparent;
}
.product-buttons .product-buttons-item .product-quantity .quantity-input {
  position: relative;
}
.product-buttons .product-buttons-item .product-quantity .quantity-input input {
  border: none;
  position: relative;
  top: -5px;
  background: transparent;
  color: var(--grey1);
  font-size: 14px;
  font-weight: 500;
}
.product-buttons .product-buttons-item .product-quantity .quantity-input .unit-type {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  color: var(--grey1);
  font-size: 11px;
  font-weight: 500;
}
.product-buttons .product-buttons-item .btn-cart {
  margin: 0;
  background-color: #0cb200;
  color: var(--grey1);
  border: 1px solid #0cb200;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  gap: 5px;
  border-radius: 6px;
  width: 100%;
}
.product-buttons .product-buttons-item .btn-cart:hover {
  background-color: #0cb200;
  border-color: #0cb200;
}
.product-buttons .product-buttons-item .btn-cart i {
  font-weight: 400;
  font-size: 16px;
}
.product-buttons .product-buttons-item .btn-fast-buy {
  background-color: transparent;
  color: var(--grey2);
  border: 1px solid var(--grey3);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 6px;
  margin: 0;
  color: var(--grey1);
  padding-inline: 2rem;
  width: 100%;
  margin-bottom: 10px;
}
.product-buttons .product-buttons-item .btn-fast-buy:hover {
  background-color: var(--grey2);
  color: white;
  border-color: var(--grey2);
}
.product-buttons .product-buttons-item .btn-ruler {
  gap: 5px;
}
.product-buttons .product-buttons-item .btn-ruler i {
  font-size: 16px;
}

.btn-wp {
  width: 100%;
  background-color: #25d366;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  border-radius: 6px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  margin-top: 0.5rem;
  font-size: 14px;
  font-weight: 500;
}
.btn-wp:hover {
  background-color: #1da851;
}
.btn-wp i {
  margin-right: 8px;
  font-size: 20px;
}

.customer-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.customer-actions .action {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.customer-actions .action .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  color: var(--grey2);
}
.customer-actions .product-favourite a {
  color: var(--grey2);
}

.related-products-group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.related-products-group .related-products a {
  border: 1px solid var(--border-grey);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  padding-bottom: 0.2rem;
  color: var(--grey1);
  font-size: 12px;
  font-weight: 500;
}
.related-products-group .related-products a.active {
  border-color: var(--accent);
  background: var(--accent);
  color: white;
}

.product-profile-info li {
  font-size: 13px;
  font-weight: 400;
  color: var(--grey1);
}
.product-profile-info li a {
  color: var(--grey1);
  font-weight: 500;
}
.product-profile-info li .value {
  color: var(--grey1);
  font-weight: 500;
}

.pattern-group.product-tabs .p-g-t-nav .nav {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid var(--border-grey);
  gap: 20px;
}
.pattern-group.product-tabs .p-g-t-nav .nav .nav-item {
  margin: 0;
}
.pattern-group.product-tabs .p-g-t-nav .nav .nav-item .nav-link.active {
  border-bottom: 1px solid var(--accent);
  color: var(--grey1);
  font-weight: 600;
}

.shopping-cart-1 .shopping-info {
  background: var(--grey4);
  padding: 2rem 1.5rem 3.5rem 1.5rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
.shopping-cart-1 .shopping-info .icon {
  color: var(--grey2);
  font-size: 2rem;
}
.shopping-cart-1 .shopping-info .content .title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--grey1);
}
.shopping-cart-1 .shopping-info .content .description {
  margin-bottom: 0;
  color: var(--grey2);
}
.shopping-cart-1 .shopping-list {
  padding: 1rem;
  border: 1px solid var(--border-grey);
  border-radius: 1rem;
  margin-top: -2rem;
  background: white;
}
.shopping-cart-1 .shopping-list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--grey1);
  padding-bottom: 1rem;
  font-size: 16px;
  font-weight: 600;
}
.shopping-cart-1 .shopping-list-head .count {
  font-size: 14px;
  font-weight: 400;
  color: var(--grey2);
}
.shopping-cart-1 .shopping-list-body .shopping-list-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product:last-child .shopping-list-item {
  border-bottom: none;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-img {
  width: 100px;
  height: 100px;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  border-bottom: 1px solid var(--border-grey);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .brand {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey1);
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .name {
  font-size: 16px;
  font-weight: 600;
  color: var(--grey1);
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .variants .variant {
  font-size: 14px;
  font-weight: 400;
  color: var(--grey2);
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .variants .variant span::after {
  content: "•";
  padding-inline: 5px;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-left .variants .variant:last-child span::after {
  content: "";
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right {
  margin-left: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .product-quantity {
  border: 1px solid var(--border-grey);
  border-radius: 6px;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .product-quantity .btn {
  background: transparent;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .product-quantity input {
  border: none;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .product-quantity-type {
  margin-top: 0.2rem;
  color: var(--grey1);
  font-size: 13px;
  font-weight: 500;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .btn-remove {
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  color: var(--grey2);
  margin-top: 0.5rem;
  font-size: 13px;
  font-weight: 600;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-info-right .btn-remove i {
  font-weight: 400;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .per-price .value {
  font-size: 14px;
  font-weight: 600;
  color: var(--grey1);
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .per-price .value span {
  margin-left: 0.2rem;
  font-size: 12px;
  font-weight: 400;
  color: var(--grey2);
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .per-price .old-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--grey1);
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .per-price .old-value span {
  margin-left: 0.2rem;
  font-size: 12px;
  font-weight: 400;
  color: var(--grey2);
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .total-price {
  margin-left: auto;
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .total-price .old-value {
  font-size: 16px;
  font-weight: 700;
  color: var(--grey1);
}
.shopping-cart-1 .shopping-list-body .shopping-list-product .shopping-list-item .list-price-group .total-price .value {
  font-size: 16px;
  font-weight: 700;
  color: var(--grey1);
}

.payment-summary {
  border: 1px solid var(--border-grey);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
.payment-summary .payment-summary-header {
  font-size: 16px;
  font-weight: 600;
  color: var(--grey1);
  margin-bottom: 0.5rem;
}
.payment-summary .payment-summary-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.payment-summary .payment-summary-items .payment-summary-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--border-grey);
  padding: 0.5rem 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--grey1);
}
.payment-summary .payment-summary-items .payment-summary-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.gift-discount {
  border: 1px solid var(--border-grey);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
.gift-discount form {
  border: 1px solid var(--border-grey);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background: White;
}
.gift-discount form .input-group input {
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  color: var(--grey1);
}
.gift-discount form .input-group input::-webkit-input-placeholder {
  color: var(--grey2);
  font-weight: 500;
}
.gift-discount form .input-group input::-moz-placeholder {
  color: var(--grey2);
  font-weight: 500;
}
.gift-discount form .input-group input:-ms-input-placeholder {
  color: var(--grey2);
  font-weight: 500;
}
.gift-discount form .input-group input::-ms-input-placeholder {
  color: var(--grey2);
  font-weight: 500;
}
.gift-discount form .input-group input::placeholder {
  color: var(--grey2);
  font-weight: 500;
}
.gift-discount form .input-group button {
  background: transparent;
  border: none;
  color: var(--accent);
  font-size: 13px;
  font-weight: 600;
}

.gift-discount-head {
  margin-bottom: 0.5rem;
  display: block;
}
.gift-discount-head span {
  font-size: 16px;
  font-weight: 600;
  color: var(--grey1);
}

.shopping-buttons-1 .btn-continue {
  background-color: transparent;
  color: var(--grey2);
  border: 1px solid var(--grey3);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  gap: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.shopping-buttons-1 .btn-continue:hover {
  background-color: var(--grey2);
  color: white;
  border-color: var(--grey2);
}
.shopping-buttons-1 .btn-continue i {
  font-size: 1rem;
}

.payment-final-buttons-1 .btn-theme-1 {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.payment-final-buttons-1 .btn-theme-1:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.payment-cart-summary-body {
  border: 1px solid var(--border-grey);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 1rem;
  padding: 0.5rem 1rem;
}

.payment-list-head {
  font-size: 16px;
  font-weight: 600;
  color: var(--grey1);
  margin-bottom: 0.5rem;
}
.payment-list-head p {
  font-size: 12px;
  font-weight: 400;
  color: var(--grey2);
}

.payment-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.payment-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--border-grey);
  gap: 10px;
  padding-bottom: 0.3rem;
}
.payment-list-item:last-child {
  border-bottom: none;
}

.payment-list-item-image {
  width: 75px;
  height: 75px;
  border-radius: 6px;
}
.payment-list-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.payment-list-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.payment-list-item-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--grey1);
}

.payment-list-item-quantity {
  font-size: 11px;
  font-weight: 600;
  color: var(--grey1);
}

.payment-list-item-price {
  margin-top: 0.3rem;
  font-size: 13px;
  font-weight: 600;
  color: var(--grey1);
}

.customer-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background-color: var(--grey4);
  border-radius: 6px;
  padding: 1rem;
}

.customer-avatar {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--grey3);
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 600;
}

.customer-info {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.customer-name {
  font-size: 14px;
  font-weight: 600;
}

.customer-email {
  color: var(--grey1);
  font-size: 12px;
}

body.account-body .customer-menu {
  margin-top: 0.5rem;
}
body.account-body .customer-menu-link {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  padding-inline: 1rem;
  padding-block: 0.3rem;
}
body.account-body .customer-menu-link i {
  font-size: 1.2rem;
}
body.account-body .customer-menu-link:hover {
  background: transparent;
  color: var(--accent);
}
body.account-body .customer-menu-link.active {
  background-color: var(--grey4);
  font-weight: 600;
  border-radius: 6px;
}
body.account-body .customer-menu-link.active i {
  font-weight: 400;
}

.user-dashboard {
  border: 1px solid var(--grey3);
  border-radius: 6px;
  padding: 1rem;
}

.mainAccount .description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background-color: var(--grey4);
  padding: 1rem;
  border-radius: 6px;
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 500;
}
.mainAccount .description i {
  font-size: 2rem;
  font-weight: 400;
}
.mainAccount .link-boxes .link-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--grey4);
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-radius: 6px;
  color: var(--grey1);
  font-size: 14px;
  font-weight: 600;
}
.mainAccount .link-boxes .link-box i {
  font-size: 1.2rem;
  font-weight: 400;
}

.info-alert {
  background: -webkit-gradient(linear, left top, right top, from(var(--light-blue, #dfefff)), to(white));
  background: linear-gradient(to right, var(--light-blue, #dfefff), white);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border: 1px solid var(--grey3);
  padding: 1rem;
  border-radius: 6px;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 13px;
  color: var(--grey2);
}
.info-alert strong {
  display: block;
  font-size: 16px;
  color: var(--grey1);
  font-weight: 600;
}

.user-info-form .form-input {
  border: 1px solid var(--grey3);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
}
.user-info-form .form-input label {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
  margin-bottom: 0;
}
.user-info-form .form-input input {
  border: none;
  background: transparent;
  padding: 0;
  height: auto;
  font-size: 14px;
  font-weight: 500;
}
.user-info-form .form-input input.form-phone-control {
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
}
.user-info-form .form-input select {
  height: auto;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.user-info-form .form-input textarea {
  border: none;
  padding: 0;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.user-info-form button {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.user-info-form button:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.user-address-info-form .form-input {
  border: 1px solid var(--grey3);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
}
.user-address-info-form .form-input label {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
  margin-bottom: 0;
}
.user-address-info-form .form-input input {
  border: none;
  background: transparent;
  padding: 0;
  height: auto;
  font-size: 14px;
  font-weight: 500;
}
.user-address-info-form .form-input input.form-phone-control {
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
}
.user-address-info-form .form-input select {
  height: auto;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.user-address-info-form .form-input textarea {
  border: none;
  padding: 0;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.user-address-info-form button {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.user-address-info-form button:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.user-security-form .form-input {
  border: 1px solid var(--grey3);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
}
.user-security-form .form-input label {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
  margin-bottom: 0;
}
.user-security-form .form-input input {
  border: none;
  background: transparent;
  padding: 0;
  height: auto;
  font-size: 14px;
  font-weight: 500;
}
.user-security-form .form-input input.form-phone-control {
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
}
.user-security-form .form-input select {
  height: auto;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.user-security-form .form-input textarea {
  border: none;
  padding: 0;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.user-security-form button {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.user-security-form button:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.order-detail-form .form-input {
  border: 1px solid var(--grey3);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
}
.order-detail-form .form-input label {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
  margin-bottom: 0;
}
.order-detail-form .form-input input {
  border: none;
  background: transparent;
  padding: 0;
  height: auto;
  font-size: 14px;
  font-weight: 500;
}
.order-detail-form .form-input input.form-phone-control {
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
}
.order-detail-form .form-input select {
  height: auto;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.order-detail-form .form-input textarea {
  border: none;
  padding: 0;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.order-detail-form button {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.order-detail-form button:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.common-register-form .form-input {
  border: 1px solid var(--grey3);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
}
.common-register-form .form-input label {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
  margin-bottom: 0;
}
.common-register-form .form-input input {
  border: none;
  background: transparent;
  padding: 0;
  height: auto;
  font-size: 14px;
  font-weight: 500;
}
.common-register-form .form-input input.form-phone-control {
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
}
.common-register-form .form-input select {
  height: auto;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.common-register-form .form-input textarea {
  border: none;
  padding: 0;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.common-register-form button {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.common-register-form button:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.login-form .form-input {
  border: 1px solid var(--grey3);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
}
.login-form .form-input label {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
  margin-bottom: 0;
}
.login-form .form-input input {
  border: none;
  background: transparent;
  padding: 0;
  height: auto;
  font-size: 14px;
  font-weight: 500;
}
.login-form .form-input input.form-phone-control {
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
}
.login-form .form-input select {
  height: auto;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.login-form .form-input textarea {
  border: none;
  padding: 0;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.login-form button {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.login-form button:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.contact-form .form-input {
  border: 1px solid var(--grey3);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
}
.contact-form .form-input label {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
  margin-bottom: 0;
}
.contact-form .form-input input {
  border: none;
  background: transparent;
  padding: 0;
  height: auto;
  font-size: 14px;
  font-weight: 500;
}
.contact-form .form-input input.form-phone-control {
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
}
.contact-form .form-input select {
  height: auto;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.contact-form .form-input textarea {
  border: none;
  padding: 0;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.contact-form button {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-form button:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.order-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.order-filter button {
  background-color: transparent;
  color: var(--grey2);
  border: 1px solid var(--grey3);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.order-filter button:hover {
  background-color: var(--grey2);
  color: white;
  border-color: var(--grey2);
}
.order-filter button.active {
  background-color: var(--pressed);
  border-color: var(--pressed);
}

.order-item {
  border: 1px solid var(--grey3);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0;
  overflow: hidden;
}

.order-item-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 1rem;
}
.order-item-col .order-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
}
.order-item-col .order-number a {
  color: var(--grey1);
  font-size: 16px;
  font-font-weight: 600;
}
.order-item-col .order-date {
  margin-left: auto;
  color: var(--grey1);
  border: 1px solid var(--grey3);
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
}
.order-item-col .order-status span {
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
}
.order-item-col .order-status .status-waiting {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
}
.order-item-col .order-status .status-preparing {
  background-color: #cce5ff;
  color: #004085;
  border: 1px solid #b8daff;
}
.order-item-col .order-status .status-shipped {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.order-item-col .order-status .status-delivered {
  background-color: #d1ecf1;
  color: #0c5460;
  border: 1px solid #bee5eb;
}
.order-item-col .order-status .status-cancelled {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}
.order-item-col .order-status .status-returned {
  background-color: #e2e3e5;
  color: #383d41;
  border: 1px solid #d6d8db;
}
.order-item-col .order-status .status-other {
  background-color: #e9ecef;
  color: #495057;
  border: 1px solid #ced4da;
}

.order-item-col-bottom {
  background-color: var(--grey4);
}
.order-item-col-bottom .order-total {
  margin-right: auto;
  font-size: 14px;
  font-weight: 600;
  color: var(--grey1);
}
.order-item-col-bottom .order-cancel button {
  font-size: 12px;
  font-weight: 500;
  padding: 5px 10px;
  background-color: #f8d7da;
  color: #a83a44;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.order-item-col-bottom .order-cancel button:hover {
  background-color: #a83a44;
  color: #fff;
}
.order-item-col-bottom .order-details a {
  background-color: transparent;
  color: var(--accent);
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 4px;
}
.order-item-col-bottom .order-details a:hover {
  background-color: var(--accent);
  color: white;
}

footer {
  background: #01349c;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(1, 52, 156)), color-stop(50%, rgb(11, 27, 101)), to(rgb(1, 52, 156)));
  background: linear-gradient(180deg, rgb(1, 52, 156) 0%, rgb(11, 27, 101) 50%, rgb(1, 52, 156) 100%);
  border-top: 1px solid var(--border-grey);
  padding-top: 2rem;
}
footer .logo-area img {
  width: 100%;
  max-width: 190px;
}
footer .social-media {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
footer .social-media a {
  font-size: 18px;
  color: var(--white);
}
footer .secure {
  margin: 1rem 0;
}
footer .secure .title-3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
}
footer .secure .description {
  font-font-size: 14px;
  font-weight: 500;
  color: var(--white);
}
footer .info .title {
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
}
footer .info .footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: 5px;
}
footer .info .footer-links li a {
  font-size: 14px;
  font-weight: 400;
  color: var(--white);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
footer .info .footer-links li a:hover {
  color: var(--white);
}
footer .footer-newsletter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
footer .footer-newsletter .description {
  font-size: 12px;
  font-weight: 400;
  color: var(--white);
}
footer .footer-newsletter .newsletter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 5px;
}
footer .footer-newsletter .newsletter-form input {
  border: 1px solid var(--border-grey);
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
}
footer .footer-newsletter .newsletter-form button {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0;
  border-radius: 4px;
  height: 33px;
  padding-inline: 10px;
}
footer .footer-newsletter .newsletter-form button:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}
footer .bar {
  border-top: 1px solid var(--border-grey);
  padding-top: 1rem;
  margin-top: 2rem;
}

.userPanelTitle {
  border: 1px solid var(--border-grey);
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: var(--grey5);
}
.userPanelTitle .btn-primary {
  background-color: var(--accent);
  color: white;
  border: 1px solid var(--accent);
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.userPanelTitle .btn-danger {
  background-color: 0;
  color: white;
  border: 1px solid red;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.faq .card .card-header h2 button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--grey1);
}
.faq .card .card-header h2 button i {
  font-weight: 400;
  font-size: 20px;
}
.faq .card .card-header h2 button:hover {
  text-decoration: none;
}
.faq .card .card-header h2 button:focus {
  text-decoration: none;
}

body.blogs-body .blog-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
}
body.blogs-body .blog-categories li {
  border: 1px solid var(--grey3) !important;
  border-radius: 10px;
  padding: 0.2rem 1rem;
  background: var(--grey4);
}
body.blogs-body .blog-categories li:hover {
  background: white;
}
body.blogs-body .blog-categories li a {
  padding: 0;
}
body.blogs-body .blogs-content .p-g-mod-header {
  border: none;
}
body.blogs-body .card-blog {
  border: 1px solid var(--grey3);
  border-radius: 10px;
  overflow: hidden;
}
body.blogs-body .card-blog .date {
  font-size: 12px;
  font-weight: 500;
  padding: 0.5rem;
  display: block;
}
body.blogs-body .card-blog .title {
  height: auto;
  font-size: 16px;
  font-weight: 600;
  padding: 0.5rem;
  color: var(--grey1);
}
body.blogs-body .card-blog .description {
  color: var(--grey2);
  height: auto;
}

.cat-responsive-popup .c-r-p-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--border-grey);
}
.cat-responsive-popup .c-r-p-header .hide-popup {
  font-size: 20px;
  color: var(--grey2);
}
.cat-responsive-popup .c-r-p-header .c-r-p-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  color: var(--grey1);
  text-align: center;
}
.cat-responsive-popup .c-r-p-header .clear-filters {
  font-size: 13px;
  font-weight: 400;
  color: var(--grey2);
}

.bulk-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}
.bulk-delete .btn-bulk-remove {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--danger);
  color: var(--danger);
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bulk-delete .btn-bulk-remove:hover {
  background: var(--danger);
  color: white;
}

.dropdown-user-menu {
  min-width: 200px !important;
  top: 10px !important;
  left: 10px !important;
}

.share-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.share-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.share-header-content .title {
  font-size: 16px;
  font-weight: 600;
  color: var(--grey1);
}
.share-header-content .description {
  font-size: 12px;
  font-weight: 400;
  color: var(--grey2);
  margin-bottom: 0;
}

.share-header-icon {
  margin-left: auto;
}
.share-header-icon img {
  width: 65px;
  height: 65px;
}

.share-copy-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.share-copy-link .share-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.share-copy-link .share-input-group .label-title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0.3rem;
  color: var(--grey1);
}
.share-copy-link .share-input-group .share-input-group-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--border-grey);
  border-radius: 10px;
  padding: 0.5rem;
}
.share-copy-link .share-input-group .share-input-group-input .share-input-group-input-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 75%;
  font-size: 12px;
  font-weight: 500;
  color: var(--grey2);
}
.share-copy-link .share-input-group .share-input-group-input .copyLink {
  font-size: 12px;
  font-weight: 400;
  margin-left: auto;
  font-size: 13px;
  font-weight: 500;
  color: var(--accent);
}

.socialshare-modal-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.socialshare-modal-list .btn-socialshare {
  width: 100%;
  border: 1px solid var(--border-grey);
  border-radius: 10px;
  padding: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background: linear-gradient(-45deg, #f5f5f5, #ffffff);
}
.socialshare-modal-list .btn-socialshare i {
  font-size: 20px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 30px;
}
.socialshare-modal-list .btn-socialshare-x i {
  background: linear-gradient(45deg, #000000, #1a1a1a);
  color: white;
}
.socialshare-modal-list .btn-socialshare-fb i {
  background: linear-gradient(45deg, #1877f2, #166fe5);
  color: white;
}
.socialshare-modal-list .btn-socialshare-li i {
  background: linear-gradient(45deg, #0077b5, #0099ff);
  color: white;
}
.socialshare-modal-list .btn-socialshare-pint i {
  background: linear-gradient(45deg, #e60023, #cd2a3e);
  color: white;
}
.socialshare-modal-list .btn-socialshare-wp i {
  background: linear-gradient(45deg, #25d366, #128c7e);
  color: white;
}

.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
}

.not-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 8rem;
}

.not-found-title {
  font-size: 42px;
  font-weight: 600;
  color: var(--grey1);
}

.not-found-text {
  font-size: 16px;
  font-weight: 400;
}

.not-found-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.not-found-buttons .btn {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  border: 1px solid var(--border-grey);
  background: white;
  color: var(--grey1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.not-found-buttons .btn:hover {
  background: var(--accent);
  color: white;
}

.product-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}
.product-actions .compare-button {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  color: var(--accent);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border-grey);
}
.product-actions .favourite {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  color: var(--accent);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border-grey);
}

.checkout-container {
  border: 1px solid var(--border-grey);
  border-radius: 10px;
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 1rem;
}
.checkout-section {
  border-bottom: 4px solid var(--border-grey);
  border-right: 1px solid var(--border-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 20px 20px 10px 20px;
  background: var(--grey5);
}
.checkout-section.active {
  background: White;
  border-bottom: 4px solid var(--accent);
}
.checkout-section.active .section-title {
  color: var(--accent);
}
.checkout-section:last-child {
  border-right: none;
}

.section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--grey1);
}
.section-content p {
  margin-bottom: 0;
}
.section-content span {
  font-weight: 600;
}
.section-content .address-type {
  font-size: 15px;
}
.section-content .address-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 13px;
  font-weight: 500;
  color: var(--grey2);
}

.basket-container {
  border: 1px solid var(--border-grey);
  border-radius: 10px;
  overflow: hidden;
}
.basket-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: var(--grey1);
  padding: 10px 1rem;
  cursor: pointer;
}
.basket-toggle:hover {
  background: var(--grey5);
}
.basket-toggle[aria-expanded=true] .basket-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.basket-count {
  margin-left: 0.2rem;
}
.basket-image-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.basket-image-group img {
  max-width: 50px;
  border-radius: 50px;
  border: 4px solid #fff;
  position: relative;
}
.basket-image-group img:not(:first-child) {
  margin-left: -20px;
}
.basket-arrow {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--grey3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 1rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.basket-arrow i {
  font-size: 16px;
}
.basket-body {
  border-top: 1px solid var(--border-grey);
  padding: 1rem;
}
.basket-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.basket-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basket-list-item-image {
  position: relative;
}
.basket-list-item-quantity {
  position: absolute;
  top: -5px;
  left: -5px;
  background: var(--accent);
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  font-weight: 600;
}
.basket-list-item-price {
  margin-top: 0.5rem;
  display: block;
  font-size: 13px;
  font-weight: 600;
}

.delivery-addresses {
  border: 1px solid var(--border-grey);
  border-radius: 10px;
  padding: 1rem;
  margin-top: 1rem;
}

.address-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.address-header .send-to-same {
  margin-left: auto;
}
.address-header .send-to-same label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 500;
  background: var(--grey4);
  padding: 5px 10px;
  border-radius: 5px;
}
.address-header .edit-link {
  margin-left: auto;
  font-size: 13px;
  font-weight: 500;
  color: var(--grey2);
  cursor: pointer;
}
.address-header .edit-link:hover {
  color: var(--accent);
}
.address-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--grey1);
}
.address-options {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.address-options .new-address-box {
  border: 1px solid var(--border-grey);
  border-radius: 10px;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  background: var(--grey5);
}
.address-options .new-address-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 500;
  color: var(--grey2);
  cursor: pointer;
}
.address-options .new-address-box a:hover {
  color: var(--accent);
}
.address-card {
  border: 1px solid var(--border-grey);
  border-radius: 10px;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  background: var(--grey5);
}
.address-card.selected {
  border-color: var(--accent);
  border-width: 2px;
}
.address-card.selected .person-name,
.address-card.selected .phone,
.address-card.selected .full-address,
.address-card.selected .city-region {
  color: var(--grey1);
}
.address-radio {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.address-radio input {
  margin-bottom: 0;
  cursor: pointer;
}
.address-radio input:checked {
  background: var(--accent);
  border-color: var(--accent);
  border-radius: 50%;
  position: relative;
}
.address-radio input:checked:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  background: var(--accent);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.address-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 13px;
  font-weight: 500;
  color: var(--grey2);
  gap: 3px;
}
.address-details .person-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.address-details .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.address-details .full-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.address-details .city-region {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.address-description {
  font-size: 13px;
  font-weight: 500;
  color: var(--grey2);
  margin-bottom: 0.5rem;
  display: block;
}
.address-modal .modal-footer button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
}
.address-modal .modal-footer button:hover {
  background: var(--hover);
  border-color: var(--hover);
}

.gift-pack-container {
  border: 1px solid var(--border-grey);
  border-radius: 10px;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.payment-form-methods .accordion .card {
  border-color: var(--border-grey);
}
.payment-form-methods .accordion .card-header {
  padding: 0.5rem 1rem;
  background: var(--grey5);
  border-bottom: 1px solid var(--border-grey);
}
.payment-form-methods .accordion .card-header h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment-form-methods .accordion .card-header h2 .btn-link {
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  color: var(--grey2);
}
.payment-form-methods .accordion .card-header h2 .btn-link:hover, .payment-form-methods .accordion .card-header h2 .btn-link:focus, .payment-form-methods .accordion .card-header h2 .btn-link:focus-visible {
  text-decoration: none;
}
.payment-form-methods .accordion .card-header h2 .btn-link[aria-expanded=true] {
  color: var(--accent);
}
.payment-form-methods .accordion .card-header h2 .btn-link[aria-expanded=true]::after {
  content: "Seçili Ödeme Yöntemi";
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: var(--accent);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 4px;
  margin-left: auto;
}

.balance-pay-info {
  font-size: 13px;
  font-weight: 500;
  color: var(--grey2);
}
.balance-pay-text {
  font-size: 13px;
  font-weight: 600;
  color: var(--grey1);
  border: 1px solid var(--border-grey);
  border-radius: 5px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 992px) {
    /* 1. Ürün Görseli Alanı (Daraltıldı) */
    .product-profile-1 > .row > .col-lg-5 {
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }
    
    /* 2. Başlık ve Fiyat İçin Ayrılan Toplam Alan (Genişletildi) */
    .product-profile-1 > .row > .col-lg-7 {
        flex: 0 0 70% !important;
        max-width: 70% !important;
    }
    /* 3. İNCE AYAR: Sağ taraftaki Fiyat/Sepet kutusunu sıkıştırıp, Başlığa yer açıyoruz */
    .product-profile-1 > .row > .col-lg-7 > .row > .col-md-5 {
        flex: 0 0 35% !important;  
        max-width: 35% !important;
    }
    .product-profile-1 > .row > .col-lg-7 > .row > .col-md-7 {
        flex: 0 0 65% !important; 
        max-width: 65% !important;
    }
}
/* -- ÜRÜN BAŞLIĞI AYARLARI -- */
.product-info .product-header .title {
    font-size: 20px !important;  
    font-weight: 400 !important; 
    line-height: 1.3 !important; 
    margin-bottom: 10px !important;
}
/* -- ÜRÜN KARTLARI AKILLI BAŞLIK KESME -- */
body .card-product .title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; 
    height: auto !important; 
    max-height: 45px !important; 
}
/* =========================================
   HEDEF PARÇA MOBİL PREMIUM UI ENTEGRASYONU
   ========================================= */
/* 1. ÜRÜN KARTLARINI PREMIUM YAPMA (TÜM SİTE) */
body .card-product {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 15px !important;
    background: #fff !important;
    transition: all 0.3s ease !important;
}
body .card-product .sale-price {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0036A1 !important; /* Fiyatları kurumsal lacivertinize boyuyoruz */
}
/* Küçük Sepete Ekle Butonu - Tam Genişlik */
body .card-product .buttons {
    width: 100% !important;
}
body .card-product .btn-cart {
    width: 100% !important;
    border-radius: 8px !important;
    background-color: #0036A1 !important;
    color: #fff !important;
    border: none !important;
}
/* 2. MOBİL ARAMA ÇUBUĞU ŞIKLAŞTIRMA (Header) */
body header .search-form input.form-control {
    border-radius: 20px !important;
    border: 1px solid #e2e5ea !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.02) !important;
}
/* 3. MOBİLDE SABİT SEPET BARI (ÜRÜN DETAY SAYFASI) */
@media (max-width: 991px) {
    /* Kaydırırken alt kısımda buton boşluğu kalsın */
    body .product-profile-1 {
        padding-bottom: 90px !important;
    }
    /* Bembeyaz Sabit Alt Zemin (Gölge Etkisi) */
    body .product-profile-1::after {
        content: "";
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 70px;
        background: #fff;
        z-index: 9998;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
    }
    /* Devasa Sabit "Sepete Ekle" Butonu */
    body .product-profile-1 .btn-cart {
        position: fixed !important;
        bottom: 12px !important;
        left: 3% !important;
        width: 45% !important;
        z-index: 9999 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        padding: 12px 0 !important;
        border-radius: 10px !important;
        margin: 0 !important;
        box-shadow: 0 5px 15px rgba(0,54,161,0.3) !important;
        background-color: #0036A1 !important;
    }
    /* Sabit "Hemen Al" Butonu */
    body .product-profile-1 .btn-fast-buy {
        position: fixed !important;
        bottom: 12px !important;
        right: 3% !important;
        width: 45% !important;
        z-index: 9999 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        padding: 12px 0 !important;
        border-radius: 10px !important;
        margin: 0 !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important;
    }
}
/* =========================================
   MOBİL TASARIM (ÇÖKME) NOKTA ATIŞI ÇÖZÜM
   ========================================= */
@media (max-width: 991px) {
    /* 1. YANLIŞ AÇILAN MASAÜSTÜ MENÜSÜNÜ KAPATIP, MOBİL MENÜYÜ DEVREYE SOKMA */
    header:not(.mobile) { 
        display: none !important; 
    }
    header.mobile { 
        display: block !important; 
    }

    /* 2. EZİLEN VE İNCECİK KALAN ÜRÜN BAŞLIĞINI KURTARMA */
    .product-info .product-header {
        display: flex !important;
        flex-direction: column !important; /* Başlık ve Kodu yan yana değil alt alta dizer */
        align-items: flex-start !important;
    }
    
    .product-info .product-header .title {
        width: 100% !important;
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }

    /* 3. ÜRÜN DETAY SAYFASI FOTOĞRAF VE YAZI KUTULARINI HİZALAMA */
    .product-profile-1 .row {
        flex-direction: column !important;
    }
    .product-profile-1 [class*="col-"] {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
    }
}
/* Ürün Detay Sayfası - Marka Logosu Boyutlandırması */
body .product-profile-1 .product-profile-info li img {
    max-width: 130px !important; /* Logonun ezici boyutunu 130 piksele sabitler */
    height: auto !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}
/* STOKTA OLMAYAN ÜRÜNLER İÇİN KIRMIZI SABİT BAR (MOBİL) */
@media (max-width: 991px) {
    /* Eğer sayfada sepete ekle butonu yoksa (stok bittiyse), alt barı kırmızı uyarıya çevir */
    body .product-profile-1:not(:has(.btn-cart))::after {
        content: "Ürün Stokta Bulunmamaktadır" !important;
        background-color: #d32f2f !important; /* Dikkat çekici bir kırmızı */
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        height: 65px !important;
        box-shadow: 0 -4px 15px rgba(211, 47, 47, 0.3) !important;
        z-index: 9999 !important;
        letter-spacing: 0.5px !important;
    }
}
/* =========================================
   STOKTA YOK KARTLARI (ANA SAYFA / LİSTE) V2
   ========================================= */
/* 1. Ürün Görselini Griye Çevirme ve "TÜKENDİ" Damgası */
body .card-product:has(.btn-cart.disabled) .image-wrapper {
    position: relative !important;
    overflow: hidden !important; /* Damganın kart dışına fırlamasını kalıcı olarak engeller */
    z-index: 1 !important; 
}
body .card-product:has(.btn-cart.disabled) .image img {
    opacity: 0.6 !important;
    filter: grayscale(100%) !important; 
}
body .card-product:has(.btn-cart.disabled) .image-wrapper::after {
    content: "TÜKENDİ" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-12deg) !important;
    background-color: rgba(211, 47, 47, 0.9) !important; 
    color: #fff !important;
    padding: 8px 22px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    border-radius: 6px !important;
    z-index: 2 !important; /* Header'ın üstüne çıkmasını önlemek için gücü düşürüldü */
    letter-spacing: 2px !important;
    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.4) !important;
    pointer-events: none !important;
}
/* 2. Sepete Ekle Butonunun Kapalı Renge (Gri) Dönüşmesi */
body .card-product:has(.btn-cart.disabled) .btn-cart.disabled {
    background-color: #e2e5ea !important;
    color: #8c98a9 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}
/* =========================================
   HEDEF PARÇA PREMIUM UI (V3 - TEMİZ SÜRÜM)
   ========================================= */

/* 1. Urun Kartlari (Sadece dıs cerceve yokedilecek, yumusak gölge kalacak) */
body .card-product {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

/* Hover (Ustune gelince zıplama) */
body .card-product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.12) !important;
}

/* 2. Marka Rozeti (Sağ Üstte Sabit - Cuk Oturmus O Kalsın) */
body .card-product .product-img img + img, 
body .card-product .brand-img,
body .card-product [alt*='marka'] {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    max-width: 45px !important;
    background: transparent !important;
    border: none !important;
    z-index: 10 !important;
}

/* 3. Dev Turuncu Sepete Ekle Butonu (Absolute KULLANMADAN) */
body .btn-cart.btn-color-1 {
    width: 90% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #FF6600 !important; 
    color: #fff !important; 
    border-radius: 8px !important;
    border: none !important;
    height: 40px !important;
    margin: 10px auto 10px auto !important; /* Butonu ortalayip asagi atma */
    transition: background 0.2s ease !important;
    clear: both !important;
}

body .btn-cart.btn-color-1:hover {
    background-color: #E65C00 !important;
}

/* Sepete Ekle yazısının ve araba ikonunun boyutu */
body .btn-cart.btn-color-1 i {
    font-size: 18px !important;
    margin-right: 5px !important;
}

/* 4. Arama Cubugu (Fazla oynamıyoruz, sadece kenarları yumuşatıyoruz) */
#search {
    border-radius: 20px 0 0 20px !important;
}
.search-btn {
    border-radius: 0 20px 20px 0 !important;
    background-color: #FF6600 !important;
    border-color: #FF6600 !important;
}

/* 5. Fiyatların Üstüne Binen Bozuk Kısımları Gizle / Düzelt */
.product-price, .current-price {
    margin-bottom: 5px !important;
    z-index: 5 !important;
    position: relative !important;
}

/* ========================================================= */
/* HEDEF PARCA BEYAZ/OVAL MODERN TASARIM (GÃœNCELLENDÄ°)       */
/* ========================================================= */

/* TÃœM SÄ°TEYÄ° MODERN FONT YAPMA (Sistemin kendi desteklediÄŸi en iyi fontlar) */
body *:not(i):not([class*="fa"]):not([class*="icon"]):not(.fas):not(.far):not(.fal):not(.fab) {
    font-family: 'Montserrat', 'Nunito', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

/* --- 0. TEMA KÖK RENKLERİNİ EZME --- */
:root {
    --accent: #ff6b00 !important;
    --hover: #e65c00 !important;
    --pressed: #e65c00 !important;
    --grey4: #f1f3f6 !important;
    --grey5: #fbfcfd !important;
    --border-accent: #ff6b00 !important;
}

/* --- 1. GENEL ARKAPLAN VE MAVÄ° ALANLARIN SÄ°LÄ°NMESÄ° --- */
body, .home-body {
    background-color: #fbfcfd !important; 
}
.pattern-group, 
.pattern-group-body, 
.p-g-b-c-wrapper, 
.p-g-b-c-inner, 
.p-g-mod, 
.p-g-mod-body {
    background-color: transparent !important; /* Afiş ve Header arkasındaki inatçı mavi alanı siler */
    background-image: none !important;
}

/* --- 2. HEADER (ÃœST KISIM) --- */
.header-contact {
    background-color: #0b1a30 !important; 
    color: #ffffff !important;
    position: relative !important;
    z-index: 9999 !important;
}
.header-contact a, .header-contact span, .header-contact i {
    color: #ffffff !important;
}

.header-center {
    background-color: #ffffff !important;
    padding: 20px 0 !important;
    border-bottom: none !important;
    position: relative !important;
    z-index: 9998 !important;
}

.header-center .col-md-4 {
    background-color: transparent !important;
}

/* Sağ Üst Kullanıcı Alanındaki Maviliği Silme */
.user-box, .header-actions {
    background-color: transparent !important;
    background: none !important;
}

/* Hap Şeklinde Arama Çubuğu - NÜKLEER ÇÖZÜM */
/* Arama Çubuğunu Genişletip Boşlukları Doldurma (Sütun Düzeni) */
@media (min-width: 992px) {
    .header-center .row > .col-md-4:nth-child(2) {
        flex: 0 0 40% !important; /* Orta alanı %40'a düşürdük */
        max-width: 40% !important;
    }
    .header-center .row > .col-md-4:nth-child(1),
    .header-center .row > .col-md-4:nth-child(3) {
        flex: 0 0 30% !important; /* Yan alanları %30'a çıkarttık */
        max-width: 30% !important;
    }
}

body .header-center .search {
    border-radius: 50px !important;
    background-color: #f1f3f6 !important;
    display: block !important; /* Flex iptal, standart blok */
    border: 1px solid #e2e5ea !important;
    padding: 0 !important; /* Matematiksel kusursuzluk için sıfırlandı */
    width: 100% !important;
    height: 52px !important;
    position: relative !important; /* Buton buraya kilitlenecek */
    box-sizing: border-box !important;
}

/* Form ve içerdiği tüm görünmez/görünür Javascript kutularını %100 Genişliğe ve Statik Pozisyona Zorla! */
body .header-center .search form,
body .header-center .search form * {
    width: 100% !important;
    position: static !important; /* JS'in pozisyonlama yetkisini elinden al */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* SADECE Arama Butonu Kural Dışı (Koruma Alanı) */
body .header-center .search button, 
body .header-center .search .btn, 
body .header-center .search button[type="submit"] {
    position: absolute !important; /* En dıştaki .search div'ine uçar */
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; /* Kusursuz dikey ortalama */
    bottom: auto !important; /* Eski ayarı temizle */
    width: 64px !important; /* Biraz daha geniş, estetik için */
    min-width: 64px !important;
    height: 44px !important; /* 52px kapsül - 4'er px üst/alt boşluk = 44px */
    background-color: #ff6b00 !important; 
    border-radius: 50px !important;
    z-index: 99999 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Büyüteç İkonu */
body .header-center .search button i, 
body .header-center .search .btn i {
    width: auto !important; /* %100 geniÅŸliÄŸi ezer */
    color: #fff !important;
    font-size: 18px !important; /* Ä°kon biraz daha belirgin */
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Yazı Alanı (Input) */
body .header-center .search input,
body .header-center .search .form-control {
    height: 50px !important; /* 52px kapsül - 2px sınır payı = 50px */
    line-height: 50px !important;
    padding-left: 20px !important;
    padding-right: 75px !important; /* Butonun yazıyı örtmesini engeller */
    font-size: 14px !important;
    color: #0b1a30 !important;
    position: relative !important; /* Yazı girişine izin ver */
    z-index: 10 !important;
    box-sizing: border-box !important;
}


/* Kullanıcı İşlemleri ve Sepet (Beyaz-Yuvarlak) */
.header-actions .actions-item {
    background-color: #ffffff !important;
    border: 1px solid #e2e5ea !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    transition: 0.3s !important;
    margin-left: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.header-actions .actions-item,
.header-actions .actions-item a,
.header-actions .actions-item .name {
    color: #0b1a30 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.header-actions .actions-item:hover {
    background-color: #f1f3f6 !important;
    border-color: #0b1a30 !important;
}
.header-actions .actions-item i {
    color: #ff6b00 !important;
    font-size: 18px !important;
    margin-right: 5px !important;
}
.header-actions .actions-item-basket .icon .count {
    background-color: #ff6b00 !important;
    color: white !important;
}

/* --- 3. MENÜ (KATEGORİLER) --- */
.menu {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e5ea !important;
    position: relative !important;
    z-index: 9997 !important;
}
.mega-menu > ul > li > a {
    color: #0b1a30 !important; /* Koyu lacivert (beyazda görünsün) */
    font-weight: 700 !important;
    padding: 15px 20px !important;
    border: none !important;
    background: transparent !important;
}

/* Markalar Arası Zarif Ayraç Çizgisi */
.mega-menu > ul > li {
    position: relative !important;
}
.mega-menu > ul > li:not(.dropdown-category):not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 16px !important; /* Çizgi yüksekliği */
    width: 1px !important; /* Çizgi kalınlığı */
    background-color: #d1d5db !important; /* Açık ve zarif gri */
}

/* Tüm Kategoriler Ana Kutu (Taşma/Üst Üste Binme Engeli) */
body .dropdown-category {
    width: auto !important;
    min-width: max-content !important;
    /* padding-right kaldırıldı (çok ayrık durmaması için) */
}

/* Tüm Kategoriler Özel Buton Görünümü */
body .dropdown-category > a, 
body .menu .dropdown-category .nav-link {
    background-color: #0b1a30 !important; /* Koyu Lacivert / Mavi */
    color: #ffffff !important; /* Beyaz Yazı */
    font-weight: 700 !important;
    padding: 0 20px !important; 
    height: 44px !important; 
    line-height: 44px !important; /* Yazıyı tam ortaya alır */
    border-radius: 8px !important; /* Oval köşeler */
    display: inline-block !important; /* Flex yerine inline-block kullanıyoruz, böylece yanındakileri itebilir */
    margin: 3px 15px 3px 0 !important; /* Sadece 15px sağ boşluk (ayrıklık azaltıldı) */
    box-shadow: 0 4px 10px rgba(11, 26, 48, 0.15) !important; /* Hafif gölge */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease !important; /* Sadece renk geçişi (titremeyi önler) */
    white-space: nowrap !important; /* İki satıra bölünmeyi engeller */
    width: auto !important; /* Varsayılan genişlikleri ezer */
    min-width: max-content !important; /* İçeriği kadar genişler ve taşmaz */
    vertical-align: top !important; /* Ãœstten hizalar */
}

/* Tüm Kategoriler İkonu (3 Çizgi - CSS ile Zorla Eklendi) */
body .dropdown-category > a::before, 
body .menu .dropdown-category .nav-link::before,
body .dropdown-category:hover > a::before,
body .dropdown-category > a:hover::before {
    content: '\f0c9' !important; /* FontAwesome Hamburger Ä°konu */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    margin-right: 10px !important;
    font-size: 16px !important;
    display: inline-block !important; /* İkonun hover'da kaybolmasını kesinlikle engeller */
}

/* Eğer kendi içinde gizli bir ikon varsa onu sakla (Çakışmayı önlemek için) */
body .dropdown-category > a i, 
body .menu .dropdown-category .nav-link i {
    display: none !important;
}

/* Hover (Fare Ãœzerine Gelince) Turuncu Olma Efekti */
body .dropdown-category > a:hover, 
body .menu .dropdown-category .nav-link:hover {
    background-color: #ff6b00 !important; /* Turuncu vurgu */
    color: #ffffff !important;
    box-shadow: 0 6px 15px rgba(255, 107, 0, 0.3) !important;
    /* transform: translateY(-2px) !important; --- KALDIRILDI! Zıplama/Titreme yapıyordu */
}
.mega-menu > ul > li > a:hover {
    color: #ff6b00 !important;
    background: transparent !important;
}

/* Üst Menüdeki Araç Logoları (Sadece En Üst Linkler) */
.mega-menu > ul > li > a > img {
    filter: contrast(0) brightness(0) opacity(0.4) !important; 
    -webkit-filter: contrast(0) brightness(0) opacity(0.4) !important;
    max-height: 25px !important; 
    margin-left: 8px !important;
    transform: scale(0.85, 1) !important; /* Logoyu eninden hafifçe daraltır (inceltir) */
    transition: all 0.3s ease !important;
}
.mega-menu > ul > li:hover > a > img,
.mega-menu > ul > li > a:hover > img {
    filter: contrast(0) brightness(0) opacity(0.9) !important; 
    -webkit-filter: contrast(0) brightness(0) opacity(0.9) !important;
    transform: scale(0.95, 1.1) !important; /* Büyürken daraltılmış orana sadık kalır */
}

/* Sol Kategori Menüsünden Araç Markalarını (İlk 6 Sıra) Gizleme */
.menu-left .f-ul > li.f-li:nth-child(-n+6) {
    display: none !important;
}

/* Yan Menü (Alt Kategoriler) Açılma ve Sıkışma Sorunu Çözümü */
.menu-left {
    overflow: visible !important; 
    width: 270px !important; /* Menü genişliğini sabitledik */
}
.dropdown-category {
    overflow: visible !important;
}

/* Kategori Listesine Estetik Scrollbar Ekleme */
.f-ul {
    position: static !important;
    max-height: 400px !important; /* Afiş boyunu geçmesin diye kısıtlama */
    overflow-y: auto !important;
    width: 270px !important; /* Menüyle aynı genişlik */
    background-color: #ffffff !important;
    border: 1px solid #e2e5ea !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
}
.f-ul::-webkit-scrollbar {
    width: 6px !important;
}
.f-ul::-webkit-scrollbar-track {
    background: #f1f3f6 !important;
}
.f-ul::-webkit-scrollbar-thumb {
    background: #c1c1c1 !important;
    border-radius: 10px !important;
}
.f-ul::-webkit-scrollbar-thumb:hover {
    background: #ff6b00 !important;
}

.f-li {
    position: static !important; /* Açılır menünün scroll içine sıkışmasını engeller */
}

/* Alt Menü (Dropdown Menu) Temel Durumu (Yumuşak Kapanma ve Görünmez Köprü) */
.f-li .dropdown-menu2 {
    display: block !important; /* Display none yerine opacity ile yönetilir ki geçişler çalışsın */
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    left: 270px !important; /* Tam menünün bittiği yerden başlar */
    top: 0 !important;
    z-index: 99999 !important;
    background-color: #ffffff !important;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.08) !important;
    border-radius: 0 12px 12px 12px !important;
    width: 700px !important; /* İçindeki resim ve yazıların bozulmasını engeller */
    min-height: 400px !important;
    padding: 15px !important;
    /* Kapanırken 0.15s bekler (Farenin arayı geçmesi veya çapraz inmesi için süre tanır) */
    transition: opacity 0.15s ease 0.1s, visibility 0s linear 0.25s !important; 
}

/* Scrollbar'ı Atlama Köprüsü (Görünmez alan) */
.f-li .dropdown-menu2::before {
    content: "" !important;
    position: absolute !important;
    left: -20px !important; /* Scrollbar'ın üzerine görünmez bir köprü atar */
    top: 0 !important;
    bottom: 0 !important;
    width: 20px !important;
    background: transparent !important;
}

/* Alt Menü Hover (Açılma) Durumu */
.f-li:hover .dropdown-menu2 {
    opacity: 1 !important;
    visibility: visible !important;
    /* Açılırken hiç beklemez, anında tepki verir */
    transition: opacity 0.15s ease 0s, visibility 0s linear 0s !important; 
}

/* --- 4. ÃœRÃœN KARTLARI (ULTRA PREMIUM APPLE TASARIMI) --- */
body .card-product {
    background-color: #ffffff !important;
    border-radius: 20px !important; /* Daha oval köşeler */
    border: 1px solid rgba(0, 0, 0, 0.03) !important; /* Çok hafif sınır */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important; /* Apple tarzı soft gölge */
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; /* Pürüzsüz animasyon */
    padding: 15px !important; /* Normal iç boşluk */
    margin-bottom: 30px !important;
    position: relative !important;
}

/* Hover (Ãœzerine gelince) Efekti */
body .card-product:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important; /* Havaya kalkma hissi */
    transform: translateY(-8px) !important; /* Kart yukarı zıplar */
    border-color: rgba(255, 107, 0, 0.1) !important; /* Hafif turuncu hale */
}

/* Ürün Resmi Alanı */
body .card-product .image-wrapper,
body .card-product .image {
    border-radius: 12px !important;
    overflow: hidden !important;
    position: relative !important;
    margin-top: 10px !important; /* Aradaki boşluk iyice tıraşlandı */
    margin-bottom: 15px !important;
    text-align: center !important;
}

/* Resim Animasyonu (Kartın üstüne gelince resim hafifçe büyür) */
body .card-product .image img {
    transition: transform 0.5s ease !important;
    max-width: 100% !important;
}
body .card-product:hover .image img {
    transform: scale(1.05) !important;
}

/* Favori Butonu (Kalp) - Resmin sağ alt köşesinde cam efektiyle duracak (Markayla Çakışmaması İçin) */
body .card-product .favourite {
    position: absolute !important;
    bottom: 15px !important; /* Üstten değil alttan hizaladık */
    right: 15px !important;
    top: auto !important; /* Üst ayarını iptal ettik */
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 20 !important;
    margin: 0 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important;
}
body .card-product .favourite a {
    color: #ff6b00 !important;
    /* display: flex !important; --- SİLİNDİ: Çünkü gizli olan ikinci A etiketini de zorla gösteriyordu! */
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important; /* Eski turuncu arka planı eziyoruz */
    border-radius: 50% !important;
}

/* Sadece aktif/görünür olması gereken A etiketini flex yap */
body .card-product .favourite a:not(.d-none):not([style*="none"]) {
    display: flex !important;
}

body .card-product .favourite a i {
    font-size: 16px !important;
    margin: 0 !important;
}

/* Çift kalp çıkma sorununu KÖKÜNDEN çözer (İkinci A etiketini veya gizli elementleri yok eder) */
body .card-product .favourite a.d-none,
body .card-product .favourite a[style*="none"],
body .card-product .favourite > a:nth-of-type(2) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    z-index: -999 !important;
}

/* Marka Logosu (Ürün kartının sol üstünde bulunur) */
body .card-product .brand-img {
    position: absolute !important;
    top: 0 !important; /* Tam sınıra dayandı */
    left: 15px !important; /* Sola alındı */
    right: auto !important; /* Sağ ayarı iptal */
    margin: 0 !important; /* Temadan gelen gereksiz dış boşluklar silindi */
    padding: 0 !important; /* Temadan gelen gereksiz iç boşluklar silindi */
    max-width: 80px !important; /* Biraz daha geniÅŸ alan verildi */
    max-height: 30px !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Sola yaslandı */
}
body .card-product .brand-img img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* Ürün kartındaki gereksiz çizgiyi ve turuncu dekoratif çizgileri tamamen silme */
body .card-product .border-content {
    border-top: none !important; 
    border-bottom: none !important;
}
body .card-product::before,
body .card-product::after,
body .card-product-inner::before,
body .card-product-inner::after,
body .card-product .border-content::before,
body .card-product .border-content::after,
body .card-product .product-reviews::before,
body .card-product .product-reviews::after {
    display: none !important;
    content: none !important;
}

/* Ürün Başlığı (İsim) */
body .card-product .info-two .title {
    font-size: 14px !important;
    color: #0b1a30 !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    height: 40px !important; /* İki satıra sığacak kadar */
    overflow: hidden !important;
    transition: color 0.3s ease !important;
    text-align: left !important;
}
body .card-product:hover .info-two .title {
    color: #ff6b00 !important; /* Hover'da başlık turuncu olur */
}

/* Alt Kısım (Fiyat ve Buton) Hizalaması */
body .card-product .d-flex.align-items-center {
    position: relative !important;
    padding-top: 10px !important;
    background: transparent !important;
    border: none !important;
    min-height: 50px !important; /* Butonun taşmasını engeller */
}

/* Fiyat Alanı */
body .card-product .price-group,
body .card-product .prices {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    border: none !important;
}

/* Ana Fiyat (Büyük ve Lacivert) */
body .card-product .sale-price, 
body .card-product .price {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #0b1a30 !important; 
    margin: 0 !important;
    background: transparent !important;
}

/* İndirimli Fiyat (Eski Fiyat) Üstü Çizik */
body .card-product .old-price {
    font-size: 13px !important;
    color: #828d9e !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
    margin-bottom: 2px !important;
    background: transparent !important;
}

/* Sepete Ekle Butonu - Gelişmiş Yuvarlak Tasarım */
body .card-product .buttons .btn-cart {
    background-color: #f1f3f6 !important; /* Normalde çok soft gri/beyaz */
    color: #0b1a30 !important; /* Ä°kon rengi koyu lacivert */
    border-radius: 50px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    position: absolute !important;
    bottom: 5px !important;
    right: 5px !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: hidden !important; /* İçindeki yazıları (ör: "Sepete Ekle" metni varsa) gizler, sadece ikon kalır */
}

/* Eğer temanın içinde yazı varsa yazıyı gizle, ikonu göster */
body .card-product .buttons .btn-cart span {
    display: none !important;
}

body .card-product .buttons .btn-cart i {
    font-size: 18px !important;
    color: #0b1a30 !important;
    transition: transform 0.3s ease !important;
    margin: 0 !important;
}

/* Butonun Ãœzerine Gelince */
body .card-product:hover .buttons .btn-cart,
body .card-product .buttons .btn-cart:hover {
    background-color: #ff6b00 !important; /* Turuncu olur */
    box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3) !important; /* Turuncu gölge yayar */
    transform: scale(1.05) !important;
}
body .card-product:hover .buttons .btn-cart i,
body .card-product .buttons .btn-cart:hover i {
    color: #ffffff !important; /* Ä°kon beyaz olur */
}

/* Ä°ndirim veya Yeni Etiketi (Badge) - Cam Efekti */
body .card-product .badge,
body .card-product .product-badge,
body .card-product .discount-badge {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important; /* Logoyla çakışmaması için sağa alındı */
    left: auto !important;
    background: rgba(255, 107, 0, 0.9) !important;
    backdrop-filter: blur(5px) !important;
    color: #fff !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    z-index: 10 !important;
    box-shadow: 0 4px 10px rgba(255, 107, 0, 0.2) !important;
    border: none !important;
}

/* ÜRÜN DETAY SAYFASI: Kargo Bedava Etiketi (Premium Tasarım - Kesin Çözüm) */
body.product-body .free-cargo-badge {
    position: absolute !important;
    top: 25px !important; /* Resmin içine tam oturması için 25px aşağı alındı */
    left: 25px !important; /* Çerçeve payı hesaplanarak 25px sağa alındı */
    right: auto !important;
    transform: none !important; /* Eski ortalama ayarını eziyoruz */
    background: rgba(255, 107, 0, 0.9) !important; /* Saydam Turuncu Cam */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 30px !important; /* Tam oval, hap ÅŸeklinde hatlar */
    font-weight: 800 !important;
    font-size: 13px !important;
    z-index: 99 !important;
    box-shadow: 0 6px 15px rgba(255, 107, 0, 0.3) !important; /* Turuncu yumuşak gölge */
    border: none !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

/* Kargo Kamyonu Ä°konu Ekleme */
body.product-body .free-cargo-badge::before {
    content: '\f0d1' !important; /* FontAwesome Kamyon Ä°konu */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    font-size: 15px !important;
}

/* ÜRÜN DETAY SAYFASI: Ana Resim Çerçevesi (Kesin Çözüm) */
body.product-body .carousel-outer {
    border: 1px solid #e2e5ea !important; /* İnce ve zarif gri çerçeve */
    border-radius: 16px !important; /* Yumuşak Apple tarzı oval köşeler */
    background-color: #ffffff !important;
    padding: 10px !important; /* Resim ile çerçeve arasında nefes alma boşluğu */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; /* Neredeyse görünmez derinlik gölgesi */
    box-sizing: border-box !important;
    max-width: 100% !important;
    position: relative !important;
}
body.product-body .carousel-outer img {
    border-radius: 12px !important;
}

/* --- 5. BANNER VE AFİŞLER --- */
.carousel-inner, .carousel-item img, .banner-item img, .image img {
    border-radius: 20px !important;
}

/* --- 6. FOOTER (ALT BÄ°LGÄ°) --- */
footer {
    background-color: #ffffff !important;
    margin-top: 40px !important;
}
footer .bb {
    background-color: #ffffff !important;
    border-top: 1px solid #e2e5ea !important;
    padding: 40px 0 !important;
}
footer .bb .title, footer .bb .title-3, footer .bb .title-alt {
    color: #0b1a30 !important; 
    font-weight: 700 !important;
}
footer .bb .footer-links a, footer .bb .description, footer .bb .fs {
    color: #555555 !important;
}
footer .bb .footer-links a:hover {
    color: #ff6b00 !important;
}

footer .secure {
    background-color: #f1f3f6 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-top: 20px !important;
}
footer .bar {
    background-color: #0b1a30 !important; 
}
footer .bar p span, footer .bar p {
    color: #ffffff !important;
}
footer .social-media a {
    background-color: #f1f3f6 !important;
    color: #0b1a30 !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
footer .social-media a:hover {
    background-color: #ff6b00 !important;
    color: #ffffff !important;
}

/* ==============================================================
   ANA SAYFA SLIDER (BANNER) PREMIUM APPLE TASARIMI 
============================================================== */

/* Banner alanına derinlik ve yumuşak köşeler ekleme */
.home-body .carousel.slide,
.home-body .carousel-inner,
.home-body .slider-container {
    border-radius: 12px !important; /* Daha sivri, modern köşeler */
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08) !important; /* Havada asılı durma hissi veren soft gölge */
    overflow: hidden !important; /* Görsellerin köşelerden taşmasını engeller */
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    max-height: 435px !important; /* Soldaki "Araç Seçiniz" kutusuyla milimetrik hizalanması için yükseklik 435px yapıldı */
}

/* Yüklenen görselin slider içine kusursuz sığması için */
.home-body .carousel-item img,
.home-body .carousel-inner img {
    border-radius: 12px !important;
    object-fit: cover !important; /* Görüntüyü ezmeden sığdırır ve fazlalıkları kırpar */
    width: 100% !important;
    height: 435px !important; /* Zorunlu yükseklik, fazlalığı kırpar */
    max-height: 435px !important; 
    display: block !important;
}

/* Slider yön okları (Sağ-Sol Oklar) için Premium Dokunuş */
.home-body .carousel-control-prev, 
.home-body .carousel-control-next {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important; /* Cam efekti (Glassmorphism) */
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    opacity: 1 !important;
    margin: 0 15px !important;
    transition: all 0.3s ease !important;
}

.home-body .carousel-control-prev-icon,
.home-body .carousel-control-next-icon {
    filter: invert(1) !important; /* Okları siyah veya koyu renk yapar */
}

.home-body .carousel-control-prev:hover, 
.home-body .carousel-control-next:hover {
    background: #ff6b00 !important; /* Ãœzerine gelince turuncu vurgu */
    transform: translateY(-50%) scale(1.1) !important;
}
.home-body .carousel-control-prev:hover .carousel-control-prev-icon, 
.home-body .carousel-control-next:hover .carousel-control-next-icon {
    filter: none !important; /* Hover olunca beyaz oklar geri gelir */
}

/* ==============================================================
   ÜRÜN DETAY MÜŞTERİ İŞLEMLERİ (Mükemmel Hizalama)
============================================================== */
body.product-body .customer-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Kusursuz 2 sütun ızgara */
    row-gap: 14px !important; /* Satırlar arası boşluk */
    column-gap: 15px !important; /* Sütunlar arası boşluk */
    margin-top: 20px !important;
    margin-bottom: 25px !important;
}

/* SADECE görünür div'leri flex yap (d-none olanları atla ki zombi gibi dirilmesinler) */
body.product-body .customer-actions > div:not(.d-none):not([style*="display: none"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important; 
    padding: 0 !important;
}

/* Gizli olanları KESİNLİKLE gizli tut (Haber ver, favoriden çıkar vs.) */
body.product-body .customer-actions .d-none,
body.product-body .customer-actions [style*="display: none"],
body.product-body .customer-actions [style*="display:none"] {
    display: none !important;
}

/* Yazıların stili ve hizası */
body.product-body .customer-actions > div a:not(.d-none),
body.product-body .customer-actions > div span:not(.d-none) {
    display: flex !important;
    align-items: center !important;
    color: #555555 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    line-height: 1.2 !important;
}

body.product-body .customer-actions > div a:hover {
    color: #ff6b00 !important;
}

/* İkonların hizalanması (Hepsine eşit genişlik veriyoruz ki yazılar tam aynı hizadan başlasın) */
body.product-body .customer-actions > div i {
    font-size: 16px !important;
    color: #0b1a30 !important; /* Premium Koyu Lacivert */
    width: 24px !important; /* Ä°konlara sabit geniÅŸlik */
    text-align: left !important;
    margin-right: 2px !important;
    transition: color 0.2s ease !important;
}

body.product-body .customer-actions > div a:hover i {
    color: #ff6b00 !important;
}

/* ==============================================================
   7. SADECE MOBİLE ÖZEL (APPLE PREMIUM) İYİLEŞTİRMELER
============================================================== */
@media (max-width: 768px) {
    /* 📱 0. ÜST MENÜ (HEADER) KORUMASI - Logoların ve listelerin ekranın en üstüne taşmasını engeller */
    header, .header, #header, .menu, .header-bottom {
        z-index: 99999 !important; 
    }

    /* 📱 1. YÜZEN WHATSAPP BUTONU */
    .whatsapp-button, .wp-button, .floating-wp, .whatsapp-fixed {
        position: fixed !important;
        bottom: 25px !important; 
        right: 15px !important; 
        left: auto !important; 
        z-index: 90 !important; /* Ürün kartlarının (10) üstünde, sistem menülerinin (100+) altında */
        background-color: #25d366 !important;
        border-radius: 50% !important;
        width: 50px !important; 
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        max-width: 50px !important;
        max-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4) !important;
        transition: transform 0.3s ease !important;
        padding: 0 !important;
        box-sizing: border-box !important; 
    }
    .whatsapp-button i, .wp-button i, .floating-wp i, .whatsapp-fixed i {
        font-size: 30px !important;
        color: white !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        display: block !important; 
    }
    
    /* 📱 2. MOBİL ÜRÜN KARTLARI */
    body .card-product {
        padding: 10px !important; 
        margin-bottom: 15px !important;
        border-radius: 16px !important;
        position: relative !important;
        margin-top: 15px !important; 
        z-index: 10 !important; /* Kartları kendi içine hapseder. Kaydırırken WhatsApp'ın (90) altından geçerler. */
    }
    
    /* Mobilde Marka Logosu */
    body .card-product .brand-img {
        max-width: 45px !important; 
        position: absolute !important;
        top: 10px !important; 
        left: 10px !important;
        z-index: 2 !important; /* Kartın içinde kalır */
        transform: none !important; 
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    body .card-product .brand-img img {
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important; /* Bozulan logoları düzelten KESİN çözüm */
    }

    /* Mobilde Favori (Kalp) Butonu */
    body .card-product .favourite {
        bottom: auto !important;
        top: 10px !important; 
        right: 10px !important;
        width: 32px !important;
        height: 32px !important;
        background: rgba(255, 255, 255, 0.9) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
        position: absolute !important;
        z-index: 2 !important; /* Kartın içinde kalır, WhatsApp'ı kapatamaz */
        transform: none !important; 
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
    }
    body .card-product .favourite a {
        position: static !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        background: transparent !important;
    }

    /* Mobilde "Tükendi" veya "İndirim" Etiketi */
    body .card-product .badge,
    body .card-product .product-badge,
    body .card-product .discount-badge {
        font-size: 10px !important;
        padding: 4px 8px !important;
        top: 10px !important;
        right: 10px !important; 
        transform: none !important; 
        z-index: 3 !important;
    }

    /* Mobilde Fiyat ve Sepet Hizalaması */
    body .card-product .d-flex.align-items-center {
        min-height: 40px !important;
        padding-top: 5px !important;
    }
    body .card-product .sale-price, 
    body .card-product .price {
        font-size: 15px !important; 
    }
    body .card-product .buttons .btn-cart {
        width: 36px !important; 
        height: 36px !important;
        bottom: 0px !important;
        right: 0px !important;
    }
    body .card-product .buttons .btn-cart i {
        font-size: 15px !important;
    }

    /* 📱 3. ARAÇ SEÇİNİZ FORMU VE ÜST MENÜ ÖRTÜŞME ÇÖZÜMÜ */
    /* Header yüksek z-index aldığı için altındaki içeriklerin (Kargo Bedava, Araç Seçiniz) üstünü örtüyor. İçeriği kurtarmak için aşağı itiyoruz. */
    .p-g-b-c-0,
    form#arama,
    #arama,
    .product-detail,
    .product-view,
    .breadcrumb-container,
    .home-body > .container:first-of-type,
    .product-body > .container:first-of-type {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        margin-top: 30px !important; /* Header'ın örtmesini engeller */
    }

    /* WhatsApp butonunu ürün detayında sepete ekle barının üstüne itelim */
    body.product-body .whatsapp-button, 
    body.product-body .wp-button, 
    body.product-body .floating-wp,
    body.product-body .whatsapp-fixed {
        bottom: 85px !important; 
    }

    /* 📱 4. MOBİL SEPETE EKLE / HEMEN AL (SABİT ALT BAR - STICKY BOTTOM BAR) */

    /* Alt kısma şık bir beyaz zemin (Bar) ekliyoruz */
    body.product-body::after {
        content: "" !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 75px !important;
        background: #ffffff !important;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
        z-index: 9998 !important; /* Butonların bir tık altında */
        display: block !important;
    }

    /* Sepete Ekle Butonu - Sol Alt Köşeye Sabit */
    body.product-body .btn-cart,
    body.product-body [class*="btn-cart"],
    body.product-body [class*="add-to-cart"]:not(form):not(div),
    body.product-body [class*="sepete-ekle"]:not(form):not(div) {
        position: fixed !important;
        bottom: 12px !important; /* Beyaz barın tam ortasına hizalar */
        left: 2% !important;
        width: 47% !important;
        max-width: 47% !important;
        height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: linear-gradient(135deg, #ff8c00 0%, #ff6b00 100%) !important;
        color: white !important;
        border-radius: 25px !important;
        border: none !important;
        box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3) !important;
        margin: 0 !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        white-space: nowrap !important;
        z-index: 9999 !important; /* Beyaz barın üstünde durur */
    }

    /* Hemen Al Butonu - Sağ Alt Köşeye Sabit */
    body.product-body .btn-fast-buy,
    body.product-body [class*="fast-buy"],
    body.product-body [class*="buy-now"]:not(form):not(div),
    body.product-body [class*="hemen-al"]:not(form):not(div) {
        position: fixed !important;
        bottom: 12px !important; /* Beyaz barın tam ortasına hizalar */
        right: 2% !important;
        width: 47% !important;
        max-width: 47% !important;
        height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #0b1a30 !important;
        color: white !important;
        border-radius: 25px !important;
        border: none !important;
        box-shadow: 0 4px 15px rgba(11, 26, 48, 0.3) !important;
        margin: 0 !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        white-space: nowrap !important;
        z-index: 9999 !important; /* Beyaz barın üstünde durur */
    }

    /* 🛡️ BENZER ÜRÜNLER (KART) BUTON KORUMASI */
    /* Sabit alt bar kodunun, aşağıdaki benzer ürünlerin sepete ekle butonlarını söküp ekranın altına yığmasını engeller! */
    body.product-body .card-product .btn-cart,
    body.product-body .card-product [class*="btn-cart"],
    body.product-body .card-product [class*="add-to-cart"],
    body.product-body .card-product [class*="sepete-ekle"] {
        position: static !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: none !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ff6b00 !important;
        color: white !important;
        border-radius: 5px !important;
        box-shadow: none !important;
        font-size: 14px !important;
        z-index: 1 !important;
    }

    body.product-body .card-product .sale-price,
    body.product-body .card-product .price {
        display: inline-block !important;
        font-size: 16px !important; 
        font-weight: bold !important;
        color: #0b1a30 !important;
        text-align: left !important;
        width: auto !important;
        margin: 0 !important;
        float: none !important;
        position: static !important;
        transform: none !important;
    }

    /* 📱 5. MOBİL FİYAT ORTALAMA (BASİT VE GÜVENLİ) */
    
    /* Fiyatı ve taksit butonunu yan yana ortalar */
    body.product-body .product-detail .d-flex:has(.sale-price),
    body.product-body .product-detail .product-price,
    body.product-body .product-detail .price-box {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        text-align: center !important;
    }

    body.product-body .product-detail .sale-price,
    body.product-body .product-detail .price {
        display: block !important;
        text-align: center !important;
        font-size: 26px !important; 
        font-weight: 800 !important;
        color: #0b1a30 !important;
        margin: 10px auto !important;
    }

    /* Peşin Fiyatına Taksit Gizleme (Güvenli Sınıflar) */
    body.product-body .product-detail .installment,
    body.product-body .product-detail .taksit-btn,
    body.product-body .product-detail [class*="taksit" i],
    body.product-body .product-detail .TaksitSecenekleri {
        display: none !important;
    }

    /* 📱 6. MOBİL ADET SEÇİCİ (KÜÇÜLTÜLMÜŞ HAP TASARIMI) */
    /* Adet kutusunun sağa uzamasını engeller ve ortalar */
    body.product-body .quantity,
    body.product-body .product-quantity,
    body.product-body .adet-wrapper {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 140px !important; /* Kutuyu küçültür */
        max-width: 140px !important;
        height: 45px !important;
        margin: 15px auto !important; /* Ekranın ortasına alır */
        border: 1px solid #e2e5ea !important;
        border-radius: 25px !important;
        padding: 0 10px !important;
        background-color: #fbfcfd !important;
    }

    /* Altında çıkan "Adet" yazısını gizler */
    body.product-body .quantity label,
    body.product-body .quantity span:not(.qty),
    body.product-body .product-quantity label {
        display: none !important;
    }

    /* İçindeki rakamı ortalar ve büyütür */
    body.product-body .quantity input,
    body.product-body .product-quantity input {
        width: 40px !important;
        text-align: center !important;
        border: none !important;
        background: transparent !important;
        font-weight: 800 !important;
        font-size: 18px !important;
        color: #0b1a30 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    /* Eksi ve Artı butonlarını şeffaf yapar */
    body.product-body .quantity a,
    body.product-body .quantity button,
    body.product-body .quantity .btn {
        background: transparent !important;
        border: none !important;
        font-size: 24px !important;
        color: #0b1a30 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 35px !important;
        height: 35px !important;
    }

    /* Butonlar sayfanın altında olduğu için, sayfanın en altına içeriklerin kaybolmaması için güvenlik payı (Sadece gövdeye) */
    body.product-body {
        padding-bottom: 110px !important; 
    }    .home-body select.form-control,
    .home-body input.form-control {
        border-radius: 25px !important; /* Tam oval (Hap stili) */
        border: 1px solid #e2e5ea !important;
        background-color: #fbfcfd !important;
        padding: 10px 15px !important;
        height: 45px !important;
        font-size: 14px !important;
        color: #0b1a30 !important;
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.01) !important;
        margin-bottom: 10px !important;
    }
    
    /* "Araç Bul" Butonu */
    .home-body button.btn-primary, .home-body .btn-search-vehicle {
        border-radius: 25px !important;
        height: 48px !important;
        width: 100% !important; /* Tam ekrana yayılır, basması kolaylaşır */
        font-size: 16px !important;
        font-weight: bold !important;
        background-color: #ff6b00 !important;
        border: none !important;
        box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3) !important;
    }

    /* 📱 4. FOOTER (ALT BİLGİ) (Dokunma alanı genişletildi) */
    footer .bb .footer-links a {
        display: block !important;
        padding: 12px 0 !important; /* Linklerin arası açıldı, yanlışlıkla başka linke basılmaz */
        border-bottom: 1px solid #f1f3f6 !important;
    }
    footer .bb {
        border-top: none !important; /* O kaba mavi veya sert çizgiyi kaldırır */
    }