.breadcrumb-shop .breadcrumb-list .breadcrumb {
  flex-wrap: nowrap;
  white-space: nowrap; }
  .breadcrumb-shop .breadcrumb-list .breadcrumb li:nth-child(3) strong {
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }

.productRelated-title h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 16px;
  color: var(--shop-color-title); }

.layout-productDetail .productDetail-information .productDetail--main {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px; }
  .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery {
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 992px) {
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery {
        flex: 0 0 50%;
        max-width: 50%; } }
    .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image {
      display: flex; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image .productGallery_thumb {
        flex: 0 0 100%;
        max-width: 100%; }
        @media (min-width: 992px) {
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image .productGallery_thumb {
            flex: 0 0 83px;
            max-width: 83px; } }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image .productGallery_thumb .product-thumb .product-thumb__item {
          display: block;
          margin-bottom: 8px;
          border: 1px solid transparent;
          border-radius: 4px;
          overflow: hidden; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image .productGallery_thumb .slick-current .product-thumb__item {
          border-color: #9CA3AF !important; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image .productGallery_slider {
        padding-left: 8px;
        flex: 0 0 100%;
        max-width: 100%; }
        @media (min-width: 992px) {
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image .productGallery_slider {
            flex: 0 0 calc(100% - 83px);
            max-width: calc(100% - 83px); } }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image .productGallery_slider #productSlick-slider button {
          background-color: transparent;
          border: none;
          outline: none;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 99; }
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image .productGallery_slider #productSlick-slider button.slick-prev {
            left: 10px; }
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--gallery .wrapbox-image .productGallery_slider #productSlick-slider button.slick-next {
            right: 10px; }
  .layout-productDetail .productDetail-information .productDetail--main .productDetail--content {
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 992px) {
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content {
        flex: 0 0 50%;
        max-width: 50%; } }
    .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading {
      margin-bottom: 12px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading h1 {
        font-size: 18px;
        font-weight: 700;
        margin: 0 0 8px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading .product-heading-flex {
        display: flex;
        gap: 10px;
        align-items: center; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading .product-heading-flex #pro_sku {
          font-size: 14px;
          color: #6B7280; }
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading .product-heading-flex #pro_sku strong {
            font-weight: 400; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading .product-heading-flex .starbaprv-widget .starbap-prev-badgetext {
          font-size: 13px;
          color: #374151; }
    .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-price {
      margin-bottom: 24px;
      display: flex;
      align-items: center; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-price .pro-title {
        display: none !important; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-price .pro-price {
        font-size: 24px;
        font-weight: 700;
        color: #B7361E;
        padding-right: 8px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-price del {
        color: #6B7280;
        font-weight: 400; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-price .pro-percent {
        display: none; }
    .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .box-detail-coupon {
      margin-bottom: 16px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .box-detail-coupon .product-coupon .title-coupon h2 {
        margin: 0 0 8px;
        color: #374151;
        font-size: 14px;
        font-weight: 500; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .box-detail-coupon .product-coupon .coupon-item .coupon-item__inner {
        display: none !important; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .box-detail-coupon .product-coupon .coupon-item .coupon-item-mobile {
        display: block !important; }
    .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-variants #add-item-form .select {
      display: none; }
    .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-variants .size-guide {
      display: flex;
      gap: 24px;
      margin-bottom: 24px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-variants .size-guide button {
        display: flex;
        gap: 8px;
        align-items: center;
        padding: 0; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-variants .size-guide button span {
          text-decoration: underline;
          font-weight: 700; }
    .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions {
      display: flex; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .quantity-area {
        display: flex;
        align-items: center; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .quantity-area .quantity-title {
          padding-right: 8px;
          color: #6B7280; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .quantity-area .pro-qty {
          border-radius: 2px;
          border: 1px solid #E5E7EB;
          background: #F3F4F6;
          padding: 10px 24px;
          display: flex;
          align-items: center;
          gap: 20px; }
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .quantity-area .pro-qty .qty-btn {
            background-color: transparent;
            border: none;
            outline: none; }
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .quantity-area .pro-qty .quantity-input {
            width: 20px;
            background: transparent;
            border: none;
            text-align: center;
            font-weight: 700; }
            .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .quantity-area .pro-qty .quantity-input::placeholder {
              color: #000102; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .addcart-area {
        flex: 1;
        padding-left: 12px; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .addcart-area .add-to-cartProduct {
          width: 100%;
          height: 100%; }

.layout-productDetail .productDetail-related-recommend {
  border-radius: 2px;
  border: 1px solid #E5E7EB;
  background: #fff;
  padding: 20px; }
  .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend {
    display: flex;
    gap: 16px;
    flex-wrap: wrap; }
    .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item {
      flex: 0 0 calc(100% - 8px);
      max-width: calc(100% - 8px); }
      @media (min-width: 992px) {
        .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item {
          flex: 0 0 calc(50% - 8px);
          max-width: calc(50% - 8px); } }
      .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card {
        display: flex; }
        .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-image {
          flex: 0 0 80px;
          max-width: 80px; }
        .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info {
          flex: 0 0 calc(100% - 80px);
          max-width: calc(100% - 80px);
          padding: 0px 0px 8px 8px; }
          .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info .product-title {
            font-size: 14px;
            font-weight: 500;
            margin: 0 0 6px; }
            .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info .product-title a {
              white-space: initial;
              overflow: hidden;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              display: -webkit-box; }
          .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info .product-price {
            margin-bottom: 8px; }
            .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info .product-price .current-price {
              font-size: 14px;
              font-weight: 700;
              color: #B7361E;
              padding-right: 10px;
              display: inline-block; }
            .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info .product-price .original-price {
              color: #6B7280; }
          .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info .product-options {
            display: flex;
            align-items: center;
            gap: 6px; }
            .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info .product-options .variant-selectors {
              display: flex;
              gap: 6px; }
              .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info .product-options .variant-selectors .option-selector select {
                height: 32px;
                background: #F9FAFB;
                border: 1px solid #E5E7EB;
                color: #475569; }
            .layout-productDetail .productDetail-related-recommend .listProduct-related-recommend .product-recommend-item .product-card .product-info .product-options .btn-add-to-cart {
              padding: 9px 8px;
              font-size: 13px; }

.layout-productDetail .productDetail-app-combo .combo-info {
  border-radius: 2px;
  border: 1px solid #E5E7EB;
  background: #fff;
  padding: 20px;
  margin-top: 16px; }
  .layout-productDetail .productDetail-app-combo .combo-info .combo-info--title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 16px;
    color: var(--shop-color-title); }
  .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--name {
    display: none; }
  .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos {
    display: flex;
    gap: 16px;
    flex-wrap: wrap; }
    .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item {
      flex: 0 0 calc(100% - 8px);
      max-width: calc(100% - 8px);
      display: flex;
      position: relative; }
      @media (min-width: 992px) {
        .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item {
          flex: 0 0 calc(50% - 8px);
          max-width: calc(50% - 8px); } }
      .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--images {
        flex: 0 0 96px;
        max-width: 96px;
        padding-left: 16px; }
      .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail {
        flex: 0 0 calc(100% - 96px);
        max-width: calc(100% - 96px);
        padding: 0px 0px 0px 8px; }
        .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--head .combo-item--title input {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
          .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--head .combo-item--title input::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 16px;
            height: 16px;
            background: #fff;
            border: 1px solid #D1D5DB;
            cursor: pointer;
            border-radius: 50%; }
          .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--head .combo-item--title input::before {
            content: "";
            position: absolute;
            left: 4px;
            top: 4px;
            margin: auto;
            z-index: 1;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
            -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
            transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); }
          .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--head .combo-item--title input:checked::before {
            background-color: #000; }
        .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--head .combo-item--title .combo--title {
          font-size: 14px;
          font-weight: 500;
          padding-bottom: 6px;
          white-space: initial;
          overflow: hidden;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          display: -webkit-box;
          max-height: 23px; }
          .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--head .combo-item--title .combo--title strong {
            display: none; }
        .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--head .combo-item--option .options-title {
          display: none; }
        .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--head .combo-item--option .options-list {
          display: flex;
          gap: 6px; }
          .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--head .combo-item--option .options-list .select-option select {
            height: 32px;
            background: #F9FAFB;
            border: 1px solid #E5E7EB;
            color: #475569; }
        .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--priceInit {
          margin-bottom: 4px; }
          .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--priceInit b {
            padding-right: 10px;
            display: inline-block; }
          .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--priceInit del {
            color: #6B7280; }
        .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--price {
          margin-bottom: 8px; }
          .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--price .price-cb {
            font-size: 14px;
            font-weight: 700;
            color: #B7361E;
            padding-right: 10px;
            display: inline-block; }
          .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--list .list-combos .combo-item .combo-item--detail .combo-item--price del {
            color: #6B7280; }
  .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--total {
    border-top: 1px solid #E5E7EB;
    padding: 16px 0 0;
    margin-top: 16px; }
    .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--total .wrapbox-total {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--total .wrapbox-total .combo-total .txt1 {
        margin-bottom: 4px; }
        .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--total .wrapbox-total .combo-total .txt1 .combo-total-price {
          padding-left: 8px;
          display: inline-block;
          color: #B7361E;
          font-weight: 700;
          font-size: 16px; }
      .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--total .wrapbox-total .combo-total .txt2 {
        margin-bottom: 0; }
        .layout-productDetail .productDetail-app-combo .combo-info .combo-info--content .combo-content--total .wrapbox-total .combo-total .txt2 .combo-total-priceInit {
          color: #6B7280;
          padding-left: 8px; }

@media (min-width: 1400px) {
  .layout-productDetail .productDetail--navs .container-fluid {
    max-width: 964px; } }

.layout-productDetail .productDetail--navs .h1, .layout-productDetail .productDetail--navs h1 {
  font-size: 1.5rem; }

.layout-productDetail .productDetail--navs .h2, .layout-productDetail .productDetail--navs h2 {
  font-size: 1rem; }

.layout-productDetail .productDetail--navs .h3, .layout-productDetail .productDetail--navs h3 {
  font-size: 0.75rem; }

.layout-productDetail .productDetail--navs .h4, .layout-productDetail .productDetail--navs h4 {
  font-size: 0.5rem; }

.layout-productDetail .productDetail--navs .h5, .layout-productDetail .productDetail--navs h5 {
  font-size: 0.25rem; }

.layout-productDetail .productDetail--navs .h6, .layout-productDetail .productDetail--navs h6 {
  font-size: 14px; }

.layout-productDetail .productDetail--navs .tab-title .nav-item {
  flex: 1;
  padding: 12px 16px;
  background-color: #F3F4F6;
  color: #6B7280;
  font-size: 18px;
  font-weight: 700;
  display: block;
  text-align: center; }
  .layout-productDetail .productDetail--navs .tab-title .nav-item:first-child {
    border-radius: 4px 4px 0px 0px; }
  .layout-productDetail .productDetail--navs .tab-title .nav-item .nav-item:nth-child(2) {
    border-right: 1px solid #E5E7EB; }
  .layout-productDetail .productDetail--navs .tab-title .nav-item.active, .layout-productDetail .productDetail--navs .tab-title .nav-item:hover {
    background-color: #fff;
    color: var(--shop-color-text); }

.layout-productDetail .productDetail--navs .tab-content {
  padding: 32px 20px 20px 20px;
  background-color: #fff; }
  .layout-productDetail .productDetail--navs .tab-content .description-btn, .layout-productDetail .productDetail--navs .tab-content .policy-btn {
    text-align: center;
    position: relative; }
    .layout-productDetail .productDetail--navs .tab-content .description-btn::before, .layout-productDetail .productDetail--navs .tab-content .policy-btn::before {
      content: "";
      display: block;
      width: 100%;
      height: 120px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--Background-Light-V1, #F9FAFB) 32%);
      position: absolute;
      top: -65px;
      left: 0;
      right: 0; }
    .layout-productDetail .productDetail--navs .tab-content .description-btn button.expandable-content_toggle, .layout-productDetail .productDetail--navs .tab-content .description-btn .expandable-content_toggle-policy, .layout-productDetail .productDetail--navs .tab-content .policy-btn button.expandable-content_toggle, .layout-productDetail .productDetail--navs .tab-content .policy-btn .expandable-content_toggle-policy {
      background-color: transparent;
      border: 1px solid var(--shop-color-button);
      color: #000102;
      padding: 10px 24px;
      font-size: 14px; }
      .layout-productDetail .productDetail--navs .tab-content .description-btn button.expandable-content_toggle svg, .layout-productDetail .productDetail--navs .tab-content .description-btn .expandable-content_toggle-policy svg, .layout-productDetail .productDetail--navs .tab-content .policy-btn button.expandable-content_toggle svg, .layout-productDetail .productDetail--navs .tab-content .policy-btn .expandable-content_toggle-policy svg {
        transform: rotate(180deg); }
  .layout-productDetail .productDetail--navs .tab-content .expandable-toggle.opened .description-btn button.expandable-content_toggle svg, .layout-productDetail .productDetail--navs .tab-content .expandable-toggle.opened .policy-btn button.expandable-content_toggle-policy svg, .layout-productDetail .productDetail--navs .tab-content .expandable-toggle-policy.opened .description-btn button.expandable-content_toggle svg, .layout-productDetail .productDetail--navs .tab-content .expandable-toggle-policy.opened .policy-btn button.expandable-content_toggle-policy svg {
    transform: rotate(0); }

.layout-productDetail .productDetail-related .productRelated-title, .layout-productDetail .productDetail-related .productViewed-title, .layout-productDetail .productDetail-recently-viewed .productRelated-title, .layout-productDetail .productDetail-recently-viewed .productViewed-title {
  margin-bottom: 28px; }
  .layout-productDetail .productDetail-related .productRelated-title h2, .layout-productDetail .productDetail-related .productViewed-title h2, .layout-productDetail .productDetail-recently-viewed .productRelated-title h2, .layout-productDetail .productDetail-recently-viewed .productViewed-title h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0; }

.layout-productDetail .productDetail-related .home-coupon-button-slider .slick-arrow, .layout-productDetail .productDetail-recently-viewed .home-coupon-button-slider .slick-arrow {
  background-color: transparent;
  border: none;
  outline: none; }

.layout-productDetail .productDetail-recently-viewed #listViewed .slick-arrow {
  position: absolute;
  top: -63px;
  background: transparent;
  border: none;
  outline: none; }
  .layout-productDetail .productDetail-recently-viewed #listViewed .slick-arrow svg path {
    stroke: var(--shop-color-button); }
  .layout-productDetail .productDetail-recently-viewed #listViewed .slick-arrow.slick-prev {
    right: 30px; }
  .layout-productDetail .productDetail-recently-viewed #listViewed .slick-arrow.slick-next {
    right: 0px; }
  @media (max-width: 991px) {
    .layout-productDetail .productDetail-recently-viewed #listViewed .slick-arrow {
      display: none !important; } }

.select-swatch {
  margin-bottom: 16px; }
  .select-swatch .swatch {
    flex-direction: column;
    align-items: start; }
    .select-swatch .swatch .swatch-element.soldout {
      cursor: pointer !important;
      pointer-events: auto !important; }
      .select-swatch .swatch .swatch-element.soldout input {
        pointer-events: auto !important;
        cursor: pointer !important; }
      .select-swatch .swatch .swatch-element.soldout label {
        opacity: .6;
        cursor: pointer !important;
        pointer-events: auto !important;
        position: relative; }
        .select-swatch .swatch .swatch-element.soldout label::after {
          pointer-events: none; }
      .select-swatch .swatch .swatch-element.soldout:hover label::after {
        opacity: 1; }

.d-flex-slick#productSlick-slider:not(.slick-initialized) .product-gallery {
  flex: 0 0 calc(100%/1);
  max-width: calc(100%/1); }
  @media (min-width: 992px) {
    .d-flex-slick#productSlick-slider:not(.slick-initialized) .product-gallery {
      flex: 0 0 calc(100%/1);
      max-width: calc(100%/1); } }

.d-flex-slick.list-coupon-slide:not(.slick-initialized) .coupon-item {
  flex: 0 0 calc(100%/4);
  max-width: calc(100%/4); }
  @media (min-width: 992px) {
    .d-flex-slick.list-coupon-slide:not(.slick-initialized) .coupon-item {
      flex: 0 0 calc(100%/7);
      max-width: calc(100%/7); } }

.boxlazy-img__insert {
  position: relative;
  height: 0;
  display: block;
  width: 100%;
  padding-bottom: 100%; }
  .boxlazy-img__insert img, .boxlazy-img__insert video {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-height: 100%;
    object-fit: contain;
    transform: translate(-50%, -50%); }

.check-action-variant {
  position: relative;
  padding: 8px;
  margin-bottom: 24px; }
  .check-action-variant:before {
    content: "";
    border-radius: 10px;
    position: absolute;
    top: -10px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff5f5;
    z-index: -1; }
  .check-action-variant .check-action-tt {
    color: red;
    font-weight: 600;
    margin: 0; }

/*SIZE GUIDE*/
@media (min-width: 992px) {
  #sizeGuideModal .modal-dialog .modal-content .modal-header .close svg path {
    stroke: #6B7280; } }

#sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-nav {
  display: flex;
  margin-bottom: 20px;
  gap: 4px; }
  #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-nav .tab-nav-item {
    flex: 1;
    border-radius: 2px;
    border: 1px solid #E5E7EB;
    padding: 6px 12px;
    color: #6B7280;
    font-weight: 700;
    background-color: transparent;
    transition: .3s all ease; }
    #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-nav .tab-nav-item.active, #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-nav .tab-nav-item:hover {
      background-color: var(--shop-color-button);
      border-color: var(--shop-color-button);
      color: #fff; }

#sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane {
  display: none; }
  #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane.active {
    display: block; }
  #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content {
    text-align: center; }
    #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content .size-guide-title {
      font-size: 30px;
      font-weight: 700;
      margin: 0 0 16px; }
    #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content .measurement-illustration {
      margin-bottom: 16px; }
    #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content .measurement-form .form-group {
      margin-bottom: 8px; }
      #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content .measurement-form .form-group label {
        display: none; }
      #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content .measurement-form .form-group .measurement-input {
        border-radius: 2px;
        border: 1px solid #E5E7EB;
        padding: 6px 12px;
        width: 100%;
        outline: none; }
      #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content .measurement-form .form-group .unit-label {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 12px;
        color: #6B7280; }
    #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content .measurement-form .calculate-btn {
      margin-top: 8px; }
  #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-table {
    display: none !important; }
  #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .result-size-display {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 6px;
    display: block; }
  #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .result-description {
    padding-bottom: 6px;
    display: block; }
  #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .result-actions .btn-view-products {
    font-weight: 700;
    text-decoration: underline;
    padding-left: 6px; }
  #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .btn-remeasure {
    margin: 16px auto 0; }

