:root {
  --shop-bg: #000000; }

body {
  background-color: var(--shop-bg); }

.hamburger {
  cursor: pointer;
  width: 30px; }
  .hamburger span {
    display: block;
    width: 23px;
    height: 2px;
    margin-bottom: 5px;
    border-radius: 4px;
    background-color: #121212;
    position: relative;
    top: 0;
    transition: all .3s ease-in-out; }
    .hamburger span:last-child {
      margin-bottom: 0; }
  .hamburger.opened span:nth-child(2) {
    opacity: 0; }
  .hamburger.opened span:nth-child(1) {
    transform: rotate(45deg);
    top: 4px; }
  .hamburger.opened span:nth-child(3) {
    transform: rotate(-45deg);
    top: -10px; }

#header .customize-desktop-menu.site-nav-menu {
  width: 100%;
  position: absolute;
  left: 10px;
  top: calc(100% + 17px);
  display: none; }
  #header .customize-desktop-menu.site-nav-menu .bgcolor {
    background-color: var(--bg-color) !important; }
  #header .customize-desktop-menu.site-nav-menu ul li a {
    color: var(--txt-color); }
  #header .customize-desktop-menu.site-nav-menu > ul {
    background-color: white;
    width: 100%;
    position: relative;
    display: block;
    max-width: 160px;
    padding: 5px 0;
    text-align: center; }
    #header .customize-desktop-menu.site-nav-menu > ul > li {
      padding: 3px 15px;
      position: relative; }
      #header .customize-desktop-menu.site-nav-menu > ul > li a .fa-chevron-down {
        transform: rotate(-90deg);
        top: 50%;
        position: absolute;
        right: 5px; }
      #header .customize-desktop-menu.site-nav-menu > ul > li a:before {
        display: none; }
      #header .customize-desktop-menu.site-nav-menu > ul > li .sub_top_menu {
        top: 0;
        left: 100%; }
        #header .customize-desktop-menu.site-nav-menu > ul > li .sub_top_menu .sub_menu_dropdown {
          text-align: center; }
          #header .customize-desktop-menu.site-nav-menu > ul > li .sub_top_menu .sub_menu_dropdown li a {
            text-align: center;
            display: block; }

.section-video {
  padding-top: 40px; }
  .section-video .wrapper-video {
    position: relative; }
    .section-video .wrapper-video .icon-play {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 8; }
      .section-video .wrapper-video .icon-play svg {
        width: 45px;
        height: 45px; }
        @media (min-width: 992px) {
          .section-video .wrapper-video .icon-play svg {
            width: 60px;
            height: 60px; } }
  .section-video video {
    height: auto;
    width: 100%; }

.section-lookbook {
  padding-top: 60px; }
  @media (max-width: 992px) {
    .section-lookbook {
      padding-top: 30px; } }
  .section-lookbook .box-title {
    margin-bottom: 15px; }
    @media (max-width: 992px) {
      .section-lookbook .box-title {
        margin-bottom: 10px; } }
    .section-lookbook .box-title h2 {
      font-size: 30px; }
      @media (max-width: 992px) {
        .section-lookbook .box-title h2 {
          font-size: 24px; } }
  .section-lookbook .lookbook-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px; }
    @media (max-width: 992px) {
      .section-lookbook .lookbook-list {
        grid-template-columns: repeat(2, 1fr); } }
  .section-lookbook .lookbook-item a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: calc(800 / 600 * 100%); }
    .section-lookbook .lookbook-item a img, .section-lookbook .lookbook-item a iframe, .section-lookbook .lookbook-item a video {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      transition: .3s ease-in-out all; }
  .section-lookbook .lookbook-action {
    margin-top: 15px; }
    .section-lookbook .lookbook-action a {
      display: inline-flex;
      align-items: center;
      gap: 7px; }
      .section-lookbook .lookbook-action a .text {
        font-size: 15px; }
    .section-lookbook .lookbook-action .icon {
      display: flex; }
      .section-lookbook .lookbook-action .icon svg {
        width: 30px;
        height: 40px; }

.product-short.cus-product-sort .wrap-box-sort {
  position: relative;
  display: inline-block; }
  .product-short.cus-product-sort .wrap-box-sort:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg class="svg-icon" id="ic-chevron" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="%2359DC3B"></path></svg>');
    background-size: 12px;
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%); }

