@charset "UTF-8";
body {
  font-family: 'Inter', sans-serif !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif; }

.mega-cat-dropdown {
  height: 50vh !important;
  padding-bottom: 300px !important;
  direction: rtl !important; }

div#menu-wrapper {
  background-color: #03263f !important; }

header div#menu {
  background-color: #03263f !important; }

.dropdown--quickSearch .productGrid {
  background-color: #fff !important; }

.quickSearchResults .product:hover {
  background: #fff !important; }

.quickSearchResults article.card--alternate:hover .card-body {
  background-color: #fff !important; }

.mega-cat-dropdown {
  overflow-y: clip;
  position: static;
  margin-top: 46px; }

#menu div.nav-right {
  float: right;
  width: 80% !important;
  height: auto; }

.section.productCarousel {
  margin-bottom: 30px; }

.mb-20 {
  margin: 0px 0px 30px 0px; }

.header-logo {
  max-width: 303px; }

.card-title > a {
  font-family: 'Inter', sans-serif;
  font-size: 13px; }

.category-title {
  font-size: 13px; }

.mega-cat-dropdown li.navPage-subMenu-item-child.second-level a.second-level {
  font-size: 14px !important; }

/* Search Form Custom Rounded Corners */
/* Search Wrapper */
.form {
  position: relative;
  max-width: 620px;
  width: 100%; }

/* Search Input */
.dropdown--quickSearch .form {
  margin: auto;
  margin-bottom: auto;
  max-width: 100% !important; }

.dropdown--quickSearch .form-input {
  width: 100% !important;
  height: 44px !important;
  border: 1px solid #03263f !important;
  border-radius: 30px !important;
  padding: 0 80px 0 28px !important;
  font-size: 13px !important;
  background: #fff !important;
  box-shadow: none !important; }

/* Placeholder */
.form-input::placeholder {
  color: #999 !important;
  font-style: normal !important; }

/* Remove focus shadow */
.form-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #03263f !important; }

/* Search Button Area */
.search-icon.submit {
  top: 0 !important;
  right: 0 !important;
  width: 68px !important;
  height: 44px !important;
  background: #03263f !important;
  border-radius: 0 30px 30px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important; }

header .search-icon.submit {
  position: relative;
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  top: -3px;
  top: 0;
  left: -30px; }

/* Hidden Submit Button */
.search-icon.submit input {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important; }

/* Search SVG */
.search-icon.submit svg {
  width: 20px !important;
  height: 20px !important;
  fill: #fff !important;
  stroke: #fff !important;
  z-index: 1 !important; }

.navUser-action:hover svg, .navUser-action.is-open svg {
  fill: #ec6208; }

/*side bar start */
/* Sidebar Wrapper */
.page-sidebar {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); }

/* Sidebar Titles */
.page-sidebar h5,
.sidebarBlock-heading {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #111;
  text-transform: uppercase;
  letter-spacing: .5px; }

/* Category List */
.navList,
.sidebarBlock ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Category Items */
.navList-item,
.sidebarBlock li {
  margin-bottom: 8px; }

/* Category Links */
.navList-action,
.sidebarBlock a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 12px;
  background: #f8f9fb;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .25s ease;
  position: relative; }

/* Hover Effect */
.navList-action:hover,
.sidebarBlock a:hover {
  background: #eaf3ff;
  color: #0066cc;
  transform: translateX(4px); }

/* Active Category */
.navList-action--active,
.navList .active > a {
  background: #0066cc;
  color: #fff;
  font-weight: 600; }

/* Arrow Icon */
.navList-action::after {
  content: "›";
  font-size: 18px;
  color: #999;
  transition: .2s ease; }

/* Arrow Hover */
.navList-action:hover::after {
  color: #0066cc; }

/* Shop By Price */
.sidebarBlock + .sidebarBlock {
  margin-top: 28px; }

/* Price Links */
.navList--aside a {
  background: transparent;
  padding: 10px 0;
  border-radius: 0; }

.navList--aside a:hover {
  background: transparent;
  transform: none;
  padding-left: 8px; }

/*side bar end */
/*category header and filter start */
/* Header Row */
.category-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px; }

/* Product Listing Top */
.actionBar {
  display: flex;
  justify-content: flex-end;
  margin-top: -85px;
  margin-bottom: 40px; }

/* Mobile */
@media (max-width: 768px) {
  .category-top-bar {
    margin-bottom: 20px; }
  .actionBar {
    margin-top: 0;
    justify-content: flex-start;
    margin-bottom: 25px; } }

/*category header and filter end */
.page-sidebar + .page-content {
  margin-top: 25px !important; }

/* =========================================
   AMAZON STYLE QUICK SEARCH
========================================= */
.quickSearchResults {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 99999;
  padding: 8px 0; }

/* Remove Grid */
.quickSearchResults .productGrid {
  display: block !important;
  margin: 0; }

/* Product Row */
.quickSearchResults .product {
  width: 100% !important;
  float: none !important;
  display: flex !important;
  align-items: center;
  gap: 14px;
  padding: 10px 18px;
  border: 0;
  background: transparent;
  transition: .2s ease; }

/* Hover */
.quickSearchResults .product:hover {
  background: #f5f9ff; }

/* =========================================
   SMALL IMAGE
========================================= */
.quickSearchResults .card-figure {
  width: 48px !important;
  min-width: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important; }

.quickSearchResults .card-image {
  max-height: 48px;
  object-fit: contain; }

/* =========================================
   CONTENT
========================================= */
.quickSearchResults .card-body {
  flex: 1;
  text-align: left !important;
  padding: 0 !important; }

/* Hide Brand */
.quickSearchResults .card-text[data-test-info-type="brandName"] {
  display: none; }

/* Product Title */
.quickSearchResults .card-title {
  margin: 0;
  line-height: 1.4; }

.quickSearchResults .card-title a {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  text-decoration: none; }

/* Hover */
.quickSearchResults .card-title a:hover {
  color: #0066cc; }

/* Price */
.quickSearchResults .price {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #111; }

/* =========================================
   REMOVE EXTRA UI
========================================= */
.quickSearchResults .card-figcaption,
.quickSearchResults .button,
.quickSearchResults .quickview {
  display: none !important; }

/* Remove Card Styles */
.quickSearchResults .card {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important; }

/* =========================================
   MOBILE
========================================= */
@media (max-width: 768px) {
  .quickSearchResults .product {
    padding: 10px 14px; }
  .quickSearchResults .card-title a {
    font-size: 14px; }
  .quickSearchResults .price {
    font-size: 13px; } }