/* VecasaHome active Voyage override package: 20260509-vecasahome-active-voyage */
/* BACKGROUND */

.account-button:hover,
.eu-cookie-bar-notification .ok-button:hover,
.ui-tabs-selected a:after,
.ui-tabs-active a:after,
.mini-shopping-cart button:hover,
.footer input:checked ~ label:before,
.social-networks li:hover,
.pager .current-page,
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar a.ui-state-active,
.ui-datepicker-calendar a.ui-state-active:hover,
.add-to-cart-panel .add-to-cart-button:hover,
.mfp-container .apply-shipping-button:hover,
.write-product-review-button:hover,
.wishlist-add-to-cart-button:hover,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.order-progress .current-step:before,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.print-order-button:hover,
.actions .re-order-button:hover,
.search-input .search-button:hover,
.new-comment .button-1:hover,
.private-messages .button-1:hover,
.forum-edit-page .button-1:hover,
.move-topic-page .button-1:hover,
/*plugins*/ .productAddedToCartWindowCheckout:hover,
.save-price-match-button:hover,
.ropc .complete-button button:hover {
  background-color: #fb8a03;
}
/* BORDER */

.ajax-loading-block-window,
.ui-dialog-content button:hover,
.eu-cookie-bar-notification .learn-more:hover,
.social-networks li:after,
.home-page-category-grid .view-more,
.home-page-category-grid .view-all:hover,
.sub-category-grid .view-all,
.sub-category-grid .view-all a,
.pager li:after,
.update-wishlist-button:hover,
.email-wishlist-button:hover,
.login-page .new-wrapper button:hover,
.avatar-page .button-2:hover,
.vendorinfo-page .button-2:hover,
.gdpr-export-data-button:hover,
.gdpr-delete-account-button:hover,
.order-progress .current-step:before,
.order-progress .current-step:after,
.cart-options .update-cart-button:hover,
.cart-options .continue-shopping-button:hover,
.cart-options .estimate-shipping-button:hover,
.cancel-address-button:hover,
.opc .back-link a:hover,
.pdf-invoice-button:hover,
.order-details-page .retry-button:hover,
.actions .return-items-button:hover,
.news-list-homepage .view-all a:hover,
.profile-info-box .pm-button:hover,
.private-messages .button-2:hover,
.forum-edit-page .button-2:hover,
.move-topic-page .button-2:hover,
/*plugins*/ .nopAjaxCartPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:before,
.productAddedToCartWindowSummary a:hover,
.productPanelAjaxBusy:before,
.infinite-scroll-loader:before,
.item-box.dummy-box:before,
.anywhere-slider:before,
.cloudzoom-ajax-loader:before,
.quickView .k-loading-image,
.quickView .cloudzoom-ajax-loader:before,
.quickView .links-panel a:hover,
.ropc .estimate-shipping button:hover,
.richblog-widget .view-all:hover,
.blog-page .read-more:hover,
.richblog-widget .read-more:hover,
.sale-of-the-day-offer .go-to-product a:hover,
.spc .loading-overlay:before {
  border-color: #fb8a03;
}
/* COLOR */