.product-short.cus-product-sort select {
  --border-color: var(--bg_button);
  --text-color: var(--bg_button);
  --font-size-base: 14px;
  background-color: var(--bgshop);
  color: var(--colorshop);
  border: 1px solid var(--border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  padding: 0 45px 0 20px;
  box-sizing: border-box;
  background-image: none;
  color: var(--text-color);
  font-size: var(--font-size-base);
  border-radius: 0; }
  @media (max-width: 1400px) {
    .product-short.cus-product-sort select {
      padding: 0 20px 0 10px; } }
  .product-short.cus-product-sort select:focus, .product-short.cus-product-sort select:focus-visible {
    border-color: #000;
    outline: unset; }

.product-short.cus-product-sort + .page-collection-header__center {
  display: none; }
  @media (max-width: 992px) {
    .product-short.cus-product-sort + .page-collection-header__center {
      display: flex; } }

.page-collection-header__center {
  flex: 1;
  --gray-dark: #000; }
  @media (max-width: 992px) {
    .page-collection-header__center {
      justify-content: end; } }
  .page-collection-header__center .collection-view {
    display: flex;
    background: transparent;
    line-height: 1;
    justify-content: end; }
    @media (max-width: 992px) {
      .page-collection-header__center .collection-view .collection-view__item:nth-child(2),
      .page-collection-header__center .collection-view .collection-view__item:nth-child(3) {
        display: none; } }
  .page-collection-header__center .collection-view__btn {
    display: inline-flex;
    text-align: center;
    height: 40px;
    width: 40px;
    border-radius: 0;
    border: 1px solid var(--bg_button);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    cursor: pointer;
    margin-left: 10px;
    line-height: 40px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: var(--bg_button); }
    @media (max-width: 992px) {
      .page-collection-header__center .collection-view__btn {
        width: 35px;
        height: 35px;
        margin-left: 5px; } }
    .page-collection-header__center .collection-view__btn span {
      width: 2px;
      height: 15px;
      background: var(--color_button);
      margin: 0 1.5px;
      display: inline-block;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
    .page-collection-header__center .collection-view__btn.active, .page-collection-header__center .collection-view__btn:hover {
      border-color: #fff; }
      .page-collection-header__center .collection-view__btn.active span, .page-collection-header__center .collection-view__btn:hover span {
        background-color: var(--gray-dark); }

@media (min-width: 992px) {
  .collection-body .col-sorby {
    width: 13%; }
  .collection-body .col-grid {
    width: 13%; }
  .collection-body .main-colection {
    width: 74%; } }

@media (min-width: 992px) and (max-width: 1400px) {
  .collection-body .main-colection {
    width: 65%; }
  .collection-body .col-sorby {
    width: 15%; }
  .collection-body .col-grid {
    width: 15%; } }

.collection-body .top-collection {
  background-color: var(--bgshop);
  color: var(--colorshop); }

@media (max-width: 992px) {
  .main-colection {
    margin-top: 15px; } }

.main-colection .content-product-list.product-list[data-view="grid-2"],
.main-colection .content-product-list.product-list {
  grid-template-columns: repeat(2, 1fr); }

.main-colection .content-product-list.product-list[data-view="grid-3"] {
  grid-template-columns: repeat(3, 1fr); }

.main-colection .content-product-list.product-list[data-view="grid-4"] {
  grid-template-columns: repeat(4, 1fr); }

.main-colection .content-product-list.product-list[data-view="list"] {
  grid-template-columns: repeat(1, 1fr); }

.content-product-list.product-list[data-view="list"] .product-block {
  flex-direction: row; }
  .content-product-list.product-list[data-view="list"] .product-block .product-img {
    width: 40%; }
  .content-product-list.product-list[data-view="list"] .product-block .product-detail {
    padding-left: 30px; }
    @media (max-width: 992px) {
      .content-product-list.product-list[data-view="list"] .product-block .product-detail {
        padding-left: 15px; } }
    .content-product-list.product-list[data-view="list"] .product-block .product-detail .pro-name a {
      font-size: 22px; }
      @media (max-width: 992px) {
        .content-product-list.product-list[data-view="list"] .product-block .product-detail .pro-name a {
          font-size: 16px; } }

.product-block .product-tag-label {
  padding: 0; }
  .product-block .product-tag-label .item-swatch-size button.item-size {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: var(--color_button);
    background-color: var(--bg_button);
    padding: 5px 0;
    font-weight: 500; }

.sidebar-main,
#navigation-mobile {
  background-color: var(--shop-bg); }

#navigation-mobile .nav-group > ul.navigation a {
  color: var(--colorshop); }
  #navigation-mobile .nav-group > ul.navigation a .arrow-right:after {
    border-color: var(--colorshop); }

.quantity-area .qty-btn,
.quantity-area .quantity-selector {
  background: var(--bg_button);
  border-radius: 0; }

.quantity-cart .quantity-area {
  border: 1px solid var(--bg_button); }

.cart-close .icon-svg {
  --fillcolor: var(--colorshop) !important; }

.content-product-list[data-view="grid-3"] > *,
.content-product-list[data-view="grid-2"] > * {
  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important; }

.product-block .product-quickview,
.product-block .product-wishlist,
.product-block .product-add-to-cart {
  display: none; }

.template-index .product-block .product-detail {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .3s all; }

.template-index .product-block:hover .product-detail {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; }

.section-styling .list-styling {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
  justify-content: space-between; }
  @media (max-width: 992px) {
    .section-styling .list-styling {
      gap: 10px; } }
  .section-styling .list-styling .item-style {
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    @media (max-width: 992px) {
      .section-styling .list-styling .item-style {
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px); } }
    .section-styling .list-styling .item-style::-webkit-scrollbar {
      width: 3px; }
    .section-styling .list-styling .item-style::-webkit-scrollbar-thumb, .section-styling .list-styling .item-style::-webkit-scrollbar-thumb:hover {
      background: var(--bgshop); }
    .section-styling .list-styling .item-style::-webkit-scrollbar-track {
      background: var(--c-pri); }
    .section-styling .list-styling .item-style > a {
      position: relative;
      display: block;
      overflow: hidden;
      padding-top: 100%;
      border-radius: 8px; }
      .section-styling .list-styling .item-style > a img, .section-styling .list-styling .item-style > a iframe, .section-styling .list-styling .item-style > a video {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        transition: .3s ease-in-out all; }
    .section-styling .list-styling .item-style .sty-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      bottom: 0;
      pointer-events: none;
      z-index: 1;
      text-align: center;
      transform: translateY(-100%);
      transition: .5s ease-in-out; }
      .section-styling .list-styling .item-style .sty-content a {
        pointer-events: visible; }
      .section-styling .list-styling .item-style .sty-content .sty-content-wrapper {
        width: 174px;
        max-width: 100%;
        margin: 0 auto;
        padding: 8px;
        background-color: var(--bgshop);
        max-height: 100%;
        overflow-y: auto;
        pointer-events: visible; }
        .section-styling .list-styling .item-style .sty-content .sty-content-wrapper::-webkit-scrollbar {
          width: 3px; }
        .section-styling .list-styling .item-style .sty-content .sty-content-wrapper::-webkit-scrollbar-thumb, .section-styling .list-styling .item-style .sty-content .sty-content-wrapper::-webkit-scrollbar-thumb:hover {
          background: var(--colorshop); }
        .section-styling .list-styling .item-style .sty-content .sty-content-wrapper::-webkit-scrollbar-track {
          background: var(--c-pri); }
      .section-styling .list-styling .item-style .sty-content .sty-content-block:not(:last-child) {
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 2px solid var(--colorshop); }
      .section-styling .list-styling .item-style .sty-content .sty-content-block .sty-name,
      .section-styling .list-styling .item-style .sty-content .sty-content-block .sty-price {
        margin: 0;
        font-size: 16px;
        font-weight: bold; }
      .section-styling .list-styling .item-style .sty-content .sty-content-block .sty-price {
        margin: 0; }
      .section-styling .list-styling .item-style .sty-content .sty-content-block .sty-name {
        margin-bottom: 3px;
        display: inline-block; }
        .section-styling .list-styling .item-style .sty-content .sty-content-block .sty-name:hover {
          text-decoration: underline; }
    @media (min-width: 992px) {
      .section-styling .list-styling .item-style:hover .sty-content {
        transform: translateY(0); } }