/* Loading State */
.loading-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px; }

.spinner-border {
  width: 40px;
  height: 40px;
  border-width: 4px;
  border-color: #1a1a1a;
  border-right-color: transparent; }

/* Error State */
.error-state {
  text-align: center;
  padding: 40px 20px; }

.error-state h5 {
  color: #ef4444;
  margin-bottom: 12px; }

.error-state p {
  color: #6b7280;
  margin-bottom: 20px; }

.retry-btn {
  background-color: #1a1a1a;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer; }

#modal-soldout-contact .modal-content {
  border: none; }
  #modal-soldout-contact .modal-content .modal-header {
    padding: 20px 20px 0;
    border: none; }
    #modal-soldout-contact .modal-content .modal-header .modal-title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
      margin: 0 0 12px; }
  #modal-soldout-contact .modal-content .modal-body {
    padding: 12px 20px 20px; }
    #modal-soldout-contact .modal-content .modal-body .form-group {
      margin-bottom: 8px; }
      #modal-soldout-contact .modal-content .modal-body .form-group .form-control {
        height: 48px;
        border: 1px solid #ddd;
        border-radius: 2px;
        padding: 12px 16px;
        font-size: 14px;
        transition: border-color 0.3s ease; }

#modal-soldout-contact .alert {
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 12px 16px;
  font-size: 14px; }

