.v-category-nav {
  --swiper-pagination-area-height: 0;
  --v-tab-padding: 13px;
  --v-nav-border: 1px;
  --v-button-height: auto;
  --v-button-font-size: 14px;
  --v-sticky-background-color: #f6f6f6;
  background-color: var(--v-sticky-background-color, #f6f6f6);
}
.v-category-nav swiper-slide {
  width: auto !important;
  font-size: 0;
}

.v-category-nav__line {
  padding-block: var(--v-tab-padding) calc(var(--v-tab-padding) - var(--v-nav-border));
  border-bottom: var(--v-nav-border) solid #eee;
}
.v-category-nav__line:not(:only-child):last-child {
  --v-nav-border: 0px;
}
.v-category-nav__line .v-button {
  --v-button-text-color: #6d6d6d;
  --v-button-line-height: 1.3;
}

.v-category-nav__btn[aria-selected=true] {
  font-weight: 600;
  --v-button-text-color: #000;
  --v-button-font-weight: var(--v-tab-button-font-weight-selected, 900);
}

:root {
  --v-site-header-position: relative;
}

.v-category {
  --v-category-body-min-height: calc(
    var(--v-viewport-height, 100dvh) - var(--v-site-header-height) - var(--v-bottom-bar-height, 0px) - 45px * 3
  );
  --v-tab-button-font-weight-selected: var(--v-font-bold);
}
.v-category .v-page-body__no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--v-category-body-min-height);
}
.v-category .v-search-result__no-data {
  margin-block: 24px;
}
.v-category .v-search-result__no-data p,
.v-category .v-search-result__no-data a {
  font-size: 14px;
}
.v-category .v-search-result__no-data .link {
  display: inline-flex;
  margin-top: 8px;
  color: #6d6d6d;
}
.v-category .v-search-result__no-data .link::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M4 3L8 6L4 9" stroke="%23999999" stroke-linecap="square"/></svg>');
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: 1px;
}

.v-page-head {
  --v-tab-button-font-size: 14px;
  --v-category-head-margin: 16px;
  --v-tab-button-padding-bottom: var(--v-category-head-margin);
}
.v-page-head .v-category-tab {
  --v-tab-border: 1px;
  --v-slides-offset: 16px;
  border-bottom: var(--v-tab-border) solid #eee;
  padding-block: var(--v-category-head-margin, var(--v-space-3)) calc(var(--v-category-head-margin) - var(--v-tab-border));
}
.v-page-head .v-category-tab swiper-slide .v-tab-button {
  padding-left: calc(var(--v-slides-offset) / 2);
  padding-right: calc(var(--v-slides-offset) / 2);
}
.v-page-head .v-category-tab swiper-slide:first-child .v-tab-button {
  padding-left: 0;
}
.v-page-head .v-category-tab swiper-slide:last-child .v-tab-button {
  padding-right: 0;
}
.v-page-head .v-list-control {
  position: relative;
  z-index: calc(var(--v-site-header-z, 100) - 2);
  background: #fff;
}
.v-page-head .v-list-control__breadcrumb {
  --v-breadcrumb-title-gap: var(--v-space-1);
  --v-breadcrumb-icon-size: 16px;
  --v-button-height: 100%;
  height: 100%;
}
.v-page-head .v-list-control__breadcrumb .v-button {
  gap: var(--v-breadcrumb-title-gap);
  justify-content: start;
}
.v-page-head .v-list-control__breadcrumb .v-button span {
  --v-button-line-height: 1.3;
  --v-button-width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - var(--v-breadcrumb-title-gap) - var(--v-breadcrumb-icon-size, 16px));
}
.v-page-head .v-list-control__breadcrumb svg {
  transition: transform 0.3s ease-in-out;
  transform: rotate(var(--v-breadcrumb-icon-rotate, 0deg));
  width: var(--v-breadcrumb-icon-size, 16px);
  height: var(--v-breadcrumb-icon-size, 16px);
}

.v-page-body {
  min-height: var(--v-category-body-min-height);
  overflow-x: hidden;
  overflow-x: clip;
  padding-bottom: var(--v-category-body-padding-bottom, var(--v-bottom-bar-height, 0px));
}