#modal-styling.modal {
  background: var(--bgshop);
  max-width: 860px; }
  @media (max-width: 992px) {
    #modal-styling.modal {
      max-height: 95vh;
      overflow-y: auto;
      top: 50%;
      transform: translateY(-50%);
      vertical-align: top; } }

#modal-styling .md-sty-heading {
  text-align: center;
  margin-bottom: 15px; }
  @media (max-width: 992px) {
    #modal-styling .md-sty-heading {
      margin-bottom: 5px; } }
  #modal-styling .md-sty-heading .md-sty__title {
    font-weight: bold;
    font-size: 70px; }
    @media (max-width: 992px) {
      #modal-styling .md-sty-heading .md-sty__title {
        font-size: 24px; } }
  #modal-styling .md-sty-heading .md-sty__desc {
    font-size: 14px;
    font-weight: bold; }
    @media (max-width: 992px) {
      #modal-styling .md-sty-heading .md-sty__desc {
        font-size: 12px; } }

#modal-styling .sty-body-author {
  padding-bottom: 15px;
  font-size: 16px;
  text-align: center;
  font-weight: bold; }
  @media (max-width: 992px) {
    #modal-styling .sty-body-author {
      padding-bottom: 10px;
      font-size: 15px; } }

#modal-styling .ratio-image {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 100%;
  border-radius: 10px; }
  #modal-styling .ratio-image img, #modal-styling .ratio-image iframe, #modal-styling .ratio-image video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: .3s ease-in-out all; }