.product-review-box .rating div:before,
.ui-dialog-titlebar button:hover,
.ui-dialog-content button:hover,
.eu-cookie-bar-notification .learn-more:hover,
.ui-tabs .ui-tabs-selected a,
.ui-tabs .ui-tabs-active a,
.mini-shopping-cart .totals strong,
.footer .newsletter-subscribe-button,
.footer-block a:hover,
.selected-price-range,
.breadcrumb a:hover,
.item-box .old-price + .actual-price,
.item-box .product-box-add-to-cart-button:hover,
.category-grid .sub-category-item a:hover,
.home-page-category-grid .view-more,
.home-page-category-grid .view-all:hover,
.sub-category-grid .view-all a,
.manufacturer-item .view-all a,
.vendor-item .view-all a,
.manufacturer-item .title a:hover,
.vendor-item .title a:hover,
.pager li:hover a,
.prices .product-price,
.tier-prices .item-price,
.customer-entered-price .enter-price-label,
.overview-buttons button:hover,
.variants .add-to-wishlist-button:hover,
.write-review .rating-options label:before,
.update-wishlist-button:hover,
.email-wishlist-button:hover,
.compare-products-clear-list,
.login-page .new-wrapper button:hover,
.avatar-page .button-2:hover,
.vendorinfo-page .button-2:hover,
.gdpr-export-data-button:hover,
.gdpr-delete-account-button:hover,
.order-progress .current-step a,
.cart-options .update-cart-button:hover,
.cart-options .continue-shopping-button:hover,
.cart-options .estimate-shipping-button:hover,
.cancel-address-button:hover,
.opc .back-link a:hover,
.pdf-invoice-button:hover,
.order-details-page .retry-button:hover,
.actions .return-items-button:hover,
.search-results .warning,
.search-results .no-result,
.news-list-homepage .view-all a:hover,
.profile-info-box .pm-button:hover,
.private-messages .button-2:hover,
.forum-edit-page .button-2:hover,
.move-topic-page .button-2:hover,
.private-messages-page .pm-unread,
/*plugins*/ .ajaxCart .k-window-action:hover,
.productAddedToCartWindowDescription .price,
.productAddedToCartWindowSummary a:hover,
.clearFilterOptionsAll:hover,
.filter-block .clearFilterOptions:hover,
.filter-block .clearPriceRangeFilter:hover,
.selected-options-list .option:hover:after,
.priceRangeCurrentPricesPanel,
.specification-current-value-panel,
.productsPerPage,
.allProductsReturned,
.ajaxFilters .k-window-action:hover,
.active .ui-tab-title:after,
.priceMatchWindow .k-button-icon:hover,
.quickView .k-window-action:hover,
.quickView .links-panel a:hover,
.ropc .estimate-shipping button:hover,
.richblog-widget .view-all:hover,
.search-term-highlighter,
.blog-page .read-more:hover,
.richblog-widget .read-more:hover,
.sale-of-the-day-offer .actual-price,
.sale-of-the-day-offer .go-to-product a:hover {
  color: #fb8a03;
}
@media all and (max-width: 1260px) {
  .cart-button .cart-qty {
    background-color: #fb8a03;
  }
}
@media all and (min-width: 768px) {
  .product-viewmode .selected {
    color: #fb8a03;
  }
}
@media all and (min-width: 1261px) {
  .cart-link .cart-qty {
    background-color: #fb8a03;
  }
  .spc-categories .category-sublist .view-all {
    border-color: #fb8a03;
  }
  .header-menu > ul > li > a:hover,
  .header-menu .sublist li:hover > a,
  .spc-categories .category-sublist a:hover,
  .spc-categories .category-sublist .view-all {
    color: #fb8a03;
  }
}
.item-box .category-item .picture a:before,
.spc-categories .category-picture a:before {
  padding-top: 100%;
}

/* === VecasaHome Abyat-inspired premium retail layer v20260509-2 START === */
:root {
  --vecasa-abyat-bg: #fbf7ef;
  --vecasa-abyat-surface: rgba(255, 252, 246, 0.94);
  --vecasa-abyat-line: rgba(80, 61, 42, 0.12);
  --vecasa-abyat-ink: #211b16;
  --vecasa-abyat-muted: rgba(33, 27, 22, 0.64);
  --vecasa-abyat-accent: #9f6a2f;
  --vecasa-abyat-accent-2: #d8b16d;
  --vecasa-abyat-green: #748f4b;
  --vecasa-abyat-radius-xl: 34px;
  --vecasa-abyat-radius-lg: 26px;
  --vecasa-abyat-shadow-soft: 0 22px 70px rgba(38, 29, 20, 0.10);
  --vecasa-abyat-shadow-lift: 0 30px 90px rgba(38, 29, 20, 0.16);
}

html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at 8% 4%, rgba(216, 177, 109, 0.20), transparent 28vw),
    radial-gradient(circle at 92% 14%, rgba(116, 143, 75, 0.10), transparent 24vw),
    linear-gradient(180deg, #fffdfa 0%, var(--vecasa-abyat-bg) 54%, #fffdfa 100%);
  color: var(--vecasa-abyat-ink);
}