/* Responsive */
@media (max-width: 991px) {
  .breadcrumb-shop {
    padding: 12px 0; }
    .breadcrumb-shop .breadcrumb-list .breadcrumb {
      margin: 0;
      overflow: hidden; }
  .select-swatch .swatch {
    margin-top: 4px; }
  .pd-top-48 {
    padding-top: 20px; }
  .layout-productDetail .productDetail-information .productDetail--main {
    margin-top: 0; }
    .layout-productDetail .productDetail-information .productDetail--main #productSlick-slider .slick-dots {
      position: absolute;
      bottom: 16px;
      left: 0;
      right: 0;
      gap: 2px 6px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .layout-productDetail .productDetail-information .productDetail--main #productSlick-slider .slick-dots li button {
        width: 24px;
        height: 4px;
        background-color: #000102 !important;
        opacity: 0.4;
        border-radius: 1px;
        font-size: 0;
        border-radius: 1234px;
        position: unset !important;
        transform: none !important; }
      .layout-productDetail .productDetail-information .productDetail--main #productSlick-slider .slick-dots li.slick-active button {
        opacity: 1; }
    .layout-productDetail .productDetail-information .productDetail--main .productDetail--content {
      margin-top: 16px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading {
        margin-bottom: 8px; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading h1 {
          font-size: 14px;
          line-height: 22px;
          margin: 0 0 4px; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading .product-heading-flex {
          flex-wrap: wrap;
          gap: 4px; }
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading .product-heading-flex #pro_sku {
            font-size: 13px; }
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading .product-heading-flex .starbaprv-widget {
            font-size: 12px; }
            .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-heading .product-heading-flex .starbaprv-widget .starbap-prev-badgetext {
              font-size: 12px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-price {
        margin-bottom: 12px; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-price .pro-price {
          font-size: 20px; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-price del {
          font-size: 13px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .box-detail-coupon {
        margin-bottom: 12px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .select-swatch {
        margin-bottom: 12px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-variants .size-guide {
        margin-bottom: 0; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-variants .size-guide button span {
          font-size: 13px; }
      .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions {
        position: fixed;
        bottom: 55px;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 99;
        padding: 12px 16px 0px 16px; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .quantity-area .pro-qty {
          padding: 8px 6px; }
        .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .addcart-area {
          padding-left: 8px; }
          .layout-productDetail .productDetail-information .productDetail--main .productDetail--content .wrapbox-detail .product-actions .select-actions .addcart-area .add-to-cartProduct {
            padding: 6px 16px; }
  .layout-productDetail .productDetail-related-recommend {
    padding: 12px; }
    .layout-productDetail .productDetail-related-recommend .productRelated-title h2 {
      font-size: 15px;
      margin: 0 0 12px; }
    .layout-productDetail .productDetail-related-recommend .product-recommend-item .product-card {
      align-items: center; }
      .layout-productDetail .productDetail-related-recommend .product-recommend-item .product-card .product-info .product-options {
        flex-wrap: wrap; }
        .layout-productDetail .productDetail-related-recommend .product-recommend-item .product-card .product-info .product-options .variant-selectors {
          flex-wrap: wrap; }
          .layout-productDetail .productDetail-related-recommend .product-recommend-item .product-card .product-info .product-options .variant-selectors .option-selector select {
            font-size: 13px; }
  .layout-productDetail .productDetail-app-combo .combo-info {
    padding: 12px;
    margin-top: 20px; }
    .layout-productDetail .productDetail-app-combo .combo-info .combo-info--title {
      font-size: 15px;
      margin: 0 0 12px; }
    .layout-productDetail .productDetail-app-combo .combo-info .combo-item--detail .combo-item--head .combo-item--option .options-list {
      flex-wrap: wrap; }
  .layout-productDetail .productDetail-app-combo .combo-info--content .combo-content--total {
    padding: 12px 0 0;
    margin-top: 12px; }
    .layout-productDetail .productDetail-app-combo .combo-info--content .combo-content--total .add-combo {
      padding: 9px 8px;
      font-size: 13px; }
  .layout-productDetail .productDetail--navs {
    padding-top: 0 !important; }
    .layout-productDetail .productDetail--navs .container-fluid {
      padding: 0; }
    .layout-productDetail .productDetail--navs .tab-title .nav-item {
      font-size: 16px; }
    .layout-productDetail .productDetail--navs .tab-content {
      padding: 16px 15px; }
    .layout-productDetail .productDetail--navs .h1, .layout-productDetail .productDetail--navs h1 {
      font-size: 1.5rem; }
    .layout-productDetail .productDetail--navs .h2, .layout-productDetail .productDetail--navs h2 {
      font-size: 1rem; }
    .layout-productDetail .productDetail--navs .h3, .layout-productDetail .productDetail--navs h3 {
      font-size: 0.75rem; }
    .layout-productDetail .productDetail--navs .h4, .layout-productDetail .productDetail--navs h4 {
      font-size: 0.5rem; }
    .layout-productDetail .productDetail--navs .h5, .layout-productDetail .productDetail--navs h5 {
      font-size: 0.25rem; }
    .layout-productDetail .productDetail--navs .h6, .layout-productDetail .productDetail--navs h6 {
      font-size: 14px; }
  .layout-productDetail .productDetail-related .productRelated-title, .layout-productDetail .productDetail-related .productViewed-title, .layout-productDetail .productDetail-recently-viewed .productRelated-title, .layout-productDetail .productDetail-recently-viewed .productViewed-title {
    margin-bottom: 20px; }
    .layout-productDetail .productDetail-related .productRelated-title h2, .layout-productDetail .productDetail-related .productViewed-title h2, .layout-productDetail .productDetail-recently-viewed .productRelated-title h2, .layout-productDetail .productDetail-recently-viewed .productViewed-title h2 {
      font-size: 20px; }
  #sizeGuideModal .modal-dialog {
    max-width: 340px;
    margin: 0 auto; }
    #sizeGuideModal .modal-dialog .modal-content {
      background-color: transparent; }
      #sizeGuideModal .modal-dialog .modal-content .modal-header {
        background: transparent;
        padding: 0;
        border: none; }
        #sizeGuideModal .modal-dialog .modal-content .modal-header .modal-title {
          display: none; }
        #sizeGuideModal .modal-dialog .modal-content .modal-header .close {
          padding: 0;
          margin: 0 -25px -12px auto;
          opacity: 1; }
      #sizeGuideModal .modal-dialog .modal-content .modal-body {
        background-color: #fff; }
        #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-nav .tab-nav-item {
          font-size: 13px;
          padding: 6px 0; }
        #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content .size-guide-title {
          font-size: 18px; }
        #sizeGuideModal .modal-dialog .modal-content .modal-body .size-guide-tabs .tabs-content .tab-pane .size-guide-content .measurement-illustration img {
          width: 160px;
          height: 160px;
          object-fit: contain; }
  #modal-soldout-contact .modal-content {
    max-width: 310px;
    margin: 0 auto;
    border-radius: 0; }
    #modal-soldout-contact .modal-content .modal-header .modal-title {
      margin-bottom: 0; }
    #modal-soldout-contact .modal-content .modal-header .close {
      padding: 0;
      margin: 0;
      position: absolute;
      top: -12px;
      right: -25px;
      opacity: 1; }
      #modal-soldout-contact .modal-content .modal-header .close svg path {
        stroke: #fff; }
    #modal-soldout-contact .modal-content .modal-body .form-group .form-control {
      padding: 6px 12px;
      height: 32px;
      border-radius: 2px; }
      #modal-soldout-contact .modal-content .modal-body .form-group .form-control::placeholder {
        color: var(--shop-color-text); }
  footer.mainFooter .footer-container {
    padding-bottom: 140px; } }
