/*
Generated time: October 8, 2025 06:35
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
body.overflow-hidden,
body.overflow-hidden-tablet {
  overflow: hidden
}

.header__icon--cart {
  margin-right: 0
}

.header__icon span,
.header__icon:not(.header__icon--summary) {
  display: block;
  text-align: center
}

.header__icons .app__image-wrapper {
  display: flex;
  gap: 9.98px;
  margin-left: 10px
}

.header__icons .header-side-icons {
  display: flex;
  gap: 6px;
  align-items: center
}

.header__icons .app__image-wrapper .store-play-wrapper {
  max-width: 134px;
  line-height: 0
}

.header__icon .svg-wrapper {
  width: 2rem;
  height: 2rem;
  text-align: center;
  margin: auto
}

.header__icon .svg-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
 
}

.header__icon#header--whislist .svg-wrapper svg {
  width: 2.6rem
}

.header__icon--cart .icon {
  width: 100%;
  height: 100%
}

.header .header__icon {
  font-size: 1rem;
  line-height: 1.8rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #0f213b;
  text-align: center
}

.header__icons {
  padding-right: 0
}

.header__icon span {
  height: auto
}

.header__icon.header__icon--cart .cart-count-bubble {
     top: -0.4rem;
    right: .5rem;
  left: unset;
  bottom: unset;
 width: 1.2rem;
    height: 1.2rem;
  background-color: #ed2427;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0
}

.header-side-icons .header_gold_mmebership__wrapper {
  width: 55px;
  line-height: 0
}

.header__icon.header__icon--cart .cart-count-bubble .visually-hidden,
.header__icon.header__icon--cart .none-visually-hidden {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute !important;
  overflow: hidden;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important
}

.search--input-wrapper {
  grid-area: search-desktop;
  display: none
}

.header-wrapper .pincode-checker-value {
  padding: 5px 17px;
  box-shadow: 0 1px 4px 0 #00000036;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  gap: 10px
}

.header-wrapper .pincode-checker-value svg {
  width: 14px;
  height: 18px
}

.header-wrapper .pincode-checker-value p {
  color: #1e1e1e;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400
}

.header__inline-menu .list-menu__item {
  color: #0f213b;
  font-size: 1.6rem;
  line-height: 1.36;
  font-weight: 600;
  letter-spacing: -0.5px;
  text-decoration: none;
  padding: 0;
  padding-bottom: 2px
}

.header__menu-item .megamenu_heading {
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 2px
}

.header__inline-menu .header__active-menu-item,
.header__menu-item:hover span,
details[open]>.header__menu-item {
  text-decoration: none
}

.header__menu-item .megamenu_heading:hover,
details[open]>.header__menu-item .megamenu_heading {
  background: #183761;
  color: #fff;
  border-radius: 8px
}

.header__menu-item .megamenu_heading:hover span,
details[open]>.header__menu-item .megamenu_heading span {
  color: #fff
}

.header__menu-item .megamenu_heading:hover span path,
details[open]>.header__menu-item .megamenu_heading svg path {
  stroke: #fff
}

.header__inline-menu {
  margin: auto
}

.list-menu--inline {
  column-gap: 1.55px;
  justify-content: center
}

.header__inline-menu summary .icon-caret {
  position: static;
  margin-left: 4px;
  width: 15px
}

#menu-drawer .menu-drawer__menu-item mark,
.header__inline-menu .list-menu__item mark {
  background: linear-gradient(90.27deg, #2c5fa5 .29%, #ed2427 104.06%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 3s infinite linear;
  font-weight: 700
}

.shopify-section-header-sticky .mega-menu__content {
  max-height: 70vh
}

.header .menu--drawer--header__icon {
  font-size: 0
}

.mega-menu__content {
  border: none;
  background: #e8eef5;
  padding: 20px 65.5px;
  border-radius: 30px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 2px 4px 0 #0000001a;
  backdrop-filter: blur(12px);
  margin: auto;
  display: block;
  max-height: 70vh
}

.according_content_width .mega-menu__content {
  width: max-content;
  max-width: 100%;
  left: unset;
  right: unset;
  padding: 20px 74.5px 80px;
  max-height: 70vh
}

.according_content_width .mega-menu[open] .mega-menu__content,
.onlyForSubchild .mega-menu[open] .mega-menu__content {
  left: 50%;
  transform: translateX(-50%)
}

header-menu.according_content_width .mega-menu__content .mega-menu__list {
  grid-template-columns: auto auto;
  min-width: fit-content;
  flex: 0 0 auto;
  width: auto;
  padding-right: 4.8rem
}

header-menu.according_content_width .mega-menu__content .mega-menu__list {
  column-gap: 65px
}

header-menu.according_content_width .mega-menu__content .main_popular_image--wrapper.both-images,
header-menu.according_content_width .mega-menu__content .main_popular_image--wrapper.single-image {
  width: auto;
  flex: 0 0 53.5%
}

header-menu.according_content_width .mega-menu__content .main_popular_image--wrapper.single-image {
  flex: 0 0 40%
}

.mega-menu__content .mega__menu__width_image-wrapper {
  display: flex;
  gap: 20px 31px;
  justify-content: space-between
}

header-menu.according_content_width .mega-menu__content .main_popular_image--wrapper a.mega-menuSideImage {
  width: 250px
}

.onlyForSubchild .mega-menu__content .mega__menu__width_image-wrapper {
  width: 34.7vw;
  width: 25.7vw
}

.according_content_width .mega-menu__content .mega__menu__width_image-wrapper {
  display: grid;
  grid-template-columns: auto auto
}

.mega-menu__content .mega__menu__width_image-wrapper.page-width {
  padding: 0
}

.brand-mega-menu-wrapper {
  width: 100%;
  display: flex;
  gap: 50px
}

.brand-mega-menu-wrapper .menu_txt_redirect-wrapper {
  width: 19.5%
}

.brand-mega-menu-wrapper .menu_txt_redirect-wrapper .brand__navigation_with--alphabet-wrapper {
  height: 65vh;
  overflow-y: auto;
  display: flex;
  justify-content: space-between
}

.brand-mega-menu-wrapper .menu_txt_redirect-wrapper p {
  color: #000;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.36;
  letter-spacing: 0;
  padding: 4px 0;
  border-bottom: .5px solid #00000066;
  margin-bottom: 20px
}

.brand__navigation_with--alphabet-wrapper .brand-name-wrapper li a {
  color: #00000099;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  padding-bottom: 4px
}

.menu_txt_redirect-wrapper .search-input-wrapper {
  margin-bottom: 20px
}

.menu_txt_redirect-wrapper .search-input-wrapper input {
  border: .5px solid #00000080;
  border-radius: 5px;
  padding: 4px 10px;
  background-color: #fff;
  font-weight: 400;
  font-size: 1.2rem;
  color: #1e1e1e99;
  line-height: 1.75;
  width: 92%
}

.menu_txt_redirect-wrapper .search-input-wrapper input:focus,
.menu_txt_redirect-wrapper .search-input-wrapper input:focus-visible {
  box-shadow: none;
  outline: 0;
  outline-offset: 0
}

.brand-mega-menu-wrapper .menu_txt_redirect-wrapper .brand__navigation_with--alphabet-wrapper::-webkit-scrollbar {
  width: 3px
}

.brand-mega-menu-wrapper .menu_txt_redirect-wrapper .brand__navigation_with--alphabet-wrapper::-webkit-scrollbar-track {
  background: 0 0
}

.brand-mega-menu-wrapper .menu_txt_redirect-wrapper .brand__navigation_with--alphabet-wrapper::-webkit-scrollbar-thumb {
  background: #ed2427;
  min-height: 20px
}

.menu_txt_redirect-wrapper .brand__navigation_with--alphabet-wrapper .filter-buttons-container {
  padding-right: 10px
}

.menu_txt_redirect-wrapper .brand__navigation_with--alphabet-wrapper .filter-buttons-container .alphabet-row li a {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  color: #00000099
}

.menu_txt_redirect-wrapper .brand__navigation_with--alphabet-wrapper .filter-buttons-container .alphabet-row li a.active {
  color: #ed2427;
  font-weight: 700
}

.brand-mega-menu-wrapper .brand-image-tab--pills-wrapper {
  flex: 1 1 auto
}

.brand-mega-menu-wrapper .popular-search--menu-wrapper {
  width: 18.25%
}

.brand-mega-menu-wrapper .brand-image-tab--pills-wrapper .tabs {
  display: flex;
  margin-bottom: 20px;
  gap: 10px
}

.brand-mega-menu-wrapper .brand-image-tab--pills-wrapper .tab-button {
  background: 0 0;
  border: none;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  cursor: pointer;
  color: #183761;
  transition: .3s;
  padding-right: 33px
}

.brand-mega-menu-wrapper .brand-image-tab--pills-wrapper .tab-button.active {
  color: #ed2427
}

.brand-mega-menu-wrapper .brand-image-tab--pills-wrapper .tab-pane {
  display: none;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 20px 40px;
  justify-content: center
}

.brand-mega-menu-wrapper .brand-image-tab--pills-wrapper .tab-pane.active {
  display: grid
}

.brand-mega-menu-wrapper .brand-image-tab--pills-wrapper .tab-pane a {
  width: 100px;
  aspect-ratio: 1;
  display: block;
  line-height: 0
}

.brand-mega-menu-wrapper .popular-search--menu-wrapper h2,
header-menu .mega-menu__content .main_popular_image--wrapper h2 {
  font-size: 2rem;
  line-height: 1.36;
  font-weight: 700;
  color: #183761;
  letter-spacing: 0;
  margin-bottom: 20px
}

@keyframes gradientMove {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}

header-menu .mega-menu__content .mega-menu__list {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px 30px;
  flex: 1 1 auto
}

header-menu .mega-menu__content .main_popular_image--wrapper.both-images {
  flex: 1 1 40%
}

header-menu .mega-menu__content .main_popular_image--wrapper.single-image {
  flex: 1 1 21.7%
}

header-menu .mega-menu__content .mega-menuSideImage-wrapper {
  display: flex;
  gap: 20px;
  align-items: center
}

.mega-menu__link.mega-menu__link--level-2 {
  color: #183761;
  letter-spacing: -0.5px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-top: 0;
  padding-bottom: 15px;
  display: flex;
  gap: 4px;
  align-items: start
}

.mega-menu__link.mega-menu__link--level-2 img {
  width: 24px
}

.mega-menu__link {
  color: #00000099;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  letter-spacing: -0.5px;
  padding-bottom: 8px;
  padding-top: 0;
  font-style:normal;
}

header-menu.onlyForSubchild {
  position: relative
}

header-menu.onlyForSubchild .mega-menu__content {
  width: max-content;
  padding: 20px 11px 20px 50px
}

header-menu.onlyForSubchild .mega-menu__content .mega-menu__list--condensed {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px
}

header-menu.onlyForSubchild .mega-menu__content .mega-menu__list--condensed li {
  width: calc(33.33% - 26.66px);
  width: calc(50.33% - 26.66px)
}

#header--whislist {
  position: relative
}

.swym-wishlist-header-counter {
  top: 5px;
  right: 0;
  position: absolute;
  width: 1.8rem !important;
  height: 1.8rem !important;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0;
  border-radius: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: transparent
}

.swym-wishlist-header-counter.show-badge {
  background-color: #ed2427
}

.menu-sale {
  background: linear-gradient(to right, #052a50 20%, #f5333e 30%, #db1923 70%, #103961 80%);
  background-size: 300% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  border-radius: 8px;
  font-weight: 700;
  font-size: inherit;
  position: relative;
  animation: textShine 2s ease-in-out infinite alternate;
  display: inline-block
}

.event-superscript {
  font-size: .9rem;
  vertical-align: super;
  color: #f5333e;
  margin-left: 2px;
  font-weight: 600
}

@keyframes textShine {
  0% {
    background-position: 0 center
  }

  100% {
    background-position: 100% center
  }
}

.header__menu-item .megamenu_heading.menu-sale:hover,
.header__menu-item .menu-sale:hover {
  background: 0 0 !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  color: #fff !important;
  border: none !important;
  -webkit-text-fill-color: #fff !important
}

@media screen and (min-width:990px) {
  .header-wrapper {
    box-shadow: 0 10px 10px #3a3a3a26;
    -webkit-backdrop-filter: blur(810px);
    backdrop-filter: blur(810px);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
  }

  .header:not(.drawer-menu).page-width {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 12px;
  }

  .header__heading-link {
    padding: 0
  }

  .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
    margin-top: 0
  }

  .search--input-wrapper {
    display: block
  }

  .header__icon.header__icon--cart .none-visually-hidden,
  .header__icon.header__icon--cart .visually-hidden {
    position: static !important;
    height: auto;
    width: auto;
    margin: 0
  }
}

@media screen and (min-width:1150px) {

  .header--middle-left:not(.header--has-menu),
  .header--top-left {
    grid-template-areas: "heading navigation navigation navigation search-desktop icons";
    gap: 15px
  }

  .mega-menu__content::-webkit-scrollbar {
    width: 6px;
    overflow-y: auto;
    overflow-x: hidden
  }

  .mega-menu__content::-webkit-scrollbar-thumb {
    background: #183761;
    border-radius: 4px;
    height: 30px
  }

  .mega-menu__content::-webkit-scrollbar-thumb:hover {
    background: #e8eef5
  }
}

@media (min-width:1400px) {
  header-menu .mega-menu__content .mega-menu__list {
    gap: 20px 50px
  }

  .mega-menu__content {
    max-height: 70vh
  }

  header-menu.onlyForSubchild .mega-menu__content .mega-menu__list--condensed {
    gap: 20px 50px
  }

  .brand-mega-menu-wrapper .popular-search--menu-wrapper h2,
  header-menu .mega-menu__content .main_popular_image--wrapper h2 {
    font-size: 3rem
  }
}

@media screen and (max-width:1150px) and (min-width:990px) {

  .header--middle-left:not(.header--has-menu),
  .header--top-left {
    grid-template-areas: "heading icons" "search-desktop search-desktop" "navigation navigation"
  }

  .header__inline-menu .list-menu__item {
    padding: 10px
  }

  header-menu.onlyForSubchild .mega-menu__content .mega-menu__list--condensed li {
    width: calc(50% - 20px)
  }
}

@media (max-width:990px) {
  .header header-drawer {
    margin-left: 0
  }
.header__icons .header-side-icons{gap:12px !important;}
  .header__icon.header__icon--cart .cart-count-bubble {
    right: -2px;
    top: -0.7rem
  }

  .popular-image-wrapper {
    display: flex;
    gap: 10px
  }

  header.header {
    grid-template-areas: "left-icons heading icons" "search-desktop search-desktop search-desktop"
  }

  .header__icons .app__image-wrapper {
    display: none
  }

  .header-side-icons #header--location,
  .header-side-icons #header--whislist,
  .header-side-icons .header__icon--account {
    display: none
  }

  header.header {
    padding: 5px 2rem 0.5rem 2rem;
  }

  .header__icon,
  .header__icon--cart .icon {
    width: auto;
    height: auto
  }

  .header__icon--menu .icon {
    display: inline-block;
    position: static
  }

  .js .menu-drawer {
    height: 100vh
  }

  .header__icon--menu[aria-expanded=true]:before {
    height: 100vh;
    top: 0;
    z-index: 3
  }

  #menu-drawer.menu-drawer {
    top: 0
  }

  details[open].menu-opening>.menu-drawer__submenu {
    transform: translateX(0);
    visibility: visible
  }

  .js .menu-drawer__navigation .submenu-open {
    visibility: visible
  }

  .menu-drawer__close-button {
    display: none
  }

  .js .menu-drawer__submenu {
    position: relative;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgb(var(--color-background));
    z-index: 1;
    transform: translateX(0);
    visibility: hidden
  }

  .top-header-mob {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 0;
    gap: 10px;
    align-items: center;
    box-shadow: 0 4px 4px 0 #00000040;
    background-color: #fff
  }

  .menu-drawer__menu-item>.svg-wrapper {
    right: 0
  }

  .top-header-mob .mob-logo-custom {
    max-width: 137px
  }

  .top-header-mob .mobile-cross {
    width: 24px
  }

  .header__icon--menu {
    position: initial
  }

  .menu-drawer__navigation {
    padding: 1rem 20px 2.5rem 20px
  }

  .js .menu-drawer__menu-item .icon-caret,
  .js .menu-drawer__navigation details[open] .menu-drawer__inner-submenu .menu-drawer__menu-item .icon-caret {
    display: block;
    stroke: #0f213b;
    transform: rotate(0)
  }

  .menu-drawer__navigation .menu-drawer__menu-item {
    padding: 9px 6px;
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: 400;
    color: #0f213b;
    margin-bottom: 5px
  }

  .menu-drawer__navigation .menu-drawer__menu-item--active {
    background-color: transparent
  }

  .menu-drawer__navigation details[open] summary {
    background-color: #183761;
    color: #fff;
    border-radius: 6px
  }

  summary .icon-caret {
    right: .6rem
  }

  .menu-drawer__inner-submenu summary .icon-caret {
    right: 0
  }

  .js .menu-drawer__navigation details[open] .menu-drawer__menu-item .icon-caret {
    stroke: #fff;
    transform: rotate(-180deg)
  }

  .js .menu-drawer__navigation details[open] .menu-drawer__inner-submenu details[open] .menu-drawer__menu-item .icon-caret {
    transform: rotate(-180deg)
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu details[open] summary {
    margin-bottom: 12px
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu details .menu-drawer__menu-item {
    background-color: transparent;
    color: #183761
  }

  .menu-drawer__close-button:focus,
  .menu-drawer__close-button:hover,
  .menu-drawer__menu-item:focus,
  .menu-drawer__menu-item:hover {
    background-color: transparent
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu {
    border-radius: 12px;
    padding: 8px 10px;
    margin-bottom: 5px
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu ul li:not(:last-child) {
    border-bottom: 1px solid #dae2f5
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .menu-drawer__submenu ul li {
    border: none
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .menu-drawer__menu-item {
    color: #183761;
    letter-spacing: 0;
    line-height: 1.5;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 4px 0;
    display: flex;
    align-items: center;
    gap: 4px
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .menu-drawer__menu-item img {
    width: 24px
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .menu-drawer__submenu .menu-drawer__menu-item {
    color: #000;
    letter-spacing: 0;
    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 8px
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .menu-drawer__menu-item--active,
  .menu-drawer__navigation .menu-drawer__inner-submenu .menu-drawer__menu-item:focus {
    background-color: transparent
  }

  .js .menu-drawer__submenu .menu-drawer__submenu,
  .menu-drawer__inner-submenu {
    background-color: #f2f6ff
  }

  .menu-drawer__navigation-container {
    display: block
  }

  .menu-drawer__navigation-container .menu-drawer__utility-links {
    background-color: transparent;
    padding: 0 20px;
    margin-bottom: 2.7rem
  }

  .menu-drawer__navigation-container .menu-drawer__utility-links h2,
  .menu__drawer_app_download-wrapper h2 {
    color: #183761;
    letter-spacing: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 8px
  }

  .menu--drawer__details-content .menu--drawer-contact-item a {
    color: #275a9f;
    font-size: 1.2rem;
    line-height: 1.36;
    letter-spacing: 0;
    font-weight: 400
  }

  .menu--drawer__details-content .menu--drawer-contact-item a:not(:last-child) {
    margin-bottom: 10px
  }

  .menu__drawer_app_download-wrapper {
    padding: 0 20px;
    margin-bottom: 12px
  }

  .menu__drawer_app_download-wrapper h2 {
    color: #0f213b;
    font-weight: 400
  }

  .menu__drawer_app_download-wrapper .app__image-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
  }

  .menu__drawer_app_download-wrapper .app__image-wrapper .store-play-wrapper {
    width: 137px;
    display: block;
    line-height: 0
  }

  .custom-menu--drawer_dropdown .menu-header .metaobject_menu_heading,
  .popular-search--menu-wrapper h2 {
    font-size: 1.4rem;
    line-height: 1.5;
    color: #183761;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 12px
  }

  .custom-menu--drawer_dropdown .menu-header .metaobject_menu_heading {
    margin-bottom: 0
  }

  .custom-menu--drawer_dropdown .menu-header {
    margin-bottom: 12px
  }

  .brand__navigation_with--alphabet-wrapper .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
  }

  .brand__navigation_with--alphabet-wrapper .menu-header .svg-wrapper svg {
    width: 15px;
    height: .6rem;
    stroke: #0f213b
  }

  .brand__navigation_with--alphabet-wrapper.active .menu-header .svg-wrapper svg {
    transform: rotate(-180deg)
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .brand__navigation_with--alphabet-wrapper .menu-item li {
    border: none
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .brand-name-wrapper {
    display: none
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .brand-name-wrapper.active {
    display: block
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .brand-name-wrapper .drawer-navigation-brand-wrapper {
    justify-content: space-between;
    gap: 10px;
    display: flex
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .brand-name-wrapper .search-input-wrapper {
    margin-bottom: 10px;
    width: 98%;
    min-height: 29px;
    border: .5px solid #00000080;
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .brand-name-wrapper .search-input-wrapper svg {
    width: 14px
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .brand-name-wrapper .search-input-wrapper input {
    padding-left: 4px;
    font-weight: 400;
    font-size: 1.2rem;
    color: #1e1e1e99;
    line-height: 1.75;
    border: none;
    background-color: transparent;
    flex: 1 1 auto
  }

  .menu-drawer__navigation .menu-drawer__inner-submenu .brand-name-wrapper .search-input-wrapper input:focus,
  .menu-drawer__navigation .menu-drawer__inner-submenu .brand-name-wrapper .search-input-wrapper input:focus-visible {
    box-shadow: none;
    outline: 0;
    outline-offset: 0
  }

  .brand__navigation_with--alphabet-wrapper .brand-name-wrapper li a.scroll-link.active {
    color: #c6620d;
    font-weight: 700
  }

  .custom-menu--drawer_dropdown .menu__drawer_brand-image {
    align-items: center;
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
    padding-bottom: 20px
  }

  .custom-menu--drawer_dropdown .menu__drawer_brand-image a {
    display: block;
    line-height: 0;
    aspect-ratio: 1
  }

  #menu-drawer .main_popular_image--wrapper h2 {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #183761;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 12px
  }

  .main_popular_image--wrapper .drawer-mega-menuSideImage-wrapper .drawer-mega-menuSideImage {
    width: 100%;
    line-height: 0;
    margin-bottom: 10px
  }

  .main_popular_image--wrapper .drawer-mega-menuSideImage-wrapper .drawer-mega-menuSideImage img {
    border-radius: 12px
  }
}