.master-wrapper-page { overflow-x: clip; }
.header {
  background: var(--vecasa-abyat-surface);
  border-bottom: 1px solid var(--vecasa-abyat-line);
  box-shadow: 0 10px 38px rgba(33, 27, 22, 0.055);
  backdrop-filter: saturate(130%) blur(18px);
}
@media (min-width: 1025px) {
  .header {
    position: sticky;
    top: 0;
    z-index: 950;
  }
}
.header-upper {
  align-items: center;
  gap: 12px 18px;
  min-height: 42px;
}
.header-lower {
  align-items: center;
  gap: 22px;
  padding: 18px clamp(18px, 4vw, 46px) 20px;
}
.header-logo {
  filter: drop-shadow(0 10px 22px rgba(159, 106, 47, 0.12));
  margin-right: clamp(12px, 2vw, 30px);
}
.header-logo a,
.header-logo img { transition: transform .35s ease, filter .35s ease; }
.header-logo a:hover img {
  transform: translateY(-2px) scale(1.018);
  filter: saturate(112%);
}
.header-menu {
  align-items: center;
  background: rgba(255, 250, 242, 0.72);
  border: 1px solid var(--vecasa-abyat-line);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.70);
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  padding: 7px 9px;
}
.header-menu > ul,
.header-menu .top-menu,
.header-menu .menu {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: center;
}
.header-menu a {
  border-radius: 999px;
  color: rgba(33, 27, 22, 0.76);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .01em;
  line-height: 1.2;
  padding: 10px 13px;
  transition: background .24s ease, color .24s ease, transform .24s ease, box-shadow .24s ease;
}
.header-menu a:hover,
.header-menu .selected a {
  background: #fff;
  box-shadow: 0 8px 24px rgba(80, 61, 42, 0.10);
  color: var(--vecasa-abyat-accent);
  transform: translateY(-1px);
}
.search-box.store-search-box {
  background: #fff;
  border: 1px solid rgba(159, 106, 47, 0.18);
  border-radius: 999px;
  box-shadow: 0 14px 36px rgba(80, 61, 42, 0.08);
  display: flex;
  min-height: 46px;
  overflow: hidden;
  padding: 4px;
}
.search-box .search-box-text {
  background: transparent;
  border: 0;
  color: var(--vecasa-abyat-ink);
  font-size: 14px;
  min-width: clamp(190px, 21vw, 320px);
  padding-inline: 18px;
}
.search-box .button-1.search-box-button {
  background: linear-gradient(135deg, var(--vecasa-abyat-ink), #4e3928);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(33, 27, 22, 0.18);
  color: #fffaf2;
  min-width: 48px;
  transition: transform .22s ease, box-shadow .22s ease;
}
.search-box .button-1.search-box-button:hover {
  box-shadow: 0 14px 30px rgba(33, 27, 22, 0.24);
  transform: translateY(-1px);
}
.header-links a,
.header-selectors-wrapper select,
.currency-selector select,
.language-selector select,
.ico-cart {
  border-radius: 999px;
  transition: background .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.header-links a:hover,
.ico-cart:hover {
  background: #fff;
  box-shadow: 0 10px 26px rgba(80, 61, 42, 0.10);
  color: var(--vecasa-abyat-accent);
  transform: translateY(-1px);
}
.ico-cart,
.flyout-cart .mini-shopping-cart { font-weight: 700; }
.cart-qty {
  background: var(--vecasa-abyat-green);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  min-width: 22px;
  min-height: 22px;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  padding: 0 6px;
}

.home-page .slider-wrapper,
.slider-wrapper {
  margin: 0 auto clamp(46px, 7vw, 86px);
  max-width: 100%;
  padding: 0 clamp(0px, 2vw, 24px);
  position: relative;
}
.slider-wrapper .anywhere-slider,
.anywhere-slider {
  background: linear-gradient(135deg, rgba(255, 250, 243, 0.92), rgba(244, 231, 211, 0.72));
  border: 1px solid rgba(159, 106, 47, 0.13);
  border-radius: clamp(20px, 3.2vw, 42px);
  box-shadow: var(--vecasa-abyat-shadow-soft);
  overflow: hidden;
  position: relative;
}
.slider-wrapper .anywhere-slider:after,
.anywhere-slider:after {
  background: linear-gradient(90deg, rgba(255,255,255,0.04), rgba(255,255,255,0.34) 48%, rgba(255,255,255,0));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.anywhere-slider img,
.slider-wrapper img {
  display: block;
  width: 100%;
}
.slider-wrapper .slick-arrow,
.anywhere-slider .slick-arrow,
.slider-wrapper .owl-prev,
.slider-wrapper .owl-next {
  background: rgba(255, 252, 246, 0.92) !important;
  border: 1px solid rgba(80, 61, 42, 0.12) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 36px rgba(33, 27, 22, 0.13) !important;
  color: var(--vecasa-abyat-ink) !important;
  height: 46px;
  transition: transform .22s ease, background .22s ease;
  width: 46px;
}
.slider-wrapper .slick-arrow:hover,
.anywhere-slider .slick-arrow:hover {
  background: #fff !important;
  transform: scale(1.05);
}

.home-page h2,
.home-page .title strong,
.nop-jcarousel .carousel-title strong,
.carousel-title strong,
.category-grid .title strong,
.product-grid .title strong {
  color: var(--vecasa-abyat-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: .01em;
}
.home-page .title,
.nop-jcarousel .carousel-title,
.category-grid .title,
.product-grid .title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: clamp(26px, 4vw, 48px) auto 22px;
  max-width: 1540px;
  padding-inline: clamp(16px, 3vw, 42px);
}
.home-page .title:after,
.carousel-title:after {
  background: linear-gradient(90deg, var(--vecasa-abyat-accent-2), transparent);
  content: "";
  flex: 1;
  height: 1px;
  margin-left: 18px;
  max-width: 180px;
}

.item-grid,
.product-grid .item-grid,
.category-grid .item-grid {
  gap: clamp(14px, 2vw, 24px);
}
.item-box {
  isolation: isolate;
  transform: translateZ(0);
}
.item-box .product-item,
.product-grid .item-box .product-item {
  background: rgba(255, 252, 246, 0.94);
  border: 1px solid rgba(80, 61, 42, 0.105);
  border-radius: var(--vecasa-abyat-radius-lg);
  box-shadow: 0 14px 42px rgba(33, 27, 22, 0.075);
  height: 100%;
  overflow: hidden;
  transition: transform .34s cubic-bezier(.2,.7,.2,1), box-shadow .34s ease, border-color .34s ease;
}
.item-box:hover .product-item {
  border-color: rgba(159, 106, 47, 0.24);
  box-shadow: var(--vecasa-abyat-shadow-lift);
  transform: translateY(-8px);
}
.item-box .picture {
  background: linear-gradient(180deg, #fff 0%, #f6efe4 100%);
  border-radius: calc(var(--vecasa-abyat-radius-lg) - 2px) calc(var(--vecasa-abyat-radius-lg) - 2px) 20px 20px;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.item-box .picture:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.item-box .picture a,
.item-box .picture img {
  inset: 0;
  position: absolute;
}
.item-box .picture img {
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease;
  width: 100%;
}
.item-box:hover .picture img {
  filter: saturate(108%) contrast(102%);
  transform: scale(1.06);
}
.item-box .details {
  padding: 18px 18px 20px;
}
.item-box .product-title,
.product-title a {
  color: var(--vecasa-abyat-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  min-height: 42px;
}
.item-box .description {
  color: var(--vecasa-abyat-muted);
  font-size: 12px;
  line-height: 1.5;
}
.item-box .prices {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px 0 12px;
}
.item-box .actual-price,
.price.actual-price {
  color: var(--vecasa-abyat-accent);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 1.6vw, 23px);
  font-weight: 700;
}
.item-box .old-price {
  color: rgba(33, 27, 22, .40);
  font-size: 13px;
  text-decoration-thickness: 1px;
}
.item-box .buttons {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.item-box .product-box-add-to-cart-button {
  background: linear-gradient(135deg, var(--vecasa-abyat-ink), #4c3728) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 13px 30px rgba(33, 27, 22, .18);
  color: #fffaf2 !important;
  flex: 1 1 auto;
  font-weight: 800;
  min-height: 42px;
}
.item-box .quick-view-button,
.item-box .add-to-wishlist-button,
.item-box .add-to-compare-list-button {
  background: #fff !important;
  border: 1px solid rgba(80, 61, 42, 0.13) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(33, 27, 22, .07);
  color: var(--vecasa-abyat-ink) !important;
  min-height: 40px;
  min-width: 40px;
  transition: transform .22s ease, box-shadow .22s ease, color .22s ease;
}
.item-box .quick-view-button:hover,
.item-box .add-to-wishlist-button:hover,
.item-box .add-to-compare-list-button:hover {
  box-shadow: 0 14px 30px rgba(33, 27, 22, .12);
  color: var(--vecasa-abyat-accent) !important;
  transform: translateY(-2px);
}
@media (hover: hover) and (min-width: 769px) {
  .item-box .quick-view-button,
  .item-box .add-to-compare-list-button {
    opacity: 0;
    transform: translateY(6px);
  }
  .item-box:hover .quick-view-button,
  .item-box:hover .add-to-compare-list-button {
    opacity: 1;
    transform: translateY(0);
  }
}

.home-page-category-grid .item-box,
.category-grid .item-box {
  border-radius: var(--vecasa-abyat-radius-lg);
}
.home-page-category-grid .category-item,
.category-grid .category-item {
  background: #fffaf4;
  border: 1px solid rgba(80, 61, 42, .10);
  border-radius: var(--vecasa-abyat-radius-lg);
  box-shadow: 0 16px 46px rgba(33, 27, 22, .075);
  overflow: hidden;
  transition: transform .32s ease, box-shadow .32s ease;
}
.home-page-category-grid .category-item:hover,
.category-grid .category-item:hover {
  box-shadow: var(--vecasa-abyat-shadow-soft);
  transform: translateY(-6px);
}
.category-item .picture-wrapper,
.category-item .picture { overflow: hidden; }
.category-item img { transition: transform .55s ease, filter .35s ease; }
.category-item:hover img { transform: scale(1.06); filter: saturate(108%); }
.category-item .text-wrapper,
.category-item .category-title {
  background: linear-gradient(180deg, rgba(255,250,244,.94), rgba(246,237,224,.94));
}
.category-item .category-title a,
.category-title a {
  color: var(--vecasa-abyat-ink);
  font-weight: 800;
}

.newsletter,
.footer {
  background: linear-gradient(180deg, rgba(255, 252, 246, 0.96), rgba(245, 235, 219, 0.92));
  border-top: 1px solid rgba(80, 61, 42, .10);
}
.newsletter {
  border: 1px solid rgba(159, 106, 47, .14);
  border-radius: var(--vecasa-abyat-radius-xl);
  box-shadow: var(--vecasa-abyat-shadow-soft);
  margin: 42px auto;
  max-width: 1180px;
  padding: clamp(22px, 4vw, 42px);
}
.newsletter .newsletter-email input {
  border-radius: 999px;
  min-height: 48px;
}
.newsletter .newsletter-subscribe-button {
  background: linear-gradient(135deg, var(--vecasa-abyat-accent), var(--vecasa-abyat-accent-2));
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  min-height: 48px;
}

.product-ribbon,
.ribbon-wrapper .product-ribbon,
.item-box .product-ribbon {
  box-shadow: 0 10px 24px rgba(33, 27, 22, .14);
  font-size: 11px;
}
.product-ribbon:empty { display: none; }

@keyframes vecasaFadeLift {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
.home-page .slider-wrapper,
.home-page .nop-jcarousel,
.home-page-category-grid,
.newsletter {
  animation: vecasaFadeLift .62s ease both;
}
.home-page .nop-jcarousel:nth-of-type(2) { animation-delay: .08s; }
.home-page-category-grid { animation-delay: .12s; }
.newsletter { animation-delay: .16s; }

@media (max-width: 1024px) {
  .header-lower {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 14px 16px;
  }
  .header-menu {
    grid-column: 1 / -1;
    border-radius: 22px;
    justify-content: flex-start;
    overflow-x: auto;
    padding: 8px;
    scrollbar-width: none;
  }
  .header-menu::-webkit-scrollbar { display: none; }
  .search-box.store-search-box { width: 100%; }
  .search-box .search-box-text { min-width: 0; width: 100%; }
}
@media (max-width: 767px) {
  body { background: #fffaf4; }
  .header-upper {
    justify-content: center;
    padding: 6px 10px;
  }
  .header-lower {
    gap: 12px;
  }
  .header-logo { margin: 0; max-width: 132px; }
  .search-box.store-search-box { grid-column: 1 / -1; order: 3; }
  .header-menu {
    grid-column: 1 / -1;
    margin-top: 2px;
    order: 4;
  }
  .header-menu a {
    font-size: 12px;
    padding: 9px 11px;
    white-space: nowrap;
  }
  .home-page .slider-wrapper,
  .slider-wrapper {
    margin-bottom: 34px;
    padding: 0 10px;
  }
  .slider-wrapper .anywhere-slider,
  .anywhere-slider { border-radius: 22px; }
  .home-page .title,
  .nop-jcarousel .carousel-title,
  .category-grid .title,
  .product-grid .title {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 26px;
    padding-inline: 14px;
  }
  .home-page .title:after,
  .carousel-title:after {
    margin: 10px 0 0;
    width: 82px;
  }
  .item-box .details { padding: 13px; }
  .item-box .product-title,
  .product-title a { font-size: 13px; min-height: auto; }
  .item-box .buttons { gap: 6px; }
  .item-box .product-box-add-to-cart-button { font-size: 12px; min-height: 38px; }
  .newsletter {
    border-radius: 22px;
    margin: 28px 12px;
    padding: 22px 16px;
  }
}
@media (max-width: 1260px) {
  .header {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    backdrop-filter: none !important;
  }

  .header-menu.nav-panel,
  .search-box.store-search-box.nav-panel,
  .header-menu.nav-panel .sublist-wrap {
    display: block !important;
    width: 320px !important;
    height: 100% !important;
    min-height: 0 !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    overflow: hidden !important;
    align-items: normal !important;
    justify-content: normal !important;
    backdrop-filter: none !important;
  }

  .header-menu.nav-panel {
    z-index: 1071 !important;
  }

  .search-box.store-search-box.nav-panel {
    z-index: 1071 !important;
  }

  .header-menu.nav-panel .sublist-wrap,
  .header-menu.nav-panel .sublist-wrap.active {
    z-index: 1072 !important;
  }

  .header-menu.nav-panel > ul,
  .header-menu.nav-panel .top-menu,
  .header-menu.nav-panel .menu {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: calc(100% - 48px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .header-menu.nav-panel > ul > li,
  .header-menu.nav-panel .top-menu > li {
    display: flex !important;
    width: 100% !important;
  }

  .search-box.store-search-box.nav-panel form {
    width: auto !important;
    margin: 0 20px !important;
    z-index: auto !important;
  }

  .search-box.store-search-box.nav-panel .search-box-text {
    min-width: 0 !important;
    width: auto !important;
  }
}
 
@media (max-width: 767px) {
  .responsive-nav-wrapper {
    display: grid !important;
    grid-template-columns: 42px 42px minmax(0, 1fr) 42px 42px;
    align-items: center !important;
    padding: 0 6px !important;
  }

  .responsive-nav-wrapper .menu-button {
    grid-column: 1;
  }

  .responsive-nav-wrapper .personal-button {
    grid-column: 2;
  }

  .responsive-nav-wrapper .header-logo.mobile {
    grid-column: 3;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 12px 0 !important;
    text-align: center !important;
  }

  .responsive-nav-wrapper .header-logo.mobile a {
    display: inline-flex !important;
    justify-content: center !important;
  }

  .responsive-nav-wrapper .header-logo.mobile img {
    display: block;
    max-width: 160px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .responsive-nav-wrapper .search-button {
    grid-column: 4;
  }

  .responsive-nav-wrapper .cart-button {
    grid-column: 5;
  }
}