.product-container .product-container--top {
    background-color: #000;
  }
  
  .breadcrumbs {
    padding-top: var(--15);
    margin-bottom: var(--34);
  }
  
  .rank-math-breadcrumb p {
    margin-bottom: 0;
  }
  
  .rank-math-breadcrumb a,
  .rank-math-breadcrumb span {
    font-size: var(--13);
    color: #fff;
  }
  
  .rank-math-breadcrumb .last,
  .rank-math-breadcrumb a:last-child {
    color: #fff;
  }
  
  .rank-math-breadcrumb a:hover {
    text-decoration: underline;
  }
  
  .product-container .product-header,
  .product-container--content .product-desc-box {
    display: grid;
    grid-template-columns: 46% auto;
    grid-gap: var(--30) var(--70);
  }
  
  .product-header .product-gallery .image-cover {
    padding-top: 66%;
    margin-bottom: -9rem;
    border-radius: var(--10);
  }
  
  .product-header .product-title {
    padding-top: var(--20);
    font-size: var(--70);
    font-family: var(--title);
    color: #fff;
    line-height: 1;
    margin-bottom: var(--60);
  }
  
  .product-header .woocommerce-product-details__short-description {
    color: #fff;
  }
  
  .product-header .woocommerce-product-details__short-description p {
    font-size: var(--26);
    font-weight: 600;
    margin: 0;
  }
  
  .product-container--content .product-desc-1 {
    grid-column: 2;
    padding-top: var(--30);
    font-size: var(--18);
    font-weight: 500;
    line-height: 1.6;
  }
  
  .product-container--content .product-desc-box {
    padding-bottom: 7.5rem;
  }
  
  .product-selling-point {
    max-width: 55rem;
    margin: 0 auto var(--70);
    display: grid;
    align-items: center;
    grid-template-columns: 13.7rem auto;
    border: var(--2) solid var(--theme-color2);
    border-radius: var(--35);
    overflow: hidden;
  }
  
  .product-selling-point .title {
    height: 100%;
    display: inline-flex;
    align-items: center;
    background-color: var(--theme-color2);
    color: #fff;
    font-size: var(--27);
    font-family: var(--title);
    justify-content: center;
  }
  
  .product-selling-point .content {
    padding: var(--20) var(--25);
  }
  
  .product-selling-point .content p:last-child,
  .product-selling-point .content ul li:last-child {
    margin-bottom: 0;
  }
  
  .product-selling-point .content ul {
    margin: 0;
    list-style: none;
  }
  
  .product-selling-point .content p,
  .product-selling-point .content ul li {
    padding-left: 1.3rem;
    position: relative;
    font-size: var(--18);
    font-weight: 500;
    margin-bottom: var(--10);
  }
  
  .product-selling-point .content p:before,
  .product-selling-point .content ul li:before {
    content: '';
    width: var(--6);
    height: var(--6);
    border-radius: 50%;
    position: absolute;
    left: 0;
    background-color: #000;
    top: var(--10);
  }
  
  .product-container--content .product-thumbnail {
    display: flex;
    justify-content: center;
    grid-gap: var(--30);
    flex-wrap: wrap;
  }
  
  .product-container--content .product-thumbnail-item {
    width: calc(25% - 1.875rem);
  }
  
  .product-container--content .product-thumbnail .image-cover {
    padding-top: 66%;
    height: 0;
  }
  
  .product-container--content .product-descimg {
    margin-top: var(--30);
    text-align: center;
    font-size: var(--18);
    font-weight: 500;
  }
  
  .product-thumbnail .product-thumbnail-item p {
    text-align: center;
    font-size: var(--18);
    font-weight: 500;
    margin: 1rem 0 0;
  }
  
  .product-container--content {
    padding-bottom: 7.5rem;
  }
  
  .product-item__gallery .product-item__gallery-item img {
    max-width: 90vw;
    max-height: 25rem;
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
    object-fit: contain;
  }
  
  .product-item__gallery .product-item__gallery-item {
    padding: 0 5.625rem 2.5rem;
  }
  
  .product-item__gallery .slick-track {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
  }
  
  .product-container .product-list .product-item {
    background: url(/wp-content/themes/vt-theme/images/pickup_bg_top.webp)
      repeat-x center top;
    padding: 3.75rem 0 7.8125rem;
  }
  
  .product-container .product-item__gallery:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: #f4f4f6;
    height: 11.0625rem;
  }
  
  .product-container .product-item__name h2 {
    text-align: center;
    font-size: var(--46);
    color: #000;
    font-family: var(--title);
    line-height: 1.2;
    margin-bottom: 0;
  }
  
  .product-container .product-item__name {
    margin-bottom: var(--60);
  }
  
  .product-container .product-item .price {
    text-align: center;
    margin-top: 1.3rem;
  }
  
  .product-item__name .price,
  .product-item__name .price-promotional,
  .product-item__name .price-old {
    font-size: 1.6rem;
  }
  
  .product-item__name .price-promotional {
    color: #e53935;
    font-weight: bold;
    margin-right: 1rem;
    font-size: var(--30);
    font-family: var(--title);
    line-height: 1;
  }
  
  .product-item__name .price-old {
    color: #888;
    text-decoration: line-through;
    font-size: 1.3rem;
    transform: translateY(-1px);
    display: inline-block;
  }
  
  .product-container .slick-button {
    position: relative;
    overflow: visible;
    z-index: 2;
    margin: 0 auto;
    transition: all 300ms 0s ease;
    display: block;
    bottom: var(--30);
  }
  
  .product-container .slick-button .slick-arrow {
    width: 5.75rem;
    height: 1.4375rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(/wp-content/themes/vt-theme/images/arrow.svg);
  }
  
  .product-container .slick-button .slick-arrow:hover {
    background-image: url(/wp-content/themes/vt-theme/images/arrow_on.svg);
  }
  
  .product-container .slick-button .slick-next {
    transform: translate(0, -50%) scaleX(-100%);
  }
  
  .product-container .slick-button .slick-arrow::before {
    display: none;
  }
  
  .product-list .product-info {
    padding-top: var(--70);
  }
  
  .table-specifications .table-specifications__title {
    background-color: #000;
    padding: 0.4688rem 1.25rem;
    color: #fff;
    font-size: var(--20);
  }
  
  .table-specifications .table-specifications__item {
    display: flex;
    border-bottom: 1px solid #dddddd;
  }
  
  .table-specifications .table-specifications__item p {
    padding: var(--20);
    margin: 0;
  }
  
  .table-specifications
    .table-specifications__item
    .table-specifications__item-title {
    width: 18.75rem;
    font-weight: 600;
  }
  
  .table-specifications .table-specifications__item-value {
    flex: 1;
    color: #555;
    font-weight: 500;
  }
  
  .product-file .container {
    display: flex;
    gap: 1rem;
    justify-content: center;
  }
  
  .product-file {
    padding-top: 1.5rem;
  }
  
  .product-file a {
    padding: 0 var(--20);
    height: var(--60);
    background: var(--theme-color2);
    color: #fff;
    border-radius: var(--8);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16.25rem;
    font-size: var(--18);
    gap: 0.5rem;
    font-weight: 500;
    border: 2px solid var(--theme-color2);
  }
  
  .product-file a:hover {
    background-color: #fff;
    color: var(--theme-color2);
  }
  
  .product-list .product-info .container {
    display: flex;
    gap: 1rem;
  }
  
  .product-list .product-info .table-specifications {
    flex: 1;
  }
  
  .product-list .product-info .col-fix {
    width: 30rem;
    flex-shrink: 0;
    max-width: 100%;
  }
  
  .product-list .product-info .img-dothi {
    padding: var(--5);
    border: var(--5) solid #000;
    width: 100%;
  }
  
  .product-list .product-info .img-dothi img {
    width: 100%;
  }
  
  .product-list .product-info .img-dothi .i-plus {
    width: var(--30);
    height: var(--30);
    background-color: #000;
    top: 0;
    right: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .product-list .product-info .img-dothi .i-plus path {
    fill: #fff;
  }
  
  .product-list .product-info .img-youtube {
    position: relative;
  }
  
  .product-list .product-info .img-youtube svg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .product-list .product-info .img-youtube path {
    fill: red;
  }
  
  .category-banner {
    background-color: #000;
    min-height: 10.625rem;
    padding-bottom: var(--60);
    background-repeat: no-repeat;
    background-position: right bottom;
  }
  
  .category-banner .shop-page-title {
    font-size: var(--54);
    font-family: var(--title);
    color: #fff;
    line-height: 1;
    text-align: center;
    margin: 0;
  }
  
  .category-featured {
    padding: 3.125rem 0 6.25rem;
    display: flex;
  }
  
  .category-featured .category-featured__image {
    width: 50%;
    flex-shrink: 0;
    z-index: 2;
  }
  
  .category-featured .category-featured__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column;
    padding-top: var(--95);
    padding-bottom: var(--30);
  }
  
  .category-featured .category-featured__desc p {
    font-size: var(--26);
    font-weight: 500;
  }
  .category-featured .desc-mb {
    display: none;
  }
  
  .category-products-nav {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    gap: var(--20);
    position: relative;
  }
  
  .category-featured .category-products-nav:before {
    display: block;
    content: '';
    position: absolute;
    top: -2rem;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: #ededed;
    width: calc(100% + 9.0625rem);
    left: -9.0625rem;
    height: calc(100% + 4rem);
  }
  
  .category-products-nav .category-product-btn {
    height: var(--38);
    padding: 0 var(--10);
    background-color: var(--theme-color2);
    border: var(--2) solid var(--theme-color2);
    border-radius: var(--8);
    min-width: 10.625rem;
    color: #fff;
    font-family: var(--title);
    font-size: 1rem;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  
  .category-products-nav .category-product-btn:hover {
    background-color: #fff;
    color: var(--theme-color2);
  }
  
  .category-products-nav .category-product-btn:hover:after {
    border-color: var(--theme-color2);
  }
  
  .category-products-nav .category-product-btn:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: var(--7);
    height: var(--7);
    border-top: var(--2) solid #ffffff;
    border-right: var(--2) solid #ffffff;
    right: var(--10);
  }
  .category-subgroups {
    display: flex;
    gap: var(--30);
    justify-content: center;
    margin-bottom: var(--80);
  }
  .category-subgroups .category-products-nav {
    justify-content: center;
  }
  .category-subgroups .category-subgroup {
    width: calc(33.333% - 0.9375rem);
    border: 1px solid #000000;
    padding-bottom: var(--35);
  }
  .category-subgroups .category-subgroup__title {
    font-weight: bold;
    font-size: var(--32);
    padding: 0 1rem;
    display: block;
    margin: -1.375rem auto 0;
    width: fit-content;
    background-color: #fff;
  }
  .category-subgroups .image-cover {
    padding-top: 62%;
  }
  .shop-about {
    padding-top: var(--65);
    padding-bottom: 7.5rem;
  }
  
  .shop-about .col-text {
    text-align: center;
    margin-bottom: var(--65);
  }
  
  .shop-about .col-text p {
    font-size: var(--26);
    font-weight: 600;
    margin: 0;
  }
  
  .shop-about .list-category {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--35);
  }
  
  .shop-about .list-category .image-cover {
    padding-top: 65%;
    display: block;
    width: 100%;
  }
  
  .shop-about .list-category .box-image a {
    display: block;
    position: relative;
  }
  
  .shop-about .list-category .box-image a:before,
  .shop-about .list-category .box-image a:after {
    display: inline-block;
    content: '';
    background: #eb6535;
    transform-origin: right top;
    position: absolute;
    transition: all 300ms 0s ease;
    z-index: 2;
  }
  
  .shop-about .list-category .box-image a:after {
    right: -0.5rem;
    bottom: 0.9375rem;
    width: var(--37);
    height: var(--2);
  }
  
  .shop-about .list-category .box-image a:before {
    transform: rotate(45deg);
    right: -0.5rem;
    bottom: 0.9375rem;
    width: var(--13);
    height: var(--2);
  }
  
  .shop-about .list-category .image-cover:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: linear-gradient(180deg, #fff 0%, #efefef 100%);
  }
  
  .shop-about .list-category .image-cover img {
    transition: all 0.3s;
  }
  
  .shop-about .list-category .image-cover:hover img {
    opacity: 0.6;
  }
  
  .shop-about .list-category .box-text {
  }
  
  .shop-about .list-category .category-title a {
    text-align: center;
    padding: var(--20) 0 var(--10);
    font-size: var(--24);
    font-family: var(--title);
    width: 100%;
    display: block;
    color: #000;
  }
  
  .shop-about .list-category .category-title a:hover {
    color: var(--theme-color2);
  }
  
  @media screen and (max-width: 767.98px) {
    .product-container .product-header {
      grid-template-columns: 1fr;
    }
  
    .product-item__name .price-label,
    .product-item__name .price-old {
      font-size: 1rem;
    }
  
    .product-item__name .price-promotional {
      font-size: var(--24);
      margin-right: 10px;
    }
  
    .product-header .product-gallery .image-cover {
      margin: 0;
    }
  
    .product-header .product-title {
      padding-top: 0;
      font-size: var(--24);
      margin-bottom: 1rem;
    }
  
    .product-container .product-container--top {
      padding-bottom: var(--30);
    }
  
    .product-header .woocommerce-product-details__short-description p {
      font-size: 1rem;
    }
  
    .product-container--content .product-desc-box {
      display: block;
      padding-bottom: var(--60);
    }
  
    .product-container--content .product-desc-1 {
      font-size: 1rem;
    }
  
    .product-selling-point {
      display: block;
      border-radius: var(--10);
      margin-bottom: var(--50);
    }
  
    .product-selling-point .title {
      display: flex;
      padding: var(--10) 0;
      font-size: var(--18);
    }
  
    .product-selling-point .content p,
    .product-selling-point .content ul li {
      font-size: 1rem;
    }
  
    .product-selling-point .content {
      padding: 1rem;
    }
  
    .product-container--content .product-thumbnail {
      flex-direction: column;
    }
  
    .product-container--content .product-thumbnail-item {
      width: 100%;
    }
  
    .product-thumbnail .product-thumbnail-item p {
      font-size: 1rem;
    }
  
    .product-container--content {
      padding-bottom: var(--30);
    }
  
    .product-item__gallery .product-item__gallery-item {
      padding: 0;
      display: flex;
      justify-content: center;
    }
  
    .product-item__gallery .product-item__gallery-item img {
      max-height: 14.0625rem;
    }
  
    .product-container .product-list .product-item {
      padding-top: var(--60);
      padding-bottom: var(--60);
    }
  
    .product-container .product-item__name h2 {
      font-size: var(--24);
    }
  
    .product-container .product-item__name {
      margin-bottom: var(--30);
    }
  
    .product-container .product-item__gallery:before {
      height: 7.1875rem;
    }
  
    .product-item__gallery {
      padding-bottom: var(--48);
    }
  
    .product-container .slick-button .slick-arrow {
      width: var(--46);
      height: var(--12);
    }
  
    .product-container .slick-button {
      width: 70% !important;
    }
  
    .product-list .product-info {
      padding-top: var(--50);
    }
  
    .product-list .product-info .container {
      flex-direction: column;
    }
  
    .table-specifications .table-specifications__item p {
      padding: var(--15);
      padding-left: 0;
      padding-right: 0;
    }
  
    .table-specifications
      .table-specifications__item
      .table-specifications__item-title {
      width: 8rem;
      font-size: var(--14);
    }
  
    .table-specifications .table-specifications__item-value {
      padding-left: var(--20) !important;
      font-size: var(--14);
    }
  
    .product-file a {
      font-size: 1rem;
      height: var(--40);
      min-width: fit-content;
    }
  
    .product-file a svg {
      width: 1rem !important;
      height: 1rem !important;
    }
  
    .table-specifications .table-specifications__title {
      font-size: var(--18);
    }
  
    .shop-about .list-category {
      grid-template-columns: 1fr;
    }
  
    .category-banner .shop-page-title {
      font-size: var(--24);
    }
  
    .shop-about .col-text p {
      font-size: 1rem;
    }
  
    .category-featured {
      flex-direction: row;
      flex-wrap: wrap;
      padding-top: var(--30);
      margin-left: -1rem;
      margin-right: -1rem;
      padding-bottom: 5rem;
    }
  
    .category-featured .category-featured__image {
      width: 60%;
    }
  
    .category-featured .category-featured__image img {
      width: 100%;
      height: auto;
    }
  
    .category-featured .category-featured__content {
      width: 40%;
      padding: 0 1rem 0 0;
      margin-top: 2rem;
    }
  
    .category-featured .category-featured__desc p {
      font-size: var(--16);
      padding: 0 1rem;
    }
  
    .category-featured .category-products-nav {
      padding: 0.5rem 0;
      flex-direction: column;
      gap: var(--10);
    }
  
    .category-featured .category-products-nav .category-product-btn {
      min-width: unset;
      font-size: var(--13);
      width: 100%;
    }
  
    .category-featured .category-products-nav:before {
      width: calc(100% + 5rem);
      height: calc(100% + 2rem);
      left: -4rem;
      top: -1rem;
    }
    .category-banner{
      background-size:60%
    }
    .category-featured>.category-featured__content .category-featured__desc{
      display:none
    }
    .category-featured .desc-mb{
      font-size:1rem;
      display:block;
      margin-bottom: 1rem;
    }
    .category-subgroups{
      flex-direction:column;
      gap: var(--45);
      margin-bottom: var(--50);
    }
    .category-subgroups .category-subgroup{
      width:100%
    }
    .category-subgroups .category-subgroup__title{
      font-size:var(--24);
      margin-top: -1.1250rem;
    }
    .category-subgroups .category-products-nav{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      padding: 0 1.5rem;
      gap: var(--15);
    }
    .category-subgroups .category-products-nav .category-product-btn{
      min-width:unset;
      font-size: var(--13);
    }
  }
  