#modal-styling .close-modal {
  position: relative;
  text-indent: 0;
  height: auto;
  background: unset;
  text-align: center;
  padding-top: 20px;
  font-size: 30px;
  width: max-content;
  font-weight: bold;
  display: inline-flex;
  justify-content: center; }
  #modal-styling .close-modal:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    right: 0;
    bottom: 0;
    background: var(--colorshop);
    z-index: 1;
    transition: .3s all; }
  #modal-styling .close-modal:hover:before {
    opacity: 0; }

.sty-body-content {
  display: flex;
  flex-wrap: wrap;
  --slider-w: 220px;
  gap: 20px; }
  @media (max-width: 992px) {
    .sty-body-content {
      --slider-w: 100%; } }
  .sty-body-content .md-sty__image {
    flex: 1; }
  .sty-body-content .md-sty__listproduct {
    flex: 0 0 var(--slider-w);
    max-width: var(--slider-w); }

.md-sty-listproduct-slider {
  overflow: hidden; }
  @media (max-width: 992px) {
    .md-sty-listproduct-slider .slick-list {
      margin-left: -5px;
      margin-right: -5px; }
      .md-sty-listproduct-slider .slick-list .slick-slide {
        padding-right: 5px;
        padding-left: 5px; } }
  .md-sty-listproduct-slider .pro-img .inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: calc((687 / 460)*100%);
    border-radius: 10px; }
    .md-sty-listproduct-slider .pro-img .inner img, .md-sty-listproduct-slider .pro-img .inner iframe, .md-sty-listproduct-slider .pro-img .inner video {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      transition: .3s ease-in-out all; }
  .md-sty-listproduct-slider .pro-content-inner {
    text-align: center; }
    .md-sty-listproduct-slider .pro-content-inner .pro-name {
      margin-bottom: 5px;
      font-weight: bold; }
      .md-sty-listproduct-slider .pro-content-inner .pro-name:hover {
        text-decoration: underline; }
    .md-sty-listproduct-slider .pro-content-inner .pro-price {
      font-weight: bold; }

@media (min-width: 992px) {
  .header-top {
    padding: 10px 0 0; } }

.header-top .site_search {
  max-width: 400px;
  position: relative; }
  .header-top .site_search form {
    border-bottom: 1px solid #000;
    display: flex; }
    .header-top .site_search form .btn-search {
      border: unset;
      background: unset; }
    .header-top .site_search form .searchinput {
      background: unset;
      border: unset; }
  .header-top .site_search .results-seach {
    background: var(--bgshop);
    padding-bottom: 15px; }
  .header-top .site_search #wanda-smart-search {
    position: absolute;
    width: 100%;
    top: 100%;
    background: var(--bgshop);
    padding-left: 15px;
    padding-right: 15px; }
    .header-top .site_search #wanda-smart-search .results-seach .item-ult {
      border-color: var(--colorshop); }

.site-nav-menu > ul > li .sub_top_menu .sub_menu_dropdown {
  background: var(--shop-bg); }

.site-nav-menu > ul > li .sub_top_menu .sub_menu_dropdown li a {
  padding: 7px 10px 7px 10px;
  border-top: 1px solid; }