.v-tmpl--img-quicklink {
  --v-media-fit: cover;
}
.v-tmpl--img-quicklink:not(:has(.v-title)) {
  --v-quick-link-padding-top: 10px;
}
.v-tmpl--img-quicklink .v-carousel::part(root) {
  padding-top: var(--v-quick-link-padding-top, 0);
}
.v-tmpl--img-quicklink .v-quick-link__text {
  white-space: initial;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.v-top-brand-banner {
  margin-top: 24px;
}
.v-top-brand-banner .v-carousel {
  --v-carousel-root-pad-x: 0px;
  --swiper-navigation-top-offset: calc(
    (var(--v-carousel-slide-width) * (348 / 750)) / 2
  );
  --swiper-navigation-color: #fff;
}
.v-top-brand-banner__image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 750/348;
  object-fit: cover;
  object-position: center;
}

.v-page-list {
  margin-inline: var(--v-side-margin);
}

.v-page-list__sub-content {
  background-color: #f6f6f6;
}
.v-page-list__sub-content .v-page-index-item__name {
  padding-left: 4px;
}

/*
.v-scroll-autohide {
  .v-list-control,
  .v-category-tab,
  .v-category-nav,
  .v-filter {
    @extend %sticky-base;
    background: var(--v-sticky-background-color, #fff);
  }

  &.scroll-up {
    .v-list-control {
      @extend %is-fixed;
      top: 0px;
      z-index: 30;
    }
    .v-category-tab {
      @extend %is-fixed;
      top: var(--control-height, 0px);
      z-index: 20;
    }
    .v-category-nav {
      @extend %is-fixed;
      top: var(--control-height, 0px);
      top: calc(var(--control-height, 0px) + var(--tab-height, 0px));
      z-index: 20;
    }
    .v-filter {
      @extend %is-fixed;
      top: calc(
        var(--control-height, 0px) + var(--tab-height, 0px) +
          var(--nav-height, 0px)
      );
      z-index: 10;
    }
    .v-top-sheet.is-open {
      margin-top: 0;
    }
  }
}
*/
/*
body:has(.v-sub-header--autohide) {
  .v-scroll-autohide {
    &.scroll-up {
      .v-list-control {
        top: var(--header-height, 0px);
      }
      .v-category-tab {
        top: calc(var(--header-height, 0px) + var(--control-height, 0px));
        z-index: 20;
      }
      .v-filter {
        position: initial !important;
      }
    }
  }
}
*/
body:has(.v-scroll-autohide) {
  --v-autohide-transition-timing: 0.2s;
  --v-autohide-transition-easing: ease-in-out;
  --v-top-sheet-container-top: var(--v-list-control-height, 0px);
}
body:has(.v-scroll-autohide):has(.v-page-head) {
  --v-page-head-height: calc(
    var(--v-list-control-height, 0px) + var(--v-category-tab-height, 0px) +
      var(--v-category-nav-height, 0px)
  );
}
body:has(.v-scroll-autohide):has(.v-page-head .v-list-control) {
  --v-list-control-height: 45px;
}
body:has(.v-scroll-autohide):has(.v-page-head .v-category-tab) {
  --v-category-tab-height: 50px;
}
body:has(.v-scroll-autohide):has(.v-page-head .v-category-nav__line) {
  --v-category-nav-height: calc(
    var(--v-category-nav-line-height, 43.19px) *
      var(--v-category-nav-line-count, 0)
  );
}
body:has(.v-scroll-autohide):has(.v-page-head .v-category-nav__line):not(:has(.v-category-nav__line:nth-of-type(4))) {
  --v-category-nav-line-count: 3;
}
body:has(.v-scroll-autohide):has(.v-page-head .v-category-nav__line):not(:has(.v-category-nav__line:nth-of-type(3))) {
  --v-category-nav-line-count: 2;
}
body:has(.v-scroll-autohide):has(.v-page-head .v-category-nav__line):not(:has(.v-category-nav__line:nth-of-type(2))) {
  --v-category-nav-line-count: 1;
}
body:has(.v-scroll-autohide):has(.v-page-head.v-is-above-viewport) {
  --v-page-head-inner-position: fixed;
  --v-page-head-y: -100%;
}
body:has(.v-scroll-autohide).scroll-up:not(.v-breadcrumb-open):has(.v-page-head.v-is-above-viewport) {
  --v-page-head-y: 0;
}
body:has(.v-scroll-autohide).scroll-up:not(.v-breadcrumb-open):has(.v-filter.v-hit-top) {
  --v-filter-bar-y: var(--v-page-head-height);
}
body:has(.v-scroll-autohide) .v-use-transition {
  --v-transition: transform var(--v-autohide-transition-timing)
    var(--v-autohide-transition-easing);
}
body:has(.v-scroll-autohide) .v-sub-header .v-sub-header__inner {
  position: var(--v-sub-header-position, relative);
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, var(--v-sub-header-y, 0), 0);
  transition: var(--v-transition, none);
}
body:has(.v-scroll-autohide) .v-page-head {
  position: relative;
  z-index: calc(var(--v-site-header-z, 100) - 5);
  height: var(--v-page-head-height);
}
body:has(.v-scroll-autohide) .v-page-head__inner {
  position: var(--v-page-head-inner-position, relative);
  top: 0;
  transform: translate3d(0, var(--v-page-head-y, 0), 0);
  transition: var(--v-transition, none);
  background: #fff;
  width: 100%;
}
body:has(.v-scroll-autohide) .v-filter {
  --v-filter-height: calc(
    var(--v-filter-tab-height, 0px) + var(--v-filter-applied-list-height, 0px)
  );
  height: var(--v-filter-height);
}
body:has(.v-scroll-autohide) .v-filter:has(.v-tab.v-filter-list) {
  --v-filter-tab-height: 64px;
}
body:has(.v-scroll-autohide) .v-filter:has(.v-filter-applied-list) {
  --v-filter-applied-list-height: 44px;
}
body:has(.v-scroll-autohide) .v-filter:has(.v-filter-applied-list[hidden]) {
  --v-filter-applied-list-height: 0px;
}
body:has(.v-scroll-autohide) .v-filter.v-hit-top {
  --v-filter-bar-position: fixed;
  --v-filter-bar-transition: transform var(--v-autohide-transition-timing)
    var(--v-autohide-transition-easing);
}
body:has(.v-scroll-autohide) .v-filter-bar {
  position: var(--v-filter-bar-position, relative);
  top: 0;
  z-index: calc(var(--v-site-header-z, 100) - 6);
  width: 100%;
}
body:has(.v-scroll-autohide) .v-filter-bar__inner {
  height: var(--v-filter-height);
  background: var(--v-sticky-background-color, #fff);
  transform: translate3d(0, var(--v-filter-bar-y, 0), 0);
  transition: var(--v-filter-bar-transition, none);
  box-shadow: 0 -1px 0 1px var(--v-sticky-background-color, #fff);
}

body.v-breadcrumb-active .v-sub-header.v-is-above-viewport {
  --v-sub-header-position: fixed !important;
  --v-sub-header-y: -100%;
  height: var(--v-site-header-height, 56px);
}
body.v-breadcrumb-active .v-list-control__trail {
  visibility: var(--v-list-control-trail-visibility, visible);
  transition: visibility 0.2s linear;
}
body.v-breadcrumb-active.v-breadcrumb-open {
  --v-sub-header-y: 0 !important;
  --v-page-head-y: 0;
  --v-top-sheet-container-top: var(--v-list-control-height, 0px) !important;
  --v-breadcrumb-icon-rotate: 180deg !important;
  --v-list-control-trail-visibility: hidden !important;
}
body.v-breadcrumb-active.v-breadcrumb-open:has(.v-page-head.v-is-above-viewport) {
  --v-page-head-y: var(--v-site-header-height, 0px) !important;
}
body.v-breadcrumb-active.v-breadcrumb-open .v-sub-header.v-is-above-viewport {
  --v-sub-header-y: 0